body {
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
    font-size:25px;
    
}

.cont_m {
    vertical-align: middle ;
	max-width:1250px;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    
	}

/*#navbar {
    margin:0px auto;
    overflow:hidden;
    background-color:#333;
    font-variant:small-caps;
    font-size:18px;
	font-family:Verdana;
    color: white;
    position: fixed;
    z-index: 99;
    top: -80px;
    width: 100%;
    display: block;
    transition: top 0.3s;
}


#bo {

    height: 50px;;
    width: 100%;
    display: block;
    font-variant:small-caps;
    font-size:18px;
	font-family:Verdana;
    text-align: center;
}

#bo a {
  float: left;
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 15px;
  text-decoration: none;
  font-size: 17px;
}

#bo a:hover {
  background-color: #ddd;
  color: black;
}


.container_menu {
    margin:10px auto;width:100%;
    overflow:hidden;
    background-color:#333;
    font-variant:small-caps;
    font-size:18px;
	font-family:Verdana;
    color: white;
}

.container-inner {position:relative;left:-50%;float:right}

.container-inner ul {position:relative;left:50%}

.container-inner li {display:inline;border-right:1px solid gray;line-height:normal;padding:0 10px}

.container-inner a,.container-inner a:visited {color:white;text-decoration:none}

.container-inner a:hover {color:gray}

.container-inner li:last-child {border-right:none}
*/

.bild_mittig { 
    background-color: white;
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.bild_oben {
    background-image: url(images/Bilder/H_Plan.jpg);
    height: 60vh;
}
	
.bild_oben2 {
    clear: both;
    position: relative;
     background-image: url(images/Bilder/27.jpg); 
    height: 100vh;
    
	 }
.bild_oben3 {
    clear: both;
    position: relative;
     background-image: url(images/Bilder/Plan%20Bleistift.jpg); /*15.jpg*/
    height: 100vh;
    
	 }

#text_1 {
    padding:15px 15px 2500px;
    text-align: left;
}
/*gibs nimmer 2026
.box1 { 
    float: left; 
    width: 32%; 
    margin-right: 2%; 
    padding: 20px;  
    box-sizing: border-box;
    font-size:30px;
    text-align: left;
    padding-top: 120px;
    padding-bottom: 120px;
}
.box1:last-child { margin-right: 0; }

.box2 { 
    float: left; 
    width: 64%; 
    margin-right: 2%; 
    padding: 20px;  
    box-sizing: border-box;
    text-align: left;
    padding-top: 120px;
    padding-bottom: 120px;
}
.box2:last-child { margin-right: 0; }

.box3 { 
    float: left; 
    width: 30%; 
    margin-right: 2%; 
    padding: 0px;  
    box-sizing: border-box;
    text-align: left;
    padding-top: 0px;
}
.box3:last-child { margin-right: 0; }
.box3 img {
    width: 300px; 
	height:200px; 
	object-fit: cover;
	object-position: 50%;
    opacity: 0.6;
    -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
   
}

.box3 img:hover {
    opacity: 0.9;
*/
    /* wäre für Bildvergrößerung und Geschwindigkeit Bildvergrößerung
    -webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
    -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
*/
}

.box50 { 
    float: left; 
    width: 46%; 
    margin-right: 2%; 
    padding: 20px;  
    box-sizing: border-box;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: yellow;
}
.box50:last-child { margin-right: 0; }

.footer {
	background-color:#4a4a4a;
	color:#ffffff;	
	font-variant:small-caps;

	font-family:Verdana;
}

#copy {
    background-color:#4a4a4a;
    color:darkgrey;
    background-color: #333;
    padding:15px;
    vertical-align: middle ;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.col-4 {
 font-size:18px;   
}

.col-4 a {
    color: white;
    text-decoration: none;

    
}

.col-8 {
padding:0px 30px;    

}

/*Kontakt unten*/
#u_links {
    padding-left:50px; 
    padding-top:50px; 
    text-align:center; 
 
}

#u_mitte {
    padding-left:50px; 
    padding-top:80px; 
    text-align:center; 

}

#u_rechts {
    padding-left:50px; 
    padding-top:80px; 
    text-align:center; 
  
}

#weiter {
    padding-top: 120px;
    padding-bottom: 120px;
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button5 {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

/*          scroll     */

body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
  position: relative;
  opacity: 0.80;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("images/Bilder/H_Plan.jpg");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("images/Bilder/24.jpg");
  min-height: 80vh;
}

.bgimg-3 {
    clear:both; 
  background-image: url("images/Bilder/Plan%20Bleistift.jpg"); /* 15.jpg*/
  min-height: 400px;
}

.bgimg-4 {
    clear:both; 
  background-image: url("images/Bilder/1.jpg");
  min-height:80vh;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #639fa4;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
  }
}

.box_3 {
    clear:both; 
    color: #777;
    background-color:white;
    text-align:center;
    font-size:18px;
    padding:50px 80px;
    text-align: justify;
}

.ueber_aa {
    font-family: 'Square Peg';
    color:#ddd;
    background-color:#282E34;
    text-align:center;
    padding:50px 80px;
    text-align: justify;
    
}

/*                   separat  für über Studio Aichner*/

.augustbild {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    opacity: 90%;
    position: relative;
    float: left;
    margin-right:50px;
    margin-bottom:50px;
}  

#august {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 0%;
    position: absolute;
   
}
/*          scroll Ende    */

.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -100px;}