body,html{font-family:K2D,sans-serif;background-image:url(/background.png);background-repeat:no-repeat;background-size:cover;height:100vh;overflow-y:hidden;-webkit-user-select:none;user-select:none}:root{--primary-bg: rgba(131,0,0,22%);--primary-border: rgba(131,0,0,100%)}*{font-family:K2D,sans-serif;-webkit-tap-highlight-color:transparent}main{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:0;left:0}@media screen and (max-width: 460px){body,html{background-image:url(/handy.png)}}nav{display:flex;justify-content:space-between;position:absolute;right:0;left:0;z-index:10}.icon{color:#929293;background:#ffffff38;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;border:2px solid rgba(255,255,255,.5);padding:.5rem;display:flex;justify-content:center;align-items:center;margin:30px 30px 0;width:75px;height:75px;font-size:40px;transition:all .2s;cursor:pointer}.icon:hover{filter:brightness(1.7);transform:scale(105%)}.color-icon{transition:.2s all}.color-icon svg{transition:.4s all}.color-icon:hover>svg{rotate:25deg}.icon:active{transform:scale(97%)}@media screen and (max-width: 460px){nav{display:flex;justify-content:space-between;position:absolute;right:0;left:0;z-index:10}.icon{color:#929293;background:#ffffff38;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:12px;border:1px solid rgba(255,255,255,.5);padding:.5rem;display:flex;justify-content:center;align-items:center;margin:10px 10px 0;width:35px;height:35px;font-size:18px;transition:all .2s;cursor:pointer}.icon:hover{filter:none;transform:none}.icon:active{transform:scale(97%)}}.title_box{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;border:2px solid var(--primary-border);padding:20px;width:1150px;margin:0;box-sizing:border-box;height:170px;display:flex;align-items:center;justify-content:center;cursor:default}.title_box h2{color:#929293;display:flex;justify-content:center;font-size:80px;margin:0}.chooser_row{display:flex;gap:50px}.chooser{background:#ffffff2b;border:2px solid rgba(255,255,255,.5);border-radius:25px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:350px;height:350px;margin-top:50px;transition:all .2s;cursor:pointer;color:#929293}.chooser h2{font-size:120px;margin:0}.chooser h3{font-size:60px;margin:0 0 30px}.chooser:hover{transform:scale(102%);filter:brightness(140%)}.chooser:active{transform:scale(97%)}.impressum{color:#929293;position:absolute;bottom:0;right:30px}.privacy{color:#929293;position:absolute;bottom:0;left:30px}.impressum:hover{transform:scale(105%);filter:brightness(120%)}.impressum:active{transform:scale(97%)}.privacy:hover{transform:scale(105%);filter:brightness(120%)}.privacy:active{transform:scale(97%)}@media screen and (max-width: 460px){.title_box{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:12px;border:1.7px solid var(--primary-border);padding:20px;width:350px;margin:0;box-sizing:border-box;height:80px;display:flex;align-items:center;justify-content:center;cursor:default}.title_box h2{color:#929293;display:flex;justify-content:center;font-size:30px;margin:0}.chooser_row{display:flex;gap:13px}.chooser{background:#ffffff2b;border:1.2px solid rgba(255,255,255,.5);border-radius:12px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:108px;height:108px;margin:13px 0 0;transition:all .2s;cursor:pointer;color:#929293}.chooser h2{font-size:35px;margin:10px 0 0}.chooser h3{font-size:20px;margin:5px 0 30px}.chooser:hover{transform:scale(102%);filter:brightness(170%)}.chooser:active{transform:scale(97%)}.impressum{color:#929293;position:absolute;bottom:5px;right:20px;font-size:15px}.impressum:hover{transform:scale(105%);filter:brightness(120%)}.impressum:active{transform:scale(97%)}.privacy{color:#929293;position:absolute;bottom:5px;left:20px;font-size:15px}}.color_box{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;border:2px solid var(--primary-border);padding:20px;width:780px;margin:0 0 40px;box-sizing:border-box;height:140px;display:flex;align-items:center;justify-content:center}.color_box h2{color:#929293;display:flex;justify-content:center;font-size:75px;margin:0}.colors{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px}.show-mobile{display:none}.color{border-radius:25px;border:2px solid transparent;color:#929293;height:140px;width:350px;cursor:pointer;transition:all .2s}.color h2{margin:0;font-size:55px}.color:hover{transform:scale(103%)}.color:active{transform:scale(99%)}@media screen and (max-width: 460px){.color_box{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:12px;border:1.5px solid var(--primary-border);padding:20px;width:300px;margin:0 0 12px;box-sizing:border-box;height:80px;display:flex;align-items:center;justify-content:center}.color_box h2{color:#929293;display:flex;justify-content:center;font-size:40px;margin:0}.colors{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:12px}.color{border-radius:12px;border:1.5px solid transparent;color:#929293;height:60px;width:144px;cursor:pointer;transition:all .2s}.color h2{margin:0;font-size:22px}.color:hover{transform:scale(103%)}.color:active{transform:scale(97%)}.show-mobile{display:flex}.show-desktop{display:none}}.leave_site{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;border:2px solid var(--primary-border);width:850px;margin:0 0 50px;box-sizing:border-box;height:170px;display:flex;align-items:center;justify-content:center;cursor:default}.leave_site h2{font-size:80px;color:#929293}.leave_row{display:flex;gap:50px}.leave_row button{height:170px;width:400px;border-radius:25px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.leave{border:2px solid rgba(255,0,0,.5);background:#ff000040}.leave,.cancel svg{font-size:100px;color:#929293}.leave h2{color:#929293;font-size:60px}.leave:hover{transform:scale(102%);filter:opacity(85%)}.leave:active{transform:scale(97%)}.cancel{border:2px solid rgba(255,255,255,.5);background:#ffffff38}.cancel h2{color:#929293;font-size:60px}.cancel:hover{transform:scale(102%);filter:opacity(85%)}.cancel:active{transform:scale(97%)}@media screen and (max-width: 460px){.leave_site{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:15px;border:2px solid var(--primary-border);width:300px;margin:0 0 12px;box-sizing:border-box;height:80px;display:flex;align-items:center;justify-content:center;cursor:default}.leave_site h2{font-size:30px;color:#929293}.leave_row{display:flex;gap:12px}.leave_row button{height:80px;width:144px;border-radius:15px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.leave{border:2px solid rgba(255,0,0,.5);background:#ff000040}.leave h2{color:#929293;font-size:20px}.leave:hover{transform:scale(102%);filter:opacity(85%)}.leave:active{transform:scale(97%)}.cancel{border:2px solid rgba(255,255,255,.5);background:#ffffff38}.cancel h2{color:#929293;font-size:20px}.cancel:hover{transform:scale(102%);filter:opacity(85%)}.cancel:active{transform:scale(97%)}}.in-game-page{margin-top:-5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.zähler{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;border:2px solid var(--primary-border);padding:20px;width:200px;margin:0 0 25px;box-sizing:border-box;height:75px;display:flex;align-items:center;justify-content:center;cursor:default}.zähler h2{font-size:40px;color:#929293}.frage{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;border:2px solid var(--primary-border);padding:20px;width:1600px;margin:0 0 25px;box-sizing:border-box;height:140px;display:flex;align-items:center;justify-content:center;cursor:default;text-align:center}.frage h2{font-size:45px;color:#929293}.aw{background:#ffffff2b;border:2px solid rgba(255,255,255,.5);border-radius:25px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:1600px;height:100px;margin:10px 0;transition:all .2s;cursor:pointer;color:#929293;display:flex;align-items:center;justify-content:center}.aw h2{font-size:40px}.aw:hover{transform:scale(102%);filter:brightness(170%)}.aw:active{transform:scale(97%)}.progress-bar{background-color:#fff0;width:1600px;height:30px;border:2px solid #B1B1B1;border-radius:12px;position:absolute;bottom:30px}.progress-inner{position:relative;width:0;background-color:#ffffff40;height:30px;border-radius:12px;transition:1.3s all linear}.progress-zero{width:100%}.aw-correct{background:#1afb0638;border:2px solid rgba(26,251,6,.5);border-radius:25px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:1600px;height:100px;margin:10px 0;transition:all .2s;cursor:pointer;color:#929293;display:flex;align-items:center;justify-content:center}.aw-wrong{background:#ff000038;border:2px solid rgba(255,0,0,.22);border-radius:25px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:1600px;height:100px;margin:10px 0;transition:all .2s;cursor:pointer;color:#929293;display:flex;align-items:center;justify-content:center}.btn-disabled{cursor:inherit}.btn-disabled:hover{transform:none;filter:none}.text-italic{font-style:italic;font-weight:500}@media screen and (max-width: 460px){.in-game-page{margin-top:-5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.zähler{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:12px;border:1.5px solid var(--primary-border);padding:20px;width:80px;margin:0 0 25px;box-sizing:border-box;height:30px;display:flex;align-items:center;justify-content:center;cursor:default}.zähler h2{font-size:15px;color:#929293}.frage{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:15px;border:1.5px solid var(--primary-border);padding:20px;width:350px;margin:0 0 12.5px;box-sizing:border-box;height:100px;display:flex;align-items:center;justify-content:center;cursor:default;text-align:center}.frage h2{font-size:15px;color:#929293}.aw{border-width:1.2px;border-radius:15px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:350px;height:60px;margin:7.5px 0;transition:all .2s;cursor:pointer;color:#929293;display:flex;align-items:center;justify-content:center}.aw h2{font-size:15px}.aw:hover{transform:none;filter:none}.aw:active{transform:scale(97%);filter:brightness(170%)}.progress-bar{width:350px;height:20px}.progress-inner{height:20px}}.percent{background:var(--primary-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;border:2px solid var(--primary-border);padding:20px;width:850px;margin:0 0 50px;box-sizing:border-box;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default}.percent h2{font-size:150px;-webkit-text-stroke-width:3px;margin:0}.percent h3{font-size:75px;color:#929293;margin:0}.select_row{display:flex;gap:50px}.select_row button{height:170px;width:400px;border-radius:25px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;border:2px solid rgba(255,255,255,.5);background:#ffffff38}.select_row button svg{font-size:100px;color:#656565}.select_row button h2{color:#929293;font-size:60px}.select_row button:hover{transform:scale(102%);filter:brightness(170%)}.select_row button:active{transform:scale(99%)}@media screen and (max-width: 460px){.percent{border-radius:12px;border:1.7px solid var(--primary-border);width:300px;margin:0 0 12px;height:200px}.percent h2{font-size:50px;-webkit-text-stroke-width:1px}.percent h3{font-size:25px}.select_row{display:flex;gap:12px}.select_row button{height:80px;width:144px;border-radius:12px;border:1.2px solid rgba(255,255,255,.5)}.select_row button h2{font-size:20px}.select_row button:hover{transform:scale(102%);filter:brightness(170%)}.select_row button:active{transform:scale(99%)}}.imp{color:#929293;font-size:60px;margin:0 0 40px;font-weight:1000}.imp1{color:#0b450b;font-size:45px;margin:20px 0}.imp2{color:#929293;font-size:30px;margin:10px 0 0}@media screen and (max-width: 460px){.imp{color:#929293;font-size:40px;margin:0 0 40px;font-weight:1000}.imp1{color:#0b450b;font-size:25px;margin:20px 0}.imp2{color:#929293;font-size:15px;margin:10px 0 0}}.privacy_area{position:absolute;height:80vh;overflow-y:scroll;margin:4rem;top:5rem;padding-right:10rem}.privacy_area h2{color:#0b450b}.privacy_area h3,.privacy_area h4,.privacy_area p{color:#929293}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#ffffff1f;border:1px solid #929293;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#888;cursor:pointer}@media screen and (max-width: 460px){.privacy_area{position:absolute;max-height:80vh;overflow-y:scroll;top:10px;left:-40px;padding-right:130px}.privacy_area h2{color:#0b450b}.privacy_area h3,.privacy_area h4,.privacy_area p{color:#929293}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#ffffff1f;border:1px solid #929293;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#888;cursor:pointer}}.k2d-thin{font-family:K2D,sans-serif;font-weight:100;font-style:normal}.k2d-extralight{font-family:K2D,sans-serif;font-weight:200;font-style:normal}.k2d-light{font-family:K2D,sans-serif;font-weight:300;font-style:normal}.k2d-regular{font-family:K2D,sans-serif;font-weight:400;font-style:normal}.k2d-medium{font-family:K2D,sans-serif;font-weight:500;font-style:normal}.k2d-semibold{font-family:K2D,sans-serif;font-weight:600;font-style:normal}.k2d-bold{font-family:K2D,sans-serif;font-weight:700;font-style:normal}.k2d-extrabold{font-family:K2D,sans-serif;font-weight:800;font-style:normal}.k2d-regular-italic{font-family:K2D,sans-serif;font-weight:400;font-style:italic}