*{padding:0;margin:0;box-sizing:border-box}body,html{position:relative;width:100%;height:100%;overflow:hidden}.canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:sans-serif}.overlay .overlay-content{position:relative;background:#000000f2;color:#fff;padding:30px;border-radius:12px;box-shadow:0 0 20px #000c;width:80%;max-width:900px;max-height:90vh;overflow-y:auto}#introOverlay.overlay{pointer-events:auto}.page{position:relative;padding-top:20px;padding-bottom:60px}.page h2{margin-top:0}.page p{font-size:16px;line-height:1.6}button{padding:10px 20px;font-size:16px;border-radius:6px;border:none;cursor:pointer}#nextBtn{position:absolute;bottom:10px;right:10px}#prevBtn{position:absolute;bottom:10px;left:10px}#closeBtn{position:absolute;top:10px;right:10px;background-color:#ff4d4d;color:#fff;font-weight:700;font-size:16px;border:none;padding:5px 10px;border-radius:50%;cursor:pointer;z-index:1;line-height:1}.close-button{position:absolute;top:200px;right:1000px;background-color:#ff4d4d;color:#fff;font-weight:700;font-size:16px;border:none;padding:5px 10px;border-radius:50%;cursor:pointer}.ui-modal-open .three-blockable{pointer-events:none!important}.popup-overlay,.drag-drop-overlay,.qa-overlay,.overlay,.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:auto;touch-action:manipulation}#scoreHud{position:absolute;bottom:1rem;right:1rem;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:1.2rem;z-index:10}#floatingPoint{position:absolute;bottom:30.5rem;right:49rem;font-size:5.5rem;font-weight:700;color:#4800ffe2;pointer-events:none;z-index:9999;opacity:0;transition:transform 2s ease-out,opacity 2s ease-out}#floatingPoint.show{opacity:1;transform:translateY(-100px)}.drag-drop-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:5rem;overflow-y:auto;z-index:11000;color:#000}.drag-drop-overlay.hidden{display:none}.draggables{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center;max-width:1000px}.draggable{background-color:#61618e;color:#fff;padding:1rem;border-radius:8px;cursor:grab;max-width:300px;-webkit-user-select:none;user-select:none;touch-action:none}.drop-tables{display:flex;gap:5rem;justify-content:center;flex-wrap:wrap}.drop-table{display:flex;flex-direction:column;align-items:center}.drop-column{display:flex;flex-direction:column;gap:1rem}.drop-zone-focus,.drop-zone-avoid{border:2px dashed #ccc;background-color:#fff;min-width:700px;min-height:60px;padding:.5rem;border-radius:6px;color:#000;font-size:.9rem;line-height:1.2rem}#checkOrderBtn{margin-top:2rem;padding:1rem 2rem;font-size:1.2rem;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer}.result-message{margin-top:1rem;font-size:1.3rem;font-weight:700}.qa-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999}.qa-overlay.hidden{display:none}.qa-box{background:#fff;padding:2rem;border-radius:1rem;width:90%;max-width:600px;text-align:center}.qa-question{font-size:1.2rem;margin-bottom:1rem}.qa-input{width:100%;padding:.75rem;font-size:1rem;margin-bottom:1rem;border:1px solid #ccc}.qa-buttons{display:flex;justify-content:space-between;margin-top:1rem}.qa-buttons button{padding:.75rem 1.5rem;font-size:1rem;cursor:pointer}.qa-wrapper{position:fixed;top:10%;left:50%;transform:translate(-50%);width:90%;max-width:600px;z-index:9999;background:#fff;padding:1rem;border-radius:1rem;box-shadow:0 0 20px #0000004d}.simple-keyboard{margin-top:1rem}.canvas.has-cursor-grab{cursor:grab}.canvas.has-cursor-grabbing{cursor:grabbing}.canvas.has-cursor-pointer{cursor:pointer}.threejs-journey{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);z-index:10001;display:none;flex-direction:column;justify-content:flex-start;max-width:400px;width:min(90vw,400px);pointer-events:auto}.threejs-journey.is-active{display:flex}.threejs-journey .message{position:relative;bottom:0;right:0;font-family:Comic Neue,cursive;font-weight:700;color:#fff;font-size:18px;opacity:0;transform:translateY(120px);transition:transform .5s cubic-bezier(.5,0,.25,1),opacity .5s .2s cubic-bezier(.5,0,.25,1)}.threejs-journey .message.is-visible{opacity:1}.threejs-journey .boy{position:absolute;bottom:100%;left:20px;width:132px;height:118px;overflow:hidden;pointer-events:none}.threejs-journey .boy .variant{position:absolute;top:0;left:0;width:112px;height:100%;transform:translateY(100%);transition:transform .15s ease-in}.threejs-journey .boy .variant.is-yay{background:url(/assets/boyYay-DyYK-NEy.png)}.threejs-journey .boy .variant.is-shrugging{background:url(/assets/boyShrugging-B0epdl_S.png)}.threejs-journey.is-hover-yes .boy .variant.is-yay,.threejs-journey.is-hover-no .boy .variant.is-shrugging,.threejs-journey.is-hover-none .boy .variant.is-hi{transform:translateY(0);transition-delay:.1s;transition-timing-function:ease-out}.threejs-journey .boy .is-hi .body{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/boyHiBody-DHJ5Gzs3.png)}.threejs-journey .boy .is-hi .arm{position:absolute;bottom:0;right:0;width:49px;height:69px;background:url(data:image/png;base64,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);animation:boyArmWave 3s infinite ease-in-out;transform-origin:30% 90%}@keyframes boyArmWave{0%{transform:rotate(0)}2.5%{transform:rotate(15deg)}7.5%{transform:rotate(-15deg)}12.5%{transform:rotate(15deg)}17.5%{transform:rotate(-15deg)}20%{transform:rotate(0)}to{transform:rotate(0)}}.threejs-journey .message .bubble{position:relative;padding:20px 30px;border:2px solid #ffffff;border-radius:8px;background:linear-gradient(#fdb572ab,#fdb5721a)}.threejs-journey .message .tip{position:absolute;width:12px;height:16px;left:calc(100% - 1px);bottom:13px;background:url("data:image/svg+xml,%3csvg%20width='12'%20height='15'%20viewBox='0%200%2012%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.5%207.5L1%201V14L10.5%207.5Z'%20fill='%23f8c684'/%3e%3cpath%20d='M10.5%207.5L11.0647%208.32531C11.3371%208.13891%2011.5%207.83009%2011.5%207.5C11.5%207.16991%2011.3371%206.86109%2011.0647%206.67469L10.5%207.5ZM0.435316%201.82531L9.93532%208.32531L11.0647%206.67469L1.56468%200.174693L0.435316%201.82531ZM9.93532%206.67469L0.435316%2013.1747L1.56468%2014.8253L11.0647%208.32531L9.93532%206.67469Z'%20fill='white'/%3e%3c/svg%3e")}.threejs-journey .message.is-answers{display:flex;justify-content:flex-end}.threejs-journey .message .answer{position:relative;display:flex;align-items:center;padding:10px 15px;margin-left:20px;border-radius:8px;text-decoration:none;cursor:pointer;overflow:hidden}.threejs-journey .message .answer .background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.threejs-journey .message .answer .hover{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform-origin:0 0;transform:scaleX(0);transition:transform ease-in-out .2s;will-change:transform}.threejs-journey .message .answer:hover .hover{transform:scaleX(1)}.threejs-journey .message .answer .label{position:relative}.threejs-journey .message .answer.is-no{color:#fff}.threejs-journey .message .answer.is-no .background{border:2px solid #ffffff;background:linear-gradient(#fdb5721a,#fdb572ab);color:#fff}.threejs-journey .message .answer.is-yes{color:#feae69}.threejs-journey .message .answer.is-yes .background{background:#fff;opacity:.75}.threejs-journey .message .answer.is-no .hover{transform-origin:100% 0;opacity:.2}#chatbot-container{position:fixed;bottom:30px;left:30px;width:min(90vw,350px);max-height:80vh;display:flex;flex-direction:column;background:#f1f1f1;border-radius:8px;box-shadow:0 0 10px #0003;font-family:sans-serif;z-index:10000;padding:10px}#chatbot-box{display:flex;flex-direction:column;position:relative;min-height:40px}#chatbot-messages{flex:1;min-height:10px;max-height:30vh;overflow-y:auto;padding:5px;background:#fff;border-radius:4px;margin-bottom:8px;font-size:14px;-webkit-overflow-scrolling:touch}#chatbot-messages div.user{background:#0000002f;border-radius:6px;padding:4px 6px;margin:3px 0}#chatbot-messages div.bot{background:#fff;border-radius:6px;padding:4px 6px;margin:3px 0}#chatbot-input{flex-shrink:0;resize:none;overflow-y:hidden;min-height:36px;max-height:120px;padding:6px;border:1px solid #ccc;border-radius:4px;margin-bottom:6px;font-family:inherit;font-size:14px}#chatbot-send{padding:6px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:6px}#chatbot-close{position:absolute;top:-10px;right:-10px;width:25px;height:25px;border:none;background:#f1f1f1;border-radius:50%;font-size:18px;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px #0003;z-index:10001}#chatbotKeyboard{margin-top:10px;display:none}.simple-keyboard{max-width:100%}#chatbot-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.story-dialog{position:fixed;top:5%;left:10%;width:80%;height:90%;background:#fff;border:2px solid #ccc;border-radius:12px;z-index:9999;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-shadow:0 0 12px #0003;font-family:sans-serif}.story-dialog.hidden{display:none}.dialog-header{display:flex;justify-content:flex-end}.dialog-header button{background:transparent;border:none;font-size:1.5rem;cursor:pointer}.dialog-content{overflow-y:auto;flex-grow:1;padding:1rem;border:1px solid #ddd;background:#f9f9f9;border-radius:8px}.dialog-buttons{display:flex;justify-content:space-between;margin-top:1rem}.message{max-width:100%;padding:.8rem;margin:2rem 0;border-radius:20px;color:#fff;font-weight:500;position:relative}.message .avatar{width:70px;height:70px;border-radius:50%;object-fit:cover}.message.person1{background:#002ef9;align-self:flex-end;flex-direction:row-reverse;text-align:left}.message.person2{background:#13aa05;align-self:flex-start;flex-direction:row;text-align:right}.message.person3{background:#f52323;align-self:center;flex-direction:column;text-align:center}.message.Einführung{background:#030303;align-self:center;flex-direction:column;text-align:center}.message.person3 .avatar{margin:0 auto .5rem}#eggPopup{position:fixed;top:100px;left:50%;transform:translate(-50%);background:#fff;border:3px solid #333;padding:20px;z-index:9999;font-size:18px;width:500px;max-width:90%;box-shadow:0 0 20px #00000080}.chatbot-ui{margin-top:15px}.quiz-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999}.quiz-overlay.hidden{display:none}.quiz-container{background:#fff;padding:30px;border-radius:10px;max-width:600px;width:100%;font-family:Arial,sans-serif}.quiz-question{margin-bottom:20px}.quiz-title{font-weight:700;margin-bottom:5px}.quiz-buttons{display:flex;justify-content:space-between;margin-top:20px}.quiz-result{font-weight:700;margin-bottom:20px;padding:10px;border-radius:5px;text-align:center;color:#fff}.correct{background-color:#4caf50}.incorrect{background-color:#f44336}#risk-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}#risk-overlay.show{display:flex;opacity:1}.risk-station{background:#ffffffe6;padding:1em;max-width:600px;margin:auto;text-align:center;border-radius:10px}#risk-overlay.show .risk-station{transform:translateY(0)}.risk-text h3{margin-top:0;color:#2b2b2b}.risk-text p{font-size:1.1em;color:#333}.qualification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding:40px;box-sizing:border-box;display:none;z-index:9999;overflow-y:auto}.qualification-overlay h2{text-align:center;margin-bottom:30px}.qualification-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.method{background:#fffefe;padding:20px;border-radius:12px;width:280px;text-align:center}.method img{width:80px;height:auto;margin-bottom:15px}.method p{font-size:.95rem;line-height:1.4}.close-btn{position:static;top:0;right:0;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer}.method .close-btn{position:relative;font-size:1.2rem;color:#fff;margin:0 0 15px}.kennzahlen-overlay{position:fixed;top:5%;left:30%;width:40%;height:50%;z-index:1000;display:flex;flex-direction:column;padding:10px;background:#00000005;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-image-container{display:flex;flex-direction:column;align-items:center;gap:0px;flex:1}.overview-wrap{position:relative;width:100%;max-width:1500px}.overview-wrap>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:20px}#hotspot-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.hotspot{position:absolute;pointer-events:auto;background:transparent;border:2px solid transparent;border-radius:12px;transition:border-color .12s,box-shadow .12s,background .12s}.hotspot:hover,.hotspot:focus-visible{border-color:#00000040;box-shadow:0 0 0 6px #0000000f inset;background:#ffffff0f}.detail{position:relative;width:100%;max-width:1000px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #00000014;padding:8px;z-index:1}#detail-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:12px}#detail-close{position:absolute;top:6px;right:6px;border:none;background:#f3f3f3;border-radius:8px;padding:4px 8px;cursor:pointer}.hidden{display:none}.checklist-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px;z-index:9999;overflow-y:auto;color:#000;font-family:sans-serif}.checklist-overlay h2{margin-bottom:20px}.checklist-content{background:#fff;padding:20px;border-radius:50px;max-width:600px;width:100%}.checklist-content h3{margin-top:20px;margin-bottom:10px;color:#000}.checklist-content label{display:block;margin-bottom:8px;cursor:pointer}.checklist-content input[type=checkbox]{margin-right:10px}.close-btn{align-self:flex-end;background:red;border:none;border-radius:50%;font-size:20px;padding:5px 10px;cursor:pointer;margin-bottom:20px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10000}.popup-overlay.hidden{display:none}.popup-content{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;padding:25px;box-shadow:0 10px 30px #0000004d;position:relative}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eaeaea}.popup-header h2{margin:0;color:#2c3e50;font-size:24px}.close-popup{background:#ff6b6b;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-popup:hover{background:#ff5252}.popup-page{display:block}.popup-page.hidden{display:none}.exercise-description{margin-bottom:25px;line-height:1.6;color:#555}.exercise-description p{margin-bottom:10px}.categories-container{display:flex;justify-content:space-between;gap:15px;margin-bottom:25px}.category-box{flex:1;background:#f8f9fa;border-radius:8px;padding:15px;text-align:center;border:2px dashed #dee2e6}.category-box h3{margin:0 0 15px;color:#495057;font-size:18px}.drop-zone{min-height:150px;border:2px dashed #adb5bd;border-radius:6px;padding:10px;background:#fff}.words-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;justify-content:center}.word{background:#4caf50;color:#fff;padding:10px 15px;border-radius:6px;cursor:grab;-webkit-user-select:none;user-select:none;font-weight:500;transition:transform .2s,box-shadow .2s}.word:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.word:active{cursor:grabbing}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px}.card{background:#4caf50;color:#fff;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:transform .2s,background-color .2s}.card:hover{transform:translateY(-3px);background:#3e8e41}.card-header{font-weight:700;font-size:16px}.card-text-container{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:25px;min-height:100px;border-left:4px solid #4CAF50}.button-container{display:flex;justify-content:space-between;gap:15px}.check-button,.next-button,.back-button,.close-popup-btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.check-button{background:#17a2b8;color:#fff}.check-button:hover{background:#138496}.next-button{background:#28a745;color:#fff}.next-button:hover{background:#218838}.back-button{background:#6c757d;color:#fff}.back-button:hover{background:#5a6268}.close-popup-btn{background:#dc3545;color:#fff}.close-popup-btn:hover{background:#c82333}.feedback{padding:15px;border-radius:6px;margin-top:20px;text-align:center;display:none}.feedback.correct{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block}.feedback.incorrect{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}@media (max-width: 768px){.categories-container,.button-container{flex-direction:column}.cards-container{grid-template-columns:repeat(2,1fr)}}.drag-over{background-color:#e3f2fd!important;border-color:#2196f3!important}.dragging{opacity:.5}.word{transition:all .3s ease}.word.dragging{opacity:.5;box-shadow:0 0 5px #007bff}.selected-word{outline:3px solid #007bff;background-color:#0056b3!important}.station-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease;opacity:1;visibility:visible}.station-overlay img{max-width:min(90vw,1400px);max-height:80vh;object-fit:contain;border-radius:16px;box-shadow:0 20px 60px #00000073}.station-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-btn{padding:.9rem 1.4rem;border:0;border-radius:999px;cursor:pointer}/*!
 * 
 *   simple-keyboard v3.8.55
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}