@import url(https://fonts.googleapis.com/css?family=Muli:400,700,900);@import url(https://fonts.googleapis.com/css?family=Luckiest+Guy);#footer .footer{border-top:4px solid transparent;-o-border-image:linear-gradient(90deg,#379ff0 0,#7d9c1d);border-image:linear-gradient(90deg,#379ff0 0,#7d9c1d);border-image-slice:1;padding:1rem;background-color:#fff}#footer .footer .row{display:flex;flex-flow:row;justify-content:center}@media (max-width:768px){#footer .footer .row.links{flex-flow:column;justify-content:center;align-items:center}}#footer .footer .row.links .link{margin:0 2rem}#footer .footer .row.sponsors{margin:1rem 0}#footer .footer .row.sponsors .sponsor-wrapper{padding:1rem;box-shadow:0 1px 4px 0 #ccc;display:flex;flex-flow:column;max-width:100%}#footer .footer .row.sponsors .sponsor-wrapper .sponsor-header{margin-bottom:.5rem;font-family:Carrotflower}#footer .footer .row.sponsors .sponsor-wrapper .sponsors{display:flex;align-items:center}@media (max-width:1440px){#footer .footer .row.sponsors .sponsor-wrapper .sponsors{flex-flow:row wrap;justify-content:center}}#footer .footer .row.sponsors .sponsor-wrapper .sponsors img{margin:0 1rem}#footer .footer .row.copyright{margin-bottom:1rem;color:#3ea1ed}@media (max-width:768px){#footer .footer .row.footer-links{flex-flow:column;align-items:center}}#footer .footer .row.footer-links a{margin:0 .5rem;color:#7e9b2a}#footer .footer .row.footer-links a:hover{color:#3ea1ed}.unit-container.register{display:flex;margin:4rem;justify-content:center;align-items:center}.unit-container.register a{color:#7e9b2a}.unit-container.register a:hover{color:#3ea1ed}.tipptrainer-version-1 .levels-container .levels-header h1{font-size:3rem}.tipptrainer-version-2 .levels-container .levels-header{background-color:#121212;color:#fafafa}.tipptrainer-version-2 .levels-container .level-card-title{display:none}.levels-container{display:flex;flex-flow:column;width:100%}.levels-container .levels-header{text-align:center;width:400px;background-color:#fafafa;color:#b1c84c;margin:2rem auto;padding-top:1rem}.levels-container .levels-header h1{margin:0}.levels-container .levels-content{display:flex;flex-flow:row;justify-content:center;padding:2rem;align-items:flex-end;text-align:center}.tipptrainer-version-1 .level-card-container .level-card-subtitle{font-size:1.3rem}.tipptrainer-version-2 .level-card-container .level-card-subtitle,.tipptrainer-version-2 .level-card-container .level-card-title{color:#fafafa}.tipptrainer-version-2 .level-card-container .level-card-subtitle{font-size:1rem}.tipptrainer-version-2 .level-card-container .level-card-image-wrapper{background-color:transparent;margin:2rem auto 1rem}.tipptrainer-version-2 .level-card-container .level-card-image-wrapper .level-card-image{height:150px}.tipptrainer-version-2 .level-card-container.level-0 h1,.tipptrainer-version-2 .level-card-container.level-1 h1,.tipptrainer-version-2 .level-card-container.level-2 h1,.tipptrainer-version-2 .level-card-container.level-3 h1,.tipptrainer-version-2 .level-card-container.level-4 h1{color:#121212}.tipptrainer-version-2 .level-card-container.level-0 a,.tipptrainer-version-2 .level-card-container.level-1 a,.tipptrainer-version-2 .level-card-container.level-2 a,.tipptrainer-version-2 .level-card-container.level-3 a,.tipptrainer-version-2 .level-card-container.level-4 a{box-sizing:border-box;border:1px solid #121212;background-color:rgba(0,0,0,.4)}.level-card-container{width:160px;margin:0 .5rem;overflow:hidden;display:flex;flex-flow:column;text-align:center;cursor:pointer}.level-card-container.level-0 h1{color:#a6a9a9}.level-card-container.level-0 a{background-color:#a6a9a9}.level-card-container.level-1 h1{color:#0ba0c4}.level-card-container.level-1 a{background-color:#0ba0c4}.level-card-container.level-2 h1{color:#e3a851}.level-card-container.level-2 a{background-color:#e3a851}.level-card-container.level-3 h1{color:#fb0}.level-card-container.level-3 a{background-color:#fb0}.level-card-container.level-4 h1{color:#b0c74b}.level-card-container.level-4 a{background-color:#b0c74b}.level-card-container a{height:100%;width:100%}.level-card-container .level-card-header{margin:0}.level-card-container .level-card-image-wrapper{width:100px;height:100px;background-color:#fafafa;border-radius:50%;margin:1rem auto;display:flex;justify-content:center;align-items:center}.level-card-container .level-card-image-wrapper .level-card-image{height:80px}.level-card-container .level-card-subtitle,.level-card-container .level-card-title{color:#fafafa;margin:0;white-space:nowrap;padding:0 .2rem}.level-card-container .level-card-subtitle{font-weight:400}.lessons-container{display:flex;flex-flow:column;width:100%}.lessons-container .lessons-content{display:flex;flex-flow:row;justify-content:center;padding:2rem;align-items:flex-end;text-align:center}.tipptrainer-version-1 .lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-subtitle{font-size:1.3rem}.tipptrainer-version-2 .lesson-header-container .progress-wrapper .selected-level-wrapper{background-color:rgba(0,0,0,.4)!important;border:1px solid #121212;border-top:none}.tipptrainer-version-2 .lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-image-wrapper{background-color:transparent;margin:2rem auto 1rem}.tipptrainer-version-2 .lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-image-wrapper .level-card-image{height:150px}.tipptrainer-version-2 .lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-title{display:none}.tipptrainer-version-2 .lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-subtitle{font-size:1rem}.tipptrainer-version-2 .lesson-header-container .progress-wrapper .backlink-wrapper .back-arrow{background-color:#fe0;color:#121212}.tipptrainer-version-2 .lesson-header-container .progress-wrapper .backlink-wrapper .back-arrow:after{border-color:transparent #fe0 transparent transparent}.tipptrainer-version-2 .lesson-header-container .help-wrapper .calli-wrapper .speech-bubble-wrapper .speech-bubble{background-color:#fe0;color:#121212;border:4px solid #ffb52b;border-radius:2rem 0 2rem 0}.tipptrainer-version-2 .lesson-header-container .help-wrapper .calli-wrapper .speech-bubble-wrapper .speech-bubble:after{border-color:transparent transparent transparent #ffb52b;left:100%}.lesson-header-container{display:flex;justify-content:space-between;margin-bottom:4rem;margin-left:4rem}.lesson-header-container .progress-wrapper{display:flex;flex-flow:column;align-items:center}.lesson-header-container .progress-wrapper .selected-level-wrapper{display:flex;flex-flow:column;text-align:center;width:160px;height:200px;position:relative}.lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-image-wrapper{width:100px;height:100px;background-color:#fafafa;border-radius:50%;margin:1rem auto;display:flex;justify-content:center;align-items:center;position:relative}.lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-image-wrapper .level-card-image{height:80px}.lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-subtitle,.lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-title{color:#fafafa;margin:0;white-space:nowrap;padding:0 .2rem}.lesson-header-container .progress-wrapper .selected-level-wrapper .level-card-subtitle{font-weight:400}.lesson-header-container .progress-wrapper .selected-level-wrapper .user-info-wrapper{position:absolute;top:0;left:100%}.lesson-header-container .progress-wrapper .backlink-wrapper{margin-top:2rem;cursor:pointer}.lesson-header-container .progress-wrapper .backlink-wrapper .back-arrow{background-color:#f9a800;padding:0 .5rem;position:relative;color:#fafafa}.lesson-header-container .progress-wrapper .backlink-wrapper .back-arrow:after{content:"";position:absolute;left:-24px;top:-10px;width:0;height:0;border-color:transparent #f9a800 transparent transparent;border-style:solid;border-width:22px 24px 22px 0}.lesson-header-container .help-wrapper{display:flex;margin-right:4rem}.lesson-header-container .help-wrapper .calli-wrapper{display:flex;margin-top:2rem}.lesson-header-container .help-wrapper .calli-wrapper .calli-image{height:223px;margin-left:2rem}.lesson-header-container .help-wrapper .calli-wrapper .speech-bubble-wrapper .speech-bubble{background-color:#fafafa;color:#9dc600;padding:1rem;border-radius:1rem;max-width:400px;position:relative}.lesson-header-container .help-wrapper .calli-wrapper .speech-bubble-wrapper .speech-bubble:after{content:"";position:absolute;left:calc(100% - 2px);bottom:10px;width:0;height:0;border-color:transparent transparent transparent #fafafa;border-style:solid;border-width:10px 0 10px 30px}.tipptrainer-version-1 .lesson-card-container .lesson-card-subtitle{font-size:1.4rem}.tipptrainer-version-2 .lesson-card-container a{background-color:rgba(0,0,0,.4)!important;border:1px solid #121212;box-sizing:border-box}.tipptrainer-version-2 .lesson-card-container a .lesson-card-title{text-decoration:none}.tipptrainer-version-2 .lesson-card-container .lesson-card-subtitle{font-size:1rem}.lesson-card-container{flex:1;display:flex;flex-flow:column;text-align:center;margin:0 .5rem;max-width:160px;cursor:pointer;position:relative}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.lesson-card-container{flex:none;width:200px}}.lesson-card-container .progress-arrow{position:absolute;width:20px;height:40px;background-color:#95c100;top:-50px;left:calc(50% - 10px);-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite}.lesson-card-container .progress-arrow:after{content:"";width:0;height:0;position:absolute;border-color:#95c100 transparent transparent;border-style:solid;border-width:20px 20px 0;top:100%;left:-10px}.lesson-card-container a{padding:.5rem}.lesson-card-container .lesson-card-header{margin:0}.lesson-card-container .lesson-card-image-wrapper{width:100px;height:100px;background-color:#fafafa;border-radius:50%;margin:1rem auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.lesson-card-container .lesson-card-image-wrapper.images-1 .lesson-image{width:42px}.lesson-card-container .lesson-card-image-wrapper.images-2 .lesson-image{width:39px}.lesson-card-container .lesson-card-image-wrapper.images-3 .lesson-image{width:37px}.lesson-card-container .lesson-card-image-wrapper.images-4 .lesson-image{width:35px}.lesson-card-container .lesson-card-image-wrapper.images-5 .lesson-image{width:32px}.lesson-card-container .lesson-card-subtitle,.lesson-card-container .lesson-card-title{color:#fafafa;margin:0;white-space:nowrap;padding:0 .2rem}.lesson-card-container .lesson-card-title{overflow:hidden;text-decoration:underline;font-size:1.6rem}@-webkit-keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(2px)}75%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(2px)}75%{transform:translateY(-10px)}to{transform:translateY(0)}}.tipptrainer-version-1 .unit-header-container .progress-wrapper .selected-level-wrapper .level-card-subtitle{font-size:1.3rem}.tipptrainer-version-2 .unit-header-container .progress-wrapper .selected-level-wrapper{background-color:rgba(0,0,0,.4)!important;border:1px solid #121212;border-top:none}.tipptrainer-version-2 .unit-header-container .progress-wrapper .selected-level-wrapper .level-card-image-wrapper{background-color:transparent;margin:2rem auto 1rem}.tipptrainer-version-2 .unit-header-container .progress-wrapper .selected-level-wrapper .level-card-image-wrapper .level-card-image{height:150px}.tipptrainer-version-2 .unit-header-container .progress-wrapper .level-card-title{display:none}.tipptrainer-version-2 .unit-header-container .progress-wrapper .level-card-subtitle{font-size:1rem;bottom:2.4rem}.tipptrainer-version-2 .unit-header-container .progress-wrapper .lesson-info-wrapper{left:100%;background-color:#121212}.tipptrainer-version-2 .unit-header-container .step-help-container .step-wrapper .step-back,.tipptrainer-version-2 .unit-header-container .step-help-container .step-wrapper .step-forward{background-color:#fe0;color:#121212}.tipptrainer-version-2 .unit-header-container .step-help-container .step-wrapper .step-back:after{border-color:transparent #fe0 transparent transparent}.tipptrainer-version-2 .unit-header-container .step-help-container .step-wrapper .step-forward:after{border-color:transparent transparent transparent #fe0}.unit-header-container{display:flex;justify-content:space-between;margin-bottom:4rem;position:relative;z-index:2}.unit-header-container .progress-wrapper{display:flex;flex-flow:column;align-items:center;margin-left:4rem;position:relative}.unit-header-container .progress-wrapper .selected-level-wrapper{display:flex;flex-flow:column;text-align:center;width:160px;height:200px}.unit-header-container .progress-wrapper .selected-level-wrapper .level-card-image-wrapper{width:100px;height:100px;background-color:#fafafa;border-radius:50%;margin:1rem auto;display:flex;justify-content:center;align-items:center;cursor:pointer}.unit-header-container .progress-wrapper .selected-level-wrapper .level-card-image-wrapper .level-card-image{height:80px}.unit-header-container .progress-wrapper .level-card-subtitle,.unit-header-container .progress-wrapper .level-card-title{position:absolute;left:0;right:0;text-align:center;color:#fafafa;margin:0;white-space:nowrap;padding:0 .2rem}.unit-header-container .progress-wrapper .level-card-title{bottom:2.2rem}.unit-header-container .progress-wrapper .level-card-subtitle{bottom:.2rem;font-size:1.3rem}.unit-header-container .progress-wrapper .lesson-info-wrapper{position:absolute;top:2rem;left:100%;padding:1rem .5rem .5rem;background-color:#8cb800;color:#fafafa;white-space:nowrap}.unit-header-container .progress-wrapper .lesson-info-wrapper .lesson-image-wrapper{position:absolute;padding:0 .5rem;left:0;top:-20px}.unit-header-container .progress-wrapper .lesson-info-wrapper .lesson-image-wrapper.version-2 img{height:40px}.unit-header-container .progress-wrapper .lesson-info-wrapper .lesson-image-wrapper.version-1.images-1{top:-14px}.unit-header-container .progress-wrapper .lesson-info-wrapper .lesson-image-wrapper.version-1.images-2{top:-12px}.unit-header-container .progress-wrapper .lesson-info-wrapper .lesson-image-wrapper.version-1.images-3{top:-22px}.unit-header-container .progress-wrapper .lesson-info-wrapper .lesson-image-wrapper.version-1.images-4{top:-20px}.unit-header-container .progress-wrapper .lesson-info-wrapper .lesson-image-wrapper.version-1.images-5{top:-26px}.unit-header-container .progress-wrapper .lesson-info-wrapper .lesson-title{font-weight:400;margin:0}.unit-header-container .progress-wrapper .user-info-wrapper{position:absolute;bottom:1rem;left:100%}.unit-header-container .progress-wrapper .user-info-wrapper .gruschu-chest{height:50px;width:50px;display:flex;justify-content:center;align-items:center;background-image:url(/images/chest_closed.png?735c4ab436c2901a967b7d724b8dc36b);background-size:cover;background-repeat:no-repeat;background-position:50%;position:absolute;overflow:hidden;top:4px;left:calc(100% + 6px)}.unit-header-container .step-help-container{display:flex;flex-flow:column;margin-right:4rem;align-items:center}.unit-header-container .step-help-container .step-wrapper{display:flex;margin-top:1rem;height:50px;align-items:center}.unit-header-container .step-help-container .step-wrapper .step-back,.unit-header-container .step-help-container .step-wrapper .step-forward{cursor:pointer;background-color:#f9a800;padding:.2rem .5rem;position:relative;color:#fafafa}.unit-header-container .step-help-container .step-wrapper .step-back:after,.unit-header-container .step-help-container .step-wrapper .step-forward:after{content:"";position:absolute;width:0;height:0;border-style:solid}.unit-header-container .step-help-container .step-wrapper .current-step{color:#fafafa;font-weight:700}.unit-header-container .step-help-container .step-wrapper .step-back{margin-right:1rem}.unit-header-container .step-help-container .step-wrapper .step-back:after{left:-24px;top:-8px;border-width:22px 24px 22px 0;border-color:transparent #f9a800 transparent transparent}.unit-header-container .step-help-container .step-wrapper .step-forward{margin-left:1rem}.unit-header-container .step-help-container .step-wrapper .step-forward:after{right:-24px;top:-8px;border-width:22px 0 22px 24px;border-color:transparent transparent transparent #f9a800}.unit-header-container .step-help-container .help-wrapper{margin-top:2rem;position:relative;width:100%;display:flex;justify-content:flex-end}.unit-header-container .step-help-container .help-wrapper .help-text-wrapper{background-color:#8cb800;color:#fafafa;opacity:0;position:absolute;right:40px;z-index:1;top:38px;padding:.5rem 2rem .5rem .5rem;transition:opacity .25s ease-in-out;border-radius:8px}.unit-header-container .step-help-container .help-wrapper .help-text-wrapper.show-help{opacity:1;transition:opacity .25s ease-in-out}.unit-header-container .step-help-container .help-wrapper .help-image{position:relative;z-index:2;cursor:pointer}.units-content{position:relative;z-index:1}.unit-container.big-letter-speech-bubble{display:flex;align-items:center;position:relative;flex-flow:column}.unit-container.big-letter-speech-bubble.version-2 .speech-bubble-wrapper .speech-bubble{background-color:#fe0;color:#121212;border:4px solid #ffb52b;border-radius:2rem 0 2rem 0}.unit-container.big-letter-speech-bubble.version-2 .speech-bubble-wrapper .speech-bubble:before{border-color:#ffb52b transparent transparent}.unit-container.big-letter-speech-bubble.version-2 .speech-bubble-wrapper .speech-bubble:after{border-color:#fe0 transparent transparent}.unit-container.big-letter-speech-bubble.version-2 .speech-bubble-wrapper .speech-bubble .continue-info .highlight{color:red}.unit-container.big-letter-speech-bubble.version-2 .calli-wrapper .big-letter-wrapper .big-letters{color:#121212}.unit-container.big-letter-speech-bubble .speech-bubble-wrapper{z-index:2;position:relative}.unit-container.big-letter-speech-bubble .speech-bubble-wrapper .speech-bubble{background-color:#fafafa;border:1px solid #99c400;color:#99c400;padding:1rem;border-radius:1rem;max-width:400px;position:relative}.unit-container.big-letter-speech-bubble .speech-bubble-wrapper .speech-bubble .continue-info{font-weight:700;letter-spacing:2px}.unit-container.big-letter-speech-bubble .speech-bubble-wrapper .speech-bubble .continue-info .highlight{color:#f9a800}.unit-container.big-letter-speech-bubble .speech-bubble-wrapper .speech-bubble span p:first-child{margin-top:0}.unit-container.big-letter-speech-bubble .speech-bubble-wrapper .speech-bubble:before{content:"";position:absolute;right:29px;bottom:-32px;width:0;height:0;border-color:#99c400 transparent transparent;border-style:solid;border-width:32px 11px 0}.unit-container.big-letter-speech-bubble .speech-bubble-wrapper .speech-bubble:after{content:"";position:absolute;right:30px;bottom:-30px;width:0;height:0;border-color:#fafafa transparent transparent;border-style:solid;border-width:30px 10px 0}.unit-container.big-letter-speech-bubble .calli-wrapper{position:relative;z-index:2;display:flex;margin-top:2rem}.unit-container.big-letter-speech-bubble .calli-wrapper .big-letter-wrapper{display:flex;align-items:flex-end}.unit-container.big-letter-speech-bubble .calli-wrapper .big-letter-wrapper .big-letters{font-size:100px;margin:0;color:#fafafa}.unit-container.big-letter-speech-bubble .highlight-shadow{z-index:1;align-self:center;justify-self:center;border-radius:50%;height:50px;width:50%;background-color:rgba(0,0,0,.1);margin-top:-2rem;margin-bottom:2rem}.unit-container.speech-bubble{display:flex;align-items:center;position:relative;flex-flow:column}.unit-container.speech-bubble.version-2 .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble{background-color:#fe0;color:#121212;border:4px solid #ffb52b;border-radius:2rem 0 2rem 0}.unit-container.speech-bubble.version-2 .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble:before{border-color:transparent #ffb52b transparent transparent}.unit-container.speech-bubble.version-2 .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble:after{border-color:transparent #fe0 transparent transparent}.unit-container.speech-bubble.version-2 .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble .continue-info .highlight{color:red}.unit-container.speech-bubble .calli-speech-bubble-container{display:flex}.unit-container.speech-bubble .calli-speech-bubble-container .calli-wrapper{position:relative;z-index:2;display:flex;margin-right:1rem;align-items:flex-end}.unit-container.speech-bubble .calli-speech-bubble-container .calli-wrapper img{max-height:250px}.unit-container.speech-bubble .calli-speech-bubble-container .speech-bubble-wrapper{z-index:2;position:relative;display:flex;flex-flow:column}.unit-container.speech-bubble .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble{background-color:#fafafa;border:1px solid #99c400;color:#99c400;padding:1rem;border-radius:1rem;max-width:400px;position:relative}.unit-container.speech-bubble .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble .continue-info{font-weight:700;letter-spacing:2px}.unit-container.speech-bubble .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble .continue-info .highlight{color:#f9a800}.unit-container.speech-bubble .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble span p:first-child{margin-top:0}.unit-container.speech-bubble .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble:before{content:"";position:absolute;left:-32px;bottom:29px;width:0;height:0;border-color:transparent #99c400 transparent transparent;border-style:solid;border-width:11px 32px 11px 0}.unit-container.speech-bubble .calli-speech-bubble-container .speech-bubble-wrapper .speech-bubble:after{content:"";position:absolute;left:-30px;bottom:30px;width:0;height:0;border-color:transparent #fafafa transparent transparent;border-style:solid;border-width:10px 30px 10px 0}.unit-container.speech-bubble .calli-speech-bubble-container .speech-bubble-wrapper .continue-info{padding:1rem;margin-top:.5rem;background-color:#f17300;border-radius:1rem;display:flex;justify-content:center;align-items:center;color:#fafafa;height:30px}.unit-container.speech-bubble .calli-speech-bubble-container .speech-bubble-wrapper .continue-info h3{margin:0;-webkit-animation:pulsingText 2s ease-in-out 2s;animation:pulsingText 2s ease-in-out 2s}.unit-container.speech-bubble .keyboard-wrapper{width:50%;margin-top:2rem}@media (max-width:1024px){.unit-container.speech-bubble .keyboard-wrapper{width:calc(100% - 16rem)}}.unit-container.speech-bubble .keyboard-container{width:100%}.unit-container.speech-bubble .keyboard-container .keyboard-layout-hint{font-size:.8rem;color:#666;display:flex;justify-content:flex-end;margin-top:.5rem}@-webkit-keyframes pulsingText{0%{font-size:1.17em}50%{font-size:1.27em}to{font-size:1.17em}}@keyframes pulsingText{0%{font-size:1.17em}50%{font-size:1.27em}to{font-size:1.17em}}.unit-container.simple-textbox{display:flex;flex-flow:column;align-items:center;width:50%;margin:auto}@media (max-width:1024px){.unit-container.simple-textbox{width:calc(100% - 16rem)}}.unit-container.simple-textbox .required-text-container .description-wrapper{background-color:#fafafa;color:#99c400;border:1px solid #121212;border-bottom:none;padding:1rem}.unit-container.simple-textbox .required-text-container .description-wrapper p{margin:0}.unit-container.simple-textbox .keyboard-container{width:100%}.unit-container.simple-textbox .keyboard-container .keyboard-layout-hint{font-size:.8rem;color:#666;display:flex;justify-content:flex-end;margin-top:.5rem}.unit-container.beat-type{display:flex;flex-flow:column;align-items:center;width:50%;margin:auto}@media (max-width:1024px){.unit-container.beat-type{width:calc(100% - 16rem)}}.unit-container.beat-type .required-text-container .description-wrapper{background-color:#fafafa;color:#99c400;border:1px solid #121212;border-bottom:none;padding:1rem;position:relative}.unit-container.beat-type .required-text-container .description-wrapper .m-container{position:absolute;left:100%;top:0}.unit-container.beat-type .required-text-container .description-wrapper p{margin:0}.unit-container.beat-type .keyboard-container{width:100%}.unit-container.beat-type .keyboard-container .keyboard-layout-hint{font-size:.8rem;color:#666;display:flex;justify-content:flex-end;margin-top:.5rem}.unit-container.timer-type{display:flex;flex-flow:column;align-items:center;width:50%;margin:auto}@media (max-width:1024px){.unit-container.timer-type{width:calc(100% - 16rem)}}.unit-container.timer-type .required-text-container{position:relative}.unit-container.timer-type .required-text-container .start-wrapper{position:absolute;top:4rem;width:100%;z-index:999}.unit-container.timer-type .required-text-container .start-wrapper .start-info{background-color:#8cb800;color:#fafafa;border-radius:1rem;padding:1rem;margin:auto;width:300px;text-align:center}.unit-container.timer-type .required-text-container .stop-wrapper{position:absolute;top:4rem;width:100%}.unit-container.timer-type .required-text-container .stop-wrapper .stop-info{background-color:#f17300;color:#fafafa;border-radius:1rem;padding:1rem;margin:auto;width:300px;text-align:center}.unit-container.timer-type .required-text-container .description-wrapper{background-color:#fafafa;color:#99c400;border:1px solid #121212;border-bottom:none;padding:1rem;position:relative}.unit-container.timer-type .required-text-container .description-wrapper .react-countdown-clock{position:absolute;left:100%;top:0;margin-left:1rem}.unit-container.timer-type .required-text-container .description-wrapper .react-countdown-clock .time{margin:0;padding:.5rem 0}.unit-container.timer-type .required-text-container .description-wrapper p{margin:0}.unit-container.timer-type .keyboard-container{width:100%}.unit-container.timer-type .keyboard-container .keyboard-layout-hint{font-size:.8rem;color:#666;display:flex;justify-content:flex-end;margin-top:.5rem}.unit-container.summary-view{display:flex;flex-flow:column;align-items:center;width:50%;margin:auto}@media (max-width:1024px){.unit-container.summary-view{width:calc(100% - 16rem)}}.unit-container.summary-view.version-2 .feedback-container .speech-bubble-wrapper .speech-bubble{background-color:#fe0;color:#121212;border:4px solid #ffb52b;border-radius:2rem 0 2rem 0}.unit-container.summary-view.version-2 .feedback-container .speech-bubble-wrapper .speech-bubble:before{border-color:transparent #ffb52b transparent transparent}.unit-container.summary-view.version-2 .feedback-container .speech-bubble-wrapper .speech-bubble:after{border-color:transparent #fe0 transparent transparent}.unit-container.summary-view.version-2 .feedback-container .speech-bubble-wrapper .speech-bubble .continue-info .highlight{color:red}.unit-container.summary-view .feedback-container{display:flex;margin-bottom:2rem}.unit-container.summary-view .feedback-container .calli-wrapper{position:relative;display:flex;margin-bottom:2rem;margin-right:4rem}.unit-container.summary-view .feedback-container .calli-wrapper img{height:223px;transform:scaleX(-1)}.unit-container.summary-view .feedback-container .speech-bubble-wrapper{position:relative;display:flex;flex-flow:column;justify-content:space-between}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .speech-bubble{background-color:#fafafa;border:1px solid #99c400;color:#99c400;padding:1rem;border-radius:1rem;max-width:400px;position:relative}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .speech-bubble .continue-info{font-weight:700;letter-spacing:2px}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .speech-bubble .continue-info .highlight{color:#f9a800}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .speech-bubble p:first-child{margin-top:0}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .speech-bubble:before{content:"";position:absolute;left:-32px;bottom:29px;width:0;height:0;border-color:transparent #99c400 transparent transparent;border-style:solid;border-width:11px 32px 11px 0}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .speech-bubble:after{content:"";position:absolute;left:-30px;bottom:30px;width:0;height:0;border-color:transparent #fafafa transparent transparent;border-style:solid;border-width:10px 30px 10px 0}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .gruschu-reward-wrapper{display:flex;margin-top:2rem;justify-content:flex-end}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .gruschu-reward-wrapper .gruschus{position:absolute;width:100%;height:160px}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .gruschu-reward-wrapper .gruschus .gruschu{width:60px;height:60px;position:absolute;background-position:50%;background-size:contain;z-index:2;opacity:0;-webkit-animation:moveToBox 2s ease-in-out forwards;animation:moveToBox 2s ease-in-out forwards}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .gruschu-reward-wrapper .gruschu-chest{height:160px;width:180px;background-image:url(/images/chest_open.png?2cb6554ea6503c72dacf58ce1dbcd9f2);background-size:cover;background-repeat:no-repeat;background-position:50%;position:relative;z-index:1}.unit-container.summary-view .feedback-container .speech-bubble-wrapper .gruschu-reward-wrapper .gruschu-chest .rewarded-gruschus{margin:0;position:absolute;top:100px;left:84px;transform:rotate3d(-16,18,-4,29deg)}@-webkit-keyframes moveToBox{0%{opacity:0;left:0;top:calc(50% - 20px)}20%{opacity:1}50%{left:36%;top:calc(50% - 20px)}80%{top:-24px;left:76%;opacity:1;transform:rotate(0deg)}90%{transform:rotate(1turn);opacity:0}to{top:50%;left:76%;opacity:0}}@keyframes moveToBox{0%{opacity:0;left:0;top:calc(50% - 20px)}20%{opacity:1}50%{left:36%;top:calc(50% - 20px)}80%{top:-24px;left:76%;opacity:1;transform:rotate(0deg)}90%{transform:rotate(1turn);opacity:0}to{top:50%;left:76%;opacity:0}}.unit-container.video{display:flex;flex-flow:column;align-items:center;width:50%;margin:auto;background-color:#fafafa;border:1px solid #121212;padding:1rem}@media (max-width:1024px){.unit-container.video{width:calc(100% - 16rem)}}.unit-container.video .video-description-wrapper{border-bottom:1px solid #ccc;margin-bottom:2rem}.unit-container.video .video-container{padding:.5rem;border:1px solid #121212;background-color:#ccc}.unit-container.video .video-container video{width:100%}.unit-container.loosening{display:flex;justify-content:center;position:relative;flex-flow:row}.unit-container.loosening.version-2 .speech-bubble-wrapper .speech-bubble{background-color:#fe0;color:#121212;border:4px solid #ffb52b;border-radius:2rem 0 2rem 0}.unit-container.loosening.version-2 .speech-bubble-wrapper .speech-bubble:before{border-color:#ffb52b transparent transparent}.unit-container.loosening.version-2 .speech-bubble-wrapper .speech-bubble:after{border-color:#fe0 transparent transparent}.unit-container.loosening.version-2 .speech-bubble-wrapper .speech-bubble .continue-info .highlight{color:red}.unit-container.loosening .calli-wrapper{position:relative;z-index:2;display:flex;margin-top:2rem}.unit-container.loosening .speech-bubble-wrapper{z-index:2;position:relative}.unit-container.loosening .speech-bubble-wrapper .speech-bubble{background-color:#fafafa;border:1px solid #99c400;color:#99c400;padding:1rem;border-radius:1rem;max-width:400px;position:relative}.unit-container.loosening .speech-bubble-wrapper .speech-bubble .continue-info{font-weight:700;letter-spacing:2px}.unit-container.loosening .speech-bubble-wrapper .speech-bubble .continue-info .highlight{color:#f9a800}.unit-container.loosening .speech-bubble-wrapper .speech-bubble span p:first-child{margin-top:0}.unit-container.loosening .speech-bubble-wrapper .speech-bubble:before{content:"";position:absolute;left:29px;bottom:-32px;width:0;height:0;border-color:#99c400 transparent transparent;border-style:solid;border-width:32px 11px 0}.unit-container.loosening .speech-bubble-wrapper .speech-bubble:after{content:"";position:absolute;left:30px;bottom:-30px;width:0;height:0;border-color:#fafafa transparent transparent;border-style:solid;border-width:30px 10px 0}.unit-container.loosening .loosening-image-wrapper{margin-right:2rem;display:flex;justify-content:center;align-items:center}.unit-container.loosening .loosening-image-wrapper .loosening-image{width:423px;height:271px;display:flex;border:4px solid #ccc}.unit-container.mole .game-container{position:relative;width:660px;height:530px;margin:auto;border:1px solid #666}.unit-container.mole .game-container .game-wrapper{position:relative;background-image:url(/images/games/mole/bg.jpg);width:660px;height:530px;z-index:1;overflow:hidden}.unit-container.mole .game-container .game-wrapper .start-wrapper{position:absolute;top:2rem;width:100%;z-index:999}.unit-container.mole .game-container .game-wrapper .start-wrapper .start-info{background-color:#8cb800;color:#fafafa;border-radius:1rem;padding:1rem;margin:auto;width:300px;text-align:center}.unit-container.mole .game-container .game-wrapper .stop-wrapper{position:absolute;top:4rem;width:100%}.unit-container.mole .game-container .game-wrapper .stop-wrapper .stop-info{background-color:#f17300;color:#fafafa;border-radius:1rem;padding:1rem;margin:auto;width:300px;text-align:center}.unit-container.mole .game-container .game-wrapper .game-character{display:flex;flex-flow:column}.unit-container.mole .game-container .game-wrapper .game-character.pos{position:absolute;z-index:2;-webkit-animation:bounce-in .45s cubic-bezier(.175,.885,.32,1.275) both;animation:bounce-in .45s cubic-bezier(.175,.885,.32,1.275) both}.unit-container.mole .game-container .game-wrapper .game-character.pos.pos-1{bottom:304px;left:204px}.unit-container.mole .game-container .game-wrapper .game-character.pos.pos-2{bottom:252px;right:82px}.unit-container.mole .game-container .game-wrapper .game-character.pos.pos-3{bottom:200px;left:38px}.unit-container.mole .game-container .game-wrapper .game-character.pos.pos-4{bottom:168px;left:308px}.unit-container.mole .game-container .game-wrapper .game-character.pos.pos-5{bottom:48px;left:128px}.unit-container.mole .game-container .game-wrapper .game-character.pos.pos-6{bottom:56px;right:96px}.unit-container.mole .game-container .game-wrapper .game-character .speech-bubble{background-color:#fafafa;padding:.5rem;border:1px solid #99c400;position:absolute;bottom:100px}.unit-container.mole .game-container .game-wrapper .game-character .speech-bubble span{margin:0 .2rem;box-sizing:border-box}.unit-container.mole .game-container .game-wrapper .game-character .speech-bubble span.active{background-color:#fbd7b2}.unit-container.mole .game-container .game-wrapper .game-character .speech-bubble span.space{display:inline-block;height:16px;width:8px;background-color:transparent}.unit-container.mole .game-container .game-wrapper .game-character .speech-bubble span.space.active{background-color:#fbd7b2}.unit-container.mole .game-container .game-wrapper .game-character img{width:100px;height:100px}@-webkit-keyframes bounce-in{0%{transform:scaleY(0) rotateX(90deg);transform-origin:bottom;opacity:0}to{transform:scaleY(1) rotateX(0);transform-origin:bottom;opacity:1}}@keyframes bounce-in{0%{transform:scaleY(0) rotateX(90deg);transform-origin:bottom;opacity:0}to{transform:scaleY(1) rotateX(0);transform-origin:bottom;opacity:1}}.unit-container.balloon .game-container{position:relative;width:660px;height:530px;margin:auto}.unit-container.balloon .game-container .game-wrapper{position:relative;background-image:url(/images/games/balloon/bg.jpg);width:660px;height:530px;z-index:1;overflow:hidden}.unit-container.balloon .game-container .game-wrapper .start-wrapper{position:absolute;top:2rem;width:100%;z-index:999}.unit-container.balloon .game-container .game-wrapper .start-wrapper .start-info{background-color:#8cb800;color:#fafafa;border-radius:1rem;padding:1rem;margin:auto;width:300px;text-align:center}.unit-container.balloon .game-container .game-wrapper .stop-wrapper{position:absolute;top:4rem;width:100%}.unit-container.balloon .game-container .game-wrapper .stop-wrapper .stop-info{background-color:#f17300;color:#fafafa;border-radius:1rem;padding:1rem;margin:auto;width:300px;text-align:center}.unit-container.balloon .game-container .game-wrapper .balloon-container .balloon{height:80px;width:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.unit-container.balloon .game-container .game-wrapper .balloon-container .balloon.hit{-webkit-animation:puff-out-center .4s cubic-bezier(1,0,0,1) forwards;animation:puff-out-center .4s cubic-bezier(1,0,0,1) forwards}.unit-container.balloon .game-container .game-wrapper .balloon-container .balloon .balloon-tail{position:absolute;bottom:-6px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.unit-container.balloon .game-container .game-wrapper .balloon-container .balloon span{display:block;font-weight:700;font-size:1.4rem}.unit-container.balloon .game-container .game-wrapper .balloon-container .balloon.pos{position:absolute}.unit-container.balloon .game-container .progressbar-wrapper{border-top:none}@-webkit-keyframes puff-out-center{0%{transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}to{transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}}@keyframes puff-out-center{0%{transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}to{transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}}.unit-container.ocean .game-container{position:relative;width:660px;height:530px;margin:auto}.unit-container.ocean .game-container .game-wrapper{position:relative;background-image:url(/images/games/ocean/bg.jpg);width:660px;height:530px;z-index:1;border:1px solid #666;box-sizing:border-box}.unit-container.ocean .game-container .game-wrapper .start-wrapper{position:absolute;top:2rem;width:100%;z-index:999}.unit-container.ocean .game-container .game-wrapper .start-wrapper .start-info{background-color:#8cb800;color:#fafafa;border-radius:1rem;padding:1rem;margin:auto;width:300px;text-align:center}.unit-container.ocean .game-container .game-wrapper .stop-wrapper{position:absolute;top:4rem;width:100%}.unit-container.ocean .game-container .game-wrapper .stop-wrapper .stop-info{background-color:#f17300;color:#fafafa;border-radius:1rem;padding:1rem;margin:auto;width:300px;text-align:center}.unit-container.ocean .game-container .game-wrapper .grid-container{position:absolute;top:74px;left:46px;right:46px;bottom:58px;display:flex;flex-flow:column}.unit-container.ocean .game-container .game-wrapper .grid-container .row{display:flex;flex:1}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell{flex:1;display:flex;justify-content:center;align-items:center}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content{position:relative}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.ball{background:url(/images/games/ocean/animations/ball-animation.png) 0;width:50px;height:50px;-webkit-animation:ball-anim 4s steps(14) infinite;animation:ball-anim 4s steps(14) infinite}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.buoy{background:url(/images/games/ocean/animations/buoy-animation.png) 0;width:58px;height:58px;-webkit-animation:buoy-anim 2s steps(5) infinite;animation:buoy-anim 2s steps(5) infinite}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.boat{background:url(/images/games/ocean/boat.png);background-position:50% 50%;width:100%;height:100%;background-repeat:no-repeat;-webkit-animation:boat-anim 4s ease-in-out infinite;animation:boat-anim 4s ease-in-out infinite}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.boat.top{transform:rotate(90deg)}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.boat.right{transform:rotate(180deg)}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.boat.bottom{transform:rotate(270deg)}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.wave{background:url(/images/games/ocean/animations/wave-animation.png) 0;width:50px;height:50px;-webkit-animation:wave-anim 1.6s steps(9) infinite;animation:wave-anim 1.6s steps(9) infinite}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.wave:after{content:"";height:0;width:0;position:absolute;border:10px solid transparent}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.wave.left{transform:rotate(-180deg)}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.wave.top{transform:rotate(-90deg)}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.wave.bottom{transform:rotate(90deg)}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli{background-image:url(/images/games/ocean/calli.png);background-size:cover;width:100%;height:100%}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container{position:relative;width:100%;height:100%}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox{position:absolute;padding:.5rem;background-color:#fafafa;border:1px solid #666;z-index:999;font-size:.8rem;white-space:nowrap}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox span{margin:0 .2rem;box-sizing:border-box}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox span.active{background-color:#fbd7b2}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox span.active.space{display:inline-block;height:1rem;width:8px}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox:after{content:"";width:0;height:0;border-style:solid;position:absolute}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox.left{right:100px;top:-16px}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox.left:after{right:calc(100% + 1px);top:10px;border-width:8px 12px 8px 0;border-color:transparent red transparent transparent}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox.top{bottom:100px;left:50%;transform:translateX(-50%)}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox.top:after{left:calc(50% - 8px);bottom:calc(100% + 1px);border-width:0 8px 12px;border-color:transparent transparent red}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox.right{left:100px;top:-16px}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox.right:after{left:calc(100% + 1px);top:10px;border-width:8px 0 8px 12px;border-color:transparent transparent transparent red}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox.bottom{top:100px;left:50%;transform:translateX(-50%)}.unit-container.ocean .game-container .game-wrapper .grid-container .row .cell .cell-content.calli .textbox-container .textbox.bottom:after{left:calc(50% - 8px);top:calc(100% + 1px);border-width:12px 8px 0;border-color:red transparent transparent}.unit-container.ocean .game-container .progressbar-wrapper{border-top:none}@-webkit-keyframes ball-anim{0%{background-position:0}to{background-position:-700px}}@keyframes ball-anim{0%{background-position:0}to{background-position:-700px}}@-webkit-keyframes wave-anim{0%{background-position:0}to{background-position:-450px}}@keyframes wave-anim{0%{background-position:0}to{background-position:-450px}}@-webkit-keyframes buoy-anim{0%{background-position:0}to{background-position:-290px}}@keyframes buoy-anim{0%{background-position:0}to{background-position:-290px}}@-webkit-keyframes boat-anim{25%{background-position:80% 150%}75%{background-position:-80% -150%}}@keyframes boat-anim{25%{background-position:80% 150%}75%{background-position:-80% -150%}}.required-text-container{width:100%;position:relative}.required-text-container .required-text-wrapper{padding:2px 55px;height:100px;overflow:hidden;font-size:1.2rem;position:relative;border:1px solid #121212;border-bottom:none;background:#fafafa;background:linear-gradient(0deg,#dcdcdc,#fafafa 8%) 0 57px;background-size:100% 30px}.required-text-container .required-text-wrapper:after{content:"";position:absolute;width:0;top:0;left:39px;bottom:-2500px;border-left:1px solid #f8d3d3}.required-text-container .required-text-wrapper .textbox-character{color:#121212;margin:0 .2rem;box-sizing:border-box;line-height:30px}.required-text-container .required-text-wrapper .textbox-character.active{background-color:#fbd7b2}.required-text-container .required-text-wrapper .textbox-character.space{display:inline-block;height:25px;vertical-align:text-bottom;width:10px;background-color:transparent;padding:0 .2rem}.required-text-container .required-text-wrapper .textbox-character.space.active{background-color:#fbd7b2}.required-text-container .required-text-wrapper .textbox-character.space.valid{background-color:transparent;border:none}.required-text-container .required-text-wrapper .textbox-character.space.invalid{background-color:#e7b4b3}.required-text-container .required-text-wrapper .textbox-character.valid{color:#68cf67}.required-text-container .required-text-wrapper .textbox-character.invalid{color:#ce6a69}.progressbar-wrapper{display:block;position:relative;width:100%;height:16px;box-sizing:border-box;margin:0 auto 1rem;border:1px solid #121212;background-color:#effdc4}.progressbar-wrapper .progressbar{background-image:linear-gradient(0deg,#9ec228,#d7e5a9);height:100%}.simple-keyboard{width:100%;position:relative;height:282px}.simple-keyboard .hg-row{display:flex;height:20%}.simple-keyboard .hg-row .hg-button{height:calc(100% - 4px);box-sizing:border-box;padding:5px;background-color:#fff;color:#fff;border:1px solid #666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;position:relative;box-shadow:0 1px 0 0 rgba(0,0,0,.2)}.simple-keyboard .hg-row .hg-button.hg-functionBtn:not(.hg-button-space){color:#ccc}.simple-keyboard .hg-row .hg-button.basic:after{content:"";height:2px;width:40%;background-color:#ccc;position:absolute;bottom:2px}.simple-keyboard .hg-row .hg-button.hg-button-space{padding:5px 16px}.simple-keyboard .hg-row .hg-button.hg-button-shift.highlight{color:#121212;background-color:#ffce00}.simple-keyboard .hg-row .hg-button.hg-button-alt,.simple-keyboard .hg-row .hg-button.hg-button-altgr,.simple-keyboard .hg-row .hg-button.hg-button-ctrl{font-size:.8rem}.simple-keyboard .hg-row .hg-button.button-used{color:#121212}.simple-keyboard .hg-row .hg-button.button-used.pointer-f{background-color:#d6e69f}.simple-keyboard .hg-row .hg-button.button-used.pointer-f.highlight{background-color:#83d001}.simple-keyboard .hg-row .hg-button.button-used.pointer-f.highlight.basic:after{background-color:#787878}.simple-keyboard .hg-row .hg-button.button-used.middle-f{background-color:#a5cde0}.simple-keyboard .hg-row .hg-button.button-used.middle-f.highlight{background-color:#1c6bbc}.simple-keyboard .hg-row .hg-button.button-used.ring-f{background-color:#f1b8c5}.simple-keyboard .hg-row .hg-button.button-used.ring-f.highlight{background-color:#db0326}.simple-keyboard .hg-row .hg-button.button-used.pinky-f{background-color:#ffeb9a}.simple-keyboard .hg-row .hg-button.button-used.pinky-f.highlight{background-color:#fd0}.simple-keyboard .hg-row .hg-button.button-used.thumb-f{background-color:#f9c79b}.simple-keyboard .hg-row .hg-button.button-used.thumb-f.highlight{background-color:#e9690b}.simple-keyboard .hg-row .hg-button.button-highlight{background-color:#f17300;color:#fafafa;font-weight:700}.simple-keyboard .hg-row .hg-button.button-highlight.basic:after{background-color:#787878}.simple-keyboard .hg-row .hg-button:not(:last-child){margin-right:4px}.simple-keyboard .hg-row .hg-button.hg-standardBtn{width:6.46%}.simple-keyboard .hg-row .hg-button.hg-button-bksp{width:13.04%}.simple-keyboard .hg-row .hg-button.hg-button-tab{width:9.87%}.simple-keyboard .hg-row .hg-button.hg-button-entertop{width:9.75%}.simple-keyboard .hg-row .hg-button.hg-button-lock{width:11.63%}.simple-keyboard .hg-row .hg-button.hg-button-enter,.simple-keyboard .hg-row .hg-button.hg-button-shift:first-child{width:8.11%}.simple-keyboard .hg-row .hg-button.hg-button-shift:last-child{width:17.98%}.simple-keyboard .hg-row .hg-button.hg-button-ctrl{width:9.64%}.simple-keyboard .hg-row .hg-button.hg-button-alt,.simple-keyboard .hg-row .hg-button.hg-button-altgr,.simple-keyboard .hg-row .hg-button.hg-button-fn,.simple-keyboard .hg-row .hg-button.hg-button-os{width:7.99%}.simple-keyboard .hg-row .hg-button.hg-button-space{width:38.07%}.end-game-wrapper{display:flex;margin:4rem;justify-content:center;align-items:center}.end-game-wrapper.version-2 .speech-bubble-wrapper .speech-bubble{background-color:#fe0;color:#121212;border:4px solid #ffb52b;border-radius:2rem 0 2rem 0}.end-game-wrapper.version-2 .speech-bubble-wrapper .speech-bubble:before{border-color:transparent #ffb52b transparent transparent}.end-game-wrapper.version-2 .speech-bubble-wrapper .speech-bubble:after{border-color:transparent #fe0 transparent transparent}.end-game-wrapper.version-2 .speech-bubble-wrapper .speech-bubble .continue-info .highlight{color:red}.end-game-wrapper .calli-wrapper{position:relative;z-index:2;display:flex;margin-right:4rem;align-items:flex-end}.end-game-wrapper .calli-wrapper img{height:223px;max-height:250px}.end-game-wrapper .speech-bubble-wrapper{z-index:2;position:relative;display:flex;flex-flow:column}.end-game-wrapper .speech-bubble-wrapper .speech-bubble{background-color:#fafafa;border:1px solid #99c400;color:#99c400;padding:1rem;border-radius:1rem;max-width:400px;position:relative}.end-game-wrapper .speech-bubble-wrapper .speech-bubble:before{content:"";position:absolute;left:-32px;bottom:29px;width:0;height:0;border-color:transparent #99c400 transparent transparent;border-style:solid;border-width:11px 32px 11px 0}.end-game-wrapper .speech-bubble-wrapper .speech-bubble:after{content:"";position:absolute;left:-30px;bottom:30px;width:0;height:0;border-color:transparent #fafafa transparent transparent;border-style:solid;border-width:10px 30px 10px 0}.end-game-wrapper .speech-bubble-wrapper .continue-info{padding:1rem;margin-top:.5rem;background-color:#f17300;border-radius:1rem;display:flex;justify-content:center;align-items:center;color:#fafafa;height:30px}.end-game-wrapper .speech-bubble-wrapper .continue-info h3{margin:0}.m-wrapper{position:relative;text-align:center;width:150px;margin:20% auto 0;z-index:1}.m-wrapper .m-stick{width:2px;height:85px;position:absolute;top:12px;left:calc(50% - 2px);-webkit-animation:metronome 1.5s ease-in-out infinite;animation:metronome 1.5s ease-in-out infinite;transform-origin:50% 100%;background-color:#121212}.m-wrapper .m-stick:after{content:"";display:block;width:10px;height:10px;background-color:#b30000;position:absolute;left:-4px;top:0;-webkit-clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.m-wrapper:after{content:"";background:radial-gradient(rgba(0,0,0,.4) 50%,transparent);border-radius:50%;z-index:-1;width:125px;display:block;height:15px;position:absolute;bottom:-9px;left:12px;-webkit-filter:blur(5px);filter:blur(5px)}.m-body{position:relative;-webkit-clip-path:polygon(37% 0,63% 0,100% 97%,93% 97%,91% 100%,10% 100%,7% 97%,0 97%);clip-path:polygon(37% 0,63% 0,100% 97%,93% 97%,91% 100%,10% 100%,7% 97%,0 97%);background-color:#fafafa;width:100px;height:140px;margin:25% auto 0}.m-body .m-base{position:absolute;width:90px;height:66%;bottom:30%;left:5px;-webkit-clip-path:polygon(40% 0,60% 0,88% 100%,12% 100%);clip-path:polygon(40% 0,60% 0,88% 100%,12% 100%);background-color:#73b4e2}@-webkit-keyframes metronome{0%,to{transform:rotate(35deg)}50%{transform:rotate(-35deg)}}@keyframes metronome{0%,to{transform:rotate(35deg)}50%{transform:rotate(-35deg)}}.hands-wrapper{position:relative}.hands-wrapper .hands-image,.hands-wrapper .hands-toggle{background-size:cover;background-repeat:no-repeat}.hands-wrapper .hands-image{width:100%;height:190px;position:absolute;top:60px;left:0;background-position:top}@media (min-width:1024px){.hands-wrapper .hands-image{height:220px;top:30px}}@media (min-width:1440px){.hands-wrapper .hands-image{height:250px;top:0}}@media (min-width:1920px){.hands-wrapper .hands-image{height:310px;top:-60px}}@media (min-width:2560px){.hands-wrapper .hands-image{height:360px;top:-110px}}.hands-wrapper .hands-toggle{width:100px;height:80px;background-position:50%;position:absolute;left:calc(100% + 1rem);top:0;cursor:pointer}@font-face{font-family:Carrotflower;src:url(/font/Carrotflower.eot);src:url(/font/Carrotflower.eot?#iefix) format("embedded-opentype"),url(/font/Carrotflower.woff2) format("woff2"),url(/font/Carrotflower.woff) format("woff"),url(/font/Carrotflower.ttf) format("truetype");font-weight:400;font-style:normal}body,html{margin:0;padding:0;font-size:16px;width:100%;font-family:Muli,sans-serif}body.tipptrainer-version-1 .tipptrainer-content,body.tipptrainer-version-2 .tipptrainer-content{min-height:100vh}body.tipptrainer-version-1{background-image:url(/images/typing-trainer/tipptrainer-bg-1.png)}body.tipptrainer-version-1 .font-highlight{font-family:Carrotflower;font-weight:400;font-style:normal}body.tipptrainer-version-2{background-image:url(/images/typing-trainer/tipptrainer-bg-2.png);background-size:cover;background-position:50%;background-repeat:no-repeat}body.tipptrainer-version-2 .font-highlight{font-family:Luckiest Guy,cursive;font-weight:400;font-style:normal;letter-spacing:1px}.volume-control{display:flex;padding-left:6rem;width:100px;cursor:pointer;position:absolute;top:18rem;z-index:999}.volume-control.version-2{font-size:2rem}#footer .footer{background-color:transparent;border-top:0}#footer .footer .row.sponsors .sponsor-wrapper{background-color:#fff}.not-supported-info{padding:1rem;max-width:100%;text-align:center}.not-supported-info .header{margin-bottom:2rem}.continue-info{color:#ff6340}