.header{display:flex;align-items:center;justify-content:space-between;flex:1 1 40rem;background-color:#ffffff4e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center}.header-left h1{margin:0}.logo{margin:1rem;width:3.5rem}.Host{color:#13662f}.header h2{margin:0 1rem;background-color:#13662f;padding:.5rem 1rem;border-radius:1rem;color:#fff;font-size:20pt}footer{position:absolute;bottom:0;left:0;width:100vw;height:1rem;background-color:#13662f}.quiz-container{overflow:hidden;color:#212128;justify-content:space-around;font-family:Inter,sans-serif}.Greet{margin:0}.Text{margin:0;font-size:13pt;font-weight:700;max-width:30rem}.quiz-information{border:2px solid #13662F;border-radius:1rem;padding:1.5rem .5rem;overflow-y:scroll;height:15rem;width:20rem}.quiz-information h1,p{margin:0}.question-list{margin-top:2rem;display:flex;flex-direction:column}.question-item{display:flex;align-items:center;gap:1rem}.quiz-information .question-circle{width:2rem;height:2rem;border-radius:10rem;background-color:#13662f;color:#fff;display:flex;justify-content:center;align-items:center;margin-right:.5rem;font-weight:700}.question-text{font-size:14pt;margin:0;width:80%}.fl-wrapper{overflow:hidden;color:#000;justify-content:space-around;font-family:Inter,sans-serif}.center{display:flex;justify-content:space-around;height:90vh;align-items:center;flex-wrap:wrap}.Name{color:#13662f}.Greet{margin:0rem}.Text{font-size:13pt;font-weight:700;max-width:30rem;margin:0 0 2rem}.button{display:flex;align-items:center;background-color:#13662f;padding:.5rem 1rem;border-radius:.5rem;color:#fff;font-size:20pt;font-weight:700;border:none;cursor:pointer;transition:all .3s}.button:disabled{background-color:#999;cursor:not-allowed}.button:hover{transform:scale(1.05)}.dateiupload{padding-right:.5rem}.container-right{background-color:#ffffff17;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);height:30rem;width:28rem;color:#000;border-radius:.5rem;border:2pt dashed #FEFEFE;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.qr-dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:100}.qr-big{width:25vw;height:25vw;border:1rem solid white;border-radius:2rem;cursor:zoom-out}.waiting-room{display:flex;align-items:center;justify-content:space-around;height:90vh}.quiz-info{display:flex;align-items:center;justify-content:space-between;gap:5rem}.quiz-descriptor h2,.quiz-descriptor p{margin:0}.quiz-descriptor h2{font-size:2rem}.quiz-descriptor p{font-size:1.2rem}.qr{cursor:zoom-in;width:100px;height:100px;border:.2rem solid white;border-radius:.2rem}.info-area{display:flex;flex-direction:column;gap:1rem}.info-area h3{margin:0;max-width:25rem;font-size:18pt}.info-area span{color:#13662f;font-weight:bolder}.info-area h1{background-color:#13662f;color:#fff;padding:.5rem;border-radius:.5rem;margin:0;width:fit-content}.player-header{display:flex;align-items:center;justify-content:space-between;gap:5rem}.player-header h2 span{background-color:#13662f;color:#fff;padding:.3rem .8rem;border-radius:1rem}.player-list{display:flex;gap:1rem;flex-wrap:wrap;overflow-y:hidden;max-height:20rem}.player-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:#13662f;color:#fff;padding:.6rem;border-radius:.5rem;font-size:1.2rem;font-weight:700;animation:bounceIn .5s ease-in-out}.player-item img{height:2rem}.player-list{min-width:20rem;max-width:30rem;margin-top:1rem;justify-content:center}.player-list .no-players{display:flex;align-items:center;justify-content:center;gap:1rem;background-color:#fff;color:#000;padding:1rem 2rem;border-radius:.5rem}.player-list .no-players svg{width:2rem;height:2rem}.player-list .no-players p{margin:0}@keyframes bounceIn{0%{transform:scale(.1);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.game-page{display:flex;justify-content:center;flex-direction:column;align-items:center;height:80vh;gap:3rem;z-index:5}.game-page *{transition:all .5s ease-in-out}.correct-answer-text{margin-top:6rem;background-color:#000;color:#fff;padding:1rem;border-radius:1rem}.countdown{z-index:20;-webkit-user-select:none;user-select:none;border-radius:10rem;display:flex;justify-content:center;align-items:center}.countdown h1{z-index:3;color:#fff;font-size:48pt}.countdown svg{z-index:3;color:#fff;font-size:48pt}.answer-wrong svg{color:#c34040}.answer-correct svg{color:#287b44}.countdown .background{z-index:2;position:absolute;width:10rem;height:10rem;border-radius:10rem;background-color:#000}.countdown-circle{z-index:1;width:11rem;height:11rem;position:absolute;border-radius:10rem;transform:rotate(-90deg);background:conic-gradient(#13662F 0%,#13662F 50%,transparent 50%,transparent 100%);transform-origin:center;animation:countdown 2s infinite;transition:all .3s ease-in-out}@keyframes countdown{0%{transform:rotate(-90deg);filter:hue-rotate(360deg)}50%{transform:rotate(270deg);filter:hue-rotate(90deg)}to{transform:rotate(-90deg);filter:hue-rotate(360deg)}}.sc-answers-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;-webkit-user-select:none;user-select:none}.yn-answers-container{display:flex;justify-content:center;align-items:center;gap:3rem}@media screen and (max-width: 900px){.sc-answers-container{gap:1rem}.yn-answers-container{flex-direction:column}}.shape-container{position:absolute;width:100%;height:80vh;bottom:0;overflow:hidden;z-index:1}.shape-container div{position:absolute;z-index:1;width:15rem;height:15rem;background-color:#13662f;border-radius:1.5rem;animation:float 20s ease-in-out infinite}.shape-container div:nth-child(1){right:-2rem;bottom:5rem}.shape-container div:nth-child(2){left:-2rem;bottom:10rem;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%{transform:translateY(0) rotate(-35deg);filter:hue-rotate(360deg)}30%{transform:translateY(5rem) translate(-5px) rotate(-5deg)}50%{transform:translateY(1rem) rotate(-35deg);filter:hue-rotate(90deg)}80%{transform:translateY(5rem) translate(5px) rotate(-5deg) scale(1.3)}to{transform:translateY(0) rotate(-35deg);filter:hue-rotate(360deg)}}.question-circle{width:10rem;height:10rem;background-color:#13662f;border-radius:10rem}.question-container{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;animation:fadeIn .5s ease-in-out}.question-container h1{font-size:28pt}@keyframes fadeIn{0%{opacity:.5;transform:translate(-5rem) translateY(-5rem) rotate(-15deg)}to{opacity:1}}.question{margin-bottom:3rem;z-index:20;max-width:40rem;background:#000;padding:.5rem 1.5rem;border-radius:1rem;position:relative;color:#fff;right:5rem;top:3rem}@media screen and (max-width: 900px){.question h1{font-size:18pt}}@media screen and (max-width: 800px){.question-circle{width:8rem;height:4rem}.question{right:2rem;top:3rem}.question h1{font-size:15pt}}@media screen and (max-width: 500px){.question-circle{width:8rem;height:4rem}.question{right:2rem;top:3rem}.question h1{font-size:15pt}}.answer{padding:2rem 3rem;width:20rem;height:7rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;cursor:pointer;transition:all .3s ease-in-out;animation:scaleIn .5s ease-in-out}@keyframes scaleIn{0%{transform:scale(.5)}to{transform:scale(1)}}.sc-answers-container .answer:nth-child(1){background-color:#ff8a00;box-shadow:0 0 .5rem #ff8a00}.sc-answers-container .answer:nth-child(2){background-color:#0904f8;box-shadow:0 0 .5rem #0904f8}.sc-answers-container .answer:nth-child(3){background-color:red;box-shadow:0 0 .5rem red}.sc-answers-container .answer:nth-child(4){background-color:#8040e8;box-shadow:0 0 .5rem #8040e8}@media screen and (max-width: 900px){.answer{width:auto;height:auto;overflow:hidden}}@media screen and (max-width: 500px){.answer{min-width:8rem;min-height:6rem;padding:.5rem 1rem;max-width:15rem;max-height:6rem;overflow:hidden}.answer h1{font-size:18pt}}.ending{display:flex;flex-direction:column;width:100%;align-items:center}.ending .page-chooser{display:flex;background-color:#ffffff69;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem;border-radius:1rem;width:fit-content;gap:1rem}.ending .page-chooser .page-item{display:flex;gap:1rem;align-items:center;color:#212128;padding:1rem;border-radius:1rem;cursor:pointer;transition:.2s all ease-in-out}.ending .page-chooser .page-item:hover:not(.page-item-active){transform:scale(1.05);background-color:#d0d0d0}.ending .page-chooser .page-item-active{background-color:#212128;color:#fff}.ending .page-chooser .page-item h3{margin:0}.podium{margin-top:2rem;display:flex;align-items:flex-end;gap:2rem}.place-item{display:flex;flex-direction:column;gap:2rem}.podest-block{width:15rem;border-radius:1rem}.third-place .podest-block{height:10rem;background-color:#aa5f1a}.second-place .podest-block{height:22rem;background-color:#717171}.first-place .podest-block{height:30rem;background-color:#e8912b}.podium-player-item{width:14rem}.leaderboard{display:flex;flex-direction:column;overflow-y:scroll;height:70vh}.leaderboard-profile{display:flex;gap:1rem}.leaderboard-item{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;background-color:#13662f;color:#fff;padding:.6rem;border-radius:.5rem;font-size:1.2rem;font-weight:700;width:25rem}.leaderboard-item h2{margin:0}.leaderboard-item img{height:2rem}body{font-family:Inter,sans-serif;background-size:cover;background-repeat:no-repeat;background-position:center center;background-image:url(/assets/img/schule.jpg);margin:0;-webkit-backdrop-filter:blur(10px) contrast(.8);backdrop-filter:blur(10px) contrast(.8);height:100vh}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-thumb{border-radius:10px;background:#13662f}::-webkit-scrollbar-thumb:hover{background:#13662f}