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

#wrapper {
	padding-top: 20px;
}

#slideshow
{
	position: relative;
	overflow: hidden;
	height: auto;
	padding-bottom: 64%;
	margin-bottom: 20px;
}

#slideshow img
{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
}

.mySlides {
	opacity: 0;
}

.animate {
  animation: fadein 2s
}

@keyframes fadein { 
 	0% { opacity:0 } 
	10% { opacity:1 }
	100% { opacity:1 } 
}

@keyframes fadeout { 
 	0% { opacity:1 } 
	80% { opacity:1 }
	100% { opacity:0 } 
}

button.quizbutton {
	width: 100%;
	background-color: #eeeeee;
	border: none;
	padding: 10px;
	text-align: left;
	margin-bottom: 5px;
	border-radius: 2px;
	font: normal 17px/1.235em 'ITC Conduit Light', Arial, sans-serif;
	color: #575656;
}

button.falsch {
	background-color: #cd1316;
	color: #ffffff;
}

button.richtig {
	background-color: #94c11c;
	color: #ffffff;
}

#abschluss {
	clear: both;
}

#abschluss, #abschluss a {
	color: #fff;
}

.h1white  {
	color: #fff;
	margin-bottom: 10px;
}

@media (max-width: 579px) {

	#slideshow {
	padding-bottom: 129%;
	}
}

@media (max-width: 509px) {

	#wrapper {
		padding-top: 20px;
	}
	#header .header_wrapper,
	#header h1 {
		display: block !important;
	}
}

@media (min-width: 510px) and (max-width: 774px) {
	#wrapper {
		padding-top: 20px;
	}
}