@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,body{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#beitretenBtn{background:#2196f3!important;border:4px solid #1565c0!important;border-radius:30px!important;box-shadow:0 4px 24px #1565c055,0 1px 2px #1565c033!important;color:#fff!important;cursor:pointer;display:block;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif!important;font-size:1.35rem!important;font-weight:700!important;letter-spacing:.5px;margin:24px auto 0;outline:none;overflow:hidden;padding:18px 32px;position:static;transition:background .3s,color .3s,box-shadow .2s,transform .1s;width:330px}#beitretenBtn[disabled]{background:#e0e0e0!important;border:none!important;color:#bbb!important;cursor:not-allowed!important;opacity:.7!important}#beitretenBtn:not([disabled]):focus,#beitretenBtn:not([disabled]):hover{background:#1565c0!important;box-shadow:0 2px 6px #1565c055!important;color:#fff!important;transform:scale(1.03)}#beitretenBtn.active,#beitretenBtn[aria-pressed=true]{background:#1976d2!important;box-shadow:0 4px 18px #1565c055!important;color:#fff!important}body,html{font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;height:100vh;overflow:hidden!important;overscroll-behavior:none;position:fixed;touch-action:pinch-zoom;width:100vw}.waitingRoomGrid{grid-gap:54px;align-items:start;display:grid;gap:54px;grid-template-columns:1.1fr 1fr;justify-content:center;margin:0 auto;max-width:980px;width:100%}.waitingRoomLeft{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;margin-top:-80px;min-width:340px}.waitingRoomHeading,.waitingRoomSubtext{align-items:flex-start;justify-content:flex-start;margin-left:0;text-align:left;width:100%}.waitingRoomSubtext{margin-bottom:30px}.waitingRoomVideos{gap:22px;justify-content:flex-start;margin-top:-16px}.waitingRoomRight{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-top:120px;min-width:340px}.checklist{margin-left:0;margin-right:0}#modAudioBtn{margin:26px 0 0;max-width:340px;width:100%}@media (max-width:900px){.waitingRoomGrid{gap:20px;grid-template-columns:1fr;max-width:98vw}.waitingRoomLeft,.waitingRoomRight{align-items:stretch;min-width:0;width:100%}.waitingRoomVideos{flex-wrap:wrap;gap:12px;justify-content:flex-start}#modAudioBtn,.checklist{max-width:100%}}.nextFixedButton{background:#3498db!important;border-radius:30px;box-shadow:0 2px 8px #0000001f;font-size:1.15rem;gap:14px;min-width:160px;padding:16px 26px 16px 18px;pointer-events:auto!important;position:relative;transition:background .2s,box-shadow .2s;z-index:2010}.nextFixedButton:hover{background:#2980b9!important}.pageStyle{box-sizing:border-box;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;min-height:100vh;padding:20px;position:relative;text-align:center;width:100%;z-index:1}.fixedBackgroundStyle{background:linear-gradient(to bottom right,#a8edea,#fed6e3);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.videoContainerStyle{background-color:#333;border-radius:15px;box-shadow:0 4px 10px #0000004d;height:150px;left:20px;overflow:hidden;position:fixed;top:70px;width:200px}.studentSelfVideoContainer{background-color:#222;border:2px solid #4caf50;border-radius:12px;bottom:20px;box-shadow:0 4px 15px #0006;height:120px;left:20px;overflow:hidden;position:fixed;width:160px;z-index:1000}.studentSelfVideo{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.studentSelfVideoLabel{background:#000000b3;border-radius:4px;bottom:5px;color:#fff;font-size:10px;font-weight:700;left:5px;padding:2px 6px;pointer-events:none;position:absolute}.videoPlayer{height:100%;object-fit:cover;width:100%}.studentVideoContainer{background-color:#333;border:2px solid #4caf50;border-radius:10px;bottom:20px;box-shadow:0 4px 10px #0000004d;height:112px;left:20px;overflow:hidden;position:fixed;width:150px;z-index:1000}.studentVideoQuiz{height:100%;object-fit:cover;width:100%}.studentVideoLabel{background-color:#000000b3;border-radius:3px;bottom:5px;color:#fff;font-size:.8rem;font-weight:700;left:5px;padding:2px 6px;position:absolute}.contentContainer{margin-top:180px}.quizBoxStyle{align-items:stretch;background-color:#fff;border-radius:25px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;margin:60px auto 0;max-width:700px;min-height:1px;padding:24px;position:relative}.imageQuestion .quizBoxStyle,.quizBoxStyle{overflow:visible}.progressContainer{background-color:initial;box-sizing:border-box;left:50%;margin:20px auto;max-width:850px;padding:0 20px;position:fixed;top:20px;transform:translateX(-50%);width:calc(100% - 310px);z-index:2}.progressBar{background-color:#eee;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.progressFill{background-color:#00cec9;height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.progressText{color:#555;margin-top:8px;text-align:center}.questionContainerStyle{align-items:center;box-sizing:border-box;display:flex;gap:0;justify-content:space-between;min-height:1px;width:100%}.imageQuestion .questionContainerStyle{align-items:stretch;display:flex;flex-direction:row;gap:30px;justify-content:center}.imageQuestion .questionImage{border-radius:18px;box-shadow:0 4px 16px #b2ebf255;display:block;flex-shrink:0;margin-bottom:0;margin-right:0;max-height:320px;max-width:320px}.imageQuestion .questionContent{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.questionContent{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.questionContent h1{text-align:left;word-break:break-word}.questionImage{display:block}.questionContent p{text-align:left;word-break:break-word}.optionsGridStyle{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.buttonStyle{background-color:#f7d794;border:none;border-radius:20px;box-shadow:0 4px 8px #0003;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px;transition:transform .2s}.buttonStyle:hover{background-color:#f6c85f;transform:scale(1.05)}.button-correct{background-color:#b2f7ef}.button-wrong{background-color:#ffcccb}.yesnoContainer{display:flex;gap:20px;justify-content:center;margin-top:20px}.yesnoButton{font-size:1.5rem;min-width:150px;padding:20px;position:relative}.yesnoButton.yes-button{background-color:#4caf50;border:2px solid #45a049;color:#fff}.yesnoButton.yes-button:hover{background-color:#45a049}.yesnoButton.yes-button:before{content:"✓";font-size:2rem;font-weight:700}.yesnoButton.no-button{background-color:#f44336;border:2px solid #da190b;color:#fff}.yesnoButton.no-button:hover{background-color:#da190b}.yesnoButton.no-button:before{content:"✗";font-size:2rem;font-weight:700}.dragDropContainer,.multiDragDropContainer{align-items:center;display:flex;flex-direction:column;gap:30px;min-height:350px}.dragItem,.draggableDndKit{background-color:#ffeaa7;border:2.5px solid #00cec9;border-radius:15px;box-shadow:0 4px 14px #b2f7ef44,0 1px 2px #ffd18033;cursor:grab;font-size:1.8rem;min-width:160px;padding:20px 40px;text-align:center;transition:box-shadow .15s,border .15s}.dragItemPlaced,.draggableDndKit[aria-disabled=true]{border-style:dashed;cursor:not-allowed;opacity:.5}.dragImage{background:#fff;border-radius:15px;box-shadow:0 4px 14px #b2f7ef44,0 1px 2px #ffd18033;height:150px;object-fit:contain;transition:box-shadow .15s,border .15s;width:150px}.dragItemsContainer,.dropTargets,.dropZoneContainer{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.dropTarget{align-items:center;background-color:#dfe6e9;border:2px dashed #00cec9;border-radius:12px;display:flex;font-size:1.2rem;height:160px;justify-content:center;overflow:hidden;transition:transform .3s ease;width:160px}.dropTarget:hover{transform:scale(1.05)}.correctDrop{background-color:#b2f7ef}.wrongDrop{background-color:#ffcccb}.dropImage{background:#fff;border-radius:15px;box-shadow:0 4px 14px #b2f7ef44,0 1px 2px #ffd18033;display:block;height:100px;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;transition:box-shadow .15s,border .15s;width:100px}.feedback{animation:pop .6s ease;font-size:1.8rem;margin-top:30px}.feedbackCorrect{color:green}.feedbackWrong{color:red}.nextButtonWrapper{background-color:#fff;border-radius:0 25px 25px 0;box-shadow:0 8px 20px #0000001a;cursor:pointer;height:100%;padding:0 20px;right:-55px;top:50%;transform:translateY(-50%);z-index:10}.nextArrowButtonStyle{align-items:center;animation:slideIn .5s ease;background-color:#00cec9;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;height:60px;justify-content:center;width:60px}.finalScreen h1{color:#ff6f61;font-size:3rem}.finalScreen p{color:#333;font-size:2rem;margin:20px 0}.trophyIcon{animation:bounce 1s ease forwards;animation-iteration-count:3;font-size:7rem}.loadingScreen{align-items:center;color:#555;display:flex;font-size:2rem;height:100vh;justify-content:center}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.questionContent{flex:1 1}.questionContent h1{color:#ff6f61;font-size:2.5rem;margin-bottom:20px}.questionImage{border-radius:12px;margin-bottom:20px;max-height:300px;max-width:100%}.questionContent p{color:#333;font-size:1.5rem;margin-bottom:30px}@media (max-width:1024px){.quizBoxStyle{margin:200px auto 40px;padding:30px}.videoContainerStyle{height:130px;left:10px;top:70px;width:180px}.nextButtonWrapper{right:-40px}.optionsGridStyle{grid-template-columns:1fr 1fr}.questionContainerStyle{align-items:center;flex-direction:column}.questionContent h1{font-size:2rem}.questionContent p{font-size:1.3rem}.buttonStyle{font-size:1rem;padding:12px}.yesnoButton{font-size:1.3rem;padding:16px}.dragImage,.dropTarget{height:140px;width:140px}.dragItem,.draggableDndKit{font-size:1.6rem;min-width:140px;padding:18px 35px}}.waitingRoom{align-items:center;background:linear-gradient(135deg,#a8edea,#b8ffb0);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:90px;text-align:center}.waitingRoomHeading{align-items:center;color:#4fc3f7;display:flex;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;font-size:3rem;gap:.5em;justify-content:center;letter-spacing:1.5px;margin-bottom:8px;text-shadow:1px 2px 0 #fffbe7,0 4px 12px #b2ebf2}.waitingRoomHeading:before{content:"";font-size:2.4rem;margin-right:10px}.waitingRoomSubtext{color:#71be34;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;font-size:1.3rem;letter-spacing:.3px;margin-bottom:34px;margin-top:0}.waitingRoomVideos{align-items:center;display:flex;flex-direction:row;gap:38px;justify-content:center;margin-bottom:28px}.waitingRoomVideo{position:relative;top:-36px}#modPreview,.waitingRoom .modPreview,.waitingRoomVideo{animation:waitingRoomPop .8s cubic-bezier(.18,1.2,.37,1) 1;background:#fffbe7;border:8px solid #81d4fa;border-radius:50% 45% 55% 48%/48% 52% 50% 52%;box-shadow:0 8px 32px #4fc3f73a,0 1.5px 8px #fffbe7;display:block;height:220px;object-fit:cover;width:220px;z-index:auto}#modPreview,.waitingRoom .modPreview{border:8px solid #a5d6a7;box-shadow:0 8px 32px #81d4fa55,0 1.5px 8px #fffbe7;position:static!important}#modPreview:after,.waitingRoom .modPreview:after{content:"👩‍🏫";font-size:2rem;left:18px;pointer-events:none;position:absolute;top:16px}@keyframes waitingRoomPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.checklist{background:linear-gradient(120deg,#fffbe7 90%,#b2f7ef);border:none;border-radius:30px;box-shadow:0 4px 24px #b2ebf255,0 1px 2px #ffd18033;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;list-style:none;margin:0 auto 30px;padding:24px 32px 22px;text-align:left;width:330px}.checkItem{align-items:center;animation:fadeInItem .6s cubic-bezier(.21,1.2,.5,1) forwards;background:#e0f7fa33;border-radius:18px;box-shadow:0 2px 6px #ffd18022;color:#6d4c41;display:flex;font-size:1.35rem;gap:16px;margin-bottom:20px;padding:12px 14px 12px 10px;position:relative;transition:background .3s,color .3s,box-shadow .2s}.checkItem:last-child{margin-bottom:0}.checkItem:hover{background:#ffe08255;box-shadow:0 4px 16px #fff9c4bb;color:#388e3c}.spinner{animation:spin 1s linear infinite;background:#fff;border:4px solid #fffbe7;border-radius:50%;border-top-color:#4fc3f7;box-shadow:0 2px 6px #b2ebf288;display:inline-block;height:32px;margin-right:10px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checked .spinner{display:none}.checked:before{animation:fadeInCheck .5s cubic-bezier(.22,1.1,.5,1) forwards;content:"✅";filter:drop-shadow(0 2px 4px #a5d6a7aa);font-size:2.1rem;margin-right:12px;position:relative;top:1px}@keyframes fadeInItem{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInCheck{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.checked{background:linear-gradient(90deg,#e0f7fa 60%,#b2f7ef);box-shadow:0 4px 18px #b2f7ef77;color:#388e3c;font-weight:700}#modAudioBtn{animation:waitingRoomPop .7s cubic-bezier(.18,1.2,.37,1) 1;background:linear-gradient(120deg,#fffbe7 90%,#b2f7ef);border:none;border-radius:30px;box-shadow:0 4px 24px #b2ebf255,0 1px 2px #ffd18033;color:#6d4c41;cursor:pointer;display:block;font-family:Comic Neue,Comic Sans MS,Comic Sans,cursive,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.5px;margin:24px auto 0;outline:none;overflow:hidden;padding:18px 32px;position:static;transition:background .3s,color .3s,box-shadow .2s,transform .1s;width:330px}#modAudioBtn[disabled]{background:#e0e0e0;border:none;color:#bbb;cursor:not-allowed;opacity:.7}#modAudioBtn:not([disabled]):focus,#modAudioBtn:not([disabled]):hover{background:linear-gradient(135deg,#fffde7 70%,#ffe082);box-shadow:0 2px 6px #ffd18055;color:#388e3c;transform:scale(1.03)}#modAudioBtn:not([disabled]){background:linear-gradient(135deg,#fffde7 70%,#ffe082);color:#fbc02d}#modAudioBtn.active,#modAudioBtn[aria-pressed=true]{background:linear-gradient(135deg,#fffde7 50%,#c6f68d);box-shadow:0 4px 18px #b2f7ef55;color:#388e3c}#modAudio{background:#fffbe7;border-radius:16px;box-shadow:0 2px 8px #ffd18044;margin-top:10px;position:absolute;right:18px;top:272px;width:180px;z-index:9999}.feedbackBannerWrapper{gap:1.5em;width:auto}.feedbackBanner{animation:pop .6s;background:#d0fff4;border-radius:22px;box-shadow:0 6px 30px #00000017;color:#222;flex:none;flex-shrink:0;font-size:2.1rem;font-weight:700;max-width:320px;min-width:110px;padding:18px 30px;transition:all .35s cubic-bezier(.26,2,.61,.99);width:auto}.feedbackCorrect{background:#b2f7ef!important;color:#0a915b!important}.feedbackWrong{background:#fcc!important;color:#d7263d!important}.blinking{animation:blink 1s linear infinite!important}@keyframes blink{0%{box-shadow:0 0 10px 2px #fff9c4}50%{box-shadow:0 0 20px 8px #ffe082}to{box-shadow:0 0 10px 2px #fff9c4}}.feedbackBannerWrapper{top:-90px}.feedbackBannerWrapper,.nextButtonWrapper{align-items:center;display:flex;justify-content:center;left:50%;margin:0;position:absolute;transform:translateX(-50%);width:100%;z-index:31}.nextButtonWrapper{top:-40px}.feedbackBanner{left:0;margin:0 auto;pointer-events:auto;position:relative;right:0;text-align:center}.feedbackBannerButton{pointer-events:auto;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.nextFixedButton{align-items:center;background:#3498db;border:none;border-radius:25px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.nextFixedButton:hover{background:#2980b9;box-shadow:0 6px 20px #3498db66}.klugeschule-branding{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #00000026;cursor:pointer;display:flex;gap:16px;left:35px;padding:12px 24px;position:fixed;text-decoration:none;top:35px;transition:all .3s ease;z-index:1000}.klugeschule-branding:hover{background:#fff;box-shadow:0 6px 25px #0003;text-decoration:none;transform:translateY(-2px)}.klugeschule-logo{height:50px;object-fit:contain;width:50px}.klugeschule-text{color:#3b82f6;color:var(--primary-blue,#3b82f6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:1.5rem;font-weight:700;line-height:1}.klugeschule-branding:hover .klugeschule-text{color:#2563eb}.waiting-for-moderator{color:#6c757d;pointer-events:auto;position:absolute;right:16px;text-align:center;top:50%;transform:translateY(-50%)}.waiting-for-moderator p{font-size:1rem;font-weight:600;margin:0}.waiting-for-moderator small{font-size:.8rem;opacity:.8}.quizBoxStyle.multidragdrop{justify-content:flex-start;padding-top:14px}.multiDragDropContainer{margin-top:0}.quizBoxStyle,.quizBoxStyle.dragdrop,.quizBoxStyle.multidragdrop{margin-top:200px!important;padding:6px 5px 10px!important}.dragDropContainer,.multiDragDropContainer{gap:10px!important;min-height:120px!important}.dragItemsContainer,.dropTargets,.dropZoneContainer{gap:8px!important}.dragImage,.dropImage,.dropTarget{font-size:.9rem!important;height:80px!important;max-height:80px!important;max-width:80px!important;min-height:80px!important;min-width:80px!important;width:80px!important}.dragItem,.draggableDndKit{font-size:1.1rem!important;min-width:100px!important;padding:10px 12px!important}.optionsGridStyle .buttonStyle{box-sizing:border-box;display:block;margin:0 auto;max-width:75%;min-width:220px;width:75%}.imageQuestion .optionsGridStyle .buttonStyle{font-size:1rem;max-width:320px;min-width:110px;padding:10px 8px;width:90%}.videoViewContainer{flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10}.videoViewContainer,.videoViewMainStream{align-items:center;display:flex;justify-content:center}.videoViewMainStream{background:#f5f5f5;border-radius:20px;box-shadow:0 8px 32px #00000026;height:75%;overflow:hidden;position:relative;width:85%}.videoViewMainVideo{border-radius:20px;height:100%;object-fit:cover;width:100%}.videoViewPlaceholder{color:#666;font-size:1.2rem;font-weight:500;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.videoViewSelfContainer{background:#000;border:3px solid #fff;border-radius:15px;bottom:30px;box-shadow:0 4px 16px #0003;height:150px;left:30px;overflow:hidden;position:fixed;width:200px;z-index:20}.videoViewSelfVideo{border-radius:12px;height:100%;object-fit:cover;width:100%}.videoViewSelfLabel{background:#000000b3;border-radius:8px;bottom:8px;color:#fff;font-size:.8rem;font-weight:500;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%)}.feedbackBannerWrapper{top:-90px!important;transform:translateX(-50%)!important;z-index:1000!important}.feedbackBannerWrapper,.nextButtonWrapper{left:50%!important;margin:0!important;pointer-events:none;position:absolute!important;width:auto!important}.nextButtonWrapper{background:none!important;border-radius:0!important;box-shadow:none!important;height:auto!important;padding:0!important;top:-55px!important;transform:translateX(-30px)!important;z-index:999!important}.feedbackBannerWrapper .feedbackBanner,.nextButtonWrapper button{pointer-events:auto}.nextButtonWrapper{position:relative;top:-125px;z-index:999}
/*# sourceMappingURL=main.443e5b88.css.map*/