/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}
button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}body,html{height:100%}body,html,ul,li,h1,h2,h3,h4,input{margin:0;padding:0}ul{list-style:none inside}#centerVertically{float:left;height:50%;width:1px}#wrapper{clear:left;position:relative;display:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}.hideOverflowInSafari{-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}#stage{position:absolute;top:0;left:0}
#stage>canvas{position:absolute;top:0;left:0}#loading{position:absolute;top:0;left:0;z-index:10000;display:none}#startScreen{position:absolute;height:100%;width:100%;z-index:10000}#startVideo{position:absolute;top:-500px;left:-500px}#overlay{position:absolute;z-index:2;background-color:rgba(0,0,0,0.5);width:100%;height:100%;top:0;display:none}.noIosFlicker{-webkit-backface-visibility:hidden}.bold{font-weight:bold}.italic{font-style:italic}.right{text-align:right}.center{text-align:center}.centerMargin{margin:0 auto}
.centerPosition{position:relative;left:50%}.pointer{cursor:pointer}.block{display:block}.hidden{display:none}.middle{vertical-align:middle}.top{vertical-align:top}.console{position:fixed;background:white;top:0;z-index:20000;font-size:11px;color:black;overflow:hidden;font-family:Courier,Arial,sans-serif}.console>div{border-bottom:1px solid #eee}body{font-family:'Roboto',bold}.absolute{position:absolute}.stageSize{width:1024px;height:768px}#loading{background-color:rgba(255,255,255,0.5);width:1024px;height:768px}#wrapper{background:url(../img/background.png) no-repeat;box-sizing:border-box;background-size:cover}#ui{position:absolute;width:100%}#helpButton{position:absolute;display:none}#soundButton{position:absolute;left:930px;top:713px;width:52px;height:52px;display:none;background:url(../img/btn_sound.png) no-repeat;background-size:208px 52px;background-position:0 0}
#soundButton:hover{background-position:-52px 0}#soundButton.soundOff{background-position:-104px 0}#soundButton.soundOff:hover{background-position:-156px 0}#popup{position:absolute;width:965px;height:551px;top:70px;left:27px;border-radius:8px}#popup>div{position:absolute}#startScreen{padding-top:50px;text-align:center}#startGame{background:url(../img/btn_start.png) no-repeat;height:122px;width:275px;position:relative;top:50px;margin:0 auto;cursor:pointer}#startGame:hover{background-position:-275px 0}
#restartGame{background:url(../img/btn_nochmal.png) no-repeat;background-size:1060px 100px;background-position:0 0;width:530px;height:100px;margin:0 auto;position:relative;top:200px;cursor:pointer}#restartGame:hover{background-position:-530px 0}#gameLogo{width:500px;height:362px;margin:0 auto;position:relative}#logoVirus{background:url(../img/logo_bg.png) no-repeat;background-size:contain;height:100%;width:100%;position:absolute}#logoText{background:url(../img/logo_vg.png) no-repeat;background-size:contain;height:100%;width:100%;position:absolute;z-index:1}
#logoSign{background:url(../img/logo_sign.png) no-repeat;background-size:contain;height:220px;width:220px;left:136px;top:0;position:absolute}.gameLogo{background:url(../img/logo.png) no-repeat;background-size:contain;width:500px;height:362px;margin:0 auto}.gameLogo.small{width:250px;height:180px;width:310px;height:220px;margin:0;position:relative;left:20px;top:100px}.gameVirus{background-size:contain;position:absolute;width:200px;height:200px}.gameVirus.left{background:url(../img/start_virus1.png) no-repeat;background-size:contain;left:60px;bottom:0}
.gameVirus.right{background:url(../img/start_virus2.png) no-repeat;background-size:contain;right:60px;bottom:130px}#tutorialScreen{left:305px;top:-13px;display:none;z-index:99;width:652px;height:652px}#tutorialScreen img{width:100%;height:100%}#levelFinishScreen{display:none;width:550px;height:100%;right:60px}#inputWrapper,#inputMessage{top:375px;width:345px}#inputMessage{color:#b4155f;font-size:25px}#inputWrapper>label{font-size:28px;color:#2a5284}#inputWrapper>input{border:2px solid #a5d8e6;border-radius:14px;box-sizing:border-box;font-size:20px;height:42px;outline:0;padding:4px;width:200px}
#inputWrapper>.button{height:38px;line-height:35px;vertical-align:bottom;margin-left:10px}.popupText{color:#f3ff00;font-size:22px;left:100px;position:absolute;top:133px;width:385px}#levelFinishScreen>.popupText{left:0;top:30px;width:100%;height:60px;background:url(../img/super.png) no-repeat center center;background-size:contain}.virusSign{height:100%;width:100%;background:url(../img/virusSign.png) no-repeat center center}.virusBig{width:125px;height:125px;display:inline-block}#virusFinishPoints{text-align:center;position:relative;width:420px;top:130px;font-size:50px;font-weight:bold;left:30px;padding:0 30px;color:#0f293a;margin-bottom:60px}
#virusFinishPoints .finishPoints{font-size:60px;height:85px;width:250px;margin:10px auto;line-height:85px;background-color:#f3ff00;border:4px solid #000;border-radius:45px}#virusFinishImage{background:url(../img/endscreen_viren.png) no-repeat;width:570px;height:158px;bottom:0}.popupText h2{font-size:38px}.leftButton,.rightButton{position:absolute;bottom:20px;min-width:100px}.leftButton{left:50px}.rightButton{right:50px}.uiText,h2{color:#b4155f;font-size:26px}.uiText,.display{display:inline-block}.uiText{width:90px;height:40px;vertical-align:middle}
#levelProgress,#points,#time,.gameLogo.small{position:absolute;display:none}#levelProgress>ul{padding:0;margin:0;position:absolute;top:5px;left:80px;width:300px}#levelProgress>ul>li{float:left;width:18px;height:18px;border-radius:18px;margin-right:8px;background-color:#c1eaf4}#levelProgress>ul>li.active{background-color:#b3115d}#levelProgress{display:block;opacity:.4;left:25px}#points{left:60px;top:330px}#points .uiText{background:url(../img/punkte.png) no-repeat left center;background-size:90px 28px}
#time{left:60px;top:390px}#time .uiText{background:url(../img/zeit.png) no-repeat left center;background-size:55px 28px}#helpButton{display:none;left:30px;top:460px;width:255px;position:absolute;height:240px;background:url(../img/btn_hilfe.png) no-repeat;background-size:1275px 240px;background-position:0 0;cursor:pointer}#helpButton:hover{background-position:-255px 0}#helpButton.disabled{background-position:-510px 0;cursor:default}#helpButton.back{background-position:-765px 0}#helpButton.back:hover{background-position:-1020px 0}
#helpButton.disabled:hover{background-position:-510px 0}.pointsAdded{-webkit-box-shadow:0 0 10px 4px rgba(250,250,0,1);-moz-box-shadow:0 0 10px 4px rgba(250,250,0,1);box-shadow:0 0 10px 4px rgba(250,250,0,1)}.timeIsRunning{background-color:red !important}.display{height:40px;line-height:40px;background-color:#f3ff00;color:#000;border:4px solid #000;border-radius:60px;position:relative;left:-16px;font-size:28px;font-weight:bold;top:4px}#points>.display{text-align:center;width:105px;position:relative;left:10px;-webkit-transition:box-shadow .3s;transition:box-shadow .3s}
#time>.display{text-align:center;width:105px;position:relative;left:10px;-webkit-transition:background-color .5s;transition:background-color .5s}.timeFeedback{width:136px;height:71px;color:#000;opacity:0;z-index:1;transition:opacity .8s,top .8s}.timeFeedback.show{opacity:1}.timeFeedback.time5{background:url(../img/time_bonus_5.png) no-repeat center;background-size:contain}.timeFeedback.time10{background:url(../img/time_bonus_10.png) no-repeat center;background-size:contain}.button{border:2px solid #000;background-color:#ff7800;border:3px solid #000;border-radius:42px;color:#f3ff00;display:inline-block;font-size:25px;height:42px;line-height:38px;padding:0 16px;text-align:center;box-sizing:content-box;cursor:pointer}
.button:not(.inactive):hover{color:white}.button.circle{width:42px;padding:0}.hidden{display:none}
