/* CSS Document */ 


body,html 
	{ width: 100%; height: 100%; margin: 0; padding: 0; }


a 
	{ text-decoration: none;}


h1
	{ color: #FF6600; font-family: 'Amatic SC', cursive; }

h2
	{ color: #3ADF00; font-family: 'Amatic SC', cursive; font-size: 40px; text-align: center }

h3
	{ color: #3ADF00; font-family: 'Amatic SC', cursive; font-size: 20px; text-align: left }


p	{ font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; }


body	{ overflow-x: hidden; }






/*-----------*/
/*Navigation */
/*-----------*/


#header nav .container-fluid 
	{ background-color:#FFFACD; position:fixed; z-index:99; top:0; left:0; right:0; width:100%; border-bottom: 0px solid black; }

#header nav .container-fluid ul li a 
	{ font-size: 26px; color: #ff6600; font-family: 'Amatic SC', cursive; }

#header nav .container-fluid a 
	{ font-size: 26px; color: #ff6600; font-family: 'Amatic SC', cursive; }

#header nav ul li:hover 
	{ background-color: #ff934c; border-radius: 4px; }

#header nav ul li:hover a
	{ color: black; }




/*-----------*/
/*Startseite */
/*-----------*/


#Startseite	{ 
	background: url(Fotolia_99609238_small.jpg); 
	background-position:center center; 
	background-size: cover; 
	background-attachment: fixed; 
	height: 100%;
}


@media screen and (max-width: 600px) 	{ 
	#Startseite { height: 100%; margin: -20px 0 0 0; padding: 0; } 
	#Startseite h1 { margin: 20% 5% 30px auto; font-size: 50px; line-height: 50px; text-align: right; color: #ff6600; } 
}

@media screen and (min-width: 601px) and (max-width: 1099px) 	{ 
	#Startseite { height: 100%; margin: -20px 0 0 0; padding: 0; } 
	#Startseite h1 { margin: 25% 5% 30px auto; font-size: 85px; line-height: 85px; text-align: right; color: #ff6600; } 
}

@media screen and (min-width: 1100px)	{ 
	#Startseite { height: 100%; margin: -20px 0 0 0; padding: 0; } 
	#Startseite h1 { margin: 20% 5% 30px auto; font-size: 105px; line-height: 105px; text-align: right; color: #ff6600; } 
}




/*-----------*/
/*Eltern     */
/*-----------*/


#Eltern 	{ 
	height: auto; 
}


#Eltern h2 	{ 
	padding: 0; 
	text-align: middle; 
	margin: 60px auto auto auto; 
}

#Eltern h4	{ 
	font-family: 'Amatic SC', cursive; 
	color: #3ADF00; 
	margin: 5% 5% 5% auto; 
}

#Eltern p	{ 
	padding: 0; 
	width: 80%; 
	display: block; 
	margin: 5% 5% 5% 20%; 
}

#Eltern img	{ 
	margin: 0 10% 0 10%; 
}

#Eltern hr	{ 
	height: 8px; 
	border: 0; 
	color: #ff6600; 
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); 
	width: 85%; 
}


@media screen and (max-width: 600px) 	{ 
	#Eltern h2 { font-size: 25px; }
	#Eltern h4 { font-size: 18px; margin: 10px 0 30px 20%; text-align: middle; }
	#Eltern p { margin: 5% 10% 0 10%; font-size: 15px; line-height: 16px; }
}			  

@media screen and (min-width: 601px) and (max-width: 1099px) 	{ 
	#Eltern h2 { font-size:30px; margin: 60px 0 35px 0; } 
	#Eltern h4 { font-size: 24px; margin: 10px 0 30px 20%; text-align: middle; }
	#Eltern p { margin: 45px 30px 0 10%; font-size: 17px; line-height: 18px; } 
}

@media screen and (min-width: 1100px) and (max-width: 1599px)	{ 
	#Eltern h2 { font-size:35px; margin: 60px 0 40px 0; } 
	#Eltern h4 { font-size: 28px; margin: 10px 0 30px 20%; text-align: middle; }
	#Eltern p { margin: 45px 30px 0 10%; font-size: 19px; line-height: 20px; } 
}



					

/*-----------*/
/*Leistungen */
/*-----------*/


#Leistungen	{ 
	height: auto; 
}

#Leistungen h2 	{ 
	padding: 0; 
	text-align: middle; 
}

#Leistungen h4	{ 
	font-family: 'Amatic SC', cursive; 
	color: #00bf32; 
}

#Leistungen ul li 	{ 
	font-family: 'Open Sans Condensed', sans-serif; 
}

#Leistungen img { 
	float: right; 
	margin: 2% 9% 1% 2%; 
	width: 40%; 
	height: auto; 
	min-width: 100px;
} 

#Leistungen hr	{ 
	height: 8px; 
	border: 0; 
	color: #ff6600; 
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); 
	width: 85%; 
}


@media screen and (max-width: 600px) 	{ 
	#Leistungen h2 { font-size: 25px; }
	#Leistungen h4 { font-size: 18px; margin: 1% 0 10% 10%; text-align: middle; }
	#Leistungen ul { margin: 0 0 2% 10%; font-size: 15px; }
	#Leistungen p { margin: 5% 10% 6% 10%; font-size: 15px; line-height: 16px; } 
}			  

@media screen and (min-width: 601px) and (max-width: 1099px)  { 
	#Leistungen h2 { font-size:30px; }
	#Leistungen h4 { font-size: 24px; margin: 1% 0 10% 10%; text-align: middle; }
	#Leistungen ul { margin: 0 0 2% 10%; font-size: 17px; } 
	#Leistungen p { margin: 5% 30px 6% 10%; font-size: 17px; line-height: 18px; } 
}

@media screen and (min-width: 1100px) and (max-width: 1599px)	{ 
	#Leistungen h2 { font-size:35px; } 
	#Leistungen h4 { font-size: 28px; margin: 1% 0 10% 10%; text-align: middle; }
	#Leistungen ul { margin: 0 0 2% 10%; font-size: 19px; }
	#Leistungen p { margin: 5% 30px 6% 10%; font-size: 19px; line-height: 20px; } 
}





/*-----------      */
/* Beantragung     */
/*-----------      */


#Beantragung	{ 
	height: auto; 
}

#Beantragung h2 { 
	padding: 0; 
	text-align: middle; 
	margin: 0 0 2% 0; 
}

#Beantragung img { 
	float: right; 
	margin: 1% 9% 1% 2%; 
	width: 100%; 
	height: auto; 
	min-width: 100px;
} 

/*#Beantragung hr	{ 
	height: 8px; 
	border: 0; 
	color: #ff6600; 
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); 
	width: 85%; 
}*/


@media screen and (max-width: 600px) 	{ 
	#Beantragung h2 { font-size: 25px; }
	#Beantragung p { margin: 5% 10% 1% 0%; font-size: 15px; line-height: 16px; } 
	#Beantragung img { width: 45%; float: left; }
	#Beantragung img.picture { width: 100%; }
}			  

@media screen and (min-width: 601px) and (max-width: 1099px)  	{ 
	#Beantragung h2 { font-size:30px; }
	#Beantragung p { margin: 5% 10% 1% 0%; font-size: 17px; line-height: 18px; } 
	#Beantragung img { width: 45%; float: left; }
	#Beantragung img.picture { width: 90%; }
}

@media screen and (min-width: 1100px) and (max-width: 1599px)	{	
	#Beantragung h2 { font-size:35px; } 
	#Beantragung p { margin: 5% 10% 1% 0%; font-size: 19px; line-height: 20px; } 
}



/*-----------*/
/*Das Team   */
/*-----------*/


#DasTeam 	{ 
	height: auto; 
}


/*#DasTeam .Team h2 { 
	padding: 0; 
	text-align: middle; 
	margin: 100px 0 30px 0; 
}*/


#DasTeam .container	{ 
	margin: 10px auto 100px auto; 
}

#DasTeam hr	{ 
	height: 8px; 
	border: 0; 
	color: #ff6600; 
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); 
	width: 85%; 
}

@media screen and (max-width: 600px) 	{ 
	#DasTeam h2 { font-size: 25px; }
	#DasTeam p { margin: 5% 10% 1% 5px; font-size: 15px; line-height: 16px; } 
	#DasTeam img { width: 45%; margin: 5% 10% 1% 5px; float: left; }
}			  

@media screen and (min-width: 601px) and (max-width: 1099px)  	{ 
	#DasTeam h2 { font-size:30px; }
	#DasTeam p { margin: 5% 10% 1% 0%; font-size: 17px; line-height: 18px; } 
	#DasTeam img { width: 55%; margin: 5% 10% 1% 3px; float: left; }
	#DasTeam img.picture { width: 90%; }
}

@media screen and (min-width: 1100px) and (max-width: 1599px)	{	
	#DasTeam h2 { font-size:35px; } 
	#DasTeam p { margin: 5% 10% 1% 0%; font-size: 19px; line-height: 20px; } 
	#DasTeam img { width: 65%; margin: 5% 10% 1% 2px; float: left; }
}



/*-----------*/
/*Kontakt    */
/*-----------*/


#Kontakt	{ 
	height: auto; 
}

#Kontakt h2	{ 
	padding: 0; 
	text-align: middle; 
	margin: 0 0 2% 0; 
}

#Kontakt p	{ 
	padding: 0; 
	text-align: left; 
	margin: 40px 0 0 0; 
}

#Kontakt img	{
	padding: 0;
	margin: 1% 1% 1% 1%;
}

#Kontakt .container	{ 
	margin: 0 0 0 5%; 
}


#Kontakt .footer	{ 
	background-color: #FFFACD; 
	width: 100%; 
}

#Kontakt .footer p	{ 
	text-align: center; 
	color: black;
	margin: 5% 0 0 0; 
}

#Kontakt .footer a	{ 
	color: black; 
}

@media screen and (max-width: 600px) 	{ 
	#Kontakt .footer { height: 70px; }
	#Kontakt .footer p { font-size: 15px; margin: 2Px 0 20px 0; } 
} 
		

@media screen and (min-width: 601px) and (max-width: 1099px) 	{ 
	#Kontakt .footer { height: 75px; }
	#Kontakt .footer p { font-size: 17px; margin: 5Px 0 20px 0; } 
} 


@media screen and (min-width: 1100px) and (max-width: 1599px)	{ 
	#Kontakt .footer { height: 75px; }
	#Kontakt. footer p { font-size: 19px; margin: 16Px 0 20px 0; } 
}



					


/*-----------*/
/*Impressum  */
/*-----------*/



#Impressum { 
	background-color: white; 
	height: 100%; 
	width: 100%; 
}


@media screen and (max-width: 600px) 	{ 
	#Impressum h2 { font-size: 25px; margin: 15% 0 0 0; }
	#Impressum p { margin: 5% 10% 6% 10%; font-size: 14px; line-height: 14px; text-align: center; }
}			  

@media screen and (min-width: 601px) and (max-width: 1099px)  	{ 
	#Impressum h2 { font-size:30px; margin: 15% 0 0 0; }
	#Impressum p { margin: 5% 10% 6% 10%; font-size: 16px; line-height: 16px; text-align: center; } 
}

@media screen and (min-width: 1100px) and (max-width: 1599px)	{	
	#Impressum h2 { font-size:35px; margin: 15% 0 0 0; } 
	#Impressum p { margin: 5% 10% 6% 10%; font-size: 18px; line-height: 18px; text-align: center; } 
}

/*-------------*/
/*Datenschutz  */
/*-------------*/



#Datenschutz	{ 
	background-color: white; 
	height: 100%; 
	width: 100%; 
}


@media screen and (max-width: 600px) 	{ 
	#Datenschutz h2 { font-size: 25px; margin: 10% 0 0 0; }
	#Datenschutz p { margin: 5% 10% 6% 10%; font-size: 14px; line-height: 14px; text-align: center; }
	
}			  

@media screen and (min-width: 601px) and (max-width: 1099px)  	{ 
	#Datenschutz h2 { font-size:30px; margin: 10% 0 0 0; }
	#Datenschutz p { margin: 5% 10% 6% 10%; font-size: 16px; line-height: 16px; text-align: center; } 
	
}

@media screen and (min-width: 1100px) and (max-width: 1599px)	{	
	#Datenschutz h2 { font-size:35px; margin: 10% 0 0 0; } 
	#Datenschutz p { margin: 5% 10% 6% 10%; font-size: 18px; line-height: 18px; text-align: center; } 
	
}