@charset "utf-8";

/*Hintergrundbild*/
body {
	background-image: url("../images/IMG_2042.JPG");
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*Farbe Layout*/
header {
	background-color: #bad030;
}

.sidebar1 {
	background-color: #bad030;
}

.container {
	background: rgba(255,255,255,0.85);
	/*height: 100vh;*/
}

ul.nav a, ul.nav a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen das Erscheinungsbild einer Schaltfläche beibehalten. */
	background-color: #bad030;
	font-weight:bold;
	/*text-shadow: 0 -1px 1px #bad030, 0 1px 1px #007000;
	color:#008000;*/
	
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	background-color: #ADB96E;
	
}

footer {
	background-color: #bad030;
}

/*============ BEGIN Auswahlboxen =======================================================================================*/
.erwachsen{
	float:left;	
	margin-left:10px;
	width:120px;
	height:120px;
	background-color:#79acdc;	
	padding-top:5px;
	
	box-shadow: -10px 10px 8px #333;
	-webkit-box-shadow: -10px 10px 8px #333;
	-khtml-box-shadow: -10px 10px 8px #333;
	-moz-box-shadow: -10px 10px 8px #333;
	
	-webkit-transition: transform 1s ease; /* Safari 3.1 to 6.0 */
	transition: transform 1s ease;
}

.erwachsen p{
	text-align:center;	
	font-size:14px;
	padding-top:50px;
	color:#000;
}

.erwachsen:hover{
	-ms-transform: scale(1.2) rotate(3deg); /* IE 9 */
    -webkit-transform: scale(1.2) rotate(3deg); /* Chrome, Safari, Opera */
	transform: scale(1.2) rotate(3deg);
	
	-webkit-transition: transform 1s ease; /* Safari 3.1 to 6.0 */
	transition: transform 1s ease;
}


.kinder{	
	float:left;
	margin-left:20px;
	width:120px;
	height:120px;
	background-color:#ffc90c;
	padding-top:5px;	
	
	
	box-shadow: -10px 10px 8px #333;
	-webkit-box-shadow: -10px 10px 8px #333;
	-khtml-box-shadow: -10px 10px 8px #333;
	-moz-box-shadow: -10px 10px 8px #333;
	
	-webkit-transition: transform 1s ease; /* Safari 3.1 to 6.0 */
	transition: transform 1s ease;
}

.kinder p{
	text-align:center;	
	font-size:14px;
	padding-top:30px;
	color:#000;
}

.kinder:hover{
	-ms-transform: scale(1.2) rotate(-3deg); /* IE 9 */
    -webkit-transform: scale(1.2) rotate(-3deg); /* Chrome, Safari, Opera */
	transform: scale(1.2) rotate(-3deg);
	
	-webkit-transition: transform 1s ease; /* Safari 3.1 to 6.0 */
	transition: transform 1s ease;
}


.unternehmen{
	float:left;
	margin-left:10px;
	width:120px;
	height:120px;
	background-color:#b6babd;
	padding-top:5px;
	margin-bottom:20px;	
	
	box-shadow: -10px 10px 8px #333;
	-webkit-box-shadow: -10px 10px 8px #333;
	-khtml-box-shadow: -10px 10px 8px #333;
	-moz-box-shadow: -10px 10px 8px #333;
	
	-webkit-transition: transform 1s ease; /* Safari 3.1 to 6.0 */
	transition: transform 1s ease;
}

.unternehmen p{
	text-align:center;	
	font-size:14px;
	padding-top:50px;
	color:#000;
}

.unternehmen:hover{
	-ms-transform: scale(1.2) rotate(3deg); /* IE 9 */
    -webkit-transform: scale(1.2) rotate(3deg); /* Chrome, Safari, Opera */
	transform: scale(1.2) rotate(3deg);
	
	-webkit-transition: transform 1s ease; /* Safari 3.1 to 6.0 */
	transition: transform 1s ease;
}


.fortbildung{
	float:left;
	margin-left:10px;
	width:120px;
	height:120px;
	background-color:#f74400;
	padding-top:5px;
	margin-bottom:20px;
	
	box-shadow: -10px 10px 8px #333;
	-webkit-box-shadow: -10px 10px 8px #333;
	-khtml-box-shadow: -10px 10px 8px #333;
	-moz-box-shadow: -10px 10px 8px #333;
	
	-webkit-transition: transform 1s ease; /* Safari 3.1 to 6.0 */
	transition: transform 1s ease;
}

.fortbildung p{
	text-align:center;	
	font-size:14px;
	padding-top:50px;
	color:#000;
}

.fortbildung:hover{
	-ms-transform: scale(1.2) rotate(-3deg); /* IE 9 */
    -webkit-transform: scale(1.2) rotate(-3deg); /* Chrome, Safari, Opera */
	transform: scale(1.2) rotate(-3deg);
	
	-webkit-transition: transform 1s ease; /* Safari 3.1 to 6.0 */
	transition: transform 1s ease;
}
/*============ END Auswahlboxen =======================================================================================*/