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

h2{
	text-align: center;
	font-family: omnes-pro, sans-serif;
	font-weight: 500;
	color: #212121;
	font-size: 2em;
	
	padding-top: 4em;
}

p{
	font-family: omnes-pro, sans-serif;
	font-weight: 300;
	color: #212121;
	font-size: 1.3em;
	margin: 1em;
	z-index: 100;
	
}


@media  screen and (max-width: 1290px) {
	#unterpunkte li{padding-left: 1em;}}

@media  screen and (max-width: 750px) {
	#unterpunkte li{padding-left: 2em;}}

@media  screen and (max-width: 620px) {
	#unterpunkte li{padding-left: 3em;}}








/*standort*/
#standort p{margin-bottom: 3em;}
.google_maps{
	display: flex;
	justify-content: center;
}

.google_maps img{
	max-width: 700px;
	border-radius: 3em;
}



/*schulzeiten*/
.schulzeiten{
	display: flex;
	justify-content: center;
	text-align: right;
}
.tage{ justify-content: flex-start;}


/*alltag*/



/*team*/
#team{
	margin: 3em;
}



#team img{
	max-width: 300px;
	border-radius: 10%;
	margin: 3em;
}

#team h2{
	font-size: 2em;
}
.team{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.team_inhalt{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}



h3{
	font-family: omnes-pro, sans-serif;
	font-weight: 400;
	color: #212121;
	font-size: 1.5em;}

#team ul{
	font-family: omnes-pro, sans-serif;
	font-weight: 300;
	color: #212121;
	font-size: 1.1em;
}


/*Elternmitarbeit und Kosten*/




.kosten_pro_klasse{
	display: flex;
	justify-content: center;
	align-items: center;
}

.kosten_pro_klasse li{
	list-style: none;
	text-align: center;
	
	font-family: omnes-pro, sans-serif;
	
}


/*Text Gallery */


.galerie figure {
    width: 15%;
    display: inline-block;
	padding: 0em;
	margin: 2em;
	transition: 0.5s opacity;
	
}

.galerie figure:hover{
	opacity: 80%;
	transition-delay: 0s;
}

.galerie_inhalt img {
    width: 100%;
}



 

.galerie_inhalt{
	display: flex;
	justify-content: center;
	align-items: baseline;
	

}



.galerie_inhalt img{
	border-radius: 1.3em;
}
	@media  screen and (max-width: 1300px) {
	
	.galerie figure{
		margin: 1.5em;
		width: 22%}
	
	.galerie figure:hover{
		opacity: 80%;}
	
	.galerie_inhalt img{
	border-radius: 1.3em;}}

@media  screen and (max-width: 1070px) {
	
	.galerie figure{
		margin: 1.5em;
		width: 22%}
	
	.galerie figure:hover{
		opacity: 80%;}
	
	.galerie_inhalt img{
	border-radius: 1.3em;}}

@media  screen and (max-width: 830px) {
	
	.galerie figure{
		margin: 1em;
		width: 30%}
	
	.galerie figure:hover{
		opacity: 80%;}
	
	.galerie_inhalt img{
	border-radius: 1em;}}

@media  screen and (max-width: 650px) {
	
	.galerie figure{
		margin: 1em;}
	
	.galerie figure:hover{
		opacity: 80%;}
	
	.galerie_inhalt img{
	border-radius: 1em;}}

@media  screen and (max-width: 530px) {
	
	.galerie figure{
		margin: 0.5em;
		width: 45%}
	
	.galerie figure:hover{
		opacity: 80%;}
	
	.galerie_inhalt img{
	border-radius: 1em;}}

@media  screen and (max-width: 450px) {
	
	.galerie figure{
		margin: 0.5em;}
	
	.galerie figure:hover{
		opacity: 80%;}
	
	.galerie_inhalt img{
	border-radius: 1em;}}





/*Gallery */
@media (hover: none) {.realgalerie figure:hover{width: 10}}
.realgalerie figure {
    width: 18%;
    display: inline-block;
	padding: 0em;
	margin: 2em;
	transition: 0.5s width;
	
}

.realgalerie figure:hover{
	width: 19%;
	transition-delay: 0s;
}

.realgalerie_inhalt img {
    width: 100%;
}



 

.realgalerie_inhalt{
	display: flex;
	justify-content: center;
	align-items: baseline;
	

}



.realgalerie_inhalt img{
	border-radius: 1.3em;
}
	@media  screen and (max-width: 1300px) {
	
	.realgalerie figure{
		margin: 1.5em;
		width: 22%}
	
	.realgalerie figure:hover{
		width: 23%}
	
	.realgalerie_inhalt img{
	border-radius: 1.3em;}}

@media  screen and (max-width: 1070px) {
	
	.realgalerie figure{
		margin: 1.5em;
		width: 26%}
	
	.realgalerie figure:hover{
		width: 27%}
	
	.realgalerie_inhalt img{
	border-radius: 1.3em;}}

@media  screen and (max-width: 830px) {
	
	.realgalerie_inhalt{flex-wrap: wrap;}
	.realgalerie figure{
		margin: 1em;
		width: 30%;}
	
	.realgalerie figure:hover{
		width: 31%}
	
	.realgalerie_inhalt img{
	border-radius: 1em;}}

@media  screen and (max-width: 650px) {
	
	.realgalerie figure{
		margin: 1em;
		width: 40%}
	
	.realgalerie figure:hover{
		width: 41%}
	
	.realgalerie_inhalt img{
	border-radius: 1em;}}

@media  screen and (max-width: 530px) {
	
	.realgalerie figure{
		margin: 0.5em;
		width: 45%}
	
	.realgalerie figure:hover{
		width: 46%}
	
	.realgalerie_inhalt img{
	border-radius: 1em;}}

@media  screen and (max-width: 450px) {
	
	.realgalerie figure{
		margin: 0.5em;
		width: 70%}
	
	.realgalerie figure:hover{
		width: 71%}
	
	.realgalerie_inhalt img{
	border-radius: 1em;}}








@media  screen and (max-width: 1290px) {
	
	#unterpunkte ul{
	align-items: center;
	flex-direction: column;
	line-height: 1.4em;
	}
	#unterpunkte ul{padding-left: 0;}
	
	.google_maps img{
		max-width: 600px;
	}
}

@media  screen and (max-width: 970px) {
	.team_inhalt{
		justify-content: center;
	}
}


@media  screen and (max-width: 740px) {
	.google_maps img{
		max-width: 400px;
	}
}

@media  screen and (max-width: 480px) {
	.google_maps img{
		max-width: 300px;
		border-radius: 2em;
	}
}