.theorie,.theorie .theorie-felder,body,html{width:100%;height:100%}#rangliste .rangliste .ranking-item.ranking-item-head,.theorie .theorie-felder .feld-elem{background:#457aeb;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#457aeb", endColorstr="#3290f2", GradientType=1)}.hidden,body.started .home{opacity:0;visibility:hidden}*{box-sizing:border-box}body,html{margin:0;overflow:hidden}body{font-family:Poppins,sans-serif;font-size:18px}.theorie::-webkit-scrollbar{display:none}.theorie{overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-snap-destination:0 100%;scroll-snap-points-x:repeat(100%);-ms-overflow-style:none;-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow:hidden}.theorie .theorie-felder{position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start}.theorie .theorie-felder .feld-elem{position:relative;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding-bottom:50px;padding-top:50px;scroll-snap-align:start;scroll-snap-stop:always;-webkit-scroll-snap-coordinate:50% 50%;color:#fff;user-select:none;background:-moz-linear-gradient(90deg,#457aeb 0,#3290f2 100%);background:-webkit-linear-gradient(90deg,#457aeb 0,#3290f2 100%);background:linear-gradient(90deg,#457aeb 0,#3290f2 100%)}.theorie .theorie-felder .feld-elem .inner{position:relative;z-index:1;width:90%;font-size:16px}.theorie .theorie-felder .feld-elem .inner .title{font-size:22px;line-height:26px;text-align:left;font-weight:600;margin:0 0 15px}.theorie .theorie-felder .info-feld,.theorie .theorie-felder .info-feld .title{text-align:center}.theorie .theorie-felder .info-feld .input{margin-top:10px}.theorie .theorie-felder .info-feld .input input{background-color:transparent;box-shadow:none;outline:0!important;border:none;padding:10px 0;border-bottom:1px solid #fff;width:100%;color:#fff;font-size:20px}.theorie .theorie-felder .info-feld .name-continue{text-align:center;margin-top:45px}.theorie .theorie-felder .info-feld .name-continue span{display:inline-block;margin:0 auto;padding:10px 30px;background-color:#fff;color:#000;box-shadow:0 15px 25px rgba(0,0,0,.1);border-radius:15px;text-transform:uppercase;font-weight:600;letter-spacing:1px;cursor:pointer}.theorie .theorie-felder .ready-feld .inner{text-align:center;font-size:24px;font-weight:500;width:85%}.theorie .theorie-felder .ready-feld .inner .text span{display:block}.theorie .theorie-felder .ready-feld .inner .text span+span{margin-top:30px;font-size:20px;color:#ddd;font-weight:400}.theorie .theorie-felder .quiz-feld .frageID{display:none}.theorie .theorie-felder .quiz-feld .frage{font-weight:600;font-size:20px;text-align:center}.theorie .theorie-felder .quiz-feld .antworten{margin-top:30px}.theorie .theorie-felder .quiz-feld .antworten .antwort{border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,.1);background-color:#fff;color:#000;padding:10px 20px;font-size:14px;font-weight:500;min-height:60px;transition:.2s ease-in-out}.theorie .theorie-felder .quiz-feld .antworten .antwort.right-answer{background-color:#28a745!important;color:#fff}.theorie .theorie-felder .quiz-feld .antworten .antwort.wrong-answer{background-color:#dc3545!important;color:#fff}.theorie .theorie-felder .quiz-feld .quiz-continue span,.theorie .theorie-felder .theorie-feld.feld-elem.theorie-feld-final .button.ranking-button a{background-color:#fff;color:#000;box-shadow:0 15px 25px rgba(0,0,0,.1);border-radius:15px;letter-spacing:1px;display:inline-block;text-transform:uppercase;font-weight:600;cursor:pointer}.theorie .theorie-felder .quiz-feld .antworten .antwort+.antwort{margin-top:15px}.theorie .theorie-felder .quiz-feld .antworten .antwort:nth-child(2n+1){margin-left:0}.theorie .theorie-felder .quiz-feld .quiz-continue{text-align:center;margin-top:45px}.theorie .theorie-felder .quiz-feld .quiz-continue span{margin:0 auto;padding:10px 30px}.theorie .theorie-felder .theorie-feld.feld-elem.theorie-feld-final .endScore,.theorie .theorie-felder .theorie-feld.feld-elem.theorie-feld-final .title.endTitle{text-align:center}.theorie .theorie-felder .theorie-feld.feld-elem.theorie-feld-final .button.ranking-button{text-align:center;margin-top:45px}.theorie .theorie-felder .theorie-feld.feld-elem.theorie-feld-final .button.ranking-button a{margin:0 auto;padding:10px 30px;text-decoration:none}.theorie .theorie-nav{position:fixed;bottom:0;left:0;width:100%;height:50px}.theorie .theorie-nav .tn-nav-inner{position:relative;padding-bottom:15px;height:100%;width:100%}.theorie .theorie-nav .tn-nav-inner .tn-nav{position:absolute;height:20px;width:auto;bottom:15px;transition:.25s ease-in-out}.theorie .theorie-nav .tn-nav-inner .tn-nav svg{height:100%;width:auto}.theorie .theorie-nav .tn-nav-inner .tn-nav.tn-prev{left:15px}.theorie .theorie-nav .tn-nav-inner .tn-nav.tn-next{right:15px}.theorie .theorie-nav .tn-nav-inner .tn-status{pointer-events:none;position:absolute;bottom:0;width:100%;text-align:center}.theorie .theorie-nav .tn-nav-inner .tn-status .tn-percent{line-height:20px;margin-bottom:10px;font-size:14px;font-weight:600}.theorie .theorie-nav .tn-nav-inner .tn-status .tn-bar{height:5px;width:0%;background-color:#000}.home{background-color:#000;position:absolute;top:0;left:0;width:100%;height:100%;z-index:500;transition:.35s ease-in-out;transition-timing-function:cubic-bezier(1,-.3,1,.62)}.home .home-inner{position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.home .home-inner .inner .logo{width:200px;max-width:80%;margin:0 auto 15px}.home .home-inner .inner .logo .logo-mini{width:50%;margin:0 auto 15px}.home .home-inner .inner .logo .logo-main svg,.home .home-inner .inner .logo .logo-mini svg{width:100%;height:auto}.home .home-inner .inner .content{color:#ddd;padding:0 45px;text-align:center}.home .home-inner .inner .content .text{font-size:15px}.home .home-inner .inner .content .home-actions{position:absolute;bottom:0;left:0;width:100%;padding-bottom:30px}.home .home-inner .inner .content .home-actions .button a{width:240px;max-width:100%;margin:0 auto;display:inline-block;height:auto;background-color:#00e790;text-decoration:none;text-transform:uppercase;color:#000;padding:10px 30px;font-weight:600;cursor:pointer}.home .home-inner .inner .content .home-actions .button+.button{margin-top:10px}.home .home-inner .inner .content .home-actions .button+.button a{background-color:#fff;color:#000}body.started .home{left:-110%}::-webkit-input-placeholder{color:#fff}:-moz-placeholder{color:#fff;opacity:1}::-moz-placeholder{color:#fff;opacity:1}:-ms-input-placeholder{color:#fff}::-ms-input-placeholder{color:#fff}::placeholder{color:#fff}#rangliste{background-color:#000;color:#fff}#rangliste .rangliste{width:1200px;max-width:90%;margin:0 auto;font-size:16px}#rangliste .rangliste .ranking-head{position:relative}#rangliste .rangliste .ranking-head h2{font-size:24px;line-height:26px;text-align:center}#rangliste .rangliste .ranking-head .back-btn{display:block;position:absolute;left:0;width:auto;height:26px;padding:5px 0;color:#fff;fill:#fff}#rangliste .rangliste .ranking-head .back-btn svg{position:relative;top:-2px;width:auto;height:100%}#rangliste .rangliste .ranking-item.ranking-item-head{background:-moz-linear-gradient(90deg,#457aeb 0,#3290f2 100%);background:-webkit-linear-gradient(90deg,#457aeb 0,#3290f2 100%);background:linear-gradient(90deg,#457aeb 0,#3290f2 100%);color:#fff}#rangliste .rangliste .ranking-item{display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:flex-start;justify-content:flex-start}#rangliste .rangliste .ranking-item .pos{width:70px;padding:5px 10px}#rangliste .rangliste .ranking-item .name{width:calc(100% - 145px);padding:5px 10px}#rangliste .rangliste .ranking-item .score{width:75px;padding:5px 10px}#rangliste .rangliste .ranking-item .date{display:none}#rangliste .rangliste .ranking-item:nth-child(even){background-color:#000}#rangliste .rangliste .ranking-item:nth-child(odd){background-color:#111}@media (min-width:1200px){.home .home-inner .inner{width:1080px;max-width:100%;margin:0 auto}.home .home-inner .inner .logo{width:360px}.home .home-inner .inner .content .text{font-size:22px;font-weight:300}.theorie .theorie-felder .feld-elem .inner{width:1080px;max-width:100%;margin:0 auto}.theorie .theorie-felder .feld-elem .inner .title{font-size:30px;line-height:38px}.theorie .theorie-felder .feld-elem .inner .content{font-size:20px}.theorie .theorie-felder .feld-elem.quiz-feld .frage{font-size:30px}.theorie .theorie-felder .feld-elem.quiz-feld .antworten{display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;margin-top:0}.theorie .theorie-felder .feld-elem.quiz-feld .antworten .antwort{width:calc(50% - 15px);font-size:20px;margin-top:30px;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding:30px}.theorie .theorie-felder .feld-elem.quiz-feld .antworten .antwort+.antwort{margin-left:30px}.theorie .theorie-felder .feld-elem.quiz-feld .antworten .antwort:nth-child(2n+1){margin-left:0}}