@charset "UTF-8";
/* CSS Document */


@media all and (max-width: 1350px) {	
	
	p	{	font-size: 12pt;
			line-height: 22pt;
		}
		
	
	.event 	{	width: 44%;
				padding: 0;
				display: inline-block;
        
			}
	
	nav a 	{	font-size: 12pt;
			}
			
	#feedback 	{	height: auto;
						}



/** TABLET **/

@media all and (max-width: 1100px) {	
	
	.event 	{	width: 100%;
				padding: 0;
				display: block;
				height: auto;
			}
			
			
	.event a img 	{	width: 30%;
					}
			

	.folgend	{	margin: 0 0 5% 0;
				}
				
	
	nav 	{	z-index: 10;
			}
	
	
	nav a 	{	font-size: 12pt;
			}
			
	
	.nav_text	{	padding-left: 3%;
				}
			
			
	section {	padding: 45px 0 45px 0;
			}
	
	.leistungen p {
		font-size: 12pt;
		line-height: normal;
		margin: 0;
	}
		
	.andrea {	top: 30px;
				position: relative;
			}
			
			
	#kontakt 	{	padding-bottom: 20%;
				}
		


	
	#ansprechpartner 	{	height: auto;
						}
	
					
	.person {	width: 49.5%;
				margin: 0 0 40px 0;
			}
	
	
	.person img {	width: 50%;
					display: block;
				}
}


@media all and (max-width: 910px) {
	
	.logo	{	float: right;
				margin-top: -50px;
				padding-bottom: 0;
			}
	
	.logo img	{	width: 170px;
				}
	
	nav a 	{	font-size: 10pt;
			}
			
	nav ul 	{
			display: block;
			}
	
	
	nav ul li 	{	margin: 0;
					padding: 0;
					float: left;
				}
					
	
	.nav_text2 	{	float: none;
					padding: 0;
					margin: 0;
     
				}
			
	
	nav hr 	{	clear: both;
			}
	
	
	.nav_text	{	padding-left: 0;
       
				}
	
	.event 	{	width: 100%;
				
				padding: 0;
				margin: 0 0 5% 0;
			}
			
			
	.event a img 	{	width: 70%;
					}
			

	.folgend	{	margin: 0 0 5% 0%;
				}
			
		
			
	footer p 	{	width: 32.5%;
				}
    
    .map {
        width: 100%;
        height: 400px;
        margin-bottom: 10%;
    }
	.leistungen {	margin: 0 0 40px 0;
					padding: 0;
					width: 100%;
				}
				
				
	.leistungen a,
	.leistungen p	{	padding: 0 1.4% 0 1.4%;
						width: 30%;
					}
				
					
	.leistungen a img,
	.leistungen p img   {	width: 100%;
							margin: 0;
						}			
	
	
	#ansprechpartner 	{	height: auto;
						}
	
					
	.person {	width: 49.5%;
				margin: 0 0 40px 0;
			}
	
	
	.person img {	width: 50%;
					display: block;
				}
				
				
	#kontakt 	{	padding-bottom: 100%;
					height: auto;
				}	
				
				
	a.map	{	display: none;
			}
						
	#kontakt_text iframe {	display: block;
							width: 100%;
							text-align: center;
							margin-bottom: 10%;
							float: left;
						}
    
	#kontakt_text p 	{	display: block;
							width: 100%;
							margin: 0;
							float: left;
						}
						
						
	a.button {	display: block;
				width: 100%;
				margin: 0 0 5% 0;
				float: none;
			}
			
	
	a.fb 	{	float: none;
				margin: 0 auto;
				padding: 0;
				width: 17%;
				display: block;
			}
}




@media all and (max-width: 650px) {
	
	nav a 	{	font-size: 10pt;
			}
			
	nav ul 	{
			display: block;
			}
	
	
	nav ul li 	{	margin: 0;
					padding: 0;
					float: left;
				}
					
	
	.nav_text2 	{	float: none;
					padding: 0;
					margin: 0;
				}
	
	
	.logo	{	float: right;
				margin-top: -50px;
				padding-bottom: 1%;
			}
			
	
	nav hr 	{	clear: both;
			}
	
	
	.nav_text	{	padding-left: 0;
				}
	
	.subnav { 	position: relative;
				margin: 0;
				padding: 0;
			}
	
	.subnav p { 	font-size: 12pt;
					text-align: center;
			}
	
	.einleitung {	margin: 0 0 50px 0;
				}
	
	.einleitung p	{	text-align: center;
					}
				
	
	.eingabe,
	textarea	{	font: 12pt Raleway, Arial, sans serif;
					width: 98%;
					margin: 0 0 5% 0;
					padding: 1%;
				}


				
				
	.send,
	.reset	{	width: 120px;
				margin: 0;
				padding: 10%;
				font: 12pt Raleway, Arial, sans serif;
			}
			
	.content p 	{	width: 100%;
					margin: 0 0 40px 0;
					clear: both;
				}
				
	
	.content img	{	width: 100%;
						margin-bottom: 5%;
					}
					
	
	hr#gruen	{	border: 2px solid #41a62a;
				}
	
 
	.bild_text img	{	display: inline-block;
						width: 100%;
						text-align: left;
						margin: 0 0 10% 0;
						padding: 0;
					}


	.bild_text p 	{	display: inline-block;
						width: 100%;
						text-align: left;
						margin: 0;
						padding: 0;
						float: none;
					}

}



/** SMARTPHONE **/

@media all and (max-width: 560px) {		
	
	h1	{	font-size: 21pt;
		}
    
    	h2	{	font-size: 18pt;
		}
		
		
	nav ul li 	{	margin-top: 80px;
				}
	
	
	.nav_text	{	padding-left: 3%;
				}
    	
	.event 	{	width: 80%;
				padding: 0 10% 0 10%;
				margin: 0 0 15% 0;
			}
			
	
	.folgend	{	
            
                margin: 0 0 15% 0%;
				}
			
			
	.event p 	{	text-align: center;
				}
			
			
	footer p 	{	width: 100%;
					margin-top: 0;
				}
	.text p	{	
                width: 90%;
				margin: 0 auto;
				padding: 0;
				height: 70%;
                text-align: center;
		}
	
	.text_r {	text-align: left;
		}
		
			
	p	{	text-align: left;
		}
		
		
	nav a 	{	font-size: 10pt;
			}
			
	nav ul 	{
			display: block;
			}
	
	
	nav ul li 	{	margin: 0;
					padding: 0;
					float: left;
				}
					
	
	.nav_text2 	{	float: none;
					padding: 0;
					margin: 0;
				}
	
	
	.logo	{	float: right;
				margin-top: -50px;
				padding-bottom: 1%;
			}
			
	
	nav hr 	{	clear: both;
			}
	
	.einleitung {	margin: -50px 0 0 0;
				}
				
				
	.leistungen {	margin: 0;
					width: 100%;
				}
				
				
	.leistungen a {	margin: 0;
						display: block;
						width: 100%;
 					}
	
	.leistungen p {	margin: 0 0 10% 0;
					display: block;
					width: 100%;
 					}
				
					
	.leistungen a img {	width: 70%;
						margin: 0 15% 2% 15%;
					  }
	
	.leistungen p img {	width: 70%;
						margin: 0 15% 5% 15%;
					  }
						
						
	#download p,
	.person p	{	text-align: center;
				}
				
				
	.person {	margin: 0 0 20px 0;
			}
			
			
	.andrea {	top: 10px;
			}
			
			
	#kontakt 	{	height: 30em;
                    margin-bottom: 10%;
				}
	
	.bild_text {	width: 100%;
					display: inline-grid;
					margin-bottom: 5%;
				}
}
            .sliderControls {
                width:50%;
                margin: 0 auto;
                padding-right: 6%;
                text-align: center;
            }

@media all and (max-width: 455px) {	

	#ansprechpartner 	{	height: auto;
						}
						
						
	.event a img 	{	width: 80%;
					}
	
					
	.person {	width: 100%;
				margin: 0 0 40px 0;
			}
	
	
	.person img {	width: 50%;
					display: block;
				}
}