/* Developed by Enjyn Gruppe — https://enjyn.de */
:root{--tinte:#0a0a0c;--tinte-tief:#060607;--elfenbein:#e8e6e1;--elfenbein-gedimmt:#9a978f;--bernstein:#cf9054;--linie:#e8e6e11a;--schrift-display:"Big Shoulders", "Archivo", sans-serif;--schrift-text:"Archivo", sans-serif;--schrift-mono:"IBM Plex Mono", monospace;--rand:clamp(1.25rem, 4vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--tinte);color:var(--elfenbein);font-family:var(--schrift-text);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6;overflow-x:hidden}::selection{background:var(--bernstein);color:var(--tinte)}.mono{font-family:var(--schrift-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--elfenbein-gedimmt);font-size:.72rem}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}#buehne{z-index:0;width:100%;height:100%;position:fixed;inset:0}.koernung{z-index:50;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23r)'/%3E%3C/svg%3E");animation:.6s steps(3,end) infinite flimmern;position:fixed;inset:-100px}@keyframes flimmern{0%{transform:translate(0)}33%{transform:translate(-40px,25px)}66%{transform:translate(30px,-35px)}to{transform:translate(0)}}.vignette{z-index:40;pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,#0000 55%,#0404058c 100%);position:fixed;inset:0}.laden{z-index:100;background:var(--tinte-tief);text-align:center;place-content:center;gap:1.4rem;display:grid;position:fixed;inset:0}.laden-wortmarke{font-family:var(--schrift-display);letter-spacing:.34em;margin-right:-.34em;font-size:clamp(2.6rem,7vw,5rem);font-weight:800}.laden-wortmarke span{display:inline-block}.laden-zeile{background:var(--linie);width:min(280px,60vw);height:1px;margin:0 auto;position:relative;overflow:hidden}.laden-balken{background:var(--bernstein);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.zeiger{background:var(--elfenbein);z-index:110;pointer-events:none;mix-blend-mode:difference;opacity:0;border-radius:50%;width:10px;height:10px;transition:width .25s,height .25s,opacity .25s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.zeiger.aktiv{opacity:1}.zeiger.wachsend{width:42px;height:42px}@media (pointer:coarse){.zeiger{display:none}}.kopfleiste{z-index:60;padding:1.1rem var(--rand);mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.marke{font-family:var(--schrift-display);letter-spacing:.12em;font-size:1.5rem;font-weight:800}.marke sup{font-size:.5em;font-weight:500}.navigation{font-family:var(--schrift-mono);letter-spacing:.1em;text-transform:uppercase;gap:2.2rem;font-size:.7rem;display:flex}.navigation a{padding:.2rem 0;position:relative}.navigation a:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .35s cubic-bezier(.65,0,.35,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.navigation a:hover:after{transform-origin:0;transform:scaleX(1)}.knopf{font-family:var(--schrift-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:999px;font-size:.7rem;transition:background .3s,color .3s,border-color .3s;display:inline-block}.knopf-klein{padding:.55rem 1.2rem}.knopf-gross{padding:1.05rem 3.2rem;font-size:.8rem}.knopf:hover{background:var(--elfenbein);color:var(--tinte);border-color:var(--elfenbein)}.fortschritt{left:var(--rand);z-index:60;flex-direction:column;align-items:center;gap:.8rem;display:flex;position:fixed;bottom:8vh}.fortschritt-bahn{background:var(--linie);width:1px;height:18vh;position:relative;overflow:hidden}.fortschritt-linie{background:var(--bernstein);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.anatomie-marker{z-index:30;pointer-events:none;position:fixed;inset:0}.marker{opacity:0;white-space:nowrap;align-items:center;gap:.7rem;display:flex;position:absolute;top:0;left:0}.marker-punkt{background:var(--bernstein);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 5px #cf90542e}.marker-text{color:var(--elfenbein);border-bottom:1px solid var(--linie);padding-bottom:.3rem}.marker.marker-links{flex-direction:row-reverse;translate:-100%}.seite{z-index:10;position:relative}.abschnitt{min-height:100vh;padding:14vh var(--rand);align-items:center;display:flex;position:relative}.abschnitt-inhalt{width:100%;max-width:1500px;margin:0 auto}.rechtsbuendig{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.linksbuendig{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.mittig{text-align:center;flex-direction:column;align-items:center;display:flex}.kicker{color:var(--bernstein);margin-bottom:1.6rem}.titel{font-family:var(--schrift-display);font-optical-sizing:auto;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 2px 50px #040405bf,0 0 18px #04040566;font-size:clamp(3.2rem,9.5vw,9.5rem);font-weight:800;line-height:.92}.zeile{padding:.04em 0;display:block;overflow:hidden}.zeile>span{will-change:transform;display:block}.absatz{max-width:34rem;color:var(--elfenbein-gedimmt);text-shadow:0 1px 24px #040405cc;margin-top:2.2rem;font-size:clamp(.95rem,1.2vw,1.1rem)}.fakten li,.spec,.outro-titel{text-shadow:0 1px 24px #040405cc}.held{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.held-titel{font-family:var(--schrift-display);font-optical-sizing:auto;letter-spacing:.02em;margin-top:2vh;font-size:clamp(5rem,21vw,24rem);font-weight:800;line-height:.85;display:flex}.held-buchstabe{will-change:transform;display:inline-block}.held-claim{color:var(--elfenbein-gedimmt);letter-spacing:.02em;margin-top:3.5vh;font-size:clamp(1rem,1.6vw,1.35rem)}.held-hinweis{flex-direction:column;align-items:center;gap:.9rem;display:flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.held-hinweis-linie{background:linear-gradient(to bottom, var(--bernstein), transparent);transform-origin:top;width:1px;height:6vh;animation:2.2s ease-in-out infinite tropfen}@keyframes tropfen{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.anatomie-mobil-fakten{display:none}.fakten{width:min(30rem,100%);margin-top:2.6rem;list-style:none}.fakten li{border-bottom:1px solid var(--linie);justify-content:space-between;gap:2rem;padding:.85rem 0;display:flex}.fakt-wert{color:var(--elfenbein)}.spec-gitter{background:var(--linie);border:1px solid var(--linie);grid-template-columns:repeat(4,1fr);gap:1px;width:100%;max-width:1100px;margin-top:4rem;display:grid}.spec{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;background:#0a0a0c8c;padding:2.2rem 1.6rem 1.8rem}.spec dt{margin-bottom:1.2rem}.spec dd{font-family:var(--schrift-display);font-size:clamp(2.4rem,4.5vw,4.2rem);font-weight:700;line-height:1}.finish-wahl{background:var(--linie);border:1px solid var(--linie);gap:1px;margin-top:3.4rem;display:flex}.finish-knopf{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;background:#0a0a0c8c;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.4rem 1.8rem 1.2rem;transition:background .3s;display:flex}.finish-knopf:hover{background:#e8e6e10f}.finish-farbe{background:var(--farbe);border:1px solid #e8e6e140;border-radius:50%;width:34px;height:34px;margin-bottom:.4rem;position:relative}.finish-knopf.aktiv .finish-farbe:after{content:"";border:1px solid var(--bernstein);border-radius:50%;position:absolute;inset:-7px}.finish-name{font-family:var(--schrift-display);text-transform:uppercase;letter-spacing:.06em;font-size:1.3rem;font-weight:700}.outro{flex-direction:column;justify-content:center;gap:4vh}.outro-titel{font-family:var(--schrift-display);text-transform:uppercase;font-size:clamp(3.6rem,12vw,13rem);font-weight:800;line-height:.9}.outro-preis{color:var(--elfenbein-gedimmt)}.outro-preis .mono{color:var(--bernstein);margin-right:.6rem}.outro-hinweis{min-height:1.2em;color:var(--bernstein)}.fusszeile{padding:1.6rem var(--rand);color:var(--elfenbein-gedimmt);border-top:1px solid var(--linie);justify-content:space-between;gap:1rem;font-size:.74rem;display:flex;position:absolute;bottom:0;left:0;right:0}.fusszeile a{color:var(--elfenbein);border-bottom:1px solid var(--linie)}@media (width<=900px){.navigation,.fortschritt,.anatomie-marker{display:none}.anatomie-mobil-fakten{margin-top:2rem;list-style:none;display:block}.anatomie-mobil-fakten li{border-bottom:1px solid var(--linie);padding:.7rem 0}.abschnitt{padding:12vh 1.4rem}.rechtsbuendig,.linksbuendig{text-align:left;align-items:flex-start}.spec-gitter{grid-template-columns:repeat(2,1fr)}.finish-wahl{flex-direction:column;width:100%}.fusszeile{flex-direction:column;gap:.3rem}.marker-text{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.koernung,.held-hinweis-linie{animation:none}}