/* EFD-Ablauf foerderung: eingefrorener Stand 06.11.2026 (foerderung-3phasen.html), abgegrenzt auf #reihenfolge. Erzeugt von pruefung/ablaeufe-live-20261106/werkzeuge/ablaeufe_einsetzen.py */
#reihenfolge :where(h2,h3,p,ul,ol,li,dl,dt,dd,figure,button,summary,details,aside,small,strong,b,i){all:revert}
#reihenfolge{--bg:#FFFFFF;--bg-alt:#FAFAFA;--bg-deep:#F2F2F2;
  --border:#E0E0E0;--border-soft:#EBEBEB;--border-strong:#77746D;
  --text:#1F1F1F;--text-2:#56534D;
  --akzent:#E3B11A;--akzent-text:#7D5D00;
  --papier:#FFFFFF;--schatten:rgba(31,31,31,.10);
  --sk:#2B2A27;--poche:#E6E4DF;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  color-scheme:light;}
#reihenfolge *,#reihenfolge *::before,#reihenfolge *::after{box-sizing:border-box}
#reihenfolge{-webkit-text-size-adjust:100%}
#reihenfolge{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
#reihenfolge :focus-visible{outline:2px solid var(--text);outline-offset:3px}
#reihenfolge a{color:inherit}
#reihenfolge .huelle{max-width:1440px;margin:0 auto;padding-inline:clamp(16px,5vw,72px)}
#reihenfolge .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
#reihenfolge .kopf{height:64px;border-bottom:1px solid var(--border-soft)}
#reihenfolge .kopf .huelle{display:flex;align-items:center;height:100%}
#reihenfolge .kopf__logo{display:flex;align-items:center;min-height:44px}
#reihenfolge .kopf__logo svg{height:32px;width:auto;display:block}
#reihenfolge .symbol .cls-1{fill:var(--text)}
#reihenfolge .symbol .cls-2{fill:#E3B11A}
#reihenfolge .raster{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
#reihenfolge h2{margin:0;font-size:34px;line-height:1.12;letter-spacing:-.02em;font-weight:750;text-wrap:balance}
#reihenfolge .antwort{margin:14px 0 0;max-width:560px;font-size:18px;line-height:1.5;color:var(--text-2)}
#reihenfolge figure{margin:0}
#reihenfolge .haus{display:block;width:100%;height:auto}
#reihenfolge .schritte{list-style:none;margin:0;padding:0}
#reihenfolge .schritte li{min-width:0}
#reihenfolge .s-nr{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--akzent);border-radius:6px;font:600 12.5px/1 var(--mono);color:var(--akzent-text)}
#reihenfolge .s-titel{margin:0;font-size:17px;line-height:1.3;font-weight:650}
#reihenfolge .s-meta{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px;font:500 12.5px/1.35 var(--mono);color:var(--text-2)}
#reihenfolge .s-zeit{color:var(--akzent-text)}
#reihenfolge .s-txt{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--text-2)}
#reihenfolge .mk rect{fill:#E3B11A}
#reihenfolge .mk text{font:600 12px var(--mono);fill:#1F1F1F;text-anchor:middle}
#reihenfolge .mk--plan rect{fill:#FFFFFF;stroke:#2B2A27;stroke-width:1.2}
#reihenfolge .gold{fill:rgba(227,177,26,.35);stroke:#B8890A;stroke-width:1.2}
#reihenfolge .gold-voll{fill:#E3B11A;stroke:#B8890A;stroke-width:1}
#reihenfolge .brief rect{fill:#FFFFFF;stroke:#2B2A27;stroke-width:1.2}
#reihenfolge .brief path{fill:none;stroke:#2B2A27;stroke-width:1.2;stroke-linejoin:round}
#reihenfolge .brief--gold rect{fill:rgba(227,177,26,.35);stroke:#B8890A}
#reihenfolge .sk-label{font:500 10.5px var(--mono);fill:#56534D;text-anchor:middle;letter-spacing:.06em}
#reihenfolge .huelle-auf{fill:none;stroke:#C9980E;stroke-width:1.4;stroke-dasharray:5 5}
#reihenfolge .leit,#reihenfolge .leit5 path{fill:none;stroke:#77746D;stroke-width:1}
#reihenfolge .quittung-ort{position:relative;padding-top:10px}
#reihenfolge .quittung-ort::before{content:"";position:absolute;left:-8px;right:-8px;top:0;height:10px;border-radius:5px;background:var(--text);z-index:2}
#reihenfolge .quittung-papier{margin-inline:4px;filter:drop-shadow(0 1px 0 var(--border)) drop-shadow(0 10px 18px var(--schatten))}
#reihenfolge .quittung{--zz:7px;background:var(--papier);padding:16px 18px calc(18px + var(--zz));font-size:14px;line-height:1.45;
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--zz)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(2*var(--zz)) var(--zz) repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--zz)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(2*var(--zz)) var(--zz) repeat-x}
#reihenfolge .quittung h3{display:flex;align-items:center;gap:10px;margin:0;font:600 11.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding-bottom:12px;border-bottom:1px dashed var(--border-strong)}
#reihenfolge .quittung h3 .ic{color:var(--akzent-text)}
#reihenfolge .quittung dl,#reihenfolge .quittung ul{margin:0;padding:0}
#reihenfolge .q-block{padding-block:10px;border-bottom:1px dashed var(--border-strong)}
#reihenfolge .q-block:last-child{border-bottom:0;padding-bottom:0}
#reihenfolge .q-abschnitt{margin:0 0 6px;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
#reihenfolge .q-zeile{display:flex;align-items:baseline;gap:8px}
#reihenfolge .q-zeile + .q-zeile{margin-top:3px}
#reihenfolge .q-zeile dt{flex:0 1 auto}
#reihenfolge .q-zeile::after{content:"";order:2;flex:1 1 10px;border-bottom:1px dotted var(--border-strong);transform:translateY(-4px);min-width:10px}
#reihenfolge .q-zeile dd{order:3;flex:none;margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
#reihenfolge .q-zeile--summe{font-size:16px}
#reihenfolge .q-zeile--summe dd{font-weight:800;font-size:19px}
#reihenfolge .q-liste{display:grid;gap:4px;list-style:none}
#reihenfolge .q-liste li{display:grid;grid-template-columns:14px 1fr;gap:9px;align-items:start}
#reihenfolge .q-liste li::before{content:"";width:12px;height:12px;margin-top:4px;border:1px solid var(--border-strong);border-radius:3px}
#reihenfolge .q-liste--haken li::before{background:var(--akzent);border-color:var(--akzent)}
#reihenfolge .q-zeit{font-family:var(--mono);font-size:13px}
#reihenfolge .q-text{margin:0}
#reihenfolge .q-fuss{font-weight:600}
#reihenfolge .q-zeile--lang dd{flex:0 1 auto;white-space:normal;text-align:right}
#reihenfolge .isfp{padding-block:40px 72px}
#reihenfolge .vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#reihenfolge .zs-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:30px}
#reihenfolge .zs-gesamt{margin:0;font-size:19px;line-height:1.3;color:var(--text-2);text-wrap:balance}
#reihenfolge .zs-gesamt strong{font-size:24px;font-weight:750;letter-spacing:-.01em;color:var(--text)}
#reihenfolge .zs-wahl{display:flex;flex:none;margin-right:-8px}
#reihenfolge .zs-wahl[hidden]{display:none}
#reihenfolge .zs-wahl button{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer}
#reihenfolge .zs-wahl span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border-strong);border-radius:6px;background:var(--bg);font:600 12px/1 var(--mono);color:var(--text-2)}
#reihenfolge .zs-wahl button:hover span{border-color:var(--akzent)}
#reihenfolge .zs-wahl button[aria-current="true"] span{border-color:var(--akzent);background:var(--akzent);color:#1F1F1F}
#reihenfolge .zs-wahl button:focus-visible{outline:2px solid var(--text);outline-offset:-2px}
#reihenfolge .zs-phase{min-width:0;margin-top:22px}
#reihenfolge .zs-titel{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:15px;line-height:1.3}
#reihenfolge .zs-pnr{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--akzent-text)}
#reihenfolge .zs-meta{font-size:13px;color:var(--text-2)}
#reihenfolge .zs-scroll{margin-top:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
#reihenfolge .zs{position:relative;padding:6px 30px 0}
@media (max-width:980px){#reihenfolge #foe-phase-1 .zs{min-width:900px}}
#reihenfolge .zs-marken{position:relative;height:56px}
#reihenfolge .ab-schritt{position:absolute;bottom:10px;isolation:isolate;display:block;padding:7px;border-radius:10px;color:var(--text);text-decoration:none;transform:translateX(-50%);transition:transform .45s ease}
#reihenfolge .ab-schritt::before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid var(--border);border-radius:10px;background:var(--bg);box-shadow:0 8px 20px rgba(31,31,31,.08);opacity:0;transition:opacity .45s ease}
#reihenfolge .ab-schritt::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:10px;background:var(--border-strong)}
#reihenfolge .ab-schritt:focus-visible{outline:2px solid var(--text);outline-offset:3px}
#reihenfolge .ab-nr{position:relative;isolation:isolate;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--akzent);border-radius:6px;background:var(--bg);font:600 12.5px/1 var(--mono);color:#1F1F1F}
#reihenfolge .ab-nr::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:6px;background:var(--akzent);transition:opacity .35s ease}
#reihenfolge .ab-haken{position:absolute;inset:0;margin:auto;width:20px;height:20px;fill:none;stroke:#1F1F1F;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;transition:opacity .35s ease}
#reihenfolge .ab-zahl{opacity:0;transition:opacity .25s ease}
#reihenfolge .ab-schritt:hover .ab-nr{border-color:var(--akzent)}
#reihenfolge .anim .ab-schritt:not(.ist-fertig) .ab-haken{opacity:0}
#reihenfolge .anim .ab-schritt:not(.ist-fertig) .ab-zahl{opacity:1}
#reihenfolge .anim .ab-schritt:not(.ist-fertig):not(.ist-aktiv) .ab-nr{border-color:var(--border-strong);color:var(--text-2)}
#reihenfolge .anim .ab-schritt:not(.ist-fertig):not(.ist-aktiv) .ab-nr::before{opacity:0}
#reihenfolge .anim .ab-schritt:not(.ist-fertig):not(.ist-aktiv):hover .ab-nr{border-color:var(--akzent)}
#reihenfolge .anim .ab-schritt.ist-aktiv{transform:translate(-50%,-3px)}
#reihenfolge .anim .ab-schritt.ist-aktiv::before{opacity:1}
#reihenfolge .zs-oben,#reihenfolge .zs-unten{position:relative;font:500 11px/1.3 var(--mono);color:var(--akzent-text)}
#reihenfolge .zs-oben{height:20px}
#reihenfolge .zs-oben span{position:absolute;top:2px;display:flex;justify-content:center;white-space:nowrap}
#reihenfolge .zs-achse{position:relative;height:16px;overflow-x:clip}
#reihenfolge .zs-achse>*{position:absolute;top:0;height:16px}
#reihenfolge .zs-seg{background:#E0E0E0;border-left:2px solid var(--bg)}
#reihenfolge .zs-gold{background:var(--akzent);border-left:2px solid var(--bg);transform-origin:left center}
#reihenfolge .zs-duenn{top:7px!important;height:2px!important;border-left:0}
#reihenfolge .zs-spanne.zs-seg{background:repeating-linear-gradient(135deg,#D3D1CC 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px #E0E0E0}
#reihenfolge .zs-spanne.zs-gold{background:repeating-linear-gradient(135deg,#E3B11A 0 2px,#F6E4AC 2px 6px)}
#reihenfolge .zs-bahn{inset:0;width:100%;pointer-events:none;display:none}
#reihenfolge .anim .zs-bahn{display:block}
#reihenfolge .zs-laeufer{position:absolute;left:-1px;top:-7px;width:2px;height:30px;background:#1F1F1F}
#reihenfolge .zs-unten{height:36px;color:var(--text-2)}
#reihenfolge .zs-unten span{position:absolute;top:5px;display:flex;justify-content:center;padding-top:9px;white-space:nowrap}
#reihenfolge .zs-unten span::before{content:"";position:absolute;left:2px;right:2px;top:0;height:5px;border:1px solid var(--border-strong);border-top:0}
#reihenfolge .anim .zs-phasen{display:grid;grid-template-columns:minmax(0,1fr);overflow-x:clip}
#reihenfolge .anim .zs-phase{grid-area:1/1;opacity:0;visibility:hidden;transform:translateX(64px);transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s}
#reihenfolge .anim .zs-phase.weg-links{transform:translateX(-64px)}
#reihenfolge .anim .zs-phase.ist-phase{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (max-width:760px){#reihenfolge .zs-kopf{flex-direction:column;align-items:flex-start;gap:6px}
#reihenfolge .zs-jahr:not(.zs-jahr5){color:transparent}}
#reihenfolge .buehne{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:40px;align-items:start;margin-top:28px}
#reihenfolge .i1-bild{margin:0 auto;width:100%;max-width:420px}
#reihenfolge .erkl{padding:20px 22px;border-radius:10px;background:var(--bg-alt)}
#reihenfolge .erkl-liste li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px;padding-block:14px;border-top:1px solid var(--border)}
#reihenfolge .erkl-liste li:first-child{padding-top:0;border-top:0}
#reihenfolge .erkl-liste li:last-child{padding-bottom:0}
#reihenfolge .erkl-liste .s-nr{grid-row:1/4}
#reihenfolge .erkl-liste .s-txt{margin-top:6px;font-size:14.5px}
#reihenfolge .s-wer{color:var(--text)}
#reihenfolge .anim .erkl-liste{display:grid}
#reihenfolge .anim .erkl-liste{overflow-x:clip}
#reihenfolge .anim .erkl-liste li{grid-area:1/1;align-content:start;padding:0;border-top:0;opacity:0;visibility:hidden;transform:translateX(28px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}
#reihenfolge .anim .erkl-liste li.weg-links{transform:translateX(-28px)}
#reihenfolge .anim .erkl-liste li.ist-zeige{opacity:1;visibility:visible;transform:none;transition-delay:0s}
#reihenfolge .anim .ohne-uebergang,#reihenfolge .anim .ohne-uebergang *{transition:none!important}
#reihenfolge .anim .erkl-liste .s-nr{background:var(--akzent);border-color:var(--akzent);color:#1F1F1F}
#reihenfolge .nochmal{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:22px;padding:0 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-2);font:500 14px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:opacity .35s ease}
#reihenfolge .nochmal:hover{border-color:var(--akzent)}
#reihenfolge .nochmal[hidden]{display:none}
#reihenfolge .nochmal.wartet{visibility:hidden;opacity:0}
#reihenfolge .ps{--ps-strich:#2E2E2E;--ps-strich2:#9C9A95;--ps-grund:#FFFFFF;--ps-decke:#B3B1AB;--ps-dach:#C4C1BA;--ps-erde:#E4D9C6;--ps-warm:#FFFFFF;--ps-kalt:#F1F0EC;
  --ps-glas:#8FA3AB;--ps-glas-neu:#3F5F6A;--ps-dm-f:#FAF9F6;--ps-dm-z:#4A4A4A;--ps-mass:#6E6E6E;--ps-text:#3D3D3D;--ps-text2:#5A5A5A;--ps-akzent:#006E55;--ps-akzent-f:#118568;
  --ps-xw:#EDE8DE;--ps-xd:#D8D1C3;--ps-xf:#F6F3EC;--ps-karte:#FFFFFF;--ps-tuer:#CAC5BB;--ps-himmel:#FFFFFF}
:root[data-theme=dark] #reihenfolge .ps:not(.ps-hell){--ps-strich:#D6D4CE;--ps-strich2:#6E6C67;--ps-grund:#3A3B38;--ps-decke:#7E7B74;--ps-dach:#706E69;--ps-erde:#3B3428;--ps-warm:#33342F;--ps-kalt:#292A28;
  --ps-glas:#7F939B;--ps-glas-neu:#BFD5DC;--ps-dm-f:#3A3B38;--ps-dm-z:#D0CEC8;--ps-mass:#A3A19C;--ps-text:#B4B2AC;--ps-text2:#A3A19C;--ps-akzent:#6CD5B3;--ps-akzent-f:#6CD5B3;
  --ps-xw:#5A564D;--ps-xd:#4A463F;--ps-xf:#3A3731;--ps-karte:#262626;--ps-tuer:#6A665D;--ps-himmel:#262626}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #reihenfolge .ps:not(.ps-hell){--ps-strich:#D6D4CE;--ps-strich2:#6E6C67;--ps-grund:#3A3B38;--ps-decke:#7E7B74;--ps-dach:#706E69;--ps-erde:#3B3428;--ps-warm:#33342F;--ps-kalt:#292A28;
  --ps-glas:#7F939B;--ps-glas-neu:#BFD5DC;--ps-dm-f:#3A3B38;--ps-dm-z:#D0CEC8;--ps-mass:#A3A19C;--ps-text:#B4B2AC;--ps-text2:#A3A19C;--ps-akzent:#6CD5B3;--ps-akzent-f:#6CD5B3;
  --ps-xw:#5A564D;--ps-xd:#4A463F;--ps-xf:#3A3731;--ps-karte:#262626;--ps-tuer:#6A665D;--ps-himmel:#262626}}
#reihenfolge .ps text{font:500 11px Inter,system-ui,sans-serif;fill:var(--ps-text2)}
#reihenfolge .ps .rn{fill:var(--ps-text2)}
#reihenfolge .ps .klein{font-size:10px}
#reihenfolge .ps .erde{fill:var(--ps-erde)}
#reihenfolge .ps .warm{fill:var(--ps-warm)}
#reihenfolge .ps .kalt{fill:var(--ps-kalt)}
#reihenfolge .ps .gelaende{stroke:var(--ps-strich);stroke-width:1.5}
#reihenfolge .ps .b{stroke:var(--ps-strich);stroke-width:.7;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
#reihenfolge .ps .wand{fill:url(#ps-schraffur)}
#reihenfolge .ps .decke{fill:var(--ps-decke)}
#reihenfolge .ps .dach-f{fill:var(--ps-dach)}
#reihenfolge .ps .putz{fill:var(--ps-grund)}
#reihenfolge .ps.zoom .wand,#reihenfolge .ps .zoom .wand{fill:url(#ps-schraffur-d)}
#reihenfolge .ps .kst{fill:none;stroke:var(--ps-strich);stroke-width:.7;vector-effect:non-scaling-stroke}
#reihenfolge .ps .glas{stroke:var(--ps-glas);stroke-width:1;stroke-linecap:round}
#reihenfolge .ps .glas.neu{stroke:var(--ps-glas-neu);stroke-width:1.2}
#reihenfolge .ps .dm-f{fill:var(--ps-dm-f);stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#reihenfolge .ps .dm-z{fill:none;stroke:var(--ps-dm-z);stroke-width:.8;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
#reihenfolge .ps .pl2{stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#reihenfolge .ps .st{stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#reihenfolge .ps .mk line,#reihenfolge .ps .mk path{stroke:var(--ps-mass);stroke-width:1;fill:none}
#reihenfolge .ps .mk text{font:600 10px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#reihenfolge .ps .mk .mk-n{font:500 9px Inter,system-ui,sans-serif;fill:var(--ps-text2)}
#reihenfolge .ps .kote path{fill:none;stroke:var(--ps-mass);stroke-width:1}
#reihenfolge .ps .kote text{font:600 10px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#reihenfolge .ps .lab{font:600 11px Inter,system-ui,sans-serif;fill:var(--ps-akzent)}
#reihenfolge .ps .lab-g line{stroke:var(--ps-akzent);stroke-width:1}
#reihenfolge .ps .wo{fill:none;stroke:var(--ps-strich);stroke-width:2;vector-effect:non-scaling-stroke}
#reihenfolge .ps .wf{fill:url(#ps-schraffur)}
#reihenfolge .ps .wv{fill:none;stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#reihenfolge .ps .fl{stroke:var(--ps-strich);stroke-width:.7;vector-effect:non-scaling-stroke}
#reihenfolge .ps .hk{fill:var(--ps-grund);stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#reihenfolge .ps .hkl{stroke:var(--ps-strich2);stroke-width:.6}
#reihenfolge .ps .tuer{fill:none;stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#reihenfolge .ps .mb{fill:none;stroke:var(--ps-strich2);stroke-width:.9;vector-effect:non-scaling-stroke}
#reihenfolge .ps .dmo{fill:none;stroke:var(--ps-strich);stroke-width:2;stroke-linejoin:bevel;vector-effect:non-scaling-stroke}
#reihenfolge .ps .dmf{fill:var(--ps-dm-f);stroke:none}
#reihenfolge .ps .rg{font:600 12px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#reihenfolge .ps .stp{fill:none;stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#reihenfolge .ps .st2{stroke:var(--ps-strich2);stroke-width:.8;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}
#reihenfolge .ps .arw,#reihenfolge .ps .cut{fill:none;stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#reihenfolge .ps .luke{fill:none;stroke:var(--ps-strich);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
#reihenfolge .ps .sl{stroke:var(--ps-strich);stroke-width:1.2;stroke-dasharray:10 3 2 3}
#reihenfolge .ps .schnitt-m path{stroke:var(--ps-strich);stroke-width:1.2;fill:none}
#reihenfolge .ps .sm{font:700 13px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#reihenfolge .ps .dachf{fill:var(--ps-kalt);stroke:none}
#reihenfolge .ps .dachk{fill:none;stroke:var(--ps-strich);stroke-width:1;stroke-dasharray:6 3;vector-effect:non-scaling-stroke}
#reihenfolge .ps .sp{stroke:var(--ps-strich2);stroke-width:.6;vector-effect:non-scaling-stroke}
#reihenfolge .ps .ln2{stroke:var(--ps-strich2);stroke-width:.8;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
#reihenfolge .ps .first{stroke:var(--ps-strich);stroke-width:1.1;stroke-dasharray:10 3 2 3;vector-effect:non-scaling-stroke}
#reihenfolge .ps .fass{fill:var(--ps-karte);stroke:var(--ps-strich);stroke-width:1.1;vector-effect:non-scaling-stroke}
#reihenfolge .ps .ortg,#reihenfolge .ps .traufk{fill:var(--ps-dach);stroke:var(--ps-strich);stroke-width:.9;vector-effect:non-scaling-stroke}
#reihenfolge .ps .dachan{fill:var(--ps-kalt);stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#reihenfolge .ps .ziegel{stroke:var(--ps-strich2);stroke-width:.5;vector-effect:non-scaling-stroke}
#reihenfolge .ps .firstl{stroke:var(--ps-strich);stroke-width:1.6;vector-effect:non-scaling-stroke}
#reihenfolge .ps .sockel{stroke:var(--ps-strich2);stroke-width:.8;vector-effect:non-scaling-stroke}
#reihenfolge .ps .kg{fill:none;stroke:var(--ps-strich2);stroke-width:.8;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
#reihenfolge .ps .afw{fill:var(--ps-glas);fill-opacity:.25;stroke:var(--ps-strich);stroke-width:.9;vector-effect:non-scaling-stroke}
#reihenfolge .ps .afr{fill:none;stroke:var(--ps-strich);stroke-width:.6;vector-effect:non-scaling-stroke}
#reihenfolge .ps .afb{fill:var(--ps-strich);stroke:none}
#reihenfolge .ps .a3g{fill:var(--ps-xf);stroke:none}
#reihenfolge .ps .a3s{fill:var(--ps-karte);stroke:var(--ps-strich);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#reihenfolge .ps .a3e{fill:var(--ps-xw);stroke:var(--ps-strich);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#reihenfolge .ps .a3f{fill:var(--ps-glas);fill-opacity:.3;stroke:var(--ps-strich);stroke-width:.9;vector-effect:non-scaling-stroke}
#reihenfolge .ps .a3t{fill:var(--ps-tuer);stroke:var(--ps-strich);stroke-width:.9;vector-effect:non-scaling-stroke}
#reihenfolge .ps .a3b{stroke:var(--ps-strich);stroke-width:2;vector-effect:non-scaling-stroke}
#reihenfolge .ps .a3r{fill:var(--ps-kalt);stroke:var(--ps-strich);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#reihenfolge .ps .a3k{fill:var(--ps-dach);stroke:var(--ps-strich);stroke-width:.9;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#reihenfolge .ps{--ps-akzent:#7D5D00;--ps-akzent-f:#E3B11A}
:root[data-theme=dark] #reihenfolge .ps:not(.ps-hell){--ps-akzent:#E3B11A;--ps-akzent-f:#E3B11A}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #reihenfolge .ps:not(.ps-hell){--ps-akzent:#E3B11A;--ps-akzent-f:#E3B11A}}
#reihenfolge .ps .geraet{fill:var(--ps-grund);stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#reihenfolge .ps .geraet-l{fill:none;stroke:var(--ps-strich2);stroke-width:.6;vector-effect:non-scaling-stroke}
#reihenfolge .ps .geraet-s{fill:none;stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#reihenfolge .ps .moebel{fill:none;stroke:var(--ps-strich2);stroke-width:.9;vector-effect:non-scaling-stroke}
#reihenfolge .ps .leitung{fill:none;stroke:var(--ps-strich);stroke-width:.75}
#reihenfolge .ps .deckel{fill:var(--ps-kalt)}
#reihenfolge .ps .fen-deck{fill:var(--ps-grund)}
#reihenfolge .haus [data-ab]:not([data-ende]){opacity:0}
#reihenfolge .anim .haus [data-ab]{opacity:0;transition:opacity .35s ease}
#reihenfolge .anim .haus [data-ab].an{opacity:1}
#reihenfolge .t1,#reihenfolge .f2s,#reihenfolge .f4>*,#reihenfolge .f5s,#reihenfolge .f6d,#reihenfolge .f7b,#reihenfolge .f8s,#reihenfolge .f9k,#reihenfolge .f10alt,#reihenfolge .f10neu,#reihenfolge .f10aus,#reihenfolge .f11a,#reihenfolge .f11b,#reihenfolge .f12s,#reihenfolge .f13s,#reihenfolge .f14e{transform-box:fill-box;transform-origin:center}
#reihenfolge .t1 rect,#reihenfolge .blatt rect,#reihenfolge .brief rect{fill:#FFFFFF;stroke:#2B2A27;stroke-width:1}
#reihenfolge .t1 path,#reihenfolge .brief path{fill:none;stroke:#2B2A27;stroke-width:1;stroke-linejoin:round}
#reihenfolge .blatt path{fill:none;stroke:#77746D;stroke-width:1;stroke-linecap:round}
#reihenfolge .mess rect,#reihenfolge .kalender rect{fill:#E3B11A}
#reihenfolge .mess path,#reihenfolge .kalender path{fill:none;stroke:#1F1F1F;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#reihenfolge .unterschrift{fill:none;stroke:#B8890A;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
#reihenfolge .haken-k{fill:none;stroke:#B8890A;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
#reihenfolge .mini-label{font:600 7.5px var(--mono);fill:#7D5D00;text-anchor:middle;letter-spacing:.06em}
#reihenfolge .stempel rect{fill:#FFFFFF;stroke:#7D5D00;stroke-width:1.2}
#reihenfolge .stempel text{font:700 7.5px var(--mono);fill:#7D5D00;text-anchor:middle;letter-spacing:.06em}
#reihenfolge .zusage rect{fill:#E3B11A;stroke:#7D5D00;stroke-width:1.6}
#reihenfolge .zusage text{font:700 20px var(--mono);fill:#1F1F1F;text-anchor:middle;letter-spacing:.12em}
#reihenfolge .f10ltg{stroke-dasharray:1;stroke-dashoffset:0}
#reihenfolge .kontur{fill:none;stroke:#C9980E;stroke-width:2;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
#reihenfolge .geld rect{fill:#E3B11A;stroke:#B8890A;stroke-width:1}
#reihenfolge .geld text{font:700 11px Inter,system-ui,sans-serif;fill:#1F1F1F;text-anchor:middle}
#reihenfolge .t1.laeuft{animation:abl-post 1.7s .2s ease-in-out both}
#reihenfolge .f1.laeuft{animation:abl-ein .4s 1.35s ease both}
#reihenfolge .f2.laeuft .f2s{animation:abl-heraus .8s .1s ease-out both}
#reihenfolge .f3.laeuft .unterschrift{animation:abl-zug .9s .4s ease-in-out both}
#reihenfolge .f4.laeuft>*{animation:abl-tag .45s ease-out both}
#reihenfolge .f4.laeuft>:nth-child(2){animation-delay:.5s}
#reihenfolge .f4.laeuft>:nth-child(3){animation-delay:1s}
#reihenfolge .f4.laeuft>:nth-child(4){animation-delay:1.5s}
#reihenfolge .f5.laeuft .f5s{animation:abl-heraus .8s .1s ease-out both}
#reihenfolge .f5.laeuft .haken-k{animation:abl-zug .6s 1.1s ease-in-out both}
#reihenfolge .f5.laeuft .mini-label{animation:abl-ein .4s 1.4s ease both}
#reihenfolge .f6.laeuft .f6d{animation:abl-ablegen .9s .1s ease-out both}
#reihenfolge .f6.laeuft .f6t{animation:abl-ein .4s 1s ease both}
#reihenfolge .f7l.laeuft{animation:abl-ein .4s ease both}
#reihenfolge .f7.laeuft .f7b{animation:abl-antrag 1.4s .2s ease-in-out both}
#reihenfolge .f8.laeuft .f8s{animation:abl-stempel .4s .2s cubic-bezier(.5,0,.75,0) both}
#reihenfolge .f9.laeuft .f9k{animation:abl-tag .6s .3s ease-out both}
#reihenfolge .f10.laeuft .f10alt{animation:abl-raus 1.2s .2s ease-in both}
#reihenfolge .f10.laeuft .f10neu{animation:abl-rein .8s 1.3s ease-out both}
#reihenfolge .f10.laeuft .f10aus{animation:abl-rein .8s 1.7s ease-out both}
#reihenfolge .f10.laeuft .f10ltg{animation:abl-zug 1s 2.3s ease-in-out both}
#reihenfolge .f10l.laeuft{animation:abl-ein .4s 3s ease both}
#reihenfolge .f11.laeuft .f11a{animation:abl-heraus .7s .2s ease-out both}
#reihenfolge .f11.laeuft .f11b{animation:abl-heraus .7s .6s ease-out both}
#reihenfolge .f11.laeuft .f11h{animation:abl-zug .8s 1.5s ease-in-out both}
#reihenfolge .f12.laeuft .f12s{animation:abl-stempel .3s .4s cubic-bezier(.5,0,.75,0) both}
#reihenfolge .f13.laeuft .f13s{animation:abl-stempel .3s .4s cubic-bezier(.5,0,.75,0) both}
#reihenfolge .f14.laeuft .f14e{animation:abl-tag .7s .3s ease-out both}
#reihenfolge .t14.laeuft{animation:abl-kontur 2.2s 1.2s ease-in-out both}
#reihenfolge .pausiert *,#reihenfolge .pausiert *::before{animation-play-state:paused!important}
@keyframes abl-ein{from{opacity:0}to{opacity:1}}
@keyframes abl-post{0%{opacity:0;transform:translate(-18px,-30px) rotate(-14deg)}20%{opacity:1}55%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(9px)}}
@keyframes abl-heraus{0%{opacity:0;transform:translateY(16px)}30%{opacity:1}100%{opacity:1;transform:none}}
@keyframes abl-antrag{0%{opacity:0;transform:translate(-150px,120px) scale(.5)}20%{opacity:1}100%{opacity:1;transform:none}}
@keyframes abl-stempel{0%{opacity:0;transform:scale(1.8)}60%{opacity:1;transform:scale(.94)}100%{opacity:1;transform:none}}
@keyframes abl-zug{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes abl-tag{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes abl-raus{0%{opacity:1;transform:none}100%{opacity:0;transform:translateX(46px)}}
@keyframes abl-rein{0%{opacity:0;transform:translateY(-14px)}100%{opacity:1;transform:none}}
@keyframes abl-ablegen{0%{opacity:0;transform:translateY(-26px) rotate(-12deg)}60%{opacity:1;transform:translateY(1px) rotate(2deg)}100%{opacity:1;transform:none}}
@keyframes abl-kontur{0%{opacity:1;stroke-dashoffset:1}45%{opacity:1;stroke-dashoffset:0}80%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
#reihenfolge .f10alt{opacity:0}
@media (prefers-reduced-motion:reduce){#reihenfolge .isfp *,#reihenfolge .isfp *::before{animation:none!important;transition:none!important}}
@media (max-width:1180px){#reihenfolge .raster{grid-template-columns:minmax(0,1fr);gap:48px}
#reihenfolge .quittung-ort{max-width:400px}}
@media (max-width:860px){#reihenfolge .buehne{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:520px){#reihenfolge h2{font-size:27px}
#reihenfolge .antwort{font-size:16.5px}
#reihenfolge .kopf__logo svg{height:28px}
#reihenfolge .erkl{padding:16px}
#reihenfolge .quittung-ort{max-width:none}}
#reihenfolge .zs-kopf{display:block;margin-top:28px}
#reihenfolge .zs-gesamt{margin:0;font-size:17px;line-height:1.35;color:var(--text-2)}
#reihenfolge .zs-gesamt strong{font-size:17px;font-weight:700;letter-spacing:0;color:var(--text)}
#reihenfolge .zs-wahl{display:flex;flex-wrap:wrap;gap:0 4px;margin:12px 0 0 -4px}
#reihenfolge .zs-wahl button{display:inline-flex;align-items:center;width:auto;height:44px;padding:0 4px;border:0;background:none;cursor:pointer}
#reihenfolge .zs-wahl span{display:inline-flex;align-items:center;gap:8px;width:auto;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font:600 13px/1 Inter,system-ui,sans-serif;color:var(--text-2)}
#reihenfolge .zs-wahl span b{font:600 12px/1 var(--mono);color:inherit}
#reihenfolge .zs-wahl button:hover span{border-color:var(--akzent)}
#reihenfolge .zs-wahl button[aria-current="true"] span{border-color:var(--akzent);background:var(--akzent);color:#1F1F1F}
#reihenfolge .anim .zs-titel{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#reihenfolge .zs-phase{margin-top:14px}
#reihenfolge .zs-scroll{overflow-x:visible}
#reihenfolge #foe-phase-1 .zs,#reihenfolge .zs{min-width:0}
#reihenfolge .zs-oben{height:22px}
#reihenfolge .zs-oben span{white-space:nowrap;text-align:center;line-height:1.25}
#reihenfolge .zs-oben span:first-child{text-align:center;justify-content:center}
#reihenfolge .zs-unten{height:30px;color:var(--text-2);opacity:.85}
#reihenfolge .zs-unten span{font-size:10.5px}
#reihenfolge .zs-bruch{display:flex;align-items:center;justify-content:center;font:600 13px/1 var(--mono);color:var(--text-2);background:none}
#reihenfolge .zs-sofort{top:7px!important;height:2px!important;background:#E0E0E0}
#reihenfolge .zs-gold.zs-sofort{background:var(--akzent)}
#reihenfolge .zs-gestaucht.zs-seg{background:repeating-linear-gradient(135deg,#D3D1CC 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px #E0E0E0}
#reihenfolge .zs-gestaucht.zs-gold{background:repeating-linear-gradient(135deg,#E3B11A 0 2px,#F6E4AC 2px 6px)}
#reihenfolge .ab-schritt.wichtig .ab-nr{box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--akzent)}
#reihenfolge .erkl-liste .s-hinweis{grid-column:2;margin:8px 0 0;padding:8px 10px;border-left:2px solid var(--akzent);background:var(--bg);font-size:14px;line-height:1.45;font-weight:600;color:var(--text)}
#reihenfolge .q-zeile--lang dd{flex:0 1 auto;white-space:normal;text-align:right}
#reihenfolge .q-klein{margin:2px 0 6px;font-size:12.5px;line-height:1.4;color:var(--text-2)}
@media (max-width:980px){#reihenfolge .zs-scroll{overflow-x:auto}
#reihenfolge #foe-phase-1 .zs,#reihenfolge #foe-phase-2 .zs,#reihenfolge #foe-phase-3 .zs{min-width:860px}}
#reihenfolge .zs .l0_0{left:0.0%}
#reihenfolge .zs .l100_0{left:100.0%}
#reihenfolge .zs .l15_6{left:15.6%}
#reihenfolge .zs .l18_0{left:18.0%}
#reihenfolge .zs .l21_0{left:21.0%}
#reihenfolge .zs .l27_96{left:27.96%}
#reihenfolge .zs .l30_435{left:30.435%}
#reihenfolge .zs .l31_2{left:31.2%}
#reihenfolge .zs .l34_92{left:34.92%}
#reihenfolge .zs .l37_24{left:37.24%}
#reihenfolge .zs .l39_0{left:39.0%}
#reihenfolge .zs .l39_13{left:39.13%}
#reihenfolge .zs .l46_8{left:46.8%}
#reihenfolge .zs .l53_48{left:53.48%}
#reihenfolge .zs .l60_87{left:60.87%}
#reihenfolge .zs .l62_4{left:62.4%}
#reihenfolge .zs .l67_4{left:67.4%}
#reihenfolge .zs .l69_565{left:69.565%}
#reihenfolge .zs .l69_72{left:69.72%}
#reihenfolge .zs .l73_2{left:73.2%}
#reihenfolge .zs .l78_0{left:78.0%}
#reihenfolge .zs .l79_0{left:79.0%}
#reihenfolge .zs .l82_0{left:82.0%}
#reihenfolge .zs .l8_696{left:8.696%}
#reihenfolge .zs .l91_304{left:91.304%}
#reihenfolge .zs .w11_6{width:11.6%}
#reihenfolge .zs .w13_92{width:13.92%}
#reihenfolge .zs .w15_6{width:15.6%}
#reihenfolge .zs .w16_24{width:16.24%}
#reihenfolge .zs .w18_0{width:18.0%}
#reihenfolge .zs .w22_0{width:22.0%}
#reihenfolge .zs .w30_435{width:30.435%}
#reihenfolge .zs .w32_48{width:32.48%}
#reihenfolge .zs .w3_0{width:3.0%}
#reihenfolge .zs .w60_87{width:60.87%}
#reihenfolge .zs .w6_96{width:6.96%}
#reihenfolge .zs .w78_0{width:78.0%}
#reihenfolge .zs .w8_696{width:8.696%}
#reihenfolge .zs .w9_28{width:9.28%}
#reihenfolge .erkl-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}
#reihenfolge .erkl-nav[hidden]{display:none}
#reihenfolge .erkl-nav button{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:500 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
#reihenfolge .erkl-nav button .ic{width:18px;height:18px}
#reihenfolge .erkl-nav button:hover:not(:disabled){border-color:var(--akzent)}
#reihenfolge .erkl-nav button:disabled{opacity:.4;cursor:default}
#reihenfolge .erkl-nav button:focus-visible{outline:2px solid var(--text);outline-offset:3px}
#reihenfolge .erkl-pos{font:500 13px/1 var(--mono);color:var(--text-2);white-space:nowrap}
#reihenfolge .anim .buehne{touch-action:pan-y}
#reihenfolge .angehalten .erkl-pos::after{content:"· angehalten";margin-left:8px;font:500 11px/1 var(--mono);letter-spacing:.04em;color:var(--text-2)}
#reihenfolge .zs-rand{display:none}
#reihenfolge .reiter-name{display:none;font-style:normal}
#reihenfolge .zs-wahl span b{font-weight:inherit}
#reihenfolge .quittung{padding:14px 18px calc(14px + var(--zz))}
#reihenfolge .quittung h3{padding-bottom:9px}
#reihenfolge .q-block{padding-block:7px}
#reihenfolge .q-abschnitt{margin-bottom:4px}
#reihenfolge .q-klein{margin:2px 0 0}
#reihenfolge .q-zeile--lang dt{flex:none}
#reihenfolge .q-zeile--unter{flex-wrap:wrap}
#reihenfolge .q-zeile--unter .q-unter{order:4;flex:1 0 100%;margin:0;font-size:12.5px;font-weight:400;line-height:1.35;text-align:right;color:var(--text-2)}
#reihenfolge .quittung-ort::before{display:none}
#reihenfolge .quittung-ort .quittung-papier{margin-inline:0;filter:none}
#reihenfolge .quittung.q3{position:relative;-webkit-mask:none;mask:none;background:#fff;color:#1F1F1F;padding:22px 22px 26px;font:15px/1.45 Inter,system-ui,sans-serif;box-shadow:0 8px 24px rgba(31,31,31,.12)}
#reihenfolge .quittung.q3::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:10px;background:linear-gradient(-45deg,transparent 7px,#fff 0) 0 0/14px 10px,linear-gradient(45deg,transparent 7px,#fff 0) 0 0/14px 10px;background-repeat:repeat-x}
#reihenfolge .q3 .ic{flex:none;color:#7D5D00}
#reihenfolge .q3 .kopfzeile{display:flex;gap:8px;align-items:center;margin:0;padding:0;border:0;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7D5D00}
#reihenfolge .q3 .oben{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:14px;padding-bottom:14px;border-bottom:1px dashed #CFCBC2}
#reihenfolge .q3 .was{margin:0;font-weight:600;font-size:17px}
#reihenfolge .q3 .klein,#reihenfolge .q3 .zeile{color:#5F5C55;font-size:13.5px;margin:2px 0 0}
#reihenfolge .q3 .preis{margin:0;font-size:34px;font-weight:800;line-height:1;white-space:nowrap;text-align:right}
#reihenfolge .q3 .preis small{display:block;margin-top:5px;font-size:12.5px;font-weight:500;line-height:1.2;color:#5F5C55}
#reihenfolge .q3 .wann{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0;position:relative}
#reihenfolge .q3 .wann li{display:grid;grid-template-columns:var(--zb,72px) 1fr;gap:12px;padding:6px 0;position:relative}
#reihenfolge .q3 .wann li::before{content:"";position:absolute;left:calc(var(--zb,72px) + 6px);top:13px;width:8px;height:8px;background:#E3B11A}
#reihenfolge .q3 .wann li:not(:last-child)::after{content:"";position:absolute;left:calc(var(--zb,72px) + 9.5px);top:21px;bottom:-7px;border-left:1px solid #D9D6CF}
#reihenfolge .q3 .wann span:last-child{padding-left:14px}
#reihenfolge .q3 .z{font:600 12.5px var(--mono);color:#7D5D00;text-align:right;padding-top:2px;white-space:nowrap}
#reihenfolge .q3 .haken{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
#reihenfolge .q3 .haken li{display:flex;gap:8px;align-items:center}
#reihenfolge .q3 .zeile{margin-top:10px;font-size:12.5px}
#reihenfolge .q3 .mehr{margin-top:16px;border-top:1px dashed #CFCBC2;padding-top:12px}
#reihenfolge .q3 .mehr summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid #D9D6CF;border-radius:6px;font-weight:600;font-size:14px;list-style:none}
#reihenfolge .q3 .mehr summary::-webkit-details-marker{display:none}
#reihenfolge .q3 .mehr summary:hover{border-color:#E3B11A}
#reihenfolge .q3 .mehr summary:focus-visible{outline:2px solid #1F1F1F;outline-offset:2px}
#reihenfolge .q3 .mehr[open] summary{margin-bottom:6px}
#reihenfolge .q3 .q-block:last-child{padding-bottom:0}
@media (min-width:1181px){#reihenfolge .isfp{padding-block:24px 28px}
#reihenfolge .raster{grid-template-columns:minmax(0,1fr) 372px;gap:52px}
#reihenfolge .antwort{max-width:none;margin-top:8px}
#reihenfolge .zs-kopf{margin-top:14px}
#reihenfolge .zs-phase{margin-top:8px}
#reihenfolge .buehne{margin-top:16px}
#reihenfolge .buehne .haus{max-height:max(240px,calc(100vh - 440px))}
#reihenfolge .i1{position:relative}
#reihenfolge .nochmal{position:absolute;right:0;bottom:0;margin:0}}
@media (max-width:760px){#reihenfolge .anim .zs-scroll{overflow:visible}
#reihenfolge .anim .zs,#reihenfolge .anim #foe-phase-1 .zs,#reihenfolge .anim #foe-phase-2 .zs,#reihenfolge .anim #foe-phase-3 .zs{min-width:0!important;padding:2px 14px 0}
#reihenfolge .anim .zs-titel{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#reihenfolge .anim .zs-marken{height:36px}
#reihenfolge .anim .ab-schritt{padding:3px;bottom:8px}
#reihenfolge .anim .ab-schritt::before{display:none}
#reihenfolge .anim .ab-schritt::after{height:8px}
#reihenfolge .anim .ab-schritt.ist-aktiv{z-index:2;transform:translateX(-50%)}
#reihenfolge .anim .ab-schritt.verdeckt{opacity:0;pointer-events:none}
#reihenfolge .anim .ab-nr{width:10px;height:10px;border-radius:2px;font-size:0}
#reihenfolge .anim .ab-nr::before{border-radius:2px}
#reihenfolge .anim .ab-haken{display:none}
#reihenfolge .anim .ab-schritt.ist-aktiv .ab-nr{width:22px;height:22px;border-radius:5px;font-size:10px}
#reihenfolge .anim .ab-schritt.ist-aktiv .ab-nr::before{border-radius:5px}
#reihenfolge .anim .ab-schritt.wichtig .ab-nr{box-shadow:none}
#reihenfolge .anim .zs-oben{height:18px}
#reihenfolge .anim .zs-laeufer{top:-2px;height:20px}
#reihenfolge .anim .zs-oben span{opacity:0;white-space:nowrap;transition:opacity .3s ease}
#reihenfolge .anim .zs-oben span.ist-aktiv{opacity:1}
#reihenfolge .anim .zs-unten{display:none}
#reihenfolge .anim .zs-rand{display:flex;justify-content:space-between;gap:12px;height:18px;padding-top:4px;font:500 10.5px/1.2 var(--mono);color:var(--text-2)}
#reihenfolge .anim .zs-phase{margin-top:6px}
#reihenfolge .zs-kopf{margin-top:18px}
#reihenfolge .zs-gesamt{font-size:15px;line-height:1.35}
#reihenfolge .zs-gesamt strong{font-size:18px;line-height:1.3}
#reihenfolge .haus{max-height:27vh;max-height:27svh}
#reihenfolge .buehne{gap:8px;margin-top:8px}
#reihenfolge .erkl{padding:12px 14px}
#reihenfolge .erkl-nav{margin-top:10px;padding-top:8px}
#reihenfolge .anim .erkl-liste{position:relative}
#reihenfolge .anim .erkl-liste li:not(.ist-zeige){position:absolute;left:0;right:0;top:0}
#reihenfolge .zs-wahl{display:flex;flex-wrap:nowrap;gap:0 2px;margin:6px 0 0 -2px}
#reihenfolge .zs-wahl button{width:auto;height:44px;padding:0 2px}
#reihenfolge .zs-wahl span{display:inline-flex;align-items:center;width:auto;height:30px;padding:0 8px;gap:5px;border-color:var(--border);font:600 12px/1 Inter,system-ui,sans-serif}
#reihenfolge .zs-wahl span b{font:600 11px/1 var(--mono)}
#reihenfolge .reiter-name{display:inline}}
@media (max-width:360px){#reihenfolge .erkl-nav button{padding:0 9px}}
/* --- Einpassen in die Live-Seite --- */
#reihenfolge.efd-ablauf{padding-block:clamp(40px,5vw,72px);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal;letter-spacing:normal}
#reihenfolge > .isfp{padding-block:0}
#reihenfolge .huelle{max-width:none;width:min(var(--ef-container,1440px),100% - 2 * var(--ef-gutter,16px));padding-inline:0}
#reihenfolge .abl-dachzeile{all:revert;margin:0 0 14px;font:500 12px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
#reihenfolge .abl-dachzeile__nummer{margin-right:1.2em;color:var(--akzent-text)}
/* --- Dunkelmodus: Abschnitt dunkel; Zeichnung und Quittung bleiben helles Papier (Plan-Stil: Papier und Fotos bleiben hell) --- */
:root[data-theme=dark] #reihenfolge{--bg:var(--ef-bg,#1f1f1f);--bg-alt:var(--ef-surface,#272727);--bg-deep:var(--ef-bg-deep,#191919);--border:var(--ef-border,#3a3a3a);--border-soft:var(--ef-border-soft,#2e2e2e);--border-strong:#77746D;--text:var(--ef-text,#e8e6e1);--text-2:var(--ef-text-muted,#b4b2ac);--akzent-text:#E3B11A;--schatten:rgba(0,0,0,.45);color-scheme:dark}
:root[data-theme=dark] #reihenfolge :is(.quittung-ort,.i1-bild){--bg:#FFFFFF;--bg-alt:#FAFAFA;--bg-deep:#F2F2F2;--border:#E0E0E0;--border-soft:#EBEBEB;--border-strong:#77746D;--text:#1F1F1F;--text-2:#56534D;--akzent-text:#7D5D00;--schatten:rgba(31,31,31,.10);color-scheme:light;color:var(--text)}
:root[data-theme=dark] #reihenfolge .i1-bild{background:#FFFFFF;padding:12px;border:1px solid #E0E0E0}
:root[data-theme=dark] #reihenfolge .zs-seg{background:#3F3E3B}
:root[data-theme=dark] #reihenfolge .zs-spanne.zs-seg{background:repeating-linear-gradient(135deg,#55534E 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px #3F3E3B}
:root[data-theme=dark] #reihenfolge .zs-laeufer{background:var(--text)}
:root[data-theme=dark] #reihenfolge .ab-schritt::before{box-shadow:0 8px 20px rgba(0,0,0,.35)}
:root[data-theme=dark] #reihenfolge .ab-schritt:focus-visible,:root[data-theme=dark] #reihenfolge :focus-visible{outline-color:var(--text)}
