*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none;z-index:0}.content{position:relative;z-index:1;width:100%;height:100vh}.infobox{position:absolute;top:50%;left:10%;transform:translatey(-50%);max-width:500px;text-shadow:0px 0px 10px rgba(0,0,0,.5);padding:0;border-radius:10px;color:#fff;text-align:left;opacity:0;font-family:Caudex,serif;font-weight:400;font-style:normal;font-size:clamp(1.2rem,5vw,2rem);line-height:clamp(1.5rem,5vw,2.5rem);pointer-events:none}a.querverweis{color:#fff;font-family:Caudex,serif;font-weight:400;font-style:italic;transition:ease .3s;cursor:pointer}a.querverweis:hover{text-decoration:underline}div.querverweise{background-color:#00000080;position:relative;z-index:2;width:100%;height:100vh;opacity:0;pointer-events:none;transition:opacity .5s ease}div.querverweis{position:absolute;top:50%;right:15%;transform:translateY(-50%);max-width:500px;min-width:500px;background-color:#fff;padding:50px;border-radius:5px;color:#000;text-align:left;font-family:Caudex,serif;font-weight:400;font-style:normal;font-size:clamp(1rem,4vw,1.8rem);line-height:clamp(1.3rem,4vw,2.3rem);pointer-events:none}span.close{position:absolute;top:15px;right:25px;cursor:pointer;transition:ease .3s}span.close:hover{transform:scale(1.2)}div.querverweise.active{opacity:1;pointer-events:all}div.querverweise.active div.querverweis{pointer-events:auto}.tilt-btn{position:fixed;right:1rem;bottom:1rem;z-index:3;padding:.6rem .9rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.4);background:#00000073;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-btn{position:fixed;left:1rem;bottom:1rem;right:auto;z-index:4;padding:.6rem .9rem;border-radius:.5rem;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-decoration:none;line-height:1;pointer-events:auto}.home-btn:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}@media (hover:hover){.home-btn:hover{background:#0009}}.loading-bar{position:absolute;top:50%;width:100%;height:10px;background:#fff;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform}.loading-bar.ended{transform-origin:top right;transition:transform 1.5s ease-in-out}a.querverweis{color:#ffe9c1;text-decoration:underline;cursor:pointer;transition:color .2s ease;text-decoration-thickness:1px;text-underline-offset:3px;-webkit-hyphens:none;hyphens:none}a.querverweis:hover{color:#fff}body .querverweise{display:none;position:fixed!important;z-index:9999!important;left:0!important;top:0!important;width:100%!important;height:100%!important;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body .querverweise.active{display:flex!important;align-items:center!important;justify-content:center!important}.popup-content{background-color:#1a1a1a;border:0px solid #333;border-radius:8px;padding:2.5rem 2.5rem 2rem 2rem;max-width:500px;width:90%;position:relative;animation:popupFadeIn .2s ease-out;margin-bottom:4rem}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-content .close{position:absolute;top:0;right:15px;font-size:2rem;font-weight:700;color:#e2dede;cursor:pointer;transition:color .2s ease}.popup-content .close:hover{color:#fff}html,body{height:auto;min-height:100svh;overflow-y:auto}html.no-scroll,body.no-scroll{overflow:hidden!important;min-height:100svh;height:100svh;touch-action:none;overscroll-behavior:none}.popup-content{background-color:#936645;background:radial-gradient(circle at center,#b49369 20%,#825539);border:0px solid #333;border-radius:3px;padding:2rem 2.5rem 2.5rem 2rem;max-width:500px;width:90%;position:relative;animation:popupFadeIn .2s ease-out;margin-bottom:4rem;font-weight:400;font-style:normal}.popup-content .text,.popup-content .title{color:#2f1b11;font-family:Caudex,serif;font-size:clamp(1.25rem,2.6vw,1.5rem);line-height:normal;hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto}.popup-content .close{color:#2f1b11}.popup-content button.close{background:transparent;border:none;position:absolute;top:15px;right:15px;font-size:2rem;font-weight:700;cursor:pointer;transition:color .2s ease}.popup-content .title{display:block;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.03em}.popup-content button.close svg{width:25px;height:25px;display:block;fill:#2f1b11}.infobox,.content p{position:static;transform:none;opacity:1;pointer-events:auto;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);margin:0 0 1.2rem;font-family:Caudex,serif;font-weight:400;font-style:normal;font-size:clamp(1.25rem,2.6vw,1.5rem);line-height:normal;hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto}.absatz{position:absolute;top:0;left:50%;transform:translate3d(-50%,0,0);width:100vw;max-width:500px;text-shadow:0px 0px 10px rgba(0,0,0,.5);padding:0;border-radius:0;color:#fff;text-align:left;opacity:0;font-family:Caudex,serif;font-weight:400;font-style:normal;font-size:clamp(1.2rem,5vw,2rem);line-height:clamp(1.5rem,5vw,2.5rem);pointer-events:none;padding:1rem 1.5rem;background:linear-gradient(to bottom,#0000004d,#0003 60%,#0000,#0000);will-change:opacity,transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;contain:paint}.absatz p{margin:1rem 1rem 5rem}#progressbar{position:fixed;bottom:0;left:0;width:100%;height:4px;background:#fff3;z-index:9999}#progressbar-fill{width:0%;height:100%;background:#fff;transition:width .25s ease-out}.start-hint{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#fff;text-shadow:0 0 12px rgba(0,0,0,.55);pointer-events:none;opacity:0;transition:opacity .6s ease}.start-hint.visible{opacity:1}.start-hint.hidden{opacity:0}.start-hint__label,.jump-hint__label,.audio-hint{font-size:clamp(1rem,2vw,1.4rem);letter-spacing:.05em}.start-hint__arrow{width:clamp(20px,3vw,28px);height:auto;display:block;animation:arrowdown 3s;animation-iteration-count:infinite;animation-timing-function:ease-out}@keyframes arrowdown{0%{opacity:0;transform:translatey(0)}15%{opacity:0;transform:translatey(0)}30%{opacity:.6}55%{opacity:1}80%{opacity:.6}95%{opacity:0;transform:translatey(-1.5rem)}to{opacity:0;transform:translatey(-1.5rem)}}.audio-hint{position:fixed;right:5rem;bottom:1.5rem;letter-spacing:.5px;color:#ffffffd9;pointer-events:none;opacity:0;transition:opacity .6s ease;z-index:10}.audio-hint.visible{opacity:1}.audio-hint.hidden{opacity:0}.sound-btn{background-color:transparent;border:none;position:fixed;right:2rem;bottom:2rem;width:30px;height:30px;display:flex;align-items:flex-end}#sound-toggle img{width:30px;height:auto;display:block;pointer-events:none}.directspeech{background:#fff;padding:.8rem 1rem;border-radius:8px}.directspeech p{color:#000;margin:0}.directspeech a.querverweis{color:#987c4a}*:has(>.directspeech){background:none;text-shadow:none}.content{padding-top:calc(env(safe-area-inset-top,0px) + .5rem)}#end-overlay-text{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;letter-spacing:.03em;line-height:1.25;padding:0 2rem;font-size:clamp(1.4rem,4.5vw,3.2rem);z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s ease-out;background:none;text-shadow:0 0 18px rgba(0,0,0,.55)}.jump-hint,.start-hint,#end-overlay-text,.audio-hint{font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}@media (min-width: 500px){.absatz{max-width:100%;padding:2rem 6rem;z-index:0}.infobox,.content p{font-size:clamp(1.3rem,2.2vw,1.6rem);max-width:700px;margin-left:auto;margin-right:auto}.popup-content .text{font-size:clamp(1.3rem,2.2vw,1.7rem)}.popup-content{padding:4rem 4rem 4rem 3.5rem;max-width:700px}.popup-content button.close{top:30px;right:30px}.popup-content button.close svg{width:28px;height:28px}.start-hint__label,.jump-hint__label{font-size:clamp(1.2rem,2vw,1.6rem)}.start-hint__arrow{width:clamp(24px,2.6vw,36px)}.sound-btn{right:3rem;bottom:3rem;width:36px;height:36px}#sound-toggle img{width:36px}#end-overlay-text{font-size:clamp(1.8rem,3.5vw,3rem);padding:0 3rem}.directspeech{padding:20px 25px;border-radius:10px;max-width:750px;margin-left:auto;margin-right:auto}}.jump-hint{position:fixed;top:60%;transform:translateY(-40%);width:64px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:clamp(10px,2.4vw,14px);letter-spacing:.5px;color:#ffffffd9;opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:10}.jump-hint.visible{opacity:1}.jump-hint.hidden{opacity:0}.jump-hint--left{left:16px;text-align:left}.jump-hint--right{right:16px;text-align:right}.jump-hint__icon{width:35px;height:35px;animation:tapPulse 3s ease-out infinite;transform-origin:center center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}@keyframes tapPulse{0%{opacity:0;transform:scale(1)}15%{opacity:0;transform:scale(1)}30%{opacity:.6}55%{opacity:.9}80%{opacity:.6}95%{opacity:0}to{opacity:0;transform:scale(.5)}}@media (hover: hover) and (pointer: fine){.jump-hint{display:none}}