@charset "UTF-8";

html,body{
    color: #000000;
    padding: 0;
    margin: 0;
    font-family:"TheSans LP5 Plain", "Helvetica Neue", Arial, "sans-serif"; 
	font-size: 15px;
}

@media (min-width:939px){

#content{
	width:940px;
	height:563px;
	margin:0;
	overflow:hidden;
	position:relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/*background-color: aqua;*/
}
.question{
	width:295px;
	height:169px;
	margin: 0;
	padding: 0;
}
.raster{
	position:relative;
	display: block;
	width:295px;
	height:169px;
	margin:7px 7px 7px 7px;
	}
.back{
	width:auto;
	height:auto;
	position: absolute;
	top: 0;
}
.front{
	width:auto;
	height:auto;
	position: absolute;
	top: 0;
}
.question img{
	width:295px;
	height:169px;	
}
#question_video_zoom{
	position: absolute;
	width:295px;
	height:169px;
}
#backbutton{
	position: absolute;
	top: 463px;
	left: 840px;
	width:50px;
	height:50px;
}
#backbutton img{
	width:100%;
	height:100%;
}

}
/*
--------------------------------------------------
ZWISCHEN DING
--------------------------------------------------
*/
@media (max-width:939px){

#content{
	width:100%;
	max-width: 940px;
	height:auto;
	margin:0;
	overflow:hidden;
	position:relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/*background-color:coral;*/
}
.question{
	/*width:30%;
	height:auto;
	margin: 0;
	padding: 0;*/
}
.raster{
	position:relative;
	display: block;
	width:30%;
	height:auto;
	margin:7px 7px 7px 7px;
	}
.back{
	width:auto;
	height:auto;
	position: absolute;
	top: 0;
}
.front{
	width:auto;
	height:auto;
	position: absolute;
	top: 0;
}
.question img{
	width:100%;
	/*height:auto;	*/
}
#question_video_zoom{
	margin: 0;
	padding: 0;
	position: absolute;
	width:30%;
	height:auto;	
}
#backbutton{
	position: absolute;
	float:right; 
	bottom:40px;
	right: 30px;
	width:40px;
	height:40px;
}
#backbutton img{
	width:100%;
	height:100%;
}

}

/*
--------------------------------------------------
MOBILE 
--------------------------------------------------
*/
@media (max-width:600px){

#content{
	width:100%;
	height:auto;
	padding-top:8px;
	padding-bottom: 8px;
	position:absolute;
	/*background-color:chocolate;*/
}
.question{
	width:100%;
	height:65px;
	background-color: #c4e9e3;
	margin-top: 5px;
}
	
.question img{
	height:60px;
	width:auto;
	float:left;
	margin-left: 5px;
	margin-right: 5px;
	
}
.question td {
	align:center;
	margin-left: 5px;
}


}