.gamearea{
	position:absolute;
	left:100%;
	width:100%;
	height:100%;
	/*height:1536px;*/
	/* border-left:20px solid white; */
	transition:left 0.6s;
	transition-timing-function: ease-in-out;
	z-index:105; /* über footer */
	top:0;
	background-image:url('../images/big-screen.png');
	background-size: 100% 100%;
}
.gamearea._hidden{
	left:105%;
}
.gamearea.instant{
	transition:0s;
}
.gamearea._active{
	left:0%;
}
.gamearea._active #icon-doublearrow{
	left:-40px;
}
#gamearea-container{
	padding:45px;

}
.gamearea-gamecontent{
	float:left;
	width:100%;
	height:886px;
	position:relative;
}
.gamearea-gamecontent._schablone{
	float:none;
	width:100%;
	margin:0 auto;
	height:886px;
	background:#000000;
}
/*.gamearea-gamecontent._schablone .gamearea-questionbox{
	background:#738035;
	width:370px;
	height:886px;
}
.gamearea-gamecontent._schablone .gamearea-questionbox-content{
	width:auto;
	height:auto;
	margin-top:200px;
	margin-left:40px;
	margin-right:40px;
}*/
.gamearea-gamecontent._schablone .game-schablonenspiel-container{
	display:none;
}
.gamearea-headline-slogan{
	float:left;
	margin-left:40px;
	/* font-family: 'ballpark', serif; */
	font-size:4rem;
	color:#c71d0a;
}
.gamearea-headline-spielname{
	font-size:4rem;
	margin-top:0px;
	color:#d1b995;
	text-align:left;
}
.gamearea-icon-question{
	position:absolute;
	right:80px;
	top:70px;
	z-index:2;
	background-image:url('../images/help-button.png');
	background-size:100%;
	background-repeat:no-repeat;
	width: 150px;
    height: 150px;
	background-position:top right;
	
	background-image:url('../images/test/narrator2.jpg');
	/* width:110px; */
	/* height:110px; */
	background-size:cover;
	border-radius:50%;
	border:6px solid rgba(255,255,255,1);
	
	/*background-color:#863128;
	border-radius:50%;
	width:123px;
	height:123px;
	cursor:pointer;
	z-index:2;
	animation: questionanim 0.7s 1.0s forwards;
	animation-iteration-count: 3;
	font-size:7rem;
	text-align:center;
	padding-top:5px;
	box-sizing:border-box;
	color:#ffffff;*/
}
.gamearea-icon-question._wimmel{
	/* right:110px; */
	top:60px;
	right:60px;
}
.gamearea-icon-question._flygame{
	/* right:110px; */
	top:auto;
	bottom:80px;
}
.gamearea-questionbox{
	position:absolute;
	right:70px;
	top:240px;
	padding:50px;
	background-color:#863128;
	z-index:50;
	display:none;
}
.gamearea-questionbox:after{
	display:block;
	content:'';
	position:absolute;
	width:0px;
	height:0px;
	top:-79px;
	right:30px;
	border:40px solid transparent;
	border-bottom:40px solid #863128;
}
.gamearea-questionbox._schablone{
    right: 250px;
    top: 0px;
	padding:40px;
}
.gamearea-questionbox._schablone:after{
	top:85px;
	right:-79px;
	border:40px solid transparent;
	border-left:40px solid #863128;
}
.gamearea-questionbox._wimmel{
	/* right:110px; */
}
.gamearea-questionbox-content{
	color:#ffffff;
	font-size:2.1rem;
	max-width:800px;
}
._schablone .gamearea-questionbox-content{
	max-width:none;
}
.gamearea-gameheader{
	float:left;
	width:100%;
	position:relative;
	z-index:4;
	text-align:left;
	padding:0 70px;
	padding-bottom:20px;
	pointer-events:none;
}
.gamearea-gamefooter{
	float:left;
	width:100%;
	height:160px;
	position:relative;
	transition:top 0.6s;
	top:0;
	z-index:4;
	text-align:center;
}
.gamearea-gamefooter._kreuzwort{
	top:-120px;
}
.gamearea-gamefooter._active{
	top:-620px;
}
.gamearea-gamefooter-button, .game-kreuzwort-button{
	color: #ffffff;
	/* background-color: #008616; 	 */
	background-image: url('../images/button-bg.png'); 	
	background-size:100% 100%; 
	font-size: 2.8rem;
    line-height: 1;
	text-align:center;
	padding:40px 80px;
	cursor:pointer;
	border:0;
	cursor:pointer;
}
.gamearea-gamefooter-button{
	float:none;
	display:inline-block;
}
._schablone .gamearea-gamefooter-button{
	float:right;
	margin-right:40px;
	margin-top:30px;
}
.gamearea-gamefooter._schablone{
	background-color:rgba(0,0,0,0.5);
	margin-bottom:50px;
	height:130px;
}
.game-kreuzwort-button{
	margin-top:0;
	float:right;
}
.minigame-answerinput, .minigame-answerinput2{
	opacity:0;
	position:absolute;
	left:0;
}

.game-char{
	position:absolute;
	width:100%;
	bottom:105%;
	font-size:60px;
	text-align:center;
	color:#ffffff;
}

/* SORTIERSPIEL */
.game-sortierspiel-container{
	margin-top:200px;
	padding:20px;
	margin-left:70px;
	position:relative;
	height:500px;
}
.game-sortierspiel-box{
	width:14%;
	height:345px;
	/* border:1px dashed #808080; */
	margin:20px;
	position:absolute;
	/* background-color:#ffffff; */
	
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.game-sortierbox-footer-runden{
	float:left;
	width:20%;
	font-size:2.2rem;
	text-align:center;
	margin-top:30px;
	color:#595959;
	margin-left:40px;
}
.game-sortierbox-footer-runden-anzahl{
	font-size:4rem;
	font-size:2rem;
	/* margin-top:-5px; */
	display:inline-block;
}
.game-sortierbox-gametitle{
	/* width:50%; */
	font-size:2.2rem;
	color:#dcdcdc;
	float:left;
}

/* WIMMELBILD */
.game-wimmelbild-bild{
	/* float:left; */
	width:100%;
	height:885px; /* pixel größe auf dem Tablet */
	width:1584px;
	position:relative;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.game-wimmelbild-footer-fehler{
	float:right;
	width:25%;
	font-size:2rem;
	text-align:right;
	top:10px;
	position:relative;
	color:#ffffff;
	margin-right:40px;
}
.game-wimmelbild-footer-text{
	float:left;
	color:#ffffff;
	margin-left:40px;
	font-size:2rem;
	margin-top:10px;
}
.game-wimmelbild-fehlerkreis{
	position:absolute;
	width:140px;
	height:140px;
	border-radius:50%;
	border:7px solid #8aff00;
	opacity:0.0;
}
.game-wimmelbild-inner{
	position:absolute;
	left:-50px;
	top:-50px;
	right:-50px;
	bottom:-50px;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border-radius:50%;
	background-color:rgba(0,255,0,0.0);
}
.game-wimmelbild-tipp{
	position:absolute;
	width:120px;
	height:120px;
	top:200px;
	left:200px;
	border-radius:80px;
	border:7px solid #888888;
	z-index:5;
	opacity:0;
	pointer-events:none;
}
.game-wimmelbild-falsch{
	position:absolute;
	width:120px;
	height:120px;
	top:200px;
	left:200px;
	border-radius:80px;
	border:7px solid #ff0000;
	z-index:5;
	pointer-events:none;
	opacity:0;
}

/* SCHABLONENSPIEL */
.game-schablonenspiel-container{
	position:relative;
}
.game-schablonenspiel-bild{
	float:left;
	width:100%;
	height:945px;
	background-image:url('../images/test/wimmelbild.jpg');
	background-repeat:no-repeat;
	background-size:120%;
	background-position:50% 50%;
	/* display:none; */
}
.game-schablonenspiel-schablone{
	position:absolute;
	width:100%;
	height:945px;
	/* background-image:url('../images/test/schablonenspiel.jpg'); */
	background-size:cover;
	background-repeat:no-repeat;
}
.game-schablonenspiel-footer-loesungswort{
	display:inline-block;
	font-size:2.4rem;
	text-align:center;
	/* margin-top:30px; */
	font-weight:600;
	/* margin-left:100px; */
	color:#ffffff;
	width:800px;
}
.gamearea-schablone{
	position:absolute;
	top:0;
	left:0;
	width:1200px;
	height:900px;
	background-size:100% 100%;
}

/* KREUZWORTRÄTSEL */
.game-kreuzwort-kasten{
	float:left;
	width:70px;
	height:70px;
	border:3px solid #937642;
	margin-left:-1px;
	margin-bottom:10px;
	margin-right:5px;
	padding-top:10px;
	text-transform:uppercase;
	position:relative;
}
.game-kreuzwort-punkt{
	float:left;
	font-size:3rem;
	margin:0 20px;
	margin-top:30px;
	color:#ffffff;
}
.game-kreuzwort-loesungskasten{
	float:left;
	width:71px;
	font-size:1.2rem;
	font-weight:300;
	text-transform:uppercase;
}
.game-kreuzwort-footer-loesungswort{
	float:left;
	width:70%;
	font-size:2.4rem;
	text-align:center;
	margin-top:70px;
	font-weight:600;
	margin-left:40px;
	text-transform:uppercase;
}
.game-kreuzwort-fragenkatalog{
	float:left;
	width:35%;
	height:850px;
	margin-top:40px;
	padding-left:40px;
	padding-right:40px;
	background:rgba(255,255,255,0.5);
	font-size:1.8rem;
	color:#414141;
}
.game-kreuzwort-bullet{
	float:left;
	background-color:#dddddd;
	border:1px solid #777777;
	color:#ffffff;
	text-align:center;
	font-size:2rem;
	font-weight:600;
	margin-right:20px;
	margin-left:20px;
	padding:10px;
	box-sizing:border-box;
	width:140px;
	text-align:center;
}
.game-kreuzwort-bullet.Blau{
	background-color:#445edd;
}
.game-kreuzwort-bullet.Rot{
	background-color:#d73232;
}
.game-kreuzwort-bullet.Schwarz{
	background-color:#000000;
}
.game-kreuzwort-bullet.Grün{
	background-color:#2b912d;
}
.game-kreuzwort-bullettext{
	overflow:hidden;
	font-size: 1.8rem;
	color:#414141;
	/* margin-bottom:40px; */
	/* margin-top:10px; */
}
.game-kreuzwort-box{
	clear:both;
	margin-bottom:40px;
	width:100%;
}
.game-kreuzwort-raster{
	width:65%;
	overflow:hidden;
	height:850px;
	margin-top:40px;
	margin-left:700px;
	padding-left:40px;
	/* background:rgba(255,255,255,0.5); */
	/* font-size:1.8rem; */
	color:#414141;
	position:relative;
}
.game-kreuzwort-rasterbox{
	position:absolute;
	width:85px;
	height:85px;
	border:1px solid #808080;
	padding-top:10px;
	text-transform:uppercase;
	font-weight:600;
	font-size:4rem;
	background-color:#ffffff;
	text-align: center;
}
.game-kreuzwort-rasterbox._farbig, .game-kreuzwort-kasten{
	background-color:#b39c7d;
}
.game-kreuzwort-antwortbox .game-kreuzwort-kasten{
	background-color:#ffffff;
	text-transform: uppercase;
    font-weight: 600;
    font-size: 2.4rem;
    text-align: center;
}
.game-kreuzwort-fragebox{
	padding-left:5px;
	margin-top:20px;
	float:left;
	width:45%;
}
.game-kreuzwort-antwortbox{
	overflow:hidden;
	width:auto;
	width:40%;
	float:left;
	padding-left:2px;
}
.game-kreuzwort-rastermarker{
	position:absolute;
	font-weight:700;
	bottom:2px;
	right:4px;
	font-size:1rem;
}
.game-kreuzwort-raster .game-kreuzwort-bullet{
	margin:0;
	float:none;
	position:absolute;
}

.game-kreuzwort-antwortcontainer{
	position:absolute;
	width:100%;
	left:0;
	background-color:#ffffff;
	padding:20px;
	bottom:460px;
	padding-left:150px;
	padding-right:150px;
	box-shadow:0 -20px 20px rgba(0,0,0,0.1);
	opacity:0;
	display:none;
	/*7transition:opacity 1s;*/
}
.game-takepicture{
	/* background-color:#ffffff; */
	padding-top:20px;
	padding-bottom:20px;
}
.zahlenschloss-pin{
	color:#2c2c2c;
	font-size:2.3rem;
	position:relative;
    /* text-shadow: 0 2px 8px rgba(0,0,0,0.8); */
	
	width:834px;
	height:393px;
	
	padding:40px;
	background-image:url('../images/zahlenschloss.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	transform-origin:50% 50%;
	margin-top:170px;
	margin-left:100px;
}
.zahlenschloss{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url('../images/Zahlgenschloss-Background.png');
	background-position:center;
	background-size:41%;
	background-repeat:no-repeat;    
	display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.zahlenschloss-container{
	/* width: 600px; */
    height: 340px;
	overflow:hidden;
}
.zahlenschloss-number{
	position:relative;
	width:120px;
	margin-right:26px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
}
.zahlenschloss-number:last-child{
	margin:0;
}
.zahlenschloss-num{
	color:#253445;
	font-size:120px;
    line-height: 150px;
}
.gamearea-gamefooter._zahlenschloss{
	position:absolute;
	top:auto;
	bottom:100px;
}

.game-uhrzeit-container{
	width:100%;
	height:800px;
	position:relative;
}
.game-uhrzeit-uhr{
	position:relative;
	display:inline-block;
	width:800px;
	height:800px;
	/* border-radius:50%; */
	/* background-color:#555555; */
	/* border:10px solid #999999; */
	background-image:url('../images/uhrzeit_bg.png');
	background-position:center;
	background-size:contain;
	margin-right:400px;
}
.game-uhrzeit-zeiger{
	position:absolute;
	transform-origin:42px 50%;
}
.game-uhrzeit-zeiger._zeiger1{
	/* background-color:#ff0000; */
    width: calc(28% + 30px);
    height: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 45px);
	z-index:1;
	
	background-image:url('../images/HourHand.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	transform:rotate(-30deg);
	transform:rotate(-90deg);
}
.game-uhrzeit-zeiger._zeiger2{
	/* background-color:#00ff00; */
    width: calc(45% + 30px);
    height: 86px;
    top: calc(50% - 43px);
    left: calc(50% - 43px);
	z-index:2;
	background-image:url('../images/MinuteHand.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	transform:rotate(-150deg);
	transform:rotate(-90deg);
}
.game-uhrzeit-zeiger._zeiger3{
	background-color:#0000ff;
	width:calc(40% + 30px);
	height:10px;
	top:calc(50% - 5px);
	left:calc(50% - 30px);
	z-index:3;
	display:none;
}
.game-uhrzeit-zeiger._disabled{
	opacity:0.5;
	z-index:0;
	pointer-events:none;
}
.game-uhrzeit-center{
	position:absolute;
	z-index:4;
	width:90px;
	height:90px;
	border-radius:50%;
	background-color:#6f6f6f;
	top:calc(50% - 45px);
	left:calc(50% - 45px);
	box-shadow:2px 2px 6px rgba(0,0,0,0.3);
}
.game-uhrzeit-text{
	position:absolute;
	top:0;
	left:0;
	font-size:40px;
	color:#ffffff;
	opacity:0;
	pointer-events:0;
}
.game-uhrzeit-lampen{
	position:absolute;
	top:0px;
	right:360px;
	width:280px;
	font-size:40px;
	color:#ffffff;
}
.game-uhrzeit-lampe{
	width:130px;
	height:auto;
	vertical-align:middle;
}
.gamearea-gamecontent._uhrzeit{
	display: flex;
	align-items: center; 
	justify-content: center; 
	text-align: center;
}


.game-zeitraten-container{
	width:100%;
	height:100%;
	position:relative;
}
.game-zeitraten-button{
	width:300px;
	height:200px;
	/* border-radius:50%; */
	/* box-shadow:0 0 40px rgba(0,0,0,0.3), inset 0 0 40px rgba(0,0,0,0.4); */
	/* border:3px solid rgba(255,255,255,0.52); */
	position:absolute;
	background-position:center;
	background-size:100% 100%;
}
.game-zeitraten-button._button1{
	/* background-color:hsl(0,100%,50%); */
	top:100px;
	left:100px;
	background-image:url('../images/time_Button1.png');
}
.game-zeitraten-button._button2{
	/* background-color:hsl(60,100%,50%); */
	top:100px;
	right:100px;
	background-image:url('../images/time_Button2.png');
}
.game-zeitraten-button._button3{
	/* background-color:hsl(120,100%,50%); */
	bottom:100px;
	right:100px;
	background-image:url('../images/time_Button3.png');
}
.game-zeitraten-button._button4{
	/* background-color:hsl(180,100%,50%); */
	bottom:100px;
	left:100px;
	background-image:url('../images/time_Button4.png');
}

.game-zeitraten-button._button1._pressed{
	/* box-shadow:0 0 40px rgba(0,0,0,0.3); */
	/* background-color:hsl(0,100%,30%); */
	background-image:url('../images/time_Button1_Pressed.png');
}
.game-zeitraten-button._button2._pressed{
	/* box-shadow:0 0 40px rgba(0,0,0,0.3); */
	/* background-color:hsl(60,100%,30%); */
	background-image:url('../images/time_Button2_Pressed.png');
}
.game-zeitraten-button._button3._pressed{
	/* box-shadow:0 0 40px rgba(0,0,0,0.3); */
	/* background-color:hsl(120,100%,30%); */
	background-image:url('../images/time_Button3_Pressed.png');
}
.game-zeitraten-button._button4._pressed{
	/* box-shadow:0 0 40px rgba(0,0,0,0.3); */
	/* background-color:hsl(180,100%,30%); */
	background-image:url('../images/time_Button4_Pressed.png');
}
.game-zeitraten-text{
	color:#ffffff;
	font-weight:700;
	text-align:center;
	width:100%;
	height:100%;
	position:absolute;
	font-size:200px;
	opacity:0;
	pointer-events:none;
	
	display: flex;
	align-items: center; 
	justify-content: center; 
	text-align: center;
	z-index:3;
}
.game-zeitraten-radar{
	width:1000px;
	height:1000px;
	background-image:url('../images/Radar.png');
	background-position:center;
	background-size:100% 100%;
	position:absolute;
	opacity:0.9;
	transform-origin:50% 50%;
	animation: radaranim 1.73s forwards linear;
	animation-iteration-count:infinite;
	left:420px;
	top:50px;
	pointer-events:none;
	z-index:1;
}
.game-zeitraten-line{
	width:1000px;
	height:1000px;
	background-image:url('../images/RadarIndicator.png');
	background-position:center;
	background-size:100% 100%;
	position:absolute;
	opacity:0.5;
	transform-origin:50% 50%;
	animation: radarlineanim 1.73s forwards linear;
	animation-iteration-count:infinite;
	transform:rotate(0deg);
	z-index:2;
}
.gamearea-icon-question._zeitraten{
	top:45%;
}

.game-quiz-container{
	width:90%;
	margin:0 auto;
}
.game-quiz-timer{
	width:300px;
	height:300px;
	margin-left:calc(50% - 150px);
	position:relative;
}
.game-quiz-timerbg{
	width:100%;
	height:100%;
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('../images/quiz_timer_background.png');
}
.game-quiz-timersphere{
	border-radius:20px 40px;
	width:100%;
	height:100%;
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	background-image:url('../images/quiz_timer_stripes.png');
}
.game-quiz-timertime{
	position:absolute;
	color:#ffffff;
	font-size:6.2rem;
	text-align:center;
	width:100%;
	height:100%;
	line-height:300px;
	top:0;
}
.game-quiz-number{
	/* float:right; */
	color:#ffffff;
	width:400px;
	font-size:4rem;
	text-align:center;
	position:absolute;
	top:120px;
}
.game-quiz-counter{
	/* float:right; */
	width:400px;
	text-align:left;
	position:absolute;
	top:230px;
	left:130px;
}
.game-quiz-count-green{
	display:inline-block;
	border-radius:50%;
	background-color:#88b14a;
	width:50px;
	height:50px;
	margin-right:10px;
	border: 4px solid #ffffff;
}
.game-quiz-count-red{
	display:inline-block;
	border-radius:50%;
	background-color:#d25766;
	width:50px;
	height:50px;
	margin-right:10px;
	border: 4px solid #ffffff;
}
.game-quiz-question{
	clear:both;
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	padding:40px;
	width:100%;
	color:#406579;
	min-height:150px;
	box-sizing:border-box;
	background-image:url('../images/quiz_question_box.png');
	font-size:2.6rem;
	text-align:center;
	margin-top:50px;
}

.game-quiz-buttons{
	margin-top:30px;
}
.game-quiz-button{
	display:inline-block;
	width:45%;
	min-height:150px;
	margin:30px;
	padding:40px;
	color:#406579;
	font-size:2.4rem;
	text-align:center;
	filter:brightness(100%);
	transform:scale(1.0);
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:filter 0.2s, transform 0.2s;
	vertical-align:top;
}
.game-quiz-button:active{
	filter:brightness(90%);
	transform:scale(0.9);
}
.game-quiz-button._button1{ background-image:url('../images/quiz_answerbox_1_neutral.png'); }
.game-quiz-button._button2{ background-image:url('../images/quiz_answerbox_2_neutral.png'); }
.game-quiz-button._button3{ background-image:url('../images/quiz_answerbox_3_neutral.png'); }
.game-quiz-button._button4{ background-image:url('../images/quiz_answerbox_4_neutral.png'); }

.game-quiz-button._button1._correct{ background-image:url('../images/quiz_answerbox_1_true.png'); color:#ffffff; animation: questionanim 1.0s forwards; animation-iteration-count: 3;}
.game-quiz-button._button2._correct{ background-image:url('../images/quiz_answerbox_2_true.png'); color:#ffffff; animation: questionanim 1.0s forwards; animation-iteration-count: 3;}
.game-quiz-button._button3._correct{ background-image:url('../images/quiz_answerbox_3_true.png'); color:#ffffff; animation: questionanim 1.0s forwards; animation-iteration-count: 3;}
.game-quiz-button._button4._correct{ background-image:url('../images/quiz_answerbox_4_true.png'); color:#ffffff; animation: questionanim 1.0s forwards; animation-iteration-count: 3;}

.game-quiz-button._button1._wrong{ background-image:url('../images/quiz_answerbox_1_false.png'); color:#ffffff; }
.game-quiz-button._button2._wrong{ background-image:url('../images/quiz_answerbox_2_false.png'); color:#ffffff; }
.game-quiz-button._button3._wrong{ background-image:url('../images/quiz_answerbox_3_false.png'); color:#ffffff; }
.game-quiz-button._button4._wrong{ background-image:url('../images/quiz_answerbox_4_false.png'); color:#ffffff; }

.gamearea-gamecontent._flygame{
	padding:20px;
	padding-top:0px;
}
.game-flygame-container{
	background-image:url('../images/fly_bg.jpg');
	background-size:100% 100%;
	background-repeat:no-repeat;
}
#flycanvas{
	
}
.fly-score{
	position:absolute;
	z-index:2;
	top:20px;
	left:900px;
	color:#ffffff;
	text-shadow:0 0 2px rgba(0,0,0,0.8);
	width:100px;
	text-align:center;
	pointer-events:none;
	font-size:4rem;
}
.fly-try{
	position:absolute;
	z-index:2;
	top:20px;
	right:100px;
	color:#ffffff;
	text-shadow:0 0 2px rgba(0,0,0,0.8);
	text-align:right;
	pointer-events:none;
	font-size:1.5rem;
}
.fly-time{
	position:absolute;
	z-index:2;
	top:20px;
	left:100px;
	color:#ffffff;
	text-shadow:0 0 2px rgba(0,0,0,0.8);
	text-align:center;
	pointer-events:none;
	font-size:4rem;
}
.fly-time img{
	display:inline-block;
	vertical-align:middle;
	height:60px;
	width:auto;
	margin-right:5px;
}
.game-flygame-prompt{
	position:absolute;
	top:0px;
	font-size:2.5rem;
	text-align:center;
	width:100%;
	color:#ffffff;
}
.game-flygame-prompt select{
	font-size:2.0rem;
	padding:12px 20px;
	font-family: 'Hobgoblin', serif;
}
.game-flygame-prompt option{
	font-family: 'Hobgoblin', serif;
	font-size:1.5rem;
}
.game-flygame-prompt img{
	height:100px;
	width:auto;
	vertical-align:middle;
}
.game-flygame-button{
	font-size:3rem;
	padding:20px;
	display:inline-block;
	padding:20px 120px;
	margin-left:40px;
}
.game-flygame-startcontainer, .game-flygame-endcontainer{
	position:absolute;
	top:320px;
	font-size:2rem;
	text-align:center;
	width:760px;
	padding:40px;
	background:rgba(0,0,0,0.5);
	left:630px;
}
.game-flygame-starttext, .game-flygame-endtext{
	font-size:3rem;
    color: #ffffff;
    text-shadow: 0 0 2px rgba(0,0,0,0.8);
}
.game-flygame-startbutton, .game-flygame-endbutton{
	font-size:3rem;
	padding:20px;
	display:inline-block;
	padding:20px 120px;
}
.game-flygame-endbutton{
	
}
.game-flygame-endcontainer{
	display:none;
	width:900px;
	left:500px;
}
.sound-wave-container {
  display: flex;
  justify-content: center;
  align-items: center; /* Center bars vertically */
  height: 300px; /* Adjust as needed */
  position:absolute;
  top:700px;
  right:100px;
	background-image:url('../images/mampf-meter.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center;
}

.sound-bar {
  width: 10px;
  background-color: #3498db;
  margin: 0 2px;
  transition: height 0.01s ease-in-out;
}
.scream-image{
	position:absolute;
	top:0px;
	left:0px;
	height:800px;
	width:800px;
	background-repeat:no-repeat;
	background-size:auto;
	background-image:url('../images/mampf_sheet.png');
}
.scream-bg{
	width:800px;
	height:800px;
	background-image:url('../images/mampf-bg.jpg');
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	top:200px;
	left:150px;
}
.scream-border{
	width:860px;
	height:860px;
	top:-30px;
	left:-30px;
	background-image:url('../images/mampf-border.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:relative;
}
.meter-container{
	position:absolute;
	right:127px;
	top:300px;
}
.meter-light{
	width:54px;
	height:188px;
	float:left;
	margin-right:10px;
	background-image:url('../images/mampf_light0.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center;
}
.meter-label,.wave-label{
	color:#ffffff;
	font-size:3rem;
	position:absolute;
	text-align:center;
	top:-78px;
}
.meter-label{
	left:163px;
}
.wave-label{
}
.ar-reset{
	float:right;
	/* margin-top:40px; */
	/* margin-bottom:-50px; */
	position: absolute;
    top: 61px;
    right: 68px;
}

@keyframes questionanim {
	0% { transform:scale(1); }
	50% { transform:scale(1.2); filter:brightness(120%)}
	100% { transform:scale(1); filter:brightness(100%)}
}
@keyframes radaranim{
	0% { opacity:1; }
	50% { opacity:0.9; }
	99% { opacity:0.9; }
	100% { opacity:1; }
}
@keyframes radarlineanim{
	0% { transform:rotate(0deg); opacity:1.3; }
	100% { transform:rotate(360deg); opacity:0.1; }
}
/*.game-kreuzwort-antwortcontainer._active{
	opacity:1;
}*/