.unselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{overflow:hidden;width:100%;height:100%;padding:0;margin:0;margin-top:0px;font-family:"Droid Sans",Verdana,Arial,Helvetica,sans-serif;font-size:13px;text-align:left;display:flex;justify-content:center;align-items:center;background:#234d86}#wrapper{overflow:hidden;position:relative;width:100%;height:auto;background:#234d86}#iframe_container{position:relative;top:0px;width:100%;background-color:rgba(200,54,54,0);padding-bottom:75%;z-index:500;visibility:visible;overflow:hidden}#allIn{width:100%;height:100%;background-color:rgba(200,54,54,0);position:absolute;top:0px;left:0;border:none;visibility:visible}#allIn_bg{width:100%;height:100%;background-color:rgba(200,54,54,0);position:absolute;top:0px;left:0;border:none;visibility:visible}#abdeckung{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#234d86;visibility:visible;z-index:3000}#svgBox{position:relative;top:15%}.svgContainerDef{width:70%;margin:0 auto;padding-bottom:140%;background-image:url(../_pics/titel_def.svg);background-repeat:no-repeat}.svgContainerOver{width:70%;margin:0 auto;padding-top:35%;height:0;background-image:url(../_pics/titel_over.svg);background-size:cover;background-repeat:no-repeat}@-webkit-keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-moz-keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#loaderBox{position:absolute;top:calc(55% - 28px);left:calc(65% - 28px)}.bgLoader{border:2px solid #000;border-radius:50%;background-color:#fff;width:54px;height:54px}.loader{margin:8px 0 0 8px;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #234d86;border-bottom:4px solid #234d86;width:30px;height:30px;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:spinner;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-moz-animation-name:spinner;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:spinner}#btn_start{position:absolute;top:calc(55% - 28px);left:calc(65% - 28px);background:url("../_pics/btn_master_sprite.png") 0px -966px;background-repeat:no-repeat;width:57px;height:57px;cursor:pointer;visibility:hidden}#btn_start:hover{background:url("../_pics/btn_master_sprite.png") 0px -1023px;background-repeat:no-repeat;width:57px;height:57px}#btn_start:focus{background:url("../_pics/btn_master_sprite.png") 0px -1023px;background-repeat:no-repeat;width:57px;height:57px}#titelTxtBox{position:absolute;top:4%;margin:0px auto;width:100%;height:auto;z-index:3000;text-align:center;border-top-style:solid;border-bottom-style:solid;border-width:2px;border-color:#3b7e87}#titelTxt{font-size:32px;padding:3px 0 3px 0}.txtTitle{font-weight:bold;color:#aeede6}.txtThema{font-weight:normal;color:#fff}#titelKapitelTxtBox{position:absolute;bottom:4%;margin:0px auto;width:100%;height:auto;z-index:3000;text-align:center;border-bottom-style:solid;border-width:1px;border-color:#3b7e87}#titelKapitelTxt{font-size:22px;padding:0 4px 6px 4px}.txtAufgabe{color:#C3DB13}.txtAufgabenstellung{color:#FFF}#infoboxBottom{position:absolute;bottom:-50px;right:0px;width:100%;height:46px;display:block;z-index:1500;background-color:rgba(0,0,0,0.5)}#bg_logo_swr{position:absolute;z-index:2510;bottom:0px;right:0px;height:34px;width:60%;background:#fff;margin:6px 6px 6px 6px}#bg_logo_ps{position:absolute;z-index:2510;bottom:0px;left:0px;height:34px;width:60%;background:#fff;margin:6px 6px 6px 6px}#logoPlanet{position:absolute;z-index:2512;bottom:8px;left:12px;background:url("../_pics/btn_master_sprite.png") 0px -836px;background-repeat:no-repeat;width:160px;height:39px;cursor:pointer}#logoPlanet:focus{background:url("../_pics/btn_master_sprite.png") 0px -875px;background-repeat:no-repeat;width:160px;height:39px;cursor:pointer}#logoSWR{position:absolute;z-index:2512;bottom:8px;right:12px;background:url("../_pics/btn_master_sprite.png") 0px -915px;background-repeat:no-repeat;width:78px;height:26px;cursor:pointer}#logoSWR:focus{background:url("../_pics/btn_master_sprite.png") 0px -940px;background-repeat:no-repeat;width:78px;height:26px}#ctrlboxTop{position:absolute;padding-left:50px;padding-top:2px;top:0px;left:44px;width:auto;height:52px;display:none;z-index:1500}#btn_infobox{position:absolute;top:4px;left:4px;width:44px;height:44px;cursor:pointer;display:block;z-index:1600}#btn_infobox:hover{background:url("../_pics/btn_master_sprite.png") 0px -44px;background-repeat:no-repeat;width:44px;height:44px}.btnInfoboxDef{background:url("../_pics/btn_master_sprite.png") 0px 0px;background-repeat:no-repeat;width:44px;height:44px}.btnInfoboxSel{background:url("../_pics/btn_master_sprite.png") 0px -44px;background-repeat:no-repeat;width:44px;height:44px}#btnHowTo{position:absolute;top:4px;left:50px;width:44px;height:44px;cursor:pointer;display:block;z-index:2520}#btnHowTo:hover{background:url("../_pics/btn_master_sprite.png") 0px -528px;background-repeat:no-repeat;width:44px;height:44px}#btnHowTo:focus{background:url("../_pics/btn_master_sprite.png") 0px -528px;background-repeat:no-repeat;width:44px;height:44px}.btnHowToDef{background:url("../_pics/btn_master_sprite.png") 0px -484px;background-repeat:no-repeat;width:44px;height:44px}.btnHowToSel{background:url("../_pics/btn_master_sprite.png") 0px -528px;background-repeat:no-repeat;width:44px;height:44px}#btnInfo{z-index:2520;display:block;cursor:pointer}.btnInfoDef{background:url("../_pics/btn_master_sprite.png") 0px -308px;background-repeat:no-repeat;width:44px;height:44px}.btnInfoSel{background:url("../_pics/btn_master_sprite.png") 0px -352px;background-repeat:no-repeat;width:44px;height:44px}#btnInfo:hover{background:url("../_pics/btn_master_sprite.png") 0px -352px;background-repeat:no-repeat;width:44px;height:44px}#btnInfo:focus{background:url("../_pics/btn_master_sprite.png") 0px -352px;background-repeat:no-repeat;width:44px;height:44px}#btnTxt{z-index:2520;display:block}.btnTxtDef{background:url("../_pics/btn_master_sprite.png") 0px -660px;background-repeat:no-repeat;width:44px;height:44px;cursor:pointer}.btnTxtSel{background:url("../_pics/btn_master_sprite.png") 0px -748px;background-repeat:no-repeat;width:44px;height:44px;cursor:pointer}#btnTxt:focus{background:url("../_pics/btn_master_sprite.png") 0px -748px;background-repeat:no-repeat;width:44px;height:44px}#btnTxt:hover{background:url("../_pics/btn_master_sprite.png") 0px -748px;background-repeat:no-repeat;width:44px;height:44px}#btnSound{z-index:2520;display:block;opacity:1}.soundInactiveDef{background:url("../_pics/btn_master_sprite.png") 0px -132px;background-repeat:no-repeat;width:44px;height:44px;opacity:1;cursor:pointer}#btnSound.soundInactiveSel:hover{background:url("../_pics/btn_master_sprite.png") 0px -220px;background-repeat:no-repeat;width:44px;height:44px}#btnSound.soundInactiveSel{background:url("../_pics/btn_master_sprite.png") 0px -220px;background-repeat:no-repeat;width:44px;height:44px}.soundActiveDef{background:url("../_pics/btn_master_sprite.png") 0px -176px;background-repeat:no-repeat;width:44px;height:44px;opacity:1;cursor:pointer}#btnSound.soundActiveSel:hover{background:url("../_pics/btn_master_sprite.png") 0px -264px;background-repeat:no-repeat;width:44px;height:44px}#btnSound.soundActiveSel{background:url("../_pics/btn_master_sprite.png") 0px -264px;background-repeat:no-repeat;width:44px;height:44px}.btnCtrlTop{position:relative;height:44px;width:44px;top:2px;float:left}#kapitelBox{position:absolute;top:52px;left:-800px;width:auto;height:auto;display:block;z-index:1500;background-color:#000}.kapitelBtn{margin:4px 4px 4px 4px;width:auto;height:30px;background-color:#fff;cursor:pointer}.kapitelBtn:focus{background-color:#8fd4ef}.kapitelBtnkeyOver{margin:4px 4px 4px 4px;width:auto;height:30px;background-color:#8fd4ef}.kapitelBtnSel{margin:4px 4px 4px 4px;width:auto;height:30px;background-color:#ECCD4B}.kapitelTxtDef{font-family:"Droid Sans",Verdana,Arial,Helvetica,sans-serif;font-size:13px;text-align:left;line-height:20px;padding:6px 4px 0px 4px;color:#4B4B4B}.kapitelTxtDef:hover{background-color:#8fd4ef}.kapitelTxtSel{font-family:"Droid Sans",Verdana,Arial,Helvetica,sans-serif;font-size:13px;text-align:left;line-height:20px;padding:6px 4px 0px 4px;color:#2e555a}#ctrl_main_border{width:100%;height:100%;position:absolute;overflow:hidden;top:0px;left:0px;margin:0px auto}#ctrl_main_container{position:absolute;top:0px;margin:0px auto;width:1536px;height:768px;z-index:1400}#textbox{overflow-y:auto;overflow-x:hidden;z-index:1500;position:absolute;top:calc(5% - 0px);left:calc(47% - 5px);width:35%;height:75%;display:none}#textbox:focus{outline:none}.h1_lt_falsch{margin-top:0px;margin-right:10px;color:#ad1039;text-align:right}.h1_lt_richtig{margin-top:0px;margin-right:10px;color:#0087ff;text-align:right}.p_lt_richtig{font-family:Gill Sans,Gill Sans MT,Myriad Pro,DejaVu Sans Condensed,Helvetica,Arial,"sans-serif";color:#607287;margin-right:10px}.p_lt_falsch{font-family:Gill Sans,Gill Sans MT,Myriad Pro,DejaVu Sans Condensed,Helvetica,Arial,"sans-serif";color:#514646;margin-right:10px}.btnbox{position:absolute;top:0px;right:0px;width:67px;height:67px}#btnboxReset{top:calc(90% - 29px);left:calc(50% - 29px);display:none}#btnboxAlge{top:calc(18% - 33px);left:calc(9% - 33px);display:block}#btnboxSchildkroete{top:calc(14% - 33px);left:calc(45% - 33px);display:block}#btnboxSchiffshalterfisch{top:calc(24% - 33px);left:calc(70% - 33px);display:block}#btnboxPutzerfisch{top:calc(6% - 33px);left:calc(85% - 33px);display:block}#btnboxSeeanemone{top:calc(48% - 33px);left:calc(10% - 33px);display:block}#btnboxKoralle{top:calc(63% - 33px);left:calc(42% - 33px);display:block}#btnboxAnemonenfisch{top:calc(46% - 33px);left:calc(62% - 33px);display:block}#btnboxGroppe{top:calc(68% - 33px);left:calc(68% - 33px);display:block}#btnboxPistolenkrebs{top:calc(85% - 33px);left:calc(14% - 33px);display:block}#btnboxNacktschnecke{top:calc(90% - 33px);left:calc(50% - 33px);display:block}#btnboxEinsiedlerkrebs{top:calc(88% - 33px);left:calc(76% - 33px);display:block}#btn_reset{position:absolute;top:0px;right:0px;background:url("../_pics/btn_master_sprite.png") 0px -1282px;background-repeat:no-repeat;width:58px;height:58px;cursor:pointer}#btn_reset:hover{background:url("../_pics/btn_master_sprite.png") 0px -1282px;background-repeat:no-repeat;width:58px;height:58px}#btn_reset:focus{background:url("../_pics/btn_master_sprite.png") 0px -1282px;background-repeat:no-repeat;width:58px;height:58px}.btn_fragezeichen{top:0px;right:0px;position:absolute;background:url("../_pics/btn_master_sprite.png") 0px -1214px;background-repeat:no-repeat;width:67px;height:67px;cursor:pointer}.btn_fragezeichen:hover{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}.btn_select{top:25px;left:0px;position:absolute;background:url("../_pics/btn_master_sprite.png") 0px -1610px;background-repeat:no-repeat;width:140px;height:50px;pointer-events:none}.btn_def{position:absolute;top:0px;right:0px;cursor:pointer;background:url("../_pics/btn_master_sprite.png") 0px -1080px;background-repeat:no-repeat;width:67px;height:67px}.btn_def:hover{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_alge:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_schildkroete:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_schiffshalterfisch:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_putzerfisch:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_seeanemone:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_koralle:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_anemonenfisch:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_groppe:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_pistolenkrebs:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_nacktschnecke:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}#btn_einsiedlerkrebs:focus{background:url("../_pics/btn_master_sprite.png") 0px -1147px;background-repeat:no-repeat;width:67px;height:67px}