.praesentation{position:relative}.buehne{top:var(--kopf);height:calc(100svh - var(--kopf));background:var(--grund);min-height:540px;color:var(--schrift);position:sticky;overflow:hidden}.hintergrund{pointer-events:none;perspective:1000px;position:absolute;inset:0}.schein{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--schrift) 15%, transparent), transparent);will-change:transform;border-radius:50%;width:80vmax;position:absolute;top:0;left:0}.zettel{aspect-ratio:.707;background:color-mix(in srgb, var(--schrift) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--schrift) 12%, transparent);will-change:transform;border-radius:5px;position:absolute;top:0;left:0}.zettel:before{content:"";background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--schrift) 16%, transparent) 0 1.5px, transparent 1.5px 13%);height:46%;position:absolute;top:13%;left:13%;right:13%}.zettel:after{content:"";border-bottom:1.5px solid color-mix(in srgb, var(--schrift) 22%, transparent);width:40%;height:10%;position:absolute;bottom:16%;left:13%}.wechsel{background:var(--neu,transparent);clip-path:circle(0 at 50% 55%);pointer-events:none;position:absolute;inset:0}.blitz{opacity:0;pointer-events:none;will-change:transform, opacity;background:linear-gradient(90deg,#fff0,#ffffff47 50%,#fff0);width:34%;position:absolute;top:-25%;bottom:-25%;left:0}.film{object-fit:cover;opacity:0;mix-blend-mode:soft-light;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.film[data-an]{opacity:.5}:root[data-ton=dunkel] .schild,:root[data-ton=dunkel] .kapitel{text-shadow:0 1px 14px #00000047}@media (prefers-reduced-motion:reduce){.film{transition:none}}.einstieg{text-align:center;padding:clamp(36px, 7vh, 88px) var(--rand) 0;will-change:opacity, transform;position:absolute;top:0;left:0;right:0}.einstieg .marke-zeile{opacity:.85;margin:0 0 16px;font-size:17px;font-weight:600}.einstieg h1{letter-spacing:-.04em;text-wrap:balance;max-width:12ch;margin:0 auto 22px;font-size:clamp(42px,6.6vw,92px);font-weight:780;line-height:.98}.einstieg .vorspann{color:var(--schrift2);text-wrap:pretty;max-width:30em;margin:0 auto;font-size:clamp(18px,1.8vw,23px);line-height:1.45}.kapitel{text-align:center;padding:0 var(--rand);will-change:opacity, transform;position:absolute;top:clamp(14px,3vh,34px);left:0;right:0}.kapitel .nr{color:var(--schrift2);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.kapitel h2{letter-spacing:-.032em;margin:4px 0 6px;padding-bottom:.1em;font-size:clamp(30px,3.8vw,56px);font-weight:780;line-height:1.04;overflow:hidden}.kapitel h2 span{will-change:transform;display:inline-block}.kapitel .nr,.kapitel p{will-change:opacity, transform}.kapitel p{color:var(--schrift2);text-wrap:balance;max-width:40em;margin:0 auto;font-size:clamp(16px,1.35vw,19px);line-height:1.45}.fort{gap:6px;display:flex;position:absolute;bottom:18px;left:50%;translate:-50%}.fort i{background:color-mix(in srgb, var(--schrift) 25%, transparent);border-radius:3px;width:26px;height:3px;position:relative;overflow:hidden}.fort i:after{content:"";background:var(--schrift);transform-origin:0;transform:scaleX(var(--f,0));position:absolute;inset:0}.geraet,.bogen{perspective:1600px;position:absolute}.dreher{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.flaeche-v,.flaeche-h{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:13.5%/6.2%;position:absolute;inset:0}.flaeche-v{transform:translateZ(calc(var(--dicke) / 2));background:#101114;padding:2.4%;box-shadow:inset 0 0 0 1px #3a3d44}.flaeche-h{transform:rotateY(180deg) translateZ(calc(var(--dicke) / 2));background:#1b1d21;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #3a3d44}.flaeche-h svg{opacity:.92;width:24%}.seite{top:5.5%;bottom:5.5%;left:calc(50% - var(--dicke) / 2);width:var(--dicke);background:linear-gradient(90deg,#1e2025,#4a4e57 50%,#1e2025);border-radius:2px;position:absolute}.seite.l{transform:rotateY(-90deg) translateZ(calc(var(--breite) / 2))}.seite.r{transform:rotateY(90deg) translateZ(calc(var(--breite) / 2))}.schatten{filter:blur(16px);will-change:transform, opacity;background:#0000006b;border-radius:50%;height:5%;position:absolute;bottom:-2.5%;left:10%;right:10%}.glas{background:#f2f2f7;border-radius:11.5%/5.3%;width:100%;height:100%;position:relative;overflow:hidden}.glas img,.blatt img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.glas img[data-aktiv],.blatt img[data-aktiv]{opacity:1}.dunkel{opacity:0;pointer-events:none;border-radius:inherit;background:#000;position:absolute;inset:0}.blatt{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:2px;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 2px #16181b14,0 30px 60px -18px #16181b59}.rahmen{border:1.5px solid var(--kuli);opacity:0;transition:opacity .2s ease, transform .3s var(--kurve);pointer-events:none;background:#1d3e9e0d;border-radius:9px;position:absolute;transform:scale(1.03)}.rahmen.kreis{border-radius:50%}.rahmen[data-an]{opacity:1;transform:none}.striche{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.striche path{fill:none;stroke:var(--strich);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.striche circle{fill:var(--strich)}.schild{pointer-events:none;opacity:0;transition:opacity .22s ease, translate .32s var(--kurve);position:absolute;top:0;left:0;translate:0 4px}.schild[data-an]{opacity:1;translate:0}.schild b{letter-spacing:-.015em;hyphens:manual;padding-bottom:8px;font-size:22px;font-weight:700;line-height:1.2;display:table}.schild span{color:var(--schrift2);text-wrap:pretty;hyphens:manual;padding-top:10px;font-size:17px;line-height:1.42;display:block}.schild[data-seite=links]{text-align:right}.schild[data-seite=links] b{margin-left:auto}.eng .schild b{padding-bottom:6px;font-size:17px}.eng .schild span{padding-top:7px;font-size:14.5px;line-height:1.38}.enger .schild b{padding-bottom:5px;font-size:14px;font-weight:650;line-height:1.22}.enger .schild span{padding-top:6px;font-size:12px;line-height:1.35}.enger .kapitel h2{font-size:26px}.enger .kapitel p{font-size:15px}.schild[data-knapp] span{display:none}.enger .schild b{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.schritte{margin-top:calc(-100svh + var(--kopf));padding-bottom:calc(55svh - var(--kopf));pointer-events:none;position:relative}.vorlauf{height:110svh}.schritt{height:115svh}@media (prefers-reduced-motion:reduce){.schild,.rahmen,.laden,.knopf{transition:none}}.einstieg .knoepfe{justify-content:center;margin:28px 0 0}.einstieg .knopf.voll{color:var(--tinte);background:#fff}.einstieg .knopf.rand{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff8c}.einstieg .knopf.rand:hover{background:#ffffff1a}.einstieg :focus-visible{outline-color:#fff}