/* EFD-Ablauf heizungspruefung: eingefrorener Stand 06.11.2026 (heizungspruefung-3phasen.html), abgegrenzt auf #ablauf. Erzeugt von pruefung/ablaeufe-live-20261106/werkzeuge/ablaeufe_einsetzen.py */
#ablauf :where(h2,h3,p,ul,ol,li,dl,dt,dd,figure,button,summary,details,aside,small,strong,b,i){all:revert}
#ablauf{--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;}
#ablauf *,#ablauf *::before,#ablauf *::after{box-sizing:border-box}
#ablauf{-webkit-text-size-adjust:100%}
#ablauf{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}
#ablauf :focus-visible{outline:2px solid var(--text);outline-offset:3px}
#ablauf a{color:inherit}
#ablauf .huelle{max-width:1440px;margin:0 auto;padding-inline:clamp(16px,5vw,72px)}
#ablauf .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
#ablauf .kopf{height:64px;border-bottom:1px solid var(--border-soft)}
#ablauf .kopf .huelle{display:flex;align-items:center;height:100%}
#ablauf .kopf__logo{display:flex;align-items:center;min-height:44px}
#ablauf .kopf__logo svg{height:32px;width:auto;display:block}
#ablauf .symbol .cls-1{fill:var(--text)}
#ablauf .symbol .cls-2{fill:#E3B11A}
#ablauf .raster{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
#ablauf h2{margin:0;font-size:34px;line-height:1.12;letter-spacing:-.02em;font-weight:750;text-wrap:balance}
#ablauf .antwort{margin:14px 0 0;max-width:560px;font-size:18px;line-height:1.5;color:var(--text-2)}
#ablauf figure{margin:0}
#ablauf .haus{display:block;width:100%;height:auto}
#ablauf .schritte{list-style:none;margin:0;padding:0}
#ablauf .schritte li{min-width:0}
#ablauf .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)}
#ablauf .s-titel{margin:0;font-size:17px;line-height:1.3;font-weight:650}
#ablauf .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)}
#ablauf .s-zeit{color:var(--akzent-text)}
#ablauf .s-txt{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--text-2)}
#ablauf .mk rect{fill:#E3B11A}
#ablauf .mk text{font:600 12px var(--mono);fill:#1F1F1F;text-anchor:middle}
#ablauf .mk--plan rect{fill:#FFFFFF;stroke:#2B2A27;stroke-width:1.2}
#ablauf .gold{fill:rgba(227,177,26,.35);stroke:#B8890A;stroke-width:1.2}
#ablauf .gold-voll{fill:#E3B11A;stroke:#B8890A;stroke-width:1}
#ablauf .brief rect{fill:#FFFFFF;stroke:#2B2A27;stroke-width:1.2}
#ablauf .brief path{fill:none;stroke:#2B2A27;stroke-width:1.2;stroke-linejoin:round}
#ablauf .brief--gold rect{fill:rgba(227,177,26,.35);stroke:#B8890A}
#ablauf .sk-label{font:500 10.5px var(--mono);fill:#56534D;text-anchor:middle;letter-spacing:.06em}
#ablauf .huelle-auf{fill:none;stroke:#C9980E;stroke-width:1.4;stroke-dasharray:5 5}
#ablauf .leit,#ablauf .leit5 path{fill:none;stroke:#77746D;stroke-width:1}
#ablauf .quittung-ort{position:relative;padding-top:10px}
#ablauf .quittung-ort::before{content:"";position:absolute;left:-8px;right:-8px;top:0;height:10px;border-radius:5px;background:var(--text);z-index:2}
#ablauf .quittung-papier{margin-inline:4px;filter:drop-shadow(0 1px 0 var(--border)) drop-shadow(0 10px 18px var(--schatten))}
#ablauf .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}
#ablauf .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)}
#ablauf .quittung h3 .ic{color:var(--akzent-text)}
#ablauf .quittung dl,#ablauf .quittung ul{margin:0;padding:0}
#ablauf .q-block{padding-block:10px;border-bottom:1px dashed var(--border-strong)}
#ablauf .q-block:last-child{border-bottom:0;padding-bottom:0}
#ablauf .q-abschnitt{margin:0 0 6px;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
#ablauf .q-zeile{display:flex;align-items:baseline;gap:8px}
#ablauf .q-zeile + .q-zeile{margin-top:3px}
#ablauf .q-zeile dt{flex:0 1 auto}
#ablauf .q-zeile::after{content:"";order:2;flex:1 1 10px;border-bottom:1px dotted var(--border-strong);transform:translateY(-4px);min-width:10px}
#ablauf .q-zeile dd{order:3;flex:none;margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
#ablauf .q-zeile--summe{font-size:16px}
#ablauf .q-zeile--summe dd{font-weight:800;font-size:19px}
#ablauf .q-liste{display:grid;gap:4px;list-style:none}
#ablauf .q-liste li{display:grid;grid-template-columns:14px 1fr;gap:9px;align-items:start}
#ablauf .q-liste li::before{content:"";width:12px;height:12px;margin-top:4px;border:1px solid var(--border-strong);border-radius:3px}
#ablauf .q-liste--haken li::before{background:var(--akzent);border-color:var(--akzent)}
#ablauf .q-zeit{font-family:var(--mono);font-size:13px}
#ablauf .q-text{margin:0}
#ablauf .q-fuss{font-weight:600}
#ablauf .q-zeile--lang dd{flex:0 1 auto;white-space:normal;text-align:right}
#ablauf .isfp{padding-block:40px 72px}
#ablauf .vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#ablauf .zs-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:30px}
#ablauf .zs-gesamt{margin:0;font-size:19px;line-height:1.3;color:var(--text-2);text-wrap:balance}
#ablauf .zs-gesamt strong{font-size:24px;font-weight:750;letter-spacing:-.01em;color:var(--text)}
#ablauf .zs-wahl{display:flex;flex:none;margin-right:-8px}
#ablauf .zs-wahl[hidden]{display:none}
#ablauf .zs-wahl button{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer}
#ablauf .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)}
#ablauf .zs-wahl button:hover span{border-color:var(--akzent)}
#ablauf .zs-wahl button[aria-current="true"] span{border-color:var(--akzent);background:var(--akzent);color:#1F1F1F}
#ablauf .zs-wahl button:focus-visible{outline:2px solid var(--text);outline-offset:-2px}
#ablauf .zs-phase{min-width:0;margin-top:22px}
#ablauf .zs-titel{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:15px;line-height:1.3}
#ablauf .zs-pnr{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--akzent-text)}
#ablauf .zs-meta{font-size:13px;color:var(--text-2)}
#ablauf .zs-scroll{margin-top:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
#ablauf .zs{position:relative;padding:6px 30px 0}
@media (max-width:980px){#ablauf #hp-phase-1 .zs{min-width:900px}}
#ablauf .zs-marken{position:relative;height:56px}
#ablauf .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}
#ablauf .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}
#ablauf .ab-schritt::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:10px;background:var(--border-strong)}
#ablauf .ab-schritt:focus-visible{outline:2px solid var(--text);outline-offset:3px}
#ablauf .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}
#ablauf .ab-nr::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:6px;background:var(--akzent);transition:opacity .35s ease}
#ablauf .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}
#ablauf .ab-zahl{opacity:0;transition:opacity .25s ease}
#ablauf .ab-schritt:hover .ab-nr{border-color:var(--akzent)}
#ablauf .anim .ab-schritt:not(.ist-fertig) .ab-haken{opacity:0}
#ablauf .anim .ab-schritt:not(.ist-fertig) .ab-zahl{opacity:1}
#ablauf .anim .ab-schritt:not(.ist-fertig):not(.ist-aktiv) .ab-nr{border-color:var(--border-strong);color:var(--text-2)}
#ablauf .anim .ab-schritt:not(.ist-fertig):not(.ist-aktiv) .ab-nr::before{opacity:0}
#ablauf .anim .ab-schritt:not(.ist-fertig):not(.ist-aktiv):hover .ab-nr{border-color:var(--akzent)}
#ablauf .anim .ab-schritt.ist-aktiv{transform:translate(-50%,-3px)}
#ablauf .anim .ab-schritt.ist-aktiv::before{opacity:1}
#ablauf .zs-oben,#ablauf .zs-unten{position:relative;font:500 11px/1.3 var(--mono);color:var(--akzent-text)}
#ablauf .zs-oben{height:20px}
#ablauf .zs-oben span{position:absolute;top:2px;display:flex;justify-content:center;white-space:nowrap}
#ablauf .zs-achse{position:relative;height:16px;overflow-x:clip}
#ablauf .zs-achse>*{position:absolute;top:0;height:16px}
#ablauf .zs-seg{background:#E0E0E0;border-left:2px solid var(--bg)}
#ablauf .zs-gold{background:var(--akzent);border-left:2px solid var(--bg);transform-origin:left center}
#ablauf .zs-duenn{top:7px!important;height:2px!important;border-left:0}
#ablauf .zs-spanne.zs-seg{background:repeating-linear-gradient(135deg,#D3D1CC 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px #E0E0E0}
#ablauf .zs-spanne.zs-gold{background:repeating-linear-gradient(135deg,#E3B11A 0 2px,#F6E4AC 2px 6px)}
#ablauf .zs-bahn{inset:0;width:100%;pointer-events:none;display:none}
#ablauf .anim .zs-bahn{display:block}
#ablauf .zs-laeufer{position:absolute;left:-1px;top:-7px;width:2px;height:30px;background:#1F1F1F}
#ablauf .zs-unten{height:36px;color:var(--text-2)}
#ablauf .zs-unten span{position:absolute;top:5px;display:flex;justify-content:center;padding-top:9px;white-space:nowrap}
#ablauf .zs-unten span::before{content:"";position:absolute;left:2px;right:2px;top:0;height:5px;border:1px solid var(--border-strong);border-top:0}
#ablauf .anim .zs-phasen{display:grid;grid-template-columns:minmax(0,1fr);overflow-x:clip}
#ablauf .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}
#ablauf .anim .zs-phase.weg-links{transform:translateX(-64px)}
#ablauf .anim .zs-phase.ist-phase{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (max-width:760px){#ablauf .zs-kopf{flex-direction:column;align-items:flex-start;gap:6px}
#ablauf .zs-jahr:not(.zs-jahr5){color:transparent}}
#ablauf .buehne{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:40px;align-items:start;margin-top:28px}
#ablauf .i1-bild{margin:0 auto;width:100%;max-width:420px}
#ablauf .erkl{padding:20px 22px;border-radius:10px;background:var(--bg-alt)}
#ablauf .erkl-liste li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px;padding-block:14px;border-top:1px solid var(--border)}
#ablauf .erkl-liste li:first-child{padding-top:0;border-top:0}
#ablauf .erkl-liste li:last-child{padding-bottom:0}
#ablauf .erkl-liste .s-nr{grid-row:1/4}
#ablauf .erkl-liste .s-txt{margin-top:6px;font-size:14.5px}
#ablauf .s-wer{color:var(--text)}
#ablauf .anim .erkl-liste{display:grid}
#ablauf .anim .erkl-liste{overflow-x:clip}
#ablauf .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}
#ablauf .anim .erkl-liste li.weg-links{transform:translateX(-28px)}
#ablauf .anim .erkl-liste li.ist-zeige{opacity:1;visibility:visible;transform:none;transition-delay:0s}
#ablauf .anim .ohne-uebergang,#ablauf .anim .ohne-uebergang *{transition:none!important}
#ablauf .anim .erkl-liste .s-nr{background:var(--akzent);border-color:var(--akzent);color:#1F1F1F}
#ablauf .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}
#ablauf .nochmal:hover{border-color:var(--akzent)}
#ablauf .nochmal[hidden]{display:none}
#ablauf .nochmal.wartet{visibility:hidden;opacity:0}
#ablauf .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] #ablauf .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]) #ablauf .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}}
#ablauf .ps text{font:500 11px Inter,system-ui,sans-serif;fill:var(--ps-text2)}
#ablauf .ps .rn{fill:var(--ps-text2)}
#ablauf .ps .klein{font-size:10px}
#ablauf .ps .erde{fill:var(--ps-erde)}
#ablauf .ps .warm{fill:var(--ps-warm)}
#ablauf .ps .kalt{fill:var(--ps-kalt)}
#ablauf .ps .gelaende{stroke:var(--ps-strich);stroke-width:1.5}
#ablauf .ps .b{stroke:var(--ps-strich);stroke-width:.7;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
#ablauf .ps .wand{fill:url(#ps-schraffur)}
#ablauf .ps .decke{fill:var(--ps-decke)}
#ablauf .ps .dach-f{fill:var(--ps-dach)}
#ablauf .ps .putz{fill:var(--ps-grund)}
#ablauf .ps.zoom .wand,#ablauf .ps .zoom .wand{fill:url(#ps-schraffur-d)}
#ablauf .ps .kst{fill:none;stroke:var(--ps-strich);stroke-width:.7;vector-effect:non-scaling-stroke}
#ablauf .ps .glas{stroke:var(--ps-glas);stroke-width:1;stroke-linecap:round}
#ablauf .ps .glas.neu{stroke:var(--ps-glas-neu);stroke-width:1.2}
#ablauf .ps .dm-f{fill:var(--ps-dm-f);stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#ablauf .ps .dm-z{fill:none;stroke:var(--ps-dm-z);stroke-width:.8;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
#ablauf .ps .pl2{stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#ablauf .ps .st{stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#ablauf .ps .mk line,#ablauf .ps .mk path{stroke:var(--ps-mass);stroke-width:1;fill:none}
#ablauf .ps .mk text{font:600 10px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#ablauf .ps .mk .mk-n{font:500 9px Inter,system-ui,sans-serif;fill:var(--ps-text2)}
#ablauf .ps .kote path{fill:none;stroke:var(--ps-mass);stroke-width:1}
#ablauf .ps .kote text{font:600 10px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#ablauf .ps .lab{font:600 11px Inter,system-ui,sans-serif;fill:var(--ps-akzent)}
#ablauf .ps .lab-g line{stroke:var(--ps-akzent);stroke-width:1}
#ablauf .ps .wo{fill:none;stroke:var(--ps-strich);stroke-width:2;vector-effect:non-scaling-stroke}
#ablauf .ps .wf{fill:url(#ps-schraffur)}
#ablauf .ps .wv{fill:none;stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#ablauf .ps .fl{stroke:var(--ps-strich);stroke-width:.7;vector-effect:non-scaling-stroke}
#ablauf .ps .hk{fill:var(--ps-grund);stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#ablauf .ps .hkl{stroke:var(--ps-strich2);stroke-width:.6}
#ablauf .ps .tuer{fill:none;stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#ablauf .ps .mb{fill:none;stroke:var(--ps-strich2);stroke-width:.9;vector-effect:non-scaling-stroke}
#ablauf .ps .dmo{fill:none;stroke:var(--ps-strich);stroke-width:2;stroke-linejoin:bevel;vector-effect:non-scaling-stroke}
#ablauf .ps .dmf{fill:var(--ps-dm-f);stroke:none}
#ablauf .ps .rg{font:600 12px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#ablauf .ps .stp{fill:none;stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .ps .st2{stroke:var(--ps-strich2);stroke-width:.8;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}
#ablauf .ps .arw,#ablauf .ps .cut{fill:none;stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .ps .luke{fill:none;stroke:var(--ps-strich);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
#ablauf .ps .sl{stroke:var(--ps-strich);stroke-width:1.2;stroke-dasharray:10 3 2 3}
#ablauf .ps .schnitt-m path{stroke:var(--ps-strich);stroke-width:1.2;fill:none}
#ablauf .ps .sm{font:700 13px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#ablauf .ps .dachf{fill:var(--ps-kalt);stroke:none}
#ablauf .ps .dachk{fill:none;stroke:var(--ps-strich);stroke-width:1;stroke-dasharray:6 3;vector-effect:non-scaling-stroke}
#ablauf .ps .sp{stroke:var(--ps-strich2);stroke-width:.6;vector-effect:non-scaling-stroke}
#ablauf .ps .ln2{stroke:var(--ps-strich2);stroke-width:.8;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
#ablauf .ps .first{stroke:var(--ps-strich);stroke-width:1.1;stroke-dasharray:10 3 2 3;vector-effect:non-scaling-stroke}
#ablauf .ps .fass{fill:var(--ps-karte);stroke:var(--ps-strich);stroke-width:1.1;vector-effect:non-scaling-stroke}
#ablauf .ps .ortg,#ablauf .ps .traufk{fill:var(--ps-dach);stroke:var(--ps-strich);stroke-width:.9;vector-effect:non-scaling-stroke}
#ablauf .ps .dachan{fill:var(--ps-kalt);stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .ps .ziegel{stroke:var(--ps-strich2);stroke-width:.5;vector-effect:non-scaling-stroke}
#ablauf .ps .firstl{stroke:var(--ps-strich);stroke-width:1.6;vector-effect:non-scaling-stroke}
#ablauf .ps .sockel{stroke:var(--ps-strich2);stroke-width:.8;vector-effect:non-scaling-stroke}
#ablauf .ps .kg{fill:none;stroke:var(--ps-strich2);stroke-width:.8;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
#ablauf .ps .afw{fill:var(--ps-glas);fill-opacity:.25;stroke:var(--ps-strich);stroke-width:.9;vector-effect:non-scaling-stroke}
#ablauf .ps .afr{fill:none;stroke:var(--ps-strich);stroke-width:.6;vector-effect:non-scaling-stroke}
#ablauf .ps .afb{fill:var(--ps-strich);stroke:none}
#ablauf .ps .a3g{fill:var(--ps-xf);stroke:none}
#ablauf .ps .a3s{fill:var(--ps-karte);stroke:var(--ps-strich);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#ablauf .ps .a3e{fill:var(--ps-xw);stroke:var(--ps-strich);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#ablauf .ps .a3f{fill:var(--ps-glas);fill-opacity:.3;stroke:var(--ps-strich);stroke-width:.9;vector-effect:non-scaling-stroke}
#ablauf .ps .a3t{fill:var(--ps-tuer);stroke:var(--ps-strich);stroke-width:.9;vector-effect:non-scaling-stroke}
#ablauf .ps .a3b{stroke:var(--ps-strich);stroke-width:2;vector-effect:non-scaling-stroke}
#ablauf .ps .a3r{fill:var(--ps-kalt);stroke:var(--ps-strich);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#ablauf .ps .a3k{fill:var(--ps-dach);stroke:var(--ps-strich);stroke-width:.9;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#ablauf .ps{--ps-akzent:#7D5D00;--ps-gold:#E3B11A}
:root[data-theme=dark] #ablauf .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}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #ablauf .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] #ablauf .ps{--ps-akzent:#7D5D00}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #ablauf .ps{--ps-akzent:#7D5D00}}
#ablauf .haus [data-ab]:not([data-ende]){opacity:0}
#ablauf .anim .haus [data-ab]{opacity:0;transition:opacity .35s ease}
#ablauf .anim .haus [data-ab].an{opacity:1}
#ablauf .grundriss.ps .rg{font-size:16px}
#ablauf .grundriss.ps .mk text{font-size:12.5px}
#ablauf .grundriss .mini-label{font:600 13px Inter,system-ui,sans-serif;fill:var(--ps-akzent)}
#ablauf .grundriss .schriftfeld rect{fill:var(--ps-karte);stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .sf-t{font:600 11.5px Inter,system-ui,sans-serif;fill:var(--ps-text);letter-spacing:.06em;text-transform:uppercase}
#ablauf .grundriss .brief rect{fill:var(--ps-karte);stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .brief path{fill:none;stroke:var(--ps-strich);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#ablauf .grundriss .schluessel rect{fill:var(--ps-karte);stroke:var(--ps-akzent);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .schluessel path{fill:none;stroke:var(--ps-strich);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#ablauf .grundriss .karte{fill:var(--ps-karte);stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .blatt-titel{font:700 11.5px Inter,system-ui,sans-serif;fill:var(--ps-akzent);letter-spacing:.06em;text-transform:uppercase}
#ablauf .grundriss .rohr{fill:none;stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .teil rect,#ablauf .grundriss .teil circle{fill:none;stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .teil path{fill:none;stroke:var(--ps-strich);stroke-width:.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#ablauf .grundriss .teil .hl{fill:var(--ps-gold);fill-opacity:.35;stroke:var(--ps-akzent);stroke-width:1.2;opacity:0}
#ablauf .grundriss .teil-t{font:500 13px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#ablauf .grundriss .teil-k{font:500 11px Inter,system-ui,sans-serif;fill:var(--ps-text2)}
#ablauf .grundriss .huelle-zug{fill:none;stroke:var(--ps-akzent);stroke-width:2.2;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:0}
#ablauf .grundriss .fenster-gold{fill:var(--ps-gold);fill-opacity:.45;stroke:var(--ps-akzent);stroke-width:1;vector-effect:non-scaling-stroke;opacity:0}
#ablauf .grundriss .hk-gold{fill:var(--ps-gold);fill-opacity:.5;stroke:var(--ps-akzent);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .mass-hk{fill:none;stroke:var(--ps-akzent);stroke-width:.9;vector-effect:non-scaling-stroke}
#ablauf .grundriss .etikett rect{fill:var(--ps-karte);stroke:var(--ps-akzent);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .etikett text{font:600 12px Inter,system-ui,sans-serif;fill:var(--ps-akzent)}
#ablauf .grundriss .etikett path{fill:none;stroke:var(--ps-akzent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#ablauf .grundriss .raum-mess{opacity:0}
#ablauf .grundriss .raum-hl{fill:var(--ps-gold);fill-opacity:.12;stroke:var(--ps-akzent);stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:0}
#ablauf .grundriss .blatt rect{fill:var(--ps-karte);stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .blatt path{fill:none;stroke:var(--ps-strich2);stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke}
#ablauf .grundriss .blatt .haken-k{fill:none;stroke:var(--ps-akzent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:none}
#ablauf .grundriss .schleier{fill:var(--ps-karte);opacity:.82}
#ablauf .grundriss .uhr-k{fill:var(--ps-karte);stroke:var(--ps-strich);stroke-width:1;vector-effect:non-scaling-stroke}
#ablauf .grundriss .seg{fill:var(--ps-gold);opacity:.18}
#ablauf .grundriss .teilung{fill:none;stroke:var(--ps-strich);stroke-width:.8;vector-effect:non-scaling-stroke}
#ablauf .grundriss .ziffer{font:500 13px Inter,system-ui,sans-serif;fill:var(--ps-text)}
#ablauf .grundriss .ziffer.gr{fill:var(--ps-akzent);font-weight:700}
#ablauf .grundriss .einheit{font:600 11px Inter,system-ui,sans-serif;fill:var(--ps-text2);letter-spacing:.06em;text-transform:uppercase}
#ablauf .grundriss .zeiger{transform-box:fill-box;transform-origin:center;transform:rotate(-120deg)}
#ablauf .grundriss .zeiger path{fill:none;stroke:var(--ps-strich);stroke-width:2.6;stroke-linecap:round}
#ablauf .grundriss .zeiger .zeiger-achse{stroke:none}
#ablauf .grundriss .zeiger circle{fill:var(--ps-strich)}
#ablauf .g1b,#ablauf .g2k,#ablauf .g3c,#ablauf .g6s,#ablauf .g8s,#ablauf .raum-mess,#ablauf .g7u{transform-box:fill-box;transform-origin:center}
#ablauf .g1.laeuft .g1b{animation:abl-rein-r 1.1s .2s ease-out both}
#ablauf .g2.laeuft .g2k{animation:abl-tag .5s .2s ease-out both}
#ablauf .g2.laeuft .g2t{animation:abl-ein .4s .8s ease both}
#ablauf .g3.laeuft .g3c{animation:abl-tag .5s ease-out both}
#ablauf .g3.laeuft .t-kessel .hl{animation:abl-hl 1.2s .6s ease both}
#ablauf .g3.laeuft .t-pumpe .hl{animation:abl-hl 1.2s 1.6s ease both}
#ablauf .g3.laeuft .t-speicher .hl{animation:abl-hl 1.2s 2.6s ease both}
#ablauf .g4.laeuft .huelle-zug{animation:abl-zug 2s ease-in-out both}
#ablauf .g4.laeuft .fenster-gold{animation:abl-hl 1s ease both}
#ablauf .g4.laeuft .fenster-gold:nth-of-type(1){animation-delay:2.1s}
#ablauf .g4.laeuft .fenster-gold:nth-of-type(2){animation-delay:2.25s}
#ablauf .g4.laeuft .fenster-gold:nth-of-type(3){animation-delay:2.4s}
#ablauf .g4.laeuft .fenster-gold:nth-of-type(4){animation-delay:2.55s}
#ablauf .g4.laeuft .fenster-gold:nth-of-type(5){animation-delay:2.7s}
#ablauf .g4.laeuft .fenster-gold:nth-of-type(6){animation-delay:2.85s}
#ablauf .g4.laeuft .fenster-gold:nth-of-type(7){animation-delay:3s}
#ablauf .g4.laeuft .g4t{animation:abl-ein .4s 3.4s ease both}
#ablauf .g5.laeuft .raum-mess{animation:abl-tag .5s ease-out both}
#ablauf .g5.laeuft .r1{animation-delay:.2s}
#ablauf .g5.laeuft .r2{animation-delay:.95s}
#ablauf .g5.laeuft .r3{animation-delay:1.7s}
#ablauf .g5.laeuft .r4{animation-delay:2.45s}
#ablauf .g5.laeuft .r5{animation-delay:3.2s}
#ablauf .g5.laeuft .raum-hl{animation:abl-raum .8s ease both}
#ablauf .g5.laeuft .r1 .raum-hl{animation-delay:.2s}
#ablauf .g5.laeuft .r2 .raum-hl{animation-delay:.95s}
#ablauf .g5.laeuft .r3 .raum-hl{animation-delay:1.7s}
#ablauf .g5.laeuft .r4 .raum-hl{animation-delay:2.45s}
#ablauf .g5.laeuft .r5 .raum-hl{animation-delay:3.2s}
#ablauf .g6.laeuft .g6s{animation:abl-ablegen .9s .1s ease-out both}
#ablauf .g7.laeuft .schleier{animation:abl-schleier .5s ease both}
#ablauf .g7.laeuft .g7u{animation:abl-auf .6s .1s ease-out both}
#ablauf .g7.laeuft .zeiger{animation:abl-zeiger 4.2s ease-in-out both}
#ablauf .g7.laeuft .seg1{animation:abl-band 1.4s .15s ease both}
#ablauf .g7.laeuft .seg2{animation:abl-band 1.4s 1.45s ease both}
#ablauf .g7.laeuft .seg3{animation:abl-band 1.4s 2.8s ease both}
#ablauf .g8.laeuft .g8s{animation:abl-heraus .7s .1s ease-out both}
#ablauf .g8.laeuft .haken-k{animation:abl-zug .6s .8s ease-in-out both}
#ablauf .pausiert *,#ablauf .pausiert *::before{animation-play-state:paused!important}
@keyframes abl-rein-r{0%{opacity:0;transform:translateX(40px)}100%{opacity:1;transform:none}}
@keyframes abl-hl{0%{opacity:0}30%{opacity:.9}100%{opacity:.3}}
@keyframes abl-schleier{from{opacity:0}to{opacity:.82}}
@keyframes abl-auf{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes abl-zeiger{0%{transform:rotate(-120deg)}10%,33%{transform:rotate(-60deg)}43%,66%{transform:rotate(30deg)}76%,100%{transform:rotate(90deg)}}
@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-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-blitz{0%{opacity:0}35%{opacity:1}100%{opacity:.55}}
@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-feld{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}
@keyframes abl-raum{0%{opacity:0}25%,60%{opacity:1}100%{opacity:0}}
@keyframes abl-band{0%{opacity:.18}20%{opacity:1}80%{opacity:1}100%{opacity:.18}}
#ablauf .korridore{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none;grid-column:2}
#ablauf .erkl-liste .korridore li.feld,#ablauf .anim .erkl-liste .korridore li.feld{position:relative;display:grid;grid-template-columns:78px 1fr;grid-area:auto;gap:8px;margin:0;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-size:14px;line-height:1.4;isolation:isolate;opacity:1;visibility:inherit;transform:none;transition:none}
#ablauf .korridore li.feld::before{content:"";position:absolute;inset:-1px;z-index:-1;border:1px solid var(--akzent);border-radius:6px;background:rgba(227,177,26,.14);opacity:0}
#ablauf .korridore b{font:600 13px/1.4 var(--mono);color:var(--akzent-text)}
#ablauf .anim .erkl-liste li.ist-zeige .korridore li.feld::before{animation:abl-feld 1.4s ease both}
#ablauf .anim .erkl-liste li.ist-zeige .korridore li.feld:nth-child(1)::before{animation-delay:.15s}
#ablauf .anim .erkl-liste li.ist-zeige .korridore li.feld:nth-child(2)::before{animation-delay:1.45s}
#ablauf .anim .erkl-liste li.ist-zeige .korridore li.feld:nth-child(3)::before{animation-delay:2.8s}
@media (max-width:760px){#ablauf .erkl-liste .korridore li.feld,#ablauf .anim .erkl-liste .korridore li.feld{grid-template-columns:84px 1fr;padding:6px 8px;font-size:13.5px}}
@media (prefers-reduced-motion:reduce){#ablauf .isfp *,#ablauf .isfp *::before{animation:none!important;transition:none!important}}
@media (max-width:1180px){#ablauf .raster{grid-template-columns:minmax(0,1fr);gap:48px}
#ablauf .quittung-ort{max-width:400px}}
@media (max-width:860px){#ablauf .buehne{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:520px){#ablauf h2{font-size:27px}
#ablauf .antwort{font-size:16.5px}
#ablauf .kopf__logo svg{height:28px}
#ablauf .erkl{padding:16px}
#ablauf .quittung-ort{max-width:none}}
#ablauf .zs-kopf{display:block;margin-top:28px}
#ablauf .zs-gesamt{margin:0;font-size:17px;line-height:1.35;color:var(--text-2)}
#ablauf .zs-gesamt strong{font-size:17px;font-weight:700;letter-spacing:0;color:var(--text)}
#ablauf .zs-wahl{display:flex;flex-wrap:wrap;gap:0 4px;margin:12px 0 0 -4px}
#ablauf .zs-wahl button{display:inline-flex;align-items:center;width:auto;height:44px;padding:0 4px;border:0;background:none;cursor:pointer}
#ablauf .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)}
#ablauf .zs-wahl span b{font:600 12px/1 var(--mono);color:inherit}
#ablauf .zs-wahl button:hover span{border-color:var(--akzent)}
#ablauf .zs-wahl button[aria-current="true"] span{border-color:var(--akzent);background:var(--akzent);color:#1F1F1F}
#ablauf .anim .zs-titel{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#ablauf .zs-phase{margin-top:14px}
#ablauf .zs-scroll{overflow-x:visible}
#ablauf #hp-phase-1 .zs,#ablauf .zs{min-width:0}
#ablauf .zs-oben{height:22px}
#ablauf .zs-oben span{white-space:nowrap;text-align:center;line-height:1.25}
#ablauf .zs-oben span:first-child{text-align:center;justify-content:center}
#ablauf .zs-unten{height:30px;color:var(--text-2);opacity:.85}
#ablauf .zs-unten span{font-size:10.5px}
#ablauf .zs-bruch{display:flex;align-items:center;justify-content:center;font:600 13px/1 var(--mono);color:var(--text-2);background:none}
#ablauf .zs-sofort{top:7px!important;height:2px!important;background:#E0E0E0}
#ablauf .zs-gold.zs-sofort{background:var(--akzent)}
#ablauf .zs-gestaucht.zs-seg{background:repeating-linear-gradient(135deg,#D3D1CC 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px #E0E0E0}
#ablauf .zs-gestaucht.zs-gold{background:repeating-linear-gradient(135deg,#E3B11A 0 2px,#F6E4AC 2px 6px)}
#ablauf .ab-schritt.wichtig .ab-nr{box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--akzent)}
#ablauf .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)}
#ablauf .q-zeile--lang dd{flex:0 1 auto;white-space:normal;text-align:right}
#ablauf .q-klein{margin:2px 0 6px;font-size:12.5px;line-height:1.4;color:var(--text-2)}
@media (max-width:980px){#ablauf .zs-scroll{overflow-x:auto}
#ablauf #hp-phase-1 .zs,#ablauf #hp-phase-2 .zs,#ablauf #hp-phase-3 .zs{min-width:860px}}
@media (min-width:1181px){#ablauf .i1 .nochmal{right:auto;left:0}}
#ablauf .zs .l0{left:0%}
#ablauf .zs .l0_0{left:0.0%}
#ablauf .zs .l100_0{left:100.0%}
#ablauf .zs .l22_222{left:22.222%}
#ablauf .zs .l33_333{left:33.333%}
#ablauf .zs .l39_0{left:39.0%}
#ablauf .zs .l66_667{left:66.667%}
#ablauf .zs .l77_778{left:77.778%}
#ablauf .zs .l78_0{left:78.0%}
#ablauf .zs .w100{width:100%}
#ablauf .zs .w22_0{width:22.0%}
#ablauf .zs .w22_222{width:22.222%}
#ablauf .zs .w33_333{width:33.333%}
#ablauf .zs .w77_778{width:77.778%}
#ablauf .zs .w78_0{width:78.0%}
#ablauf .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)}
#ablauf .erkl-nav[hidden]{display:none}
#ablauf .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}
#ablauf .erkl-nav button .ic{width:18px;height:18px}
#ablauf .erkl-nav button:hover:not(:disabled){border-color:var(--akzent)}
#ablauf .erkl-nav button:disabled{opacity:.4;cursor:default}
#ablauf .erkl-nav button:focus-visible{outline:2px solid var(--text);outline-offset:3px}
#ablauf .erkl-pos{font:500 13px/1 var(--mono);color:var(--text-2);white-space:nowrap}
#ablauf .anim .buehne{touch-action:pan-y}
#ablauf .angehalten .erkl-pos::after{content:"· angehalten";margin-left:8px;font:500 11px/1 var(--mono);letter-spacing:.04em;color:var(--text-2)}
#ablauf .zs-rand{display:none}
#ablauf .reiter-name{display:none;font-style:normal}
#ablauf .zs-wahl span b{font-weight:inherit}
#ablauf .quittung{padding:14px 18px calc(14px + var(--zz))}
#ablauf .quittung h3{padding-bottom:9px}
#ablauf .q-block{padding-block:7px}
#ablauf .q-abschnitt{margin-bottom:4px}
#ablauf .q-klein{margin:2px 0 0}
#ablauf .q-zeile--lang dt{flex:none}
#ablauf .q-zeile--unter{flex-wrap:wrap}
#ablauf .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)}
#ablauf .quittung-ort::before{display:none}
#ablauf .quittung-ort .quittung-papier{margin-inline:0;filter:none}
#ablauf .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)}
#ablauf .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}
#ablauf .q3 .ic{flex:none;color:#7D5D00}
#ablauf .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}
#ablauf .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}
#ablauf .q3 .was{margin:0;font-weight:600;font-size:17px}
#ablauf .q3 .klein,#ablauf .q3 .zeile{color:#5F5C55;font-size:13.5px;margin:2px 0 0}
#ablauf .q3 .preis{margin:0;font-size:34px;font-weight:800;line-height:1;white-space:nowrap;text-align:right}
#ablauf .q3 .preis small{display:block;margin-top:5px;font-size:12.5px;font-weight:500;line-height:1.2;color:#5F5C55}
#ablauf .q3 .wann{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0;position:relative}
#ablauf .q3 .wann li{display:grid;grid-template-columns:var(--zb,72px) 1fr;gap:12px;padding:6px 0;position:relative}
#ablauf .q3 .wann li::before{content:"";position:absolute;left:calc(var(--zb,72px) + 6px);top:13px;width:8px;height:8px;background:#E3B11A}
#ablauf .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}
#ablauf .q3 .wann span:last-child{padding-left:14px}
#ablauf .q3 .z{font:600 12.5px var(--mono);color:#7D5D00;text-align:right;padding-top:2px;white-space:nowrap}
#ablauf .q3 .haken{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
#ablauf .q3 .haken li{display:flex;gap:8px;align-items:center}
#ablauf .q3 .zeile{margin-top:10px;font-size:12.5px}
#ablauf .q3 .mehr{margin-top:16px;border-top:1px dashed #CFCBC2;padding-top:12px}
#ablauf .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}
#ablauf .q3 .mehr summary::-webkit-details-marker{display:none}
#ablauf .q3 .mehr summary:hover{border-color:#E3B11A}
#ablauf .q3 .mehr summary:focus-visible{outline:2px solid #1F1F1F;outline-offset:2px}
#ablauf .q3 .mehr[open] summary{margin-bottom:6px}
#ablauf .q3 .q-block:last-child{padding-bottom:0}
@media (min-width:1181px){#ablauf .isfp{padding-block:24px 28px}
#ablauf .raster{grid-template-columns:minmax(0,1fr) 372px;gap:52px}
#ablauf .antwort{max-width:none;margin-top:8px}
#ablauf .zs-kopf{margin-top:14px}
#ablauf .zs-phase{margin-top:8px}
#ablauf .buehne{margin-top:16px}
#ablauf .buehne .haus{max-height:max(240px,calc(100vh - 440px))}
#ablauf .i1{position:relative}
#ablauf .nochmal{position:absolute;right:0;bottom:0;margin:0}}
@media (max-width:760px){#ablauf .anim .zs-scroll{overflow:visible}
#ablauf .anim .zs,#ablauf .anim #hp-phase-1 .zs,#ablauf .anim #hp-phase-2 .zs,#ablauf .anim #hp-phase-3 .zs{min-width:0!important;padding:2px 14px 0}
#ablauf .anim .zs-titel{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#ablauf .anim .zs-marken{height:36px}
#ablauf .anim .ab-schritt{padding:3px;bottom:8px}
#ablauf .anim .ab-schritt::before{display:none}
#ablauf .anim .ab-schritt::after{height:8px}
#ablauf .anim .ab-schritt.ist-aktiv{z-index:2;transform:translateX(-50%)}
#ablauf .anim .ab-schritt.verdeckt{opacity:0;pointer-events:none}
#ablauf .anim .ab-nr{width:10px;height:10px;border-radius:2px;font-size:0}
#ablauf .anim .ab-nr::before{border-radius:2px}
#ablauf .anim .ab-haken{display:none}
#ablauf .anim .ab-schritt.ist-aktiv .ab-nr{width:22px;height:22px;border-radius:5px;font-size:10px}
#ablauf .anim .ab-schritt.ist-aktiv .ab-nr::before{border-radius:5px}
#ablauf .anim .ab-schritt.wichtig .ab-nr{box-shadow:none}
#ablauf .anim .zs-oben{height:18px}
#ablauf .anim .zs-laeufer{top:-2px;height:20px}
#ablauf .anim .zs-oben span{opacity:0;white-space:nowrap;transition:opacity .3s ease}
#ablauf .anim .zs-oben span.ist-aktiv{opacity:1}
#ablauf .anim .zs-unten{display:none}
#ablauf .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)}
#ablauf .anim .zs-phase{margin-top:6px}
#ablauf .zs-kopf{margin-top:18px}
#ablauf .zs-gesamt{font-size:15px;line-height:1.35}
#ablauf .zs-gesamt strong{font-size:18px;line-height:1.3}
#ablauf .haus{max-height:27vh;max-height:27svh}
#ablauf .buehne{gap:8px;margin-top:8px}
#ablauf .erkl{padding:12px 14px}
#ablauf .erkl-nav{margin-top:10px;padding-top:8px}
#ablauf .anim .erkl-liste{position:relative}
#ablauf .anim .erkl-liste li:not(.ist-zeige){position:absolute;left:0;right:0;top:0}
#ablauf .zs-wahl{display:flex;flex-wrap:nowrap;gap:0 2px;margin:6px 0 0 -2px}
#ablauf .zs-wahl button{width:auto;height:44px;padding:0 2px}
#ablauf .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}
#ablauf .zs-wahl span b{font:600 11px/1 var(--mono)}
#ablauf .reiter-name{display:inline}}
@media (max-width:360px){#ablauf .erkl-nav button{padding:0 9px}}
/* --- Einpassen in die Live-Seite --- */
#ablauf.efd-ablauf{padding-block:clamp(40px,5vw,72px);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal;letter-spacing:normal}
#ablauf > .isfp{padding-block:0}
#ablauf .huelle{max-width:none;width:min(var(--ef-container,1440px),100% - 2 * var(--ef-gutter,16px));padding-inline:0}
#ablauf .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)}
#ablauf .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] #ablauf{--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] #ablauf :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] #ablauf .i1-bild{background:#FFFFFF;padding:12px;border:1px solid #E0E0E0}
:root[data-theme=dark] #ablauf .zs-seg{background:#3F3E3B}
:root[data-theme=dark] #ablauf .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] #ablauf .zs-laeufer{background:var(--text)}
:root[data-theme=dark] #ablauf .ab-schritt::before{box-shadow:0 8px 20px rgba(0,0,0,.35)}
:root[data-theme=dark] #ablauf .ab-schritt:focus-visible,:root[data-theme=dark] #ablauf :focus-visible{outline-color:var(--text)}