/* Werkbank: Finanzierungsfall beim Bauträger (Reiter „Finanzierung“ im Vorgang) — Entwurf Flavio, 03.10.2026.
   Gegliedert in Karten: Nachforderung · Stand mit Schritten und Terminen · Verlauf | Einheiten, Unterlagen. */
html.wb #finAkte:has(.finb){background:transparent!important;padding:0!important;box-shadow:none!important}
html.wb .finb{display:flex;flex-direction:column;gap:22px}
html.wb .finb-karte,html.wb .finb .fe-karte{background:var(--surface);padding:28px 30px;margin:0;border:0}
html.wb .finb-kopf{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px}
html.wb .finb-h,html.wb .finb .fe-kopf-t b{flex:1;margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
html.wb .finb-meta{font-size:14.5px;color:var(--ink-faint)}

/* Nachforderung: schraffierte Warnfläche mit Zeichen und Hauptknopf */
html.wb .finb .fin-mhw{display:flex;align-items:center;gap:16px;margin:0;padding:16px 18px 16px 22px;border:1px solid var(--wb-warn-line);
  background:repeating-linear-gradient(-45deg,var(--wb-warn-bg) 0 5px,color-mix(in srgb,var(--wb-warn-bg) 62%,var(--surface)) 5px 10px);color:var(--ink)}
html.wb .finb .fin-mhw.is-zwingend{border-color:var(--field-line);background:repeating-linear-gradient(-45deg,var(--bronze-100) 0 5px,color-mix(in srgb,var(--bronze-100) 60%,var(--surface)) 5px 10px)}
html.wb .finb .fin-mhw-i{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#C0392B;color:#fff}
html.wb .finb .fin-mhw.is-zwingend .fin-mhw-i{background:var(--wb-dark);color:var(--wb-frame)}
html.wb .finb .fin-mhw-t{flex:1;min-width:0;font-size:16.5px;font-weight:600;line-height:1.4;color:var(--ink)}
html.wb .finb .fin-mhw-t b{font-weight:600}
html.wb .finb .fin-mhw-s{display:block;font-size:14.5px;font-weight:400;color:var(--wb-warn)}
html.wb .finb .fin-mhw .btn{flex:none;height:44px;padding:0 20px;font-size:15px}

/* Stand */
html.wb .finb-stand{padding:0}
html.wb .finb .fin-stand{padding:30px 30px 34px;margin:0;border:0;background:none}
html.wb .finb .fin-stand-kopf{display:flex;align-items:flex-start;gap:16px}
html.wb .finb .fin-stand-txt{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
html.wb .finb .fin-stand-auge{flex-basis:100%;font-size:14.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-faint)}
html.wb .finb .fin-stand-h{margin:0;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
html.wb .finb .fin-stand-sub{margin:0;font-size:16px;color:var(--ink-faint)}
html.wb .finb .fin-nach{height:42px;padding:0 16px;font-size:15px}
html.wb .finb .fin-next{margin:10px 0 0;padding:0;border:0;background:none;font-size:16px;color:var(--ink)}
html.wb .finb .fin-next span{font-weight:700;color:var(--accent-dark);text-transform:none;letter-spacing:0;font-size:inherit;margin-right:5px}
html.wb .finb .fin-next span::after{content:":"}
html.wb :is(.finb,.faf) .fin-rail{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;margin:30px 0 0;padding:0}
html.wb :is(.finb,.faf) .fin-rail-s{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 14px 0 0;min-width:0;background:none;border:0}
html.wb :is(.finb,.faf) .fin-rail-b{all:unset;display:flex;flex-direction:column;align-items:flex-start;gap:6px;cursor:pointer;width:100%}
html.wb :is(.finb,.faf) .fin-rail-s::before,html.wb :is(.finb,.faf) .fin-rail-s::after{content:none}
html.wb :is(.finb,.faf) .fin-rail-s:not(:last-child)::after{content:"";position:absolute;left:42px;right:10px;top:13px;height:0;border-top:2px solid var(--field-line)}
html.wb :is(.finb,.faf) .fin-rail-s.linie-voll::after{border-top-color:var(--accent)}
html.wb :is(.finb,.faf) .fin-rail-s.is-erreicht:not(.linie-voll)::after{border-top:2px dashed var(--wb-pill-res-dot)}
html.wb :is(.finb,.faf) .fin-rail-p{position:relative;z-index:1;width:28px;height:28px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;border-radius:50%!important;border:2px solid var(--field-line);background:var(--surface);color:var(--ink-faint);font-size:12px;font-weight:700;counter-increment:none}
html.wb :is(.finb,.faf) .fin-rail{counter-reset:finr}
html.wb :is(.finb,.faf) .fin-rail-s{counter-increment:finr}
html.wb :is(.finb,.faf) .fin-rail-s.is-offen .fin-rail-p:empty::before,html.wb :is(.finb,.faf) .fin-rail-s.is-aktuell .fin-rail-p:empty::before{content:counter(finr)}
html.wb :is(.finb,.faf) .fin-rail-s.is-erreicht .fin-rail-p,html.wb :is(.finb,.faf) .fin-rail-s.is-bestaetigt .fin-rail-p{background:var(--accent);border-color:var(--accent);color:#fff}
html.wb :is(.finb,.faf) .fin-rail-s.is-erreicht .fin-rail-p svg,html.wb :is(.finb,.faf) .fin-rail-s.is-bestaetigt .fin-rail-p svg{width:14px;height:14px}
html.wb :is(.finb,.faf) .fin-rail-s.is-aktuell .fin-rail-p{border-color:var(--wb-pill-res-dot);color:var(--wb-pill-res-fg);box-shadow:0 0 0 5px var(--wb-pill-res-bg)}
html.wb :is(.finb,.faf) .fin-rail-s.is-abgelehnt .fin-rail-p{background:var(--wb-warn);border-color:var(--wb-warn);color:#fff;box-shadow:none}
html.wb :is(.finb,.faf) .fin-rail-l{font-size:15.5px;font-weight:500;color:var(--ink-faint);line-height:1.3}
html.wb :is(.finb,.faf) .fin-rail-s.is-erreicht .fin-rail-l,html.wb :is(.finb,.faf) .fin-rail-s.is-aktuell .fin-rail-l{color:var(--ink);font-weight:600}
html.wb :is(.finb,.faf) .fin-rail-d{font-size:14px;color:var(--ink-faint)}
/* Termine als Faktenzeile unter dem Stand */
html.wb .finb .fin-fristen{margin:0;padding:0;border:0;border-top:1px solid var(--line);background:none}
html.wb .finb .fin-t-reihe{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0}
html.wb .finb .fin-t{display:flex;flex-direction:column;gap:4px;padding:24px 30px;margin:14px 0;border:0;border-left:1px solid var(--line);background:none;min-width:0}
html.wb .finb .fin-t:first-child{border-left:0}
html.wb .finb .fin-t-l{font-size:14.5px;font-weight:400;color:var(--ink-faint);text-transform:none;letter-spacing:0}
html.wb .finb .fin-t-v{font-size:20px;font-weight:600;color:var(--ink)}
html.wb .finb .fin-t-s{font-size:14px;color:var(--ink-faint)}
html.wb .finb .fin-t-in{font:600 16px var(--font-body);height:38px;padding:0 10px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);max-width:190px}
html.wb .finb .fin-t.is-nah .fin-t-v,html.wb .finb .fin-t.is-ueber .fin-t-v{color:var(--wb-warn)}
html.wb .finb .fin-t-verl{align-self:flex-start;border:0;background:none;padding:0;font-size:13.5px;font-weight:600;color:var(--accent-dark);cursor:pointer;text-align:left}
html.wb .finb .fin-hinw{margin:0;padding:0 30px 20px;font-size:13.5px;color:var(--ink-soft)}

/* Zwei Spalten: Verlauf | Einheiten, Unterlagen */
html.wb .finb-gitter{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,36%);gap:22px;align-items:start}
html.wb .finb-neben{display:flex;flex-direction:column;gap:22px;min-width:0}
html.wb :is(.finb,.faf) .fin-chat{margin:0;padding:0}
html.wb .finb-verlauf .finb-kopf{margin-bottom:18px}
html.wb :is(.finb,.faf) .fin-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;background:none}
html.wb :is(.finb,.faf) .fin-filter button{height:38px;padding:0 14px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font-size:14.5px;font-weight:600;cursor:pointer;box-shadow:none}
html.wb :is(.finb,.faf) .fin-filter button i{font-style:normal;margin-left:5px;font-weight:600;color:inherit;background:none;padding:0}
html.wb :is(.finb,.faf) .fin-filter button.on{background:var(--wb-dark);border-color:var(--wb-dark);color:var(--wb-frame)}
html.wb :is(.finb,.faf) .fin-schreib{display:flex;gap:14px;align-items:flex-start;margin:0 0 22px;padding:16px;border:1px solid var(--field-line);background:var(--surface)}
html.wb :is(.finb,.faf) .fin-schreib.is-intern{background:var(--wb-soft)}
html.wb :is(.finb,.faf) .fin-schreib-box{flex:1;min-width:0;border:0;background:none;padding:0}
html.wb :is(.finb,.faf) .fin-text{display:block;width:100%;min-height:54px;border:0!important;outline:0;background:transparent;padding:8px 0;font:400 16px/1.5 var(--font-body);color:var(--ink);resize:vertical;box-shadow:none}
html.wb :is(.finb,.faf) .fin-schreib-fuss{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 0 -52px;padding:0;border:0}
html.wb :is(.finb,.faf) .fin-seg{display:inline-flex;gap:2px;padding:4px;background:#EAEBE6;border:0}
html.wb[data-theme="dark"] :is(.finb,.faf) .fin-seg{background:#1E2620}
html.wb :is(.finb,.faf) .fin-seg button{height:34px;padding:0 12px;border:0;background:transparent;color:var(--ink-faint);font-size:14.5px;font-weight:600;cursor:pointer}
html.wb :is(.finb,.faf) .fin-seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--wb-tab-on)}
html.wb :is(.finb,.faf) .fin-schreib-hint{flex:1;font-size:14px;color:var(--ink-faint)}
html.wb :is(.finb,.faf) .fin-schreib-fuss .btn{height:42px;padding:0 18px;font-size:15px}
html.wb :is(.finb,.faf) .fin-av,html.wb :is(.finb,.faf) .fin-e-ui{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:0!important;font-size:13.5px;font-weight:700;border:0}
html.wb :is(.finb,.faf) .fin-av.is-bautraeger{background:var(--wb-dark);color:var(--wb-frame)}
html.wb :is(.finb,.faf) .fin-av.is-finanzierer{background:var(--accent-soft);color:var(--accent-dark)}
html.wb :is(.finb,.faf) .fin-verlauf{list-style:none;margin:0;padding:0;position:relative}
html.wb :is(.finb,.faf) .fin-verlauf::before{content:"";position:absolute;left:18px;top:20px;bottom:20px;width:2px;background:var(--field-line)}
html.wb :is(.finb,.faf) .fin-e{position:relative;display:flex;gap:16px;align-items:flex-start;margin:0;padding:0 0 26px;border:0;background:none}
html.wb :is(.finb,.faf) .fin-e:last-child{padding-bottom:0}
html.wb :is(.finb,.faf) .fin-e-b{flex:1;min-width:0;padding:0;border:0;background:none}
html.wb :is(.finb,.faf) .fin-e-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html.wb :is(.finb,.faf) .fin-e-kopf b{font-size:16.5px;font-weight:600;color:var(--ink)}
html.wb :is(.finb,.faf) .fin-e-t{margin-left:auto;font-size:14px;color:var(--ink-faint)}
html.wb :is(.finb,.faf) .fin-e p{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--ink-mid)}
html.wb :is(.finb,.faf) .fin-e-ul{list-style:none;margin:8px 0 0;padding:0}
html.wb :is(.finb,.faf) .fin-e-ul li{position:relative;padding:3px 0 3px 20px;font-size:15.5px;color:var(--ink-mid)}
html.wb :is(.finb,.faf) .fin-e-ul li::before{content:"";position:absolute;left:1px;top:12px;width:7px;height:7px;background:#C5C9C0}
html.wb :is(.finb,.faf) .fin-e p.fin-e-anm{font-style:italic;color:var(--wb-warn)}
html.wb :is(.finb,.faf) .fin-e.is-unterlage .fin-e-ui{background:var(--wb-dark);color:var(--wb-frame)}
html.wb :is(.finb,.faf) .fin-e.is-unterlage.is-nf .fin-e-ui{background:var(--wb-warn-bg);color:var(--wb-warn)}
html.wb :is(.finb,.faf) .fin-e.is-unterlage.is-zu .fin-e-ui{background:var(--wb-hover);color:var(--ink-faint)}
html.wb :is(.finb,.faf) .fin-e.is-system{padding-left:54px}
html.wb :is(.finb,.faf) .fin-e.is-system p{margin:0;flex:1;font-size:14.5px;color:var(--ink-soft)}
html.wb :is(.finb,.faf) .fin-e.is-nurintern .fin-e-b{background:var(--wb-soft);padding:10px 12px}
html.wb :is(.finb,.faf) .fin-tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:0;font-size:13px;font-weight:700;background:var(--wb-pill-neu-bg);color:var(--wb-pill-neu-fg);text-transform:none;letter-spacing:0}
html.wb :is(.finb,.faf) .fin-tag.is-ok,html.wb :is(.finb,.faf) .fin-tag.is-bestaetigt{background:var(--wb-pill-frei-bg);color:var(--wb-pill-frei-fg)}
html.wb :is(.finb,.faf) .fin-tag.is-nf,html.wb :is(.finb,.faf) .fin-tag.is-abgelehnt{background:var(--wb-warn-bg);color:var(--wb-warn)}
html.wb :is(.finb,.faf) .fin-verlauf-leer,html.wb :is(.finb,.faf) .fin-zu{margin:0;font-size:15px;color:var(--ink-soft)}

/* Einheiten im Fall */
html.wb .finb .fe-kopf{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:0;border:0}
html.wb .finb .fe-kopf-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html.wb .finb .fe-kopf-t span{font-size:14px;color:var(--ink-faint)}
html.wb .finb .fe-kopf .btn{height:38px;padding:0 14px;font-size:14.5px}
html.wb .finb .fe-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
html.wb .finb .fe-z{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;padding:16px 18px;border:1px solid var(--field-line);background:var(--surface)}
html.wb .finb .fe-z-wer{flex:1 1 160px;min-width:0;display:flex;flex-direction:column;gap:3px}
html.wb .finb .fe-z-wer b{font-size:19px;font-weight:700;color:var(--ink)}
html.wb .finb .fe-z-wer span{font-size:15px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.wb .finb .fe-z-mappe{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer}
html.wb .finb .fe-z-mappe em{font-style:normal;font-weight:500;color:var(--ink-faint)}
html.wb .finb .fe-karte.is-eine .fe-z-mappe,html.wb .finb .fe-z-weg-platz{display:none}
html.wb .finb .fe-z-weg{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--ink-faint);cursor:pointer}
html.wb .finb .fe-z-weg:hover{background:var(--wb-hover);color:var(--wb-warn)}
html.wb :is(.finb,.faf) .fe-punkt{width:9px;height:9px;border-radius:0!important;display:inline-block;background:var(--field-line)}
html.wb :is(.finb,.faf) .fe-punkt.is-rot{background:#C0392B}
html.wb :is(.finb,.faf) .fe-punkt.is-gelb{background:var(--wb-pill-res-dot)}
html.wb :is(.finb,.faf) .fe-punkt.is-gruen{background:var(--accent)}
html.wb .finb .fe-neu{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}

/* Unterlagen-Zusammenfassung */
html.wb .finb-u .finb-kopf{margin-bottom:14px}
html.wb .finb-u-bar{display:flex;gap:3px;height:11px;background:var(--wb-st-frei)}
html.wb .finb-u-bar i{display:block;height:100%;flex:none}
html.wb .finb-u-bar i[style*="width:0%"]{display:none}
html.wb .finb-u-bar .is-da{background:repeating-linear-gradient(-45deg,var(--wb-st-verk-a) 0 5px,var(--wb-st-verk-b) 5px 10px)}
html.wb .finb-u-bar .is-zw{background:#C0392B}
html.wb .finb-u-lage{margin:14px 0 0;font-size:15.5px;font-weight:600;color:var(--ink)}
html.wb .finb-u-lage.is-rot{color:var(--wb-warn)}
html.wb .finb-u-lage.is-gelb{color:var(--wb-pill-res-fg)}
html.wb .finb-u-lage.is-gruen{color:var(--accent-dark)}
html.wb .finb-u-liste{list-style:none;margin:14px 0 18px;padding:0;border-top:1px solid var(--line)}
html.wb .finb-u-liste li{border-bottom:1px solid var(--line)}
html.wb .finb-u-liste li:last-child{border-bottom:0}
html.wb .finb-u-liste button{display:flex;align-items:center;gap:12px;width:100%;padding:15px 0;border:0;background:none;text-align:left;cursor:pointer;color:var(--ink);font:inherit}
html.wb .finb-u-liste button>i{flex:none;width:11px;height:11px;background:#D5D8D0}
html.wb .finb-u-liste button>i.is-zw{background:#C0392B}
html.wb .finb-u-liste span{flex:1;min-width:0;font-size:17px;font-weight:500}
html.wb .finb-u-liste span.is-leise{color:var(--ink-soft);font-weight:400}
html.wb .finb-u-liste small{font-size:13.5px;color:var(--ink-faint)}
html.wb .finb-u-liste em{font-style:normal;font-size:13px;font-weight:600;text-transform:uppercase;color:var(--ink-faint)}
html.wb .finb-u-liste em.is-zw{color:var(--wb-warn);font-weight:700}
html.wb .finb-u-liste button:hover span{color:var(--accent-dark)}
html.wb .finb-u>.btn,html.wb .finb-kd>.btn{height:42px;padding:0 16px;font-size:15px}
html.wb .finb-kd-t{margin:0 0 16px;font-size:15px;line-height:1.5;color:var(--ink-soft)}
html.wb :is(.finb,.faf) .fin-fuss{display:flex;justify-content:flex-end;margin:-6px 0 0;padding:0;border:0}
html.wb :is(.finb,.faf) .fin-schliessen{border:0;background:none;padding:4px 0;font-size:14.5px;font-weight:500;color:var(--ink-faint);cursor:pointer}
html.wb :is(.finb,.faf) .fin-schliessen:hover{color:var(--wb-warn)}

/* Vollansicht Unterlagen / Für den Kunden */
html.wb .finb-zurueck{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html.wb .finb-zurueck .btn{height:40px;padding:0 14px;font-size:14.5px;display:inline-flex;align-items:center;gap:6px}
html.wb .finb-wechsel{display:inline-flex;gap:2px;padding:4px;background:#EAEBE6;margin-left:auto}
html.wb[data-theme="dark"] .finb-wechsel{background:#1E2620}
html.wb .finb-wechsel button{height:34px;padding:0 14px;border:0;background:transparent;color:var(--ink-faint);font-size:14.5px;font-weight:600;cursor:pointer}
html.wb .finb-wechsel button.on{background:var(--surface);color:var(--ink);box-shadow:var(--wb-tab-on)}
html.wb .finb-wechsel i{font-style:normal;font-weight:500;margin-left:4px}

@media (max-width:1100px){
  html.wb .finb-gitter{grid-template-columns:1fr}
}
@media (max-width:760px){
  html.wb .finb-karte,html.wb .finb .fe-karte{padding:20px 18px}
  html.wb .finb .fin-stand{padding:22px 18px 24px}
  html.wb :is(.finb,.faf) .fin-rail{grid-auto-flow:row;grid-auto-columns:auto;gap:14px}
  html.wb :is(.finb,.faf) .fin-rail-s{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 12px}
  html.wb :is(.finb,.faf) .fin-rail-b{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 12px}
  html.wb :is(.finb,.faf) .fin-rail-p{margin-bottom:0}
  html.wb :is(.finb,.faf) .fin-rail-s:not(:last-child)::after{left:13px;right:auto;top:30px;bottom:-12px;height:auto;border-top:0!important;border-left:2px solid var(--field-line)}
  html.wb .finb .fin-t-reihe{grid-auto-flow:row}
  html.wb .finb .fin-t{margin:0;padding:16px 18px;border-left:0;border-top:1px solid var(--line)}
  html.wb .finb .fin-t:first-child{border-top:0}
  html.wb :is(.finb,.faf) .fin-schreib-fuss{margin-left:0}
  html.wb :is(.finb,.faf) .fin-schreib>.fin-av{display:none}
  html.wb .finb .fin-mhw{flex-wrap:wrap}
}

/* Nachbesserungen gegen alte Regeln */
html.wb .finb .fin-stand-kopf,html.wb .finb .fin-stand.is-bestaetigt .fin-stand-kopf,html.wb .finb .fin-stand.is-abgelehnt .fin-stand-kopf{background:none;padding:0;margin:0;border:0}
html.wb .finb .fin-next{display:block;background:none}
html.wb .finb .fin-next span{background:none;padding:0;display:inline;border:0}
html.wb :is(.finb,.faf) .fin-rail-s{align-items:flex-start;text-align:left}
html.wb :is(.finb,.faf) .fin-rail-l,html.wb :is(.finb,.faf) .fin-rail-d{margin:0;min-height:0;text-align:left}
html.wb :is(.finb,.faf) .fin-rail-s:not(:last-child)::after{background:none;width:auto}
/* Der gesetzte Stand gilt als erledigt (Haken); der nächste Schritt ist der, um den es gerade geht. */
html.wb :is(.finb,.faf) .fin-rail-s.is-aktuell:not(.is-abgelehnt) .fin-rail-p{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
html.wb :is(.finb,.faf) .fin-rail-s.is-aktuell:not(.is-abgelehnt) .fin-rail-p:empty::before{content:"✓";font-size:14px}
html.wb :is(.finb,.faf) .fin-rail-s.is-aktuell:not(:last-child)::after{border-top:2px dashed var(--wb-pill-res-dot)}
html.wb :is(.finb,.faf) .fin-rail-s.is-aktuell + .is-offen .fin-rail-p{border-color:var(--wb-pill-res-dot);color:var(--wb-pill-res-fg);box-shadow:0 0 0 5px var(--wb-pill-res-bg)}
html.wb :is(.finb,.faf) .fin-rail-s.is-aktuell + .is-offen .fin-rail-l{color:var(--ink);font-weight:600}
html.wb .finb .fe-kopf{background:none;border:0}
html.wb .finb .fe-kopf-t b{font-family:var(--font-body)}
html.wb :is(.finb,.faf) .fin-e-ui{font-size:13.5px;font-weight:700}
html.wb :is(.finb,.faf) .fin-filter button i{font-size:inherit}
html.wb .finb .fin-t{margin:18px 0;padding:8px 30px}

/* ==========================================================================
   Werkbank: Fallakte des Finanzierers (Menü „Fälle“) — Entwurf Flavio, 04.10.2026.
   Kopf · angehobene Stand-Karte mit Terminspalte · Kunde | Objekt · Reiter mit Karten.
   Grün nur über --accent / --accent-dark / --accent-soft (frei wählbare Akzentfarbe).
   ========================================================================== */
html.wb :is(#finFall,#finAkte.fin-eigenhost):has(.faf){background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
html.wb .fin-seite:has(.faf)>#finZurueck{display:none}
html.wb .faf{display:flex;flex-direction:column;gap:22px;--faf-spalte:color-mix(in srgb,var(--ink) 5%,var(--wb-work))}
html.wb :is(#finFall,#finAkte.fin-eigenhost) .faf .faf-karte{background:var(--surface);padding:28px 30px;margin:0;border:0;box-shadow:var(--wb-card)!important;min-width:0}
html.wb .faf .faf-leer{margin:18px 0 0;font-size:15px;line-height:1.5;color:var(--ink-soft)}

/* Kopf: Rückweg, Kunde groß, „Angefragt von …“, Logo des Partners */
html.wb .faf-kopf{display:flex;align-items:flex-start;gap:18px}
html.wb .faf-zurueck{flex:none;display:inline-flex;align-items:center;gap:4px;height:36px;margin-top:1px;padding:0 4px 0 0;border:0;background:none;color:var(--ink-soft);font-size:15.5px;font-weight:500;cursor:pointer}
html.wb .faf-zurueck:hover{color:var(--ink)}
html.wb .faf-kopf-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
html.wb .faf-kopf-t h2{margin:0;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
html.wb .faf-kopf-t span{font-size:15px;color:var(--ink-soft)}
html.wb .faf-logo{flex:none;display:flex;align-items:center;height:48px;padding:6px 10px;background:#FFFFFF}
html.wb .faf-logo img{display:block;max-height:36px;max-width:140px}

/* Stand: angehobene Karte (rechts gerundet) auf grauer Terminspalte */
html.wb .faf-stand{display:flex;align-items:stretch;background:var(--faf-spalte)}
html.wb .faf-stand-l{position:relative;z-index:1;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:var(--surface);padding:30px 36px 36px}
html.wb .faf .faf-stand-l.wb-hero{border-radius:0 24px 24px 0!important}
html.wb .faf-auge{font-size:15px;color:var(--ink-soft)}
html.wb .faf-stand-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:8px 0 0}
html.wb .faf-stand-h h3{margin:0;font-size:36px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
html.wb .faf-stand-h span{font-size:16px;color:var(--ink-faint)}
html.wb .faf-next{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;margin:26px 0 0;padding:16px 16px 16px 22px;background:var(--accent-soft)}
html.wb .faf-next-l{font-size:15px;font-weight:700;color:var(--accent-dark)}
html.wb .faf-next-t{flex:1 1 220px;min-width:0;font-size:17px;font-weight:500;line-height:1.4;color:var(--ink)}
html.wb .faf-next-a{display:flex;gap:8px;flex-wrap:wrap}
html.wb .faf-next-a .btn{height:46px;padding:0 22px;font-size:16px}
html.wb .faf-next.is-zu{background:var(--wb-work)}
html.wb .faf .fin-rail{margin-top:30px}
html.wb .faf .fin-rail-b:hover .fin-rail-l{color:var(--accent-dark)}
html.wb .faf .fin-rail-b:hover .fin-rail-p{border-color:var(--accent)}
html.wb .faf .fin-rail-b:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Die beiden Ausgänge der Entscheidung unter dem letzten Punkt */
html.wb .faf .fin-rail-aus{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;margin-top:8px}
html.wb .faf .fin-rail-a{height:32px;padding:0 10px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer}
html.wb .faf .fin-rail-a:hover{border-color:var(--ink-faint)}
html.wb .faf .fin-rail-a.is-ja.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}
html.wb .faf .fin-rail-a.is-nein.is-on{background:var(--wb-warn-bg);border-color:var(--wb-warn-line);color:var(--wb-warn)}

/* Terminspalte */
html.wb .faf-termine{flex:0 0 300px;min-width:0;display:flex;flex-direction:column;gap:24px;padding:32px 30px 32px 40px}
html.wb .faf-t{display:flex;flex-direction:column;gap:3px;min-width:0}
html.wb .faf-t-l{font-size:15px;color:var(--ink-soft)}
html.wb .faf-t-v{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}
html.wb .faf-t-v.is-leer{color:var(--ink-faint);font-weight:500}
html.wb .faf-t-s{font-size:14px;color:var(--ink-faint)}
html.wb .faf-t.is-bald .faf-t-s,html.wb .faf-t.is-vorbei .faf-t-s{color:var(--wb-warn);font-weight:700}
html.wb .faf .faf-t-in{width:100%;max-width:210px;height:42px;margin:3px 0 1px;padding:0 10px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font:600 16px var(--font-body)}
html.wb .faf .faf-t-in:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 1px var(--accent)!important}
html.wb[data-theme="dark"] .faf .faf-t-in{color-scheme:dark}
html.wb .faf .faf-t-verl{align-self:flex-start;margin-top:2px;border:0;background:none;padding:0;font-size:13.5px;font-weight:600;color:var(--accent-dark);cursor:pointer;text-align:left}
html.wb .faf-t-hinw{margin:0;padding:0;list-style:none;font-size:13.5px;line-height:1.45;color:var(--ink-soft)}
html.wb .faf-t-hinw li+li{margin-top:6px}

/* Kunde | Objekt */
html.wb .faf-akte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
html.wb .faf .faf-akte>.faf-karte{display:flex;flex-direction:column}
html.wb .faf-kk{display:flex;align-items:flex-start;gap:16px}
html.wb .faf .faf-av{flex:none;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%!important;background:var(--wb-dark);color:var(--wb-frame);font-size:16px;font-weight:700}
html.wb .faf-haus{flex:none;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:var(--wb-dark);color:var(--wb-frame)}
html.wb .faf-haus svg{width:22px;height:22px}
html.wb .faf-kt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:2px}
html.wb .faf-name{font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--ink)}
html.wb .faf-label{margin-right:8px}
html.wb .faf-sub{font-size:15px;line-height:1.4;color:var(--ink-soft)}
html.wb .faf-sub.is-mehr{font-size:14px;color:var(--ink-faint)}
html.wb .faf-kontakt{flex:0 1 auto;min-width:0;max-width:46%;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-top:4px}
html.wb .faf-kontakt a{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--accent-dark);text-decoration:none;font-weight:600}
html.wb .faf-kontakt a:hover{text-decoration:underline}
html.wb .faf-kontakt a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.wb .faf-kontakt .faf-tel{font-size:16.5px;white-space:nowrap}
html.wb .faf-kontakt .faf-mail{font-size:14px;font-weight:500}
html.wb .faf-kontakt .faf-mail svg{flex:none;width:14px;height:14px}
html.wb .faf-kz{display:flex;margin:28px 0 0}
html.wb .faf-kz>div{flex:1 1 0;min-width:max-content;padding:0 18px;border-left:1px solid var(--field-line)}
/* Textwerte (Energie, Bezugsfertig) brauchen mehr Breite als Zahlen und brechen nur zwischen Wörtern */
html.wb .faf-kz>div:has(>dd.is-text){flex-grow:1.7;min-width:0}
html.wb .faf-kz>div:first-child{padding-left:0;border-left:0}
html.wb .faf-kz dt{font-size:14.5px;color:var(--ink-soft)}
html.wb .faf-kz dd{margin:5px 0 0;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--ink);white-space:nowrap}
html.wb .faf-kz dd.is-text{font-size:17px;font-weight:600;letter-spacing:0;white-space:normal;overflow-wrap:break-word}
html.wb .faf-fuss{margin:auto 0 0;padding-top:26px;font-size:14.5px;line-height:1.55;color:var(--ink-faint)}
html.wb .faf-ofuss{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-top:auto;padding-top:26px}
html.wb .faf-frei{margin-right:auto;border:0;background:none;padding:4px 0;font-size:14.5px;color:var(--ink-faint);cursor:pointer;text-align:left}
html.wb .faf-frei:hover{color:var(--accent-dark)}
html.wb .faf-dok{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}
html.wb .faf-dok:hover{border-color:var(--accent)}
/* Mehrere Einheiten im Objekt */
html.wb .faf-ein-liste{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
html.wb .faf-ein{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:13px 0;border-bottom:1px solid var(--line)}
html.wb .faf-ein-l{font-size:16px;font-weight:700;color:var(--ink)}
html.wb .faf-ein-t{min-width:0;font-size:14px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.wb .faf-ein-p{font-size:15.5px;font-weight:700;color:var(--ink)}
html.wb .faf-ein-a{grid-column:2 / 4;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html.wb .faf-ein-b{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer}
html.wb .faf-ein-b:hover{border-color:var(--accent)}
html.wb .faf-ein-o{font-size:13.5px;color:var(--ink-faint)}

/* Reiter */
html.wb .faf .faf-reiter{align-self:flex-start;margin:0}
html.wb .faf .faf-reiter [role="tab"]{display:inline-flex;align-items:baseline;gap:7px;padding:11px 20px;font-size:16px;cursor:pointer}
html.wb .faf-tabn{font-size:13px;font-weight:600;color:var(--ink-faint)}
html.wb .faf-body{display:flex;flex-direction:column;gap:22px;min-width:0}
html.wb .faf-body>.fe-leiste,html.wb .faf-body>.fe-alle{margin:0}
html.wb .faf .faf-verlauf .finb-kopf{margin-bottom:18px}
/* Kalkulation: die Mitlese-Ansicht ist selbst die Karte — kein Rahmen im Rahmen */
html.wb :is(#finFall,#finAkte.fin-eigenhost) .faf .faf-kalk{padding:0}
html.wb .faf .faf-kalk .kt{border:0!important;margin:0}
html.wb .faf .faf-kalk>.fe-leiste{margin:22px 26px 0}
html.wb .faf .faf-kalk>.fin-leer{padding:28px 30px}

/* Unterlagen: Kopf mit Fortschritt, Raster aus Karten je Anforderung */
html.wb .faf-unt-kopf{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:0 0 22px}
html.wb .faf-unt-t{flex:1;min-width:260px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
html.wb .faf-unt-t h3{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
html.wb .faf-unt-e{font-style:normal;font-weight:500;color:var(--ink-soft)}
html.wb .faf-unt-t>span:not(.faf-unt-bar){font-size:16px;color:var(--ink-soft)}
html.wb .faf-unt-fehlt{font-size:16px;font-weight:700;color:var(--wb-warn)}
html.wb .faf-unt-ok{font-size:16px;font-weight:700;color:var(--accent-dark)}
html.wb .faf-unt-br{flex:0 0 100%;height:0}
html.wb .faf-unt-bar{display:block;flex:1 1 auto;max-width:560px;height:8px;margin-top:12px;background:var(--wb-st-frei);box-shadow:inset 0 0 0 1px var(--wb-st-frei-bd)!important}
html.wb .faf-unt-bar i{display:block;height:100%;background:var(--accent)}
html.wb .faf-unt-kopf>.btn{height:46px;padding:0 22px;font-size:16px}
html.wb .faf-u-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
html.wb .faf-u{display:flex;align-items:center;gap:14px;min-width:0;min-height:80px;padding:14px 14px 14px 16px;border:1px solid var(--field-line);background:var(--surface)}
html.wb .faf-u.is-fehlt{background:color-mix(in srgb,var(--wb-warn-bg) 50%,var(--surface));border-color:var(--wb-warn-line)}
html.wb .faf-u.is-nf,html.wb .faf-u.is-alt{background:color-mix(in srgb,var(--wb-pill-res-bg) 65%,var(--surface));border-color:color-mix(in srgb,var(--wb-pill-res-dot) 35%,var(--surface))}
html.wb .faf-u-i{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;line-height:1;background:var(--wb-warn);color:#FFFFFF}
html.wb .faf-u.is-zw .faf-u-i{background:#C0392B}
html.wb .faf-u.is-nf .faf-u-i,html.wb .faf-u.is-alt .faf-u-i{background:var(--wb-pill-res-fg);color:var(--wb-pill-res-bg)}
html.wb .faf-u.is-da .faf-u-i{background:var(--accent);color:#FFFFFF}
html.wb .faf-u.is-da .faf-u-i svg{width:15px;height:15px}
html.wb[data-theme="dark"] .faf-u.is-fehlt:not(.is-zw) .faf-u-i{color:var(--surface)}
html.wb .faf-u-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html.wb .faf-u-t b{font-size:16px;font-weight:600;line-height:1.3;color:var(--ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
html.wb .faf-u-t>span{font-size:14px;line-height:1.35;color:var(--ink-soft)}
html.wb .faf-u.is-fehlt .faf-u-t>span{color:var(--wb-warn);font-weight:600}
html.wb .faf-u.is-da .faf-u-t>span{color:var(--accent-dark);font-weight:600}
html.wb .faf-u.is-nf .faf-u-t>span,html.wb .faf-u.is-alt .faf-u-t>span{color:var(--wb-pill-res-fg);font-weight:600}
html.wb .faf-u-notiz{font-size:13.5px;font-style:italic;color:var(--ink-soft)}
html.wb .faf-nf-b{flex:none;height:40px;padding:0 14px;border:1px solid var(--field-line);background:var(--surface);color:var(--accent-dark);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}
html.wb .faf-nf-b:hover{border-color:var(--accent)}
html.wb .faf-nf-b.is-leise{color:var(--ink)}
html.wb .faf-nf-x{flex:none;width:38px;height:38px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink-soft);font-size:20px;line-height:1;cursor:pointer}
html.wb .faf-nf-x:hover{color:var(--wb-warn);border-color:var(--wb-warn-line)}
html.wb .faf-unt-fuss{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
html.wb .faf-weitere{border:0;background:none;padding:6px 0;font-size:16px;font-weight:700;color:var(--accent-dark);cursor:pointer}
html.wb .faf-weitere:hover{text-decoration:underline}
html.wb .faf-einst{border:0;background:none;padding:6px 0;font-size:14.5px;color:var(--ink-faint);text-align:right;cursor:pointer}
html.wb .faf-einst:hover{color:var(--ink)}
html.wb .faf-dateien .finb-kopf{margin-bottom:18px}

@media (max-width:1100px){
  html.wb .faf-akte{grid-template-columns:1fr}
}
@media (max-width:900px){
  html.wb .faf-stand{flex-direction:column}
  html.wb .faf .faf-stand-l.wb-hero{border-radius:0 0 24px 24px!important}
  html.wb .faf-termine{flex:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px 24px;padding:24px 22px 26px}
}
@media (max-width:760px){
  html.wb :is(#finFall,#finAkte.fin-eigenhost) .faf .faf-karte{padding:20px 18px}
  html.wb .faf-kopf{flex-wrap:wrap;gap:6px 14px}
  html.wb .faf-zurueck{flex-basis:100%}
  html.wb .faf-kopf-t h2{font-size:26px}
  html.wb .faf-logo{display:none}
  html.wb .faf-stand-l{padding:22px 18px 24px}
  html.wb .faf-stand-h h3{font-size:30px}
  html.wb .faf-next{padding:14px 16px}
  html.wb .faf-next-a,html.wb .faf-next-a .btn{flex:1 1 100%}
  html.wb .faf-kk{flex-wrap:wrap}
  html.wb .faf-kontakt{flex-basis:100%;max-width:none;align-items:flex-start;padding-left:70px}
  html.wb .faf-kz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}
  html.wb .faf-kz>div,html.wb .faf-kz>div:has(>dd.is-text){min-width:0}
  html.wb .faf-kz>div:nth-child(odd){padding-left:0;border-left:0}
  html.wb .faf-kz dd{white-space:normal}
  html.wb .faf-ein{grid-template-columns:auto minmax(0,1fr)}
  html.wb .faf-ein-p{grid-column:2;justify-self:start}
  html.wb .faf-u-raster{grid-template-columns:1fr}
  html.wb .faf-unt-kopf>.btn{flex:1 1 100%}
  html.wb .faf-einst{text-align:left}
  html.wb .faf .faf-reiter{align-self:stretch}
  html.wb .faf .faf-reiter [role="tab"]{padding:10px 14px;font-size:15px}
}

/* Nutzung des Kaufs als Marke (Fallakte und Fallliste des Finanzierers) */
html.wb .faf-nutzung{display:inline-flex;align-items:center;height:24px;padding:0 9px;margin-left:10px;font-size:12.5px;font-weight:700;white-space:nowrap;vertical-align:middle}
html.wb .faf-nutzung.is-eigen{background:var(--wb-dark);color:var(--wb-frame)}
html.wb .faf-nutzung.is-anlage{background:var(--accent-soft);color:var(--accent-dark)}
html.wb .fl-l3 .faf-nutzung{margin-left:8px;height:22px}
html.wb .fin-fall .faf-nutzung{align-self:flex-start;margin:8px 0 0}
html.wb .fl-l3 .faf-nutzung{margin:0 0 0 8px}

/* Übergabe zur Finanzierung (Entwurf vom 02.11.2026): zwei Karten, links die Schritte, rechts die Zusammenfassung.
   Hinweise tragen ein Zeichen: Sand hält nicht auf, der Warnton sperrt. */
html.wb{--fue-hw:#F6EBD8;--fue-hw2:#F3E6CE;--fue-hw-ink:#5A3810;--fue-hw-z:#96680F;--fue-hw-p:#CC9550;
  --fue-st:#F7E1D3;--fue-st2:#F4DBCA;--fue-st-ink:#6F2C0E;--fue-st-z:#A4461A;--fue-st-p:#C0392B;--fue-st-t:#A4461A}
html.wb[data-theme="dark"]{--fue-hw:#33291A;--fue-hw2:#2F2617;--fue-hw-ink:#EFD3A0;--fue-hw-p:#CC9550;
  --fue-st:#3A2318;--fue-st2:#352015;--fue-st-ink:#F5C3A8;--fue-st-p:#E8796B;--fue-st-t:#F5A98C}
html.wb .vg-card.fue-host{background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
html.wb .fue2{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}
html.wb .fue2-haupt,html.wb .fue2-seite{box-sizing:border-box;min-width:0;background:var(--surface);box-shadow:var(--wb-card)}
html.wb .fue2-haupt{flex:999 1 560px;padding:28px 30px;display:flex;flex-direction:column;gap:26px}
html.wb .fue2-seite{flex:1 1 320px;padding:24px;display:flex;flex-direction:column;gap:18px}
html.wb .fue-alt{margin-top:22px}
html.wb .fue2-kopf .fin-ueb-t{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}
html.wb .fue2-kopf .muted{margin:6px 0 0;font-size:15px;line-height:1.5}
html.wb .fue-s{display:flex;gap:14px;min-width:0}
html.wb .fue-s-spur{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px}
html.wb .fue-s-spur i{flex:1;width:1px;background:var(--field-line)}
html.wb .fue-s-punkt{box-sizing:border-box;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--field-line);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700}
html.wb .fue-s-punkt.is-fertig{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
html.wb .fue-s-punkt svg{width:14px;height:14px}
html.wb .fue-s-inhalt{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding-top:3px}
html.wb .fue-s-t{margin:0;font-size:15px;font-weight:600;color:var(--ink)}
html.wb .fue-s-t em{font-style:normal;font-weight:400;font-size:13px;color:var(--ink-soft)}
html.wb .fue-pliste{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;align-items:start}
html.wb .fue-p{box-sizing:border-box;min-width:0;background:var(--surface);border:1.5px solid var(--field-line)}
html.wb .fue-p.is-on{background:var(--accent-soft);border-color:var(--accent)}
html.wb .fue-p-b{box-sizing:border-box;width:100%;min-height:66px;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;font:inherit;color:var(--ink);background:transparent;border:0;cursor:pointer}
html.wb .fue-p-b:focus-visible,html.wb .fue-sw:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}
html.wb .fue-p-k{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--wb-hover);color:var(--ink-mid)}
html.wb .fue-p.is-on .fue-p-k{background:var(--accent);color:var(--accent-ink)}
html.wb .fue-p-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html.wb .fue-p-t b{font-size:14.5px;font-weight:600}
html.wb .fue-p-t span{font-size:12.5px;color:var(--ink-soft)}
html.wb .fue-p-r{flex:none;box-sizing:border-box;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--field-line);background:var(--surface)}
html.wb .fue-p.is-on .fue-p-r{border:5px solid var(--accent)}
html.wb .fue-b:empty{display:none}
html.wb .fue-b{display:flex;flex-direction:column;gap:9px;padding:0 14px 12px}
html.wb .fue-b-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;font-size:13px;color:var(--ink-mid)}
html.wb .fue-sw{position:relative;flex:none;width:34px;height:18px;padding:0;border:0;border-radius:9px;background:color-mix(in srgb,var(--ink-soft) 60%,var(--surface));cursor:pointer}
html.wb .fue-sw[aria-checked="true"]{background:var(--accent)}
html.wb .fue-sw i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff}
html.wb .fue-sw[aria-checked="true"] i{left:18px}
html.wb .fue-b-wahl{position:relative;display:block}
html.wb .fue-b-wahl select{box-sizing:border-box;width:100%;height:42px;padding:0 38px 0 12px;font:inherit;font-size:14px;cursor:pointer;appearance:none;-webkit-appearance:none;color:var(--ink);background:var(--surface);border:1.5px solid var(--field-line);border-radius:0}
html.wb .fue-b-wahl svg{position:absolute;right:12px;top:14px;width:15px;height:15px;pointer-events:none;color:var(--ink-soft)}
html.wb .fue-b-satz{font-size:12.5px;line-height:1.45;color:var(--ink-soft)}
html.wb .fue{gap:12px}
html.wb .fue-t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;width:100%;margin:0}
html.wb .fue-summe{font-size:13px;color:var(--ink-soft)}
html.wb .fue-liste{gap:8px;border:0;background:transparent;overflow:visible;border-radius:0}
html.wb .fue-e{border:1.5px solid var(--line);background:var(--surface)}
html.wb .fue-e:first-child{border-top:1.5px solid var(--line)}
html.wb .fue-e.is-an{border-color:var(--field-line);background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
html.wb .fue-e-kopf{display:flex;flex-wrap:wrap;gap:10px 14px;padding:12px 14px}
html.wb .fue-e-kopf input{flex:none;width:18px;height:18px}
html.wb .fue-e-name{flex:1 1 150px}
html.wb .fue-e-preis{flex:none;font-size:15px}
html.wb .fue-e-stand{flex:0 0 210px;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}
html.wb .fue-e-stand em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12.5px;font-weight:600}
html.wb .fue-e-stand em svg{width:13px;height:13px;flex:none}
html.wb .fue-e-zahl{display:flex;justify-content:space-between;gap:8px;white-space:nowrap;font-size:12.5px;font-weight:400;color:var(--ink-mid)}
html.wb .fue-e-zahl span{font-size:12.5px;font-weight:400}
html.wb .fue-e-stand.is-gelb em{color:var(--fue-hw-ink)}
html.wb .fue-e-stand.is-rot em{color:var(--fue-st-t)}
html.wb .fue-e-stand.is-gruen em{color:var(--accent-dark)}
html.wb .fue-balken{display:flex;flex:none;width:100%;height:7px;overflow:hidden;background:var(--field-line)}
html.wb .fue-balken i{display:block;height:100%}
html.wb .fue-balken .is-da{background:var(--accent)}
html.wb .fue-balken .is-zw{background:var(--fue-st-p)}
html.wb .fue-balken .is-gw{background:var(--fue-hw-p)}
html.wb .fue-e-body{padding:0 14px 10px 46px}
html.wb .fue-mappe{padding:0 14px 14px 46px}
html.wb .fue-hw{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:13px 14px;font-size:14px;line-height:1.45}
html.wb .fue-hw-t{flex:1 1 240px;min-width:0}
html.wb .fue-hw-t>b:first-child{display:block;font-weight:700}
html.wb .fue-hw-z{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff}
html.wb .fue-hw-z svg{width:20px;height:20px}
html.wb .fue-hw.is-hinweis{color:var(--fue-hw-ink);background:repeating-linear-gradient(-45deg,var(--fue-hw) 0 5px,var(--fue-hw2) 5px 10px)}
html.wb .fue-hw.is-hinweis .fue-hw-z{background:var(--fue-hw-z)}
html.wb .fue-hw.is-stopp{color:var(--fue-st-ink);background:repeating-linear-gradient(-45deg,var(--fue-st) 0 5px,var(--fue-st2) 5px 10px)}
html.wb .fue-hw.is-stopp .fue-hw-z{background:var(--fue-st-z)}
html.wb .fue-hw.is-ok{color:var(--ink);background:repeating-linear-gradient(-45deg,var(--accent-soft) 0 5px,color-mix(in srgb,var(--accent-soft) 88%,var(--accent)) 5px 10px)}
html.wb .fue-hw.is-ok .fue-hw-z{background:var(--accent);color:var(--accent-ink)}
html.wb .fue-hw-b{flex:none;min-height:38px;padding:0 14px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--ink);background:var(--surface);border:1px solid var(--field-line)}
html.wb .fue-notiz{display:flex;flex-direction:column;gap:10px}
html.wb .fue-notiz textarea{box-sizing:border-box;width:100%;padding:12px 14px;font:inherit;font-size:14.5px;resize:vertical;color:var(--ink);background:var(--wb-soft);border:1.5px solid var(--field-line);border-radius:0}
html.wb .fue-notiz textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}
html.wb .fue2-an span{font-size:13px;color:var(--ink-soft)}
html.wb .fue2-an h3{margin:3px 0 0;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
html.wb .fue2-dl{margin:0;display:flex;flex-direction:column}
html.wb .fue2-z{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
html.wb .fue2-z dt{font-size:13.5px;color:var(--ink-soft)}
html.wb .fue2-z dd{margin:0;display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--ink);text-align:right}
html.wb .fue2-z dd svg{width:14px;height:14px;flex:none}
html.wb .fue2-z dd.is-hinweis{color:var(--fue-hw-ink)}
html.wb .fue2-z dd.is-stopp{color:var(--fue-st-t)}
html.wb .fue2-z dd.is-ok{color:var(--accent-dark)}
html.wb .fue2-z.is-summe{align-items:baseline;padding-bottom:0}
html.wb .fue2-z.is-summe dd{font-size:26px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
html.wb .fue-vb{margin:0;display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;color:var(--ink-mid)}
html.wb .fue-vb i{flex:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-dark)}
html.wb .fue-vb svg{width:12px;height:12px}
html.wb .fue2-seite .fin-ueb-los{flex-direction:column;align-items:stretch;gap:8px}
html.wb .fue2-seite .fin-ueb-los .btn{min-height:46px;font-size:15px}
html.wb .fue2-seite .fin-ueb-grund{text-align:center;font-size:13px;color:var(--fue-st-t)}
html.wb .faf-berater{display:flex;width:fit-content;align-items:center;gap:8px;margin:8px 0 0;font-size:13.5px;color:var(--ink-soft)}
html.wb .faf-berater select{height:32px;padding:0 8px;font:inherit;font-size:13.5px;color:var(--ink);background:var(--surface);border:1px solid var(--field-line);border-radius:0}
html.wb .faf-berater-t{display:block;margin:8px 0 0;font-size:13.5px;color:var(--ink-soft)}
html.wb .finb-berater{margin:0;padding:18px 30px 0;font-size:14px;color:var(--ink-soft)}
html.wb .finb-berater b{font-weight:600;color:var(--ink)}
@media (max-width:700px){
  html.wb .fue2-haupt{padding:18px}
  html.wb .fue2-seite{padding:18px}
  html.wb .fue-e-stand{flex:1 1 100%}
  html.wb .fue-e-body,html.wb .fue-mappe{padding-left:14px}
}