*{outline:none;-webkit-appearance:none;-webkit-font-size-adjust:none;border-radius:0px;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{padding:0px;margin:0px;width:100%;height:100%;overflow:hidden;-webkit-overflow-scrolling:none}h1,h2,h3,p{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#app,nav{position:relative;width:100%;height:100%;overflow:hidden;margin:0px auto}#app .bg-night,#app .bg-day,#app .bg-night-sky,#app .bg-day-sky,nav .bg-night,nav .bg-day,nav .bg-night-sky,nav .bg-day-sky{position:absolute;left:0px;top:0px;width:100%;height:100%;background-image:url(../gfx/bg-night.png);background-size:auto 100%;background-position:center center;background-repeat:no-repeat;overflow:hidden}#app .bg-night.bg-day,#app .bg-day.bg-day,#app .bg-night-sky.bg-day,#app .bg-day-sky.bg-day,nav .bg-night.bg-day,nav .bg-day.bg-day,nav .bg-night-sky.bg-day,nav .bg-day-sky.bg-day{background-image:url(../gfx/bg-day.png)}#app .bg-night.bg-night-sky,#app .bg-day.bg-night-sky,#app .bg-night-sky.bg-night-sky,#app .bg-day-sky.bg-night-sky,nav .bg-night.bg-night-sky,nav .bg-day.bg-night-sky,nav .bg-night-sky.bg-night-sky,nav .bg-day-sky.bg-night-sky{background-image:url(../gfx/sky-night.png)}#app .bg-night.bg-day-sky,#app .bg-day.bg-day-sky,#app .bg-night-sky.bg-day-sky,#app .bg-day-sky.bg-day-sky,nav .bg-night.bg-day-sky,nav .bg-day.bg-day-sky,nav .bg-night-sky.bg-day-sky,nav .bg-day-sky.bg-day-sky{background-image:url(../gfx/sky-day.png);opacity:0}#app .bg-night svg,#app .bg-day svg,#app .bg-night-sky svg,#app .bg-day-sky svg,nav .bg-night svg,nav .bg-day svg,nav .bg-night-sky svg,nav .bg-day-sky svg{width:800px;position:absolute;left:50%;transform:translate(-50%, 0%);top:15%}#app .bg-night svg circle,#app .bg-day svg circle,#app .bg-night-sky svg circle,#app .bg-day-sky svg circle,nav .bg-night svg circle,nav .bg-day svg circle,nav .bg-night-sky svg circle,nav .bg-day-sky svg circle{background-image:url(../gfx/sun.png);background-size:100% 100%}#app #cow,nav #cow{position:absolute;top:-12%;left:50%;transform:translateX(-50%);height:62%;z-index:7;transition:.1s ease height}#app #cow.ani,nav #cow.ani{height:58%}#app #red,#app #green,nav #red,nav #green{position:absolute;left:50%;transform:translateX(-50%);max-height:1000px;height:50%;transform:translate(-50%, -50%);top:20%;opacity:0;transition:.1s all ease}#app #line,nav #line{position:absolute;top:20%;height:60%;left:50%;transform:translateX(-50%)}#app #target,nav #target{position:absolute;width:100%;height:10%;top:30%;background-image:url(../gfx/target.png);background-repeat:no-repeat;background-position:center center;background-size:contain}#app>button,nav>button{position:absolute;top:78%;border-radius:50%;border:0px;left:50%;transform:translateX(-50%);z-index:7;background-image:url(../gfx/buzzer.png);background-size:contain;background-position:center center;background-repeat:no-repeat}#app #playingfield,nav #playingfield{position:absolute;width:100%;height:100%}#app #playingfield .icon,nav #playingfield .icon{position:absolute;left:50%;top:83%;width:60px;height:60px;transform:translate(-50%, -50%);z-index:5;background-repeat:no-repeat;background-size:auto 100%;background-image:url(../gfx/icons_neg.png)}#app #playingfield .icon.i2,nav #playingfield .icon.i2{background-image:url(../gfx/icons_pos.png)}#app #playingfield .icon.ip1,nav #playingfield .icon.ip1{background-position:25% 0%}#app #playingfield .icon.ip2,nav #playingfield .icon.ip2{background-position:50% 0%}#app #playingfield .icon.ip3,nav #playingfield .icon.ip3{background-position:75% 0%}#app #playingfield .icon.ip4,nav #playingfield .icon.ip4{background-position:100% 0%}#app #moodbar,nav #moodbar{position:absolute;top:20px;left:50%;transform:translate(200px, 0px);width:45px;height:250px;background-image:url(../gfx/mood-bar.png);background-repeat:no-repeat;background-size:contain;background-position:center center}@media(max-width: 767px){#app #moodbar,nav #moodbar{left:auto;right:30px;transform:translate(0, 0)}}@media(max-width: 640px){#app #moodbar,nav #moodbar{left:auto;right:5px;transform:translate(0, 0)}}#app #moodbar>div,nav #moodbar>div{position:absolute;width:50px;height:60px;transform:translateX(12px) translateY(-50%);top:50%;transition:.25s ease all;background-image:url(../gfx/Pfeil_blau.png);background-size:contain;background-repeat:no-repeat;background-position:center center}#app #moodbar>div.greena,nav #moodbar>div.greena{background-image:url(../gfx/Pfeil_gruen.png)}#app #moodbar>div.reda,nav #moodbar>div.reda{background-image:url(../gfx/Pfeil_rot.png)}#app #logo,nav #logo{position:absolute;bottom:3%;height:8%;left:50%;transform:translate(-50%);z-index:10}#app #mutegame,nav #mutegame{position:absolute;z-index:8;height:4%;bottom:4%;left:50%;transform:translateX(200px);cursor:pointer}@media(max-width: 767px){#app #mutegame,nav #mutegame{transform:translateX(0px);left:auto;right:40px}}@media(max-width: 640px){#app #mutegame,nav #mutegame{left:50%;right:auto;transform:translateX(120px)}}#app #start,nav #start{position:absolute;left:50%;top:0px;transform:translate(-50%, 0);height:100%;width:100%;z-index:8}#app #start>img,nav #start>img{position:absolute;left:50%;top:0px;transform:translate(-50%, 0);height:100%;width:100%}#app #start>div,nav #start>div{position:absolute;top:40%;left:50%;width:100%;transform:translate(-50%, -50%);text-align:center}#app #start>div>img,nav #start>div>img{width:100px;margin-bottom:5px}#app #start>div#cal,nav #start>div#cal{display:none}#app #start>div#mute,nav #start>div#mute{display:none}#app #start>div#mute h1,nav #start>div#mute h1{font-family:"Poetsen One";font-size:24px;color:#fff;max-width:400px;margin:0px auto;margin-bottom:20px;font-weight:normal}#app #start>div#mute>img,nav #start>div#mute>img{margin:0px 20px;margin-bottom:5px;cursor:pointer}#app #start>div#loading,nav #start>div#loading{display:block}#app #start>div#loading h1,nav #start>div#loading h1{font-family:"Poetsen One";font-size:24px;color:#fff;max-width:400px;margin:0px auto;margin-bottom:0px;font-weight:normal}#app #start>div #score1,nav #start>div #score1{position:relative;display:block;margin:10px auto;margin-top:0px;z-index:2;color:#fff;font-family:"Poetsen One";font-size:55px;text-shadow:3px 1px 3px rgba(0,0,0,.5);text-align:center;margin-bottom:100px;font-weight:normal}#app #start>div #countdown,nav #start>div #countdown{position:absolute;color:#fff;font-family:"Poetsen One";font-size:55px;opacity:1;text-shadow:3px 1px 3px rgba(0,0,0,.5);text-align:center;transition:0s all ease;left:50%;transform:translate(-50%, -50%);font-weight:normal}#app #start>div #countdown.trans,nav #start>div #countdown.trans{transition:.5s all ease;opacity:0;font-size:200px}#app #gameover,nav #gameover{position:absolute;left:50%;top:0px;transform:translate(-50%, 0);height:100%;width:100%;z-index:11;display:none}#app #gameover>img,nav #gameover>img{position:absolute;left:50%;top:0px;transform:translate(-50%, 0);height:100%;width:100%}#app #gameover>div,nav #gameover>div{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);text-align:center}#app #gameover>div>img,nav #gameover>div>img{width:80px;height:auto;margin:0px auto;margin-bottom:-10px;position:relative;z-index:2}@media(max-width: 767px){#app #gameover>div>img,nav #gameover>div>img{width:65px}}#app #gameover>div #score,nav #gameover>div #score{position:relative;margin:10px auto;margin-top:0px;z-index:2;color:#fff;font-family:"Poetsen One";font-size:42px;text-shadow:3px 1px 3px rgba(0,0,0,.5);text-align:center;font-weight:normal;display:inline-block;margin-left:10px}#app #gameover>div>span,nav #gameover>div>span{position:relative;text-align:center;color:#fff;z-index:2;font-family:"Myriad Pro";font-size:26px;line-height:18px;text-shadow:3px 1px 3px rgba(0,0,0,.5);display:inline-block;font-weight:normal;text-transform:uppercase}#app #gameover>div #score_time,#app #gameover>div #score_time1,#app #gameover>div #score_rank,nav #gameover>div #score_time,nav #gameover>div #score_time1,nav #gameover>div #score_rank{position:relative;z-index:2;text-align:center;display:block;margin-top:30px;color:#fff}@media(max-width: 767px){#app #gameover>div #score_time,#app #gameover>div #score_time1,#app #gameover>div #score_rank,nav #gameover>div #score_time,nav #gameover>div #score_time1,nav #gameover>div #score_rank{margin-top:20px}}#app #gameover>div #score_time>span,#app #gameover>div #score_time1>span,#app #gameover>div #score_rank>span,nav #gameover>div #score_time>span,nav #gameover>div #score_time1>span,nav #gameover>div #score_rank>span{font-family:"Myriad Pro";text-transform:uppercase;display:block;text-align:center;font-size:22px;margin-bottom:-10px}#app #gameover>div #score_time img,#app #gameover>div #score_time1 img,#app #gameover>div #score_rank img,nav #gameover>div #score_time img,nav #gameover>div #score_time1 img,nav #gameover>div #score_rank img{width:25px;vertical-align:middle}#app #gameover>div #score_time div,#app #gameover>div #score_time1 div,#app #gameover>div #score_rank div,nav #gameover>div #score_time div,nav #gameover>div #score_time1 div,nav #gameover>div #score_rank div{display:inline-block;margin-left:0px;font-family:"Poetsen One";font-size:40px;vertical-align:middle;font-weight:normal;text-shadow:3px 1px 3px rgba(0,0,0,.5)}@media(max-width: 767px){#app #gameover>div #score_time div,#app #gameover>div #score_time1 div,#app #gameover>div #score_rank div,nav #gameover>div #score_time div,nav #gameover>div #score_time1 div,nav #gameover>div #score_rank div{font-size:30px}}#app #gameover>div #score_rank,nav #gameover>div #score_rank{margin-bottom:20px}#app #gameover>div #score_rank div,nav #gameover>div #score_rank div{font-size:65px}@media(max-width: 767px){#app #gameover>div #score_rank div,nav #gameover>div #score_rank div{font-size:45px}}#app #gameover>div button,nav #gameover>div button{border:2px solid #fff;background-color:transparent;padding:6px 20px;color:#fff;font-family:"Myriad Pro";text-transform:uppercase;font-size:20px;transition:.2s all ease;cursor:pointer;display:block;margin:10px auto;width:240px}#app #gameover>div button:hover,nav #gameover>div button:hover{background-color:#fff;color:#0048a1}#app #days,nav #days{font-size:28px;z-index:7;font-family:"Poetsen One";color:#032a75;width:100%;text-align:center;font-weight:normal}@media(max-width: 767px){#app #days,nav #days{text-align:center;font-size:20px}}#app #time,nav #time{position:absolute;top:25px;left:50%;transform:translate(-262px, 0)}@media(max-width: 767px){#app #time,nav #time{transform:translate(-200px, 0);left:40px;transform:translate(0, 0)}}@media(max-width: 640px){#app #time,nav #time{transform:translate(-200px, 0);left:10px;transform:translate(0, 0)}}#app #time img,nav #time img{display:block;width:20px;margin:0px auto;margin-bottom:0px}#app #time span,nav #time span{font-family:"Myriad Pro";text-align:center;font-weight:bold;color:#032a75;font-size:30px}@media(max-width: 767px){#app #time span,nav #time span{font-size:20px}}nav{position:relative}nav .bg-day,nav .bg-day-sky.bg-day-sky{opacity:1}nav .scrolling{width:100%;height:calc(100%);overflow:auto;max-height:calc(100%);padding:0px 0px 0px;position:relative;z-index:10}nav .scrolling #logo1{position:absolute;left:30px;top:20px;width:250px;z-index:10}@media(max-width: 1023px){nav .scrolling #logo1{position:relative;width:26%;top:10px;left:50%;transform:translateX(-50%)}}nav .scrolling #cow1{position:relative;z-index:3;display:block;max-width:300px;margin:0px auto}@media(max-width: 767px){nav .scrolling #cow1{max-width:260px}}nav .scrolling #intro{display:block;width:calc(100%);max-width:360px;margin:0px auto;position:relative;z-index:5;margin-top:40px}@media(max-width: 1023px){nav .scrolling #intro{margin-top:20px}}nav .scrolling>div{background-color:#0048a1;color:#fff;max-width:320px;margin:0px auto;margin-top:-35px;margin-bottom:80px;position:relative;z-index:4;padding:30px 20px;text-align:center;box-shadow:3px 5px 10px rgba(0,0,0,.5);width:calc(100% - 40px - 40px);background-image:url(../gfx/popup.png);background-position:top center;background-size:100% 100%}nav .scrolling>div.wide{max-width:800px}nav .scrolling>div h1{color:#fff;font-family:"Poetsen One";font-size:28px;line-height:100%;opacity:1;text-shadow:3px 1px 3px rgba(0,0,0,.5);margin:0px;font-weight:normal}nav .scrolling>div p{font-family:"Myriad Pro";font-size:16px;margin:10px 0px}nav .scrolling>div p:first-of-type{margin-top:15px}nav .scrolling>div p:last-of-type{margin-bottom:15px}nav .scrolling>div button{border:2px solid #fff;background-color:transparent;padding:6px 20px;color:#fff;font-family:"Myriad Pro";text-transform:uppercase;font-size:20px;transition:.2s all ease;cursor:pointer}nav .scrolling>div button.nomargin{margin-bottom:0px !important}nav .scrolling>div button:hover{background-color:#fff;color:#0048a1}nav .scrolling#howto #intro{width:calc(100% - 10px);max-width:380px}nav .scrolling#howto #intro.mobile{margin-bottom:-55px}nav .scrolling#howto>div{margin-top:-45px;padding-top:45px}nav .scrolling#register>div,nav .scrolling#login>div,nav .scrolling#passwordreset>div{margin-top:60px;padding-top:30px;text-align:left;font-family:"Myriad Pro";font-size:16px;margin-top:60px;margin-bottom:80px}@media(max-width: 767px){nav .scrolling#register>div,nav .scrolling#login>div,nav .scrolling#passwordreset>div{margin-top:25px}}nav .scrolling#register>div h1,nav .scrolling#login>div h1,nav .scrolling#passwordreset>div h1{font-family:"Myriad Pro";text-transform:uppercase;text-shadow:none;font-size:26px;font-weight:bold;margin:0px}nav .scrolling#register>div p,nav .scrolling#login>div p,nav .scrolling#passwordreset>div p{margin:10px 0px}nav .scrolling#register>div .error,nav .scrolling#login>div .error,nav .scrolling#passwordreset>div .error{color:#920000}nav .scrolling#register>div .success,nav .scrolling#login>div .success,nav .scrolling#passwordreset>div .success{color:#2fca15}nav .scrolling#register>div input,nav .scrolling#login>div input,nav .scrolling#passwordreset>div input{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:0px;box-shadow:inset 0px 0px 5px rgba(0,0,0,.5)}nav .scrolling#register>div label,nav .scrolling#login>div label,nav .scrolling#passwordreset>div label{width:15px;height:15px;border:2px solid #fff;display:inline-block;margin-right:5px;vertical-align:middle;position:relative;margin-top:-3px}nav .scrolling#register>div label.active:after,nav .scrolling#login>div label.active:after,nav .scrolling#passwordreset>div label.active:after{content:"";display:block;position:absolute;width:11px;height:11px;top:2px;left:2px;background-color:#fff}nav .scrolling#register>div label input[type=checkbox],nav .scrolling#login>div label input[type=checkbox],nav .scrolling#passwordreset>div label input[type=checkbox]{-webkit-appearance:none;border:0px;background-color:transparent;width:0px;height:0px;position:absolute;box-shadow:none}nav .scrolling#register>div button,nav .scrolling#login>div button,nav .scrolling#passwordreset>div button{margin:20px 0px}nav .scrolling#register>div button.nomargin,nav .scrolling#login>div button.nomargin,nav .scrolling#passwordreset>div button.nomargin{margin-bottom:0px !important}nav .scrolling#register>div a,nav .scrolling#login>div a,nav .scrolling#passwordreset>div a{font-family:"Myriad Pro";font-size:16px;color:#fff}nav .scrolling#rank{padding-top:20px;height:calc(100% - 20px);max-height:calc(100% - 20px)}@media(max-width: 1023px){nav .scrolling#rank #logo1{top:-10px;left:50%;transform:translateX(-50%)}}nav .scrolling#rank #backtotop{position:fixed;bottom:10px;width:60px;z-index:100;left:50%;transform:translate(155px)}@media(max-width: 767px){nav .scrolling#rank #backtotop{right:0px;left:auto;transform:translateX(0px)}}nav .scrolling#rank>div{background-image:url(../gfx/popup.png);background-position:top center;background-size:100% 100%;padding-top:20px;margin-top:25px;padding-bottom:20px}@media(max-width: 767px){nav .scrolling#rank>div{margin-top:0px}}nav .scrolling#rank>div:first-of-type{padding-bottom:30px}nav .scrolling#rank>div>img{width:60%}nav .scrolling#rank>div h1{margin-bottom:20px;font-size:40px}nav .scrolling#rank>div ul{list-style:none;padding:0px;margin:0px}nav .scrolling#rank>div ul li{padding:0px;margin:0px;box-shadow:3px 5px 10px rgba(0,0,0,.5);background-color:#0c367f;margin-bottom:10px;font-family:"Myriad Pro";font-size:18px;color:#fff;padding:5px}nav .scrolling#rank>div ul li:after{content:"";display:block;clear:both;float:none}nav .scrolling#rank>div ul li>div{float:left;width:calc(100% - 70px - 12px - 35px);text-align:left;padding:2px 10px}nav .scrolling#rank>div ul li>div:last-of-type{float:left;width:50px;font-weight:bold;background-image:url(../gfx/watch1.png);background-repeat:no-repeat;background-size:22px;background-position:left center;padding-left:35px}nav .scrolling#rank>div ul li.white{background-color:#fff;color:#0c367f}nav .scrolling#rank>div ul li.white>div:last-of-type{background-image:url(../gfx/watch.png)}.desktop{display:block !important}.mobile{display:none !important}@media(max-width: 1025px){.desktop{display:none !important}.mobile{display:block !important}}#footer{margin:0px !important;padding:10px 0px !important;position:fixed;bottom:0px;width:100%;max-width:100%;text-align:center !important;z-index:2;background-color:transparent;background-image:url();box-shadow:none}#footer a{font-family:"Myriad Pro";color:#fff;display:inline-block;text-align:center !important;font-size:12px !important;margin:0px 5px}#cookie-banner{background-color:rgba(18,18,18,.48);position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:20;overflow:auto;display:none}#cookie-banner.show{display:block}@media(max-width: 767px){#cookie-banner{padding:150px 0px;height:calc(100% - 300px)}}#cookie-banner>div{padding:32px;margin-right:auto;margin-left:auto;background-color:#fff;position:absolute;top:50%;left:50%;width:calc(100% - 96px - 96px);transform:translate(-50%, -50%);font-family:"Myriad Pro";color:#313131;max-width:calc(1488px - 64px)}@media(max-width: 767px){#cookie-banner>div{position:static;width:calc(100% - 64px);margin:0px auto;transform:translate(0%, 0%)}}#cookie-banner>div h2{font-family:"Poetsen One";font-weight:normal;margin:20px 0px 10px;color:#313131}#cookie-banner>div h2:first-of-type{margin-top:0px}#cookie-banner>div input{display:none}#cookie-banner>div label{position:relative;display:inline-block;vertical-align:middle;margin:10px 0px;margin-right:25px}#cookie-banner>div label.disabled{opacity:.44}#cookie-banner>div label::before{content:"";display:block;width:24px;height:24px;border:1px solid #434343;background-color:#fff;-webkit-transition:border-color .2s ease-out,background-color .2s ease-out;transition:border-color .2s ease-out,background-color .2s ease-out;display:inline-block;vertical-align:middle;margin-right:10px;margin-top:-5px}#cookie-banner>div input:checked+label::before{content:"✓";text-align:center}#cookie-banner>div .buttons{text-align:right;margin-top:40px}@media(max-width: 767px){#cookie-banner>div .buttons{text-align:left}}#cookie-banner>div .button{color:#fff;padding:12px 32px;display:inline-block;margin-right:20px;border:1px solid #0057b7;background-color:#0057b7;text-transform:uppercase;font-size:12px;letter-spacing:1px;cursor:pointer;font-weight:bold}@media(max-width: 767px){#cookie-banner>div .button{margin-top:15px;padding:12px 25px}}#cookie-banner>div .button.white{border:1px solid #d5d5d5;background-color:#fff;color:#0057b7}#cookie-banner>div .button:hover{border-color:#012169;background-color:#012169;color:#fff}#cookie-banner>div .button:last-of-type{margin-right:0px}/*# sourceMappingURL=main.css.map */