.as{position:relative;padding:clamp(4rem,10svh,7rem) var(--luft) clamp(3rem,8svh,5rem);background:var(--ls-tief);color:var(--w-weiss);scroll-margin-top:6rem}.as-kopfbereich{display:grid;gap:1.1rem;max-width:52rem;padding-top:1.25rem;border-top:1px solid var(--ls-linie-leise);margin-bottom:clamp(2rem,5svh,3rem)}.as-unter{margin:0;font-family:var(--w-mono);font-size:.75rem;letter-spacing:.08em;color:var(--w-lav-mittel)}.as-raster{position:relative}.as-figur{margin:0;padding:.8rem .9rem .7rem;border:1px solid var(--ls-linie-leise)}.as-figur-kopf{padding-bottom:.55rem;margin-bottom:.3rem;border-bottom:1px solid var(--ls-linie-leise)}.as-tafel{display:block;width:100%;height:auto;overflow:visible;font-family:var(--w-schrift)}.as-figur-fuss{margin:.45rem 0 0;font-size:.625rem;letter-spacing:.08em;color:var(--w-lav-mittel)}.as-zeile-unten{display:none}.as-schritte{margin:clamp(1.5rem,4svh,2.5rem) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(1rem,2.4vw,2rem)}.as-schritt{padding:1.1rem 0 1.4rem;border-top:1px solid var(--ls-linie-leise)}.as-schritt-wort{display:flex;gap:.8rem;margin:0 0 .6rem;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ls-cyan)}.as-schritt-wort span{color:var(--w-lav-mittel)}.as-schritt-satz,.as-unten-satz{margin:0;font-size:clamp(1.05rem,.95rem + .45vw,1.35rem);line-height:1.35;letter-spacing:-.012em;text-wrap:pretty}.as-schritt-code{margin:.8rem 0 0;padding:.5rem .7rem;font-size:.72rem;line-height:1.55;color:var(--w-leise-dunkel);background:#120e27cc;border-left:2px solid var(--ls-rot);overflow-wrap:anywhere}html[data-bewegt=ja] .as-figur{position:sticky;top:calc(var(--w-kopf, 3.5rem) + 2.9rem);z-index:1;height:calc(100svh - var(--w-kopf, 3.5rem) - 3.6rem);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}html[data-bewegt=ja] .as-tafel{height:100%;width:100%}html[data-bewegt=ja] .as-zeile-unten{display:grid;position:relative;min-height:7.2rem;margin-top:.4rem;border-top:1px solid var(--ls-linie-leise)}html[data-bewegt=ja] .as-unten-stufe{grid-area:1 / 1;display:grid;grid-template-columns:minmax(10rem,14rem) minmax(0,1.2fr) minmax(0,1fr);gap:.4rem 1.5rem;align-items:start;padding-top:.8rem;opacity:0;transform:translate3d(0,8px,0);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}html[data-bewegt=ja] .as-unten-stufe[data-an=ja]{opacity:1;transform:none}html[data-bewegt=ja] .as-unten-stufe .as-schritt-code{margin:0}html[data-bewegt=ja] .as-schritte{display:block;margin-top:calc(-100svh + var(--w-kopf, 3.5rem) + 3.6rem);position:relative;z-index:0;pointer-events:none}html[data-bewegt=ja] .as-schritt{min-height:80svh;border:0;opacity:0}.as-stufe{transition:opacity .45s ease}.as-figur:is([data-aktiv="1"],[data-aktiv="2"],[data-aktiv="3"],[data-aktiv="4"]) .as-stufe{opacity:.22}.as-figur[data-aktiv="1"] .as-stufe[data-stufe="1"],.as-figur[data-aktiv="2"] .as-stufe[data-stufe="2"],.as-figur[data-aktiv="3"] .as-stufe[data-stufe="3"],.as-figur[data-aktiv="4"] .as-stufe[data-stufe="4"]{opacity:1}.as-figur[data-aktiv="2"] .as-stufe[data-stufe="1"],.as-figur[data-aktiv="3"] .as-stufe[data-stufe="2"],.as-figur[data-aktiv="4"] .as-stufe[data-stufe="3"]{opacity:.5}.as-kopf{font-family:var(--w-mono);font-size:12px;letter-spacing:.16em;fill:var(--w-lav-mittel)}.as-kopf-nr{fill:var(--ls-cyan)}.as-quelle rect,.as-option-form,.as-eintrag-form{fill:#120e27e6;stroke:var(--ls-linie-leise);stroke-width:1}.as-ecke{fill:none;stroke:var(--w-lav-mittel);stroke-width:1.3}.as-sym path{fill:var(--w-lav-mittel)}.as-name{font-size:14px;font-weight:600;fill:var(--w-weiss)}.as-art{font-family:var(--w-mono);font-size:10px;letter-spacing:.08em;fill:var(--w-leise-dunkel)}.as-mono-klein{font-family:var(--w-mono);font-size:10px;letter-spacing:.12em;fill:var(--w-lav-mittel)}.as-wort{font-family:var(--w-mono);font-size:10.5px;fill:var(--w-lav-mittel);paint-order:stroke;stroke:var(--ls-tief);stroke-width:4px}.as-wort-rot{fill:var(--ls-rot-text)}.as-platz{fill:#c9c8da57}.as-platz-leise{fill:#c9c8da2e}.as-platz-hell{fill:#ffffffb8}.as-spur{fill:none;stroke:var(--ls-linie-leise)}.as-ereignis rect{fill:#120e27f0;stroke:var(--ls-linie)}.as-raute{fill:none;stroke:var(--w-lav-mittel);stroke-width:1.4}.as-ereignis[data-vorfall] .as-raute{fill:#ff4d572e;stroke:var(--ls-rot)}.as-klammer,.as-betrifft{fill:none;stroke:var(--ls-rot);stroke-width:1.4;stroke-dasharray:1}.as-kante-grund{fill:none;stroke:var(--ls-linie);stroke-width:1.3}.as-kante-wirkung{fill:none;stroke:var(--ls-rot);stroke-width:2.2;stroke-dasharray:1}.as-objekt-form{fill:var(--w-navy);stroke:#ffffff75;stroke-width:1.1}.as-objekt-zustand{fill:var(--w-lav-mittel)}.as-zustand-wort{font-family:var(--w-mono);font-size:10px;letter-spacing:.06em}.as-zustand-ruhig{fill:var(--w-lav-mittel)}.as-zustand-betroffen{fill:var(--ls-rot-text)}.as-zufuehrung{fill:none;stroke:var(--ls-linie);stroke-width:1.3;stroke-dasharray:1}.as-spur-balken{fill:#a79fd624}.as-wert-balken{fill:var(--ls-cyan);transform-box:fill-box;transform-origin:0 50%}.as-wert-balken[data-m=aufwand]{fill:var(--w-lav-mittel)}.as-vorschlag rect{fill:none;stroke:var(--ls-cyan)}.as-vorschlag text,.as-gestrichen text{font-family:var(--w-mono);font-size:10px;letter-spacing:.04em}.as-vorschlag text{fill:var(--ls-cyan)}.as-gestrichen path{fill:none;stroke:var(--ls-rot);stroke-width:1.4;stroke-dasharray:1}.as-gestrichen text{fill:var(--ls-rot-text);paint-order:stroke;stroke:var(--ls-tief);stroke-width:4px}.as-wahl{fill:none;stroke:var(--ls-cyan);stroke-width:1.8;stroke-dasharray:1}.as-stempel text{font-family:var(--w-mono);font-size:10.5px;letter-spacing:.06em}.as-stempel-offen rect{fill:none;stroke:var(--w-lav-mittel)}.as-stempel-offen text{fill:var(--w-lav-mittel)}.as-stempel-fest rect{fill:var(--w-weiss)}.as-stempel-fest text{fill:var(--w-navy);font-weight:600}.as-eintrag-neu{stroke:#ffffff80}.as-eintrag-kante{fill:var(--w-weiss)}.as-ereignis{opacity:0;transform:translate(var(--dx),var(--dy))}.as-klammer,.as-betrifft{stroke-dashoffset:1}.as-vorfall text{opacity:0}.as-figur[data-ab~="1"] .as-ereignis{opacity:1;transform:none}.as-figur[data-ab~="1"] :is(.as-klammer,.as-betrifft){stroke-dashoffset:0}.as-figur[data-ab~="1"] .as-vorfall text{opacity:1}.as-kante-wirkung{stroke-dashoffset:1}.as-zustand-betroffen{opacity:0}.as-figur[data-ab~="2"] .as-kante-wirkung{stroke-dashoffset:0}.as-figur[data-ab~="2"] .as-objekt:not([data-ebene="-1"]) .as-objekt-zustand{fill:var(--ls-rot)}.as-figur[data-ab~="2"] .as-objekt:not([data-ebene="-1"]) .as-objekt-form{stroke:#ff8f95b3}.as-figur[data-ab~="2"] .as-objekt:not([data-ebene="-1"]) .as-zustand-ruhig{opacity:0}.as-figur[data-ab~="2"] .as-zustand-betroffen{opacity:1}.as-zufuehrung,.as-gestrichen path{stroke-dashoffset:1}.as-wert-balken{transform:scaleX(0)}.as-vorschlag,.as-gestrichen text{opacity:0}.as-figur[data-ab~="3"] :is(.as-zufuehrung,.as-gestrichen path){stroke-dashoffset:0}.as-figur[data-ab~="3"] .as-wert-balken{transform:none}.as-figur[data-ab~="3"] :is(.as-vorschlag,.as-gestrichen text){opacity:1}.as-figur[data-ab~="3"] .as-option[data-regel]>:not(.as-gestrichen){opacity:.4}.as-figur[data-ab~="3"] .as-regel[data-greift] .as-sym path,.as-figur[data-ab~="3"] .as-regel[data-greift] .as-platz{fill:var(--ls-rot)}.as-wahl{stroke-dashoffset:1}.as-stempel-fest,.as-neu-eintrag{opacity:0}.as-neu-eintrag>*{transform:translateY(-14px)}.as-figur[data-ab~="4"] .as-wahl{stroke-dashoffset:0}.as-figur[data-ab~="4"] .as-stempel-offen{opacity:0}.as-figur[data-ab~="4"] :is(.as-stempel-fest,.as-neu-eintrag){opacity:1}.as-figur[data-ab~="4"] .as-neu-eintrag>*{transform:none}.as-figur[data-ab~="4"] .as-alt-eintraege{transform:translateY(66px)}.as-figur[data-bereit] .as-ereignis{transition:opacity .2s linear calc(var(--i) * .12s),transform .75s var(--w-kurve-vorhang) calc(var(--i) * .12s)}.as-figur[data-bereit] .as-klammer{transition:stroke-dashoffset .4s var(--w-kurve-ein) .95s}.as-figur[data-bereit] .as-betrifft{transition:stroke-dashoffset .6s var(--w-kurve-ein) 1.2s}.as-figur[data-bereit] .as-vorfall text{transition:opacity .3s linear 1.5s}.as-figur[data-bereit] .as-kante-wirkung{transition:stroke-dashoffset .45s var(--w-kurve-ein) calc((var(--e) - 1) * .6s + .25s)}.as-figur[data-bereit] :is(.as-objekt-zustand,.as-objekt-form){transition:fill .3s linear calc(var(--e) * .6s + .1s),stroke .3s linear calc(var(--e) * .6s + .1s)}.as-figur[data-bereit] :is(.as-zustand-ruhig,.as-zustand-betroffen){transition:opacity .3s linear calc(var(--e) * .6s + .1s)}.as-figur[data-bereit] .as-zufuehrung{transition:stroke-dashoffset .5s var(--w-kurve-ein)}.as-figur[data-bereit] .as-wert-balken{transition:transform .6s var(--w-kurve-ein) calc(var(--i) * .15s + var(--j) * .1s + .35s)}.as-figur[data-bereit] .as-gestrichen path{transition:stroke-dashoffset .4s var(--w-kurve-ein) 1.25s}.as-figur[data-bereit] .as-gestrichen text{transition:opacity .3s linear 1.5s}.as-figur[data-bereit] .as-option>:not(.as-gestrichen){transition:opacity .4s linear 1.45s}.as-figur[data-bereit] .as-regel :is(.as-sym path,.as-platz){transition:fill .3s linear 1.1s}.as-figur[data-bereit] .as-vorschlag{transition:opacity .3s linear 1.7s}.as-figur[data-bereit] .as-wahl{transition:stroke-dashoffset .4s var(--w-kurve-ein)}.as-figur[data-bereit] :is(.as-stempel-offen,.as-stempel-fest){transition:opacity .25s linear .45s}.as-figur[data-bereit] .as-alt-eintraege{transition:transform .5s var(--w-kurve-ein) .7s}.as-figur[data-bereit] .as-neu-eintrag{transition:opacity .3s linear 1s}.as-figur[data-bereit] .as-neu-eintrag>*{transition:transform .5s var(--w-kurve-vorhang) 1s}.as-achse{fill:none;stroke:var(--ls-linie);stroke-width:1}.as-zeitachse .as-tick{stroke:var(--ls-linie)}.as-zeitmarke{fill:var(--ls-tief);stroke:var(--ls-cyan);stroke-width:1.4}.as-figur[data-aktiv="1"] .as-zeitmarke[data-stufe-marke="1"],.as-figur[data-aktiv="2"] .as-zeitmarke[data-stufe-marke="2"],.as-figur[data-aktiv="3"] .as-zeitmarke[data-stufe-marke="3"],.as-figur[data-aktiv="4"] .as-zeitmarke[data-stufe-marke="4"]{fill:var(--ls-cyan)}@media (max-width: 900px){.as-schritte,html[data-bewegt=ja] .as-unten-stufe{grid-template-columns:minmax(0,1fr)}html[data-bewegt=ja] .as-zeile-unten{min-height:12.5rem}html[data-bewegt=ja] .as-unten-stufe .as-schritt-code{display:none}.as-figur-kopf>span:last-child{display:none}}@media (min-width: 901px) and (max-height: 820px){html[data-bewegt=ja] .as-zeile-unten{min-height:4.4rem}html[data-bewegt=ja] .as-unten-stufe{grid-template-columns:minmax(9rem,12rem) minmax(0,1fr);padding-top:.6rem}html[data-bewegt=ja] .as-unten-stufe .as-schritt-code{display:none}html[data-bewegt=ja] .as-unten-satz{font-size:1.05rem}html[data-bewegt=ja] .as-figur{padding-bottom:.4rem}}@media (max-width: 760px){.as-tafel{overflow:hidden}}@media (prefers-reduced-motion: reduce){.as-stufe,.as-schritt,.as-figur *{transition:none!important}}
