.kapitel-karte svg{display:block;width:100%;height:auto}.a-rahmen{fill:var(--blatt);stroke:var(--linie-stark);stroke-width:1.5}.a-t{fill:var(--text)}.a-b{fill:var(--balken-2)}.a-l{fill:var(--linie-stark)}.a-raster{fill:var(--linie)}.a-plan{fill:var(--leise)}.a-ak{fill:var(--akzent-zier);stroke:var(--kontur);stroke-width:1.2}.a-heute{fill:var(--warn)}.a-meilen{fill:var(--meilen)}.a-ring{fill:none;stroke:var(--kontur);stroke-width:3}.a-punkt{fill:var(--akzent-hauch);stroke:var(--kontur);stroke-width:2}.a-blatt{fill:var(--blatt);stroke:var(--leise)}.a-ordner{fill:var(--akzent-zier);stroke:var(--kontur);stroke-width:2.5}.a-pfeil{fill:none;stroke:var(--leise);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.a-haus{fill:var(--balken);stroke:var(--leise);stroke-width:2}.a-fenster{fill:var(--blatt)}.a-chip text{font-family:inherit;font-size:16px;font-weight:600}.a-haken{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.a-chip.ok rect{fill:var(--erledigt)}.a-chip.ok text{fill:var(--auf-erledigt)}.a-chip.ok .a-haken{stroke:var(--auf-erledigt)}.a-chip.warn rect{fill:var(--warn)}.a-chip.warn text{fill:var(--auf-warn)}.auftrag-vorspann{font-size:clamp(1.15rem,1rem + .6vw,1.5rem);font-weight:600;letter-spacing:-.01em;margin:0 0 2rem}.auftrag-kapitel{list-style:none;margin:0;padding:0;display:grid;gap:2.5rem;counter-reset:kapitel}.auftrag-kapitel li{counter-increment:kapitel;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);align-items:center}.kapitel-satz::before{content:counter(kapitel,decimal-leading-zero);display:block;color:var(--aktiv-text);font-weight:600;font-size:.95rem;margin-bottom:.35rem}.kapitel-satz h3{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.6rem);letter-spacing:-.02em;line-height:1.1}.kapitel-satz p{margin:.5rem 0 0;color:var(--leise);font-size:clamp(1rem,.95rem + .3vw,1.2rem)}.kapitel-karte{max-width:34rem}.auftrag-raeder{display:none}@media (min-width:60rem){.auftrag-kapitel li{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem}.kapitel-karte{max-width:none}}.auftrag-getriebe .zrad{fill:var(--marke);stroke:var(--grund);stroke-width:1.6;paint-order:stroke}.auftrag-getriebe .an{opacity:0}.a-wort{font-family:inherit;font-size:24px;font-weight:600;text-anchor:middle;fill:var(--leise)}.a-wort.an{fill:var(--aktiv-text)}@media (forced-colors:active){.auftrag-getriebe use{forced-color-adjust:none;fill:CanvasText}}@media screen and (prefers-reduced-motion:no-preference) and (min-height:30rem){.js .auftrag{--lauf:1;position:relative;height:calc(610svh + 100svh)}.js .auftrag-buehne{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding:calc(4.0625rem + clamp(.75rem,3svh,2.5rem)) 0 clamp(.75rem,2.5svh,2rem);box-sizing:border-box}.js .auftrag-vorspann{position:absolute;left:0;right:0;top:42%;margin:0;text-align:center;font-size:clamp(1.9rem,1.2rem + 3vw,3.4rem);letter-spacing:-.02em;z-index:1;pointer-events:none}.js .auftrag-kapitel{position:relative;flex:1 1 auto;min-height:0;display:block}.js .auftrag-kapitel li{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;gap:clamp(.75rem,2svh,1.5rem)}.js .kapitel-text{flex:none;height:clamp(6.25rem,15svh,8rem);overflow:clip}.js .kapitel-satz{opacity:0}.js .kapitel-karte{flex:1 1 auto;min-height:0;max-width:none}.js .kapitel-karte svg{height:100%}.js .auftrag-kapitel li+li .a-rahmen{display:none}.js .a-schub,.js .a-rahmen{opacity:0}.js .auftrag-raeder{display:block;flex:none;margin-top:clamp(.75rem,2.5svh,2rem)}.js .auftrag-getriebe{display:block;width:100%;max-width:40rem;height:auto;max-height:clamp(4.5rem,13svh,9rem);margin:0 auto}@media (min-width:60rem){.js .auftrag-kapitel li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;align-items:center}.js .kapitel-text{height:clamp(9rem,24svh,12rem);display:flex;align-items:center}.js .kapitel-karte{height:100%}}}
