@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#navVVV
			{
				width: 100%;
				position: static;
				margin: 0; z-index: 800;

			}

body,td,th {
	color: #fff; background-color: #fff; font-size: 20px; font-family: 'Open Sans', sans-serif; color: #333333; overflow-x:hidden;
	
}



.div1 {
  width: 100%; padding-left: 10%; float:left; 
  align-items: center;     top: 0;

 
}




.Navi {
  display:none;

 
}


.Navi {
  display: none;
  width: 100%;
    position: fixed;
    top: 0;
z-index:200;
      	  background-color: #fff;

}

.Navi > div {
  
  justify-content: center;
  align-items: center;
 
  
 
}

#fussli {
	width:100%;
		color: #fff;
	padding-bottom:0px;
float: left; padding:5%;


}

#fussre {
	width:100%;
	color: #fff;
	
	float: left;
      text-align: left;
      padding:5%;


}

#spalte-a {
	width:100%;
	

}

#spalterechts-b {
	width:100%;
	

}

#spaltelinks-b {
	width:100%;
	

}


#kontakt4 {
		display:none;
	
		
		
	}





* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#hamburger-menu {
  display:block;

}




#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  left: 0 !important;
}


.menu__btn {
  display: block;



background-color: #fff;
  height: 5rem;
  width: 45%;
  
  position: fixed;
  top: 90px; 
  left: 50%; 
  z-index: 1010;
    text-align: center; 
  cursor: pointer;


}
.menu__box {
  position: fixed;
z-index: 1001;

  top: 175px;
  left: -100%;
  width: 90%;
  height: 100%;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background-color: #fff;
text-align:left;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
  transition-duration: .25s;
}
.menu__item {
  display: block;
  padding: 6px 12px;
  color: #333;
  font-family: 'Arial', sans-serif;
  font-size: 25px;
  font-weight: 300;
  text-decoration: none;
  transition-duration: .25s;
}
.menu__item:hover {
  background-color: #CFD8DC; color: #333;

}

.navimobil{
  top:0px; left:0px;
z-index:1010; width:100%;background-color:#fff; position: fixed; display:block; height:180px;
}


.mobi{
  margin-top:27px;
z-index:1200; font-size:36px; margin-left:1%;
display: block;

font-family: 'Boston', regular; 
}

.divmobil1{
 display: block;
   
  width: 100%;
    position: fixed;
  top: 20px; 
  left: 0px; 
  z-index: 1010;  text-align: center; 
  cursor: pointer;

}

.divmobil2{
  width:48%; padding-left:1%; margin-top:120px;
z-index:1010; float:left; display: block;

}
.divmobil3{
  width:1%; 
z-index:2010; float:left; top:113px; position: fixed; left:47%;display: block;


}
.divmobil4{
  width:47%; padding-left:1%; position: fixed;
z-index:1010; float:left;top:114px; left:55%;
font-size:30px;display: block;


}

.tot{ display:none;


}

.vierzig {
  width:100%;

 
}

.sechzig {
  width:100%;

 
}

.dreissig {
  width:100%;
float: left;
 
}


.fuenfzig {
  width:100%;
float: left;
 
}

.vierf {
  width:100%;
 
}

.container2 {
  margin-top:120px;

 
}




#slider-container {
      position: relative;
	top: 160px; 
      max-width: 100%;
      overflow: hidden;
    }

#kontakt5 {
		

		display:block;
text-align:center;
padding-left: 3%;
padding-right: 3%;
color: #fff;
background-image: url('images/backtitel.png');
background-size: cover;
background-color: rgba(255, 255, 255, 0.5);	
position:absolute; 
top:260px;
left: 3%;
z-index:100;
}

#kontakt {
		width: 15%;
padding: 0%;
		display:block;
background-color: #ffd254;
	
	
		right:0%;
position:fixed; 
top:55%;
z-index:100;
	
		
		
	}



.custom-button2 {
            
			font-weight: bold; font-size:30px; width: 90%;         }

.custom-button {
            
			font-weight: bold; font-size:30px; width: 90%;         }



h1  { font-size:6vw;

font-family: 'Boston', regular; line-heigth: 10px;


}

h5  { font-size:6vw;

font-family: 'Boston', cursive; margin-top:0px; 


}

h2  { font-size:5vw;

font-family: 'Boston', cursive; margin-top:50px; 

}

h4  { font-size:5vw;

font-family: 'Boston', cursive; margin-top:0px; 


}


.tot{ display:none;


}

.vierzig {
  width:100%;

 
}

.sechzig {
  width:100%;

 
}

bold  { font-size:4vw;

font-family: 'Boston', cursive; margin-top:0px; 


}

.abstand {
  display:block;

 
}

#col1 {
    
width: 49%; padding:1%; 
}
#col2 {
    
width: 49%; padding:1%; 

}
#col3 {
    
display: none; 

}

.textfeld {
      width: 100%;
      padding: 1px;
      box-sizing: border-box;
    }
h3{
	font-size: 20px; 
	text-decoration: none;
}