/* Modul Newsletter (D-0004) — nl.js. Etappe 0: Übersicht mit Einrichtungsweg und Kontingent.
   Regeln beginnen mit html.wb (Werkbank, DESIGN.md): Karten weiß ohne Rand mit Kartenschatten,
   Radius 0, Abfolge mit runden Punkten. Alle Farben über Token — hell und dunkel aus einer Quelle. */
html.wb .nl{max-width:none}
html.wb .nl-raster{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}
html.wb .nl-karte{background:var(--surface);box-shadow:var(--wb-card);padding:26px 28px;min-width:0}
html.wb .nl-karte h2{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}
html.wb .nl-karte .nl-unter{font-size:14px;color:var(--ink-soft);margin:0 0 20px;max-width:62ch;line-height:1.55}

/* Abfolge: erledigt = grün mit Haken · als Nächstes = sandfarbener Ring · offen = grauer Ring */
html.wb .nl-weg{list-style:none;margin:0;padding:0;display:grid}
html.wb .nl-weg li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 14px;padding-bottom:20px}
html.wb .nl-weg li:last-child{padding-bottom:0}
html.wb .nl-weg li::before{content:"";position:absolute;left:14px;top:30px;bottom:0;border-left:1px dashed var(--field-line)}
html.wb .nl-weg li:last-child::before{display:none}
html.wb .nl-punkt{width:30px;height:30px;border-radius:50%!important;display:grid;place-items:center;font-size:13px;font-weight:700;
  font-variant-numeric:tabular-nums;border:2px solid var(--field-line);color:var(--ink-soft);background:var(--surface);position:relative;z-index:1}
html.wb .nl-weg li.ist-ok .nl-punkt{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#fff)}
html.wb .nl-weg li.ist-dran .nl-punkt{border-color:var(--wb-st-res-a);color:var(--ink)}
html.wb .nl-weg b{display:block;font-size:15px;font-weight:700;line-height:30px}
html.wb .nl-weg p{grid-column:2;margin:0;font-size:14px;line-height:1.55;color:var(--ink-soft);max-width:60ch}
html.wb .nl-weg li.ist-ok p{color:var(--ink-mid,var(--ink-soft))}
html.wb .nl-wer{display:inline-block;margin-left:8px;font-size:12px;font-weight:700;padding:2px 8px;background:var(--wb-seg);color:var(--ink-soft);vertical-align:2px}
html.wb .nl-weg-fuss{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
html.wb .nl-weg-fuss small{font-size:13px;color:var(--ink-soft)}

/* Hinweisfläche (DESIGN.md): schraffiert, quadratisches Zeichen, Text */
html.wb .nl-hinweis{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;margin-bottom:22px;
  background:repeating-linear-gradient(-45deg,#F6EBD8 0 5px,#F3E6CF 5px 10px);color:#4D3410}
html.wb .nl-hinweis.ist-warnung{background:repeating-linear-gradient(-45deg,#F7E1D3 0 5px,#F4DBCB 5px 10px);color:#5A2A12}
html.wb .nl-hinweis i{width:34px;height:34px;display:grid;place-items:center;background:rgba(255,255,255,.7);font-style:normal;font-weight:800}
html.wb .nl-hinweis b{display:block;font-size:15px}
html.wb .nl-hinweis p{margin:2px 0 0;font-size:14px;line-height:1.5}

/* Kontingent: blasse Beschriftung, große Zahl, Balken, kleine Fußzeile */
html.wb .nl-zahl{padding:16px 0;border-top:1px solid var(--line)}
html.wb .nl-zahl:first-of-type{border-top:0;padding-top:0}
html.wb .nl-zahl span{display:block;font-size:13px;color:var(--ink-soft);font-weight:600}
html.wb .nl-zahl strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-top:4px;font-variant-numeric:tabular-nums}
html.wb .nl-zahl strong em{font-style:normal;font-size:15px;font-weight:500;color:var(--ink-soft);letter-spacing:0;margin-left:6px}
html.wb .nl-balken{height:8px;background:var(--wb-seg);margin-top:10px}
html.wb .nl-balken i{display:block;height:100%;background:var(--accent);min-width:0}
html.wb .nl-balken i.ist-voll{background:#A4461A}
html.wb .nl-zahl small{display:block;margin-top:8px;font-size:13px;color:var(--ink-soft);line-height:1.5}
html.wb .nl-absender{margin-top:6px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-soft);line-height:1.55}
html.wb .nl-absender b{color:var(--ink);font-weight:700}

@media (max-width:900px){
  html.wb .nl-raster{grid-template-columns:minmax(0,1fr)}
  html.wb .nl-karte{padding:22px 20px}
}
/* Nur für Vorleseprogramme (Stand eines Schritts als Wort, nicht nur als Farbe) */
html.wb .nl-vl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ===================== Etappe 1: Kontakte, Formulare, Import, Einstellungen ===================== */
html.wb .nl-reiter{margin:0 0 22px}
html.wb .nl-raster.ist-gleich{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
html.wb .nl-karte h2.nl-zweit{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}

/* Leiste über der Liste: Status-Chips links, Suche und Filter rechts */
html.wb .nl-leiste{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;margin-bottom:16px}
html.wb .nl-chips{display:flex;flex-wrap:wrap;gap:8px}
html.wb .nl-chip{height:38px;padding:0 14px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
html.wb .nl-chip span{font-weight:500;color:var(--ink-soft);margin-left:4px;font-variant-numeric:tabular-nums}
html.wb .nl-chip.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}
html.wb .nl-chip.on span{color:inherit;opacity:.75}
html.wb .nl-filter{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
html.wb .nl-filter input,html.wb .nl-filter select{height:38px;font-size:14px;min-width:0;padding:0 12px}
html.wb .nl-filter input[type=search],html.wb .nl-kwahlkopf input[type=search]{-webkit-appearance:none;appearance:none;border:1px solid var(--field-line);border-radius:0;background:var(--surface);color:var(--ink);outline-offset:0}
html.wb .nl-filter input[type=search]:focus,html.wb .nl-kwahlkopf input[type=search]:focus{border-color:var(--accent);outline:1px solid var(--accent)}
html.wb .nl-filter select{padding-right:34px}
html.wb .nl-filter input{width:240px;max-width:100%}
html.wb .nl-filter select{max-width:220px}

html.wb .nl-tabelle{background:var(--surface);box-shadow:var(--wb-card);overflow-x:auto}
html.wb .nl-tabelle table{width:100%;border-collapse:collapse;font-size:14px}
html.wb .nl-tabelle th{text-align:left;padding:12px 16px;white-space:nowrap}
html.wb .nl-tabelle td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top;text-align:left}
html.wb .nl-tabelle th.nl-rechts,html.wb .nl-tabelle td.nl-rechts{text-align:right}
html.wb .nl-tabelle tbody tr{cursor:pointer}
html.wb .nl-tabelle tbody tr:hover,html.wb .nl-tabelle tbody tr:focus-visible{background:var(--wb-soft);outline:0}
html.wb .nl-tabelle td b{display:block;font-weight:600;color:var(--ink)}
html.wb .nl-neben{display:block;font-size:13px;color:var(--ink-soft);overflow-wrap:anywhere}
html.wb .nl-rechts{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
html.wb .nl-rechts .ak-link + .ak-link{margin-left:16px}
html.wb .nl-pille{display:inline-block;padding:3px 9px;font-size:12.5px;font-weight:700;white-space:nowrap}
html.wb .nl-st-aktiv{background:var(--wb-st-verk-a);color:var(--wb-st-verk-fg)}
html.wb .nl-st-ausstehend{background:var(--wb-st-res-a);color:var(--wb-st-res-fg)}
html.wb .nl-st-abgemeldet{background:var(--wb-st-frei);color:var(--wb-st-frei-fg);box-shadow:inset 0 0 0 1px var(--wb-st-frei-bd)}
html.wb .nl-st-gesperrt{background:#F7E1D3;color:#5A2A12}
html.wb .nl-marke{display:inline-block;margin:0 6px 4px 0;padding:2px 8px;font-size:12.5px;font-weight:600;background:var(--wb-seg);color:var(--ink)}
html.wb .nl-marke.ist-wort{background:transparent;box-shadow:inset 0 0 0 1px var(--field-line);color:var(--ink-soft)}
html.wb .nl-fuss{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:14px;font-size:14px;color:var(--ink-soft)}
html.wb .nl-seiten{display:flex;gap:10px;align-items:center}
html.wb .nl-leer{background:var(--surface);box-shadow:var(--wb-card);padding:44px 28px;text-align:center}
html.wb .nl-leer b{display:block;font-size:17px;font-weight:600}
html.wb .nl-leer p{margin:6px auto 0;max-width:56ch;font-size:14px;line-height:1.55;color:var(--ink-soft)}
html.wb .nl-hinweis+.nl-leiste,html.wb .nl-hinweis+.nl-karte{margin-top:0}

/* Dialoge */
html.wb .modal-card.nl-dialog{max-width:620px}
html.wb .modal-card.nl-dialog.nl-breit{max-width:780px}
html.wb #modalBody .nl-dtext{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--ink-soft)}
html.wb #modalBody .nl-dtext b{color:var(--ink)}
html.wb .nl-zwei{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:18px;align-items:start}
html.wb #modalBody .nl-zwei>.field.field,html.wb #modalBody .nl-zwei>.field.field+.field{margin-top:0!important}
html.wb .nl-feldgruppe{margin:18px 0 0}
html.wb .nl-feldgruppe>span{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
html.wb .nl-haken{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px}
html.wb .nl-haken.ist-spalte{flex-direction:column;justify-content:center}
html.wb .nl-haken label,html.wb .nl-hakenzeile{display:flex;gap:9px;align-items:flex-start;cursor:pointer;line-height:1.45}
html.wb .nl-haken input,html.wb .nl-hakenzeile input{width:18px;height:18px;margin:2px 0 0;flex:none}
html.wb .nl-hakenzeile{font-size:14.5px;margin:14px 0 0}
html.wb .nl-dkopf{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:14px;color:var(--ink-soft)}
html.wb .nl-kv{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:6px 16px;font-size:14px}
html.wb .nl-kv span{color:var(--ink-soft)}
html.wb .nl-kv b{font-weight:500;overflow-wrap:anywhere}
html.wb .nl-dlinks{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:12px;font-size:14px}
html.wb .nl-dlinks a,html.wb .nl-kunde a{color:var(--accent-dark);font-weight:600}
html.wb[data-theme="dark"] .nl-dlinks a,html.wb[data-theme="dark"] .nl-kunde a{color:var(--accent)}
html.wb .nl-kunde{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:14.5px}
html.wb .modal-card .modal-buttons .nl-dnebenaktionen{margin-right:auto;display:flex;flex-wrap:wrap;gap:6px}

html.wb .nl-wege{display:grid;gap:10px;margin:18px 0 0}
html.wb .nl-wegwahl{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:14px 16px;border:1.5px solid var(--field-line);cursor:pointer}
html.wb .nl-wegwahl:has(input:checked){border-color:var(--accent);background:var(--wb-soft)}
html.wb .nl-wegwahl:has(input:disabled){cursor:default;opacity:.6}
html.wb .nl-wegwahl input{width:18px;height:18px;margin:2px 0 0}
html.wb .nl-wegwahl b{display:block;font-size:15px}
html.wb .nl-wegwahl small{display:block;margin-top:2px;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
html.wb .nl-erklaerung{padding:4px 16px 16px;background:var(--wb-seg);margin-top:10px}
html.wb .nl-erklaerung .nl-hakenzeile span{font-weight:600}
html.wb #modalBody .nl-erklaerung .nl-dtext{margin:12px 0 0}
html.wb .nl-ablage{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 16px;margin-top:16px;border:1.5px dashed var(--field-line);background:var(--wb-soft);font-size:14.5px;color:var(--ink-soft)}
html.wb .nl-ablage b{color:var(--ink)}
html.wb .nl-ablage.ist-drueber{border-color:var(--accent)}
html.wb .nl-zaehler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
html.wb .nl-zaehler div{background:var(--surface);padding:12px 14px}
html.wb .nl-zaehler strong{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
html.wb .nl-zaehler span{font-size:13px;color:var(--ink-soft)}
html.wb .nl-details{margin:14px 0 0;font-size:14px}
html.wb .nl-details summary{cursor:pointer;font-weight:600}
html.wb .nl-details ul{margin:8px 0 0;padding:0;list-style:none;max-height:180px;overflow:auto;border:1px solid var(--line)}
html.wb .nl-details li{padding:6px 12px;border-top:1px solid var(--line);color:var(--ink-soft);overflow-wrap:anywhere}
html.wb .nl-details li:first-child{border-top:0}
html.wb .nl-details li b{color:var(--ink);font-weight:600;margin-right:8px}
html.wb .nl-kwahlkopf{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin:14px 0 8px}
html.wb .nl-kwahlkopf .nl-hakenzeile{margin:0}
html.wb .nl-kwahlkopf input[type=search]{height:38px;width:240px;max-width:100%;font-size:14px;padding:0 12px}
html.wb .nl-kwahl{max-height:280px;overflow:auto;border:1px solid var(--line)}
html.wb .nl-kwahl label{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:10px 14px;border-top:1px solid var(--line);cursor:pointer}
html.wb .nl-kwahl label:first-child{border-top:0}
html.wb .nl-kwahl label.hidden{display:none}
html.wb .nl-kwahl input{width:18px;height:18px;margin:2px 0 0}
html.wb .nl-kwahl b{display:block;font-size:14.5px;font-weight:600}
html.wb .nl-kwahl small{font-size:13px;color:var(--ink-soft);overflow-wrap:anywhere}

/* Formulare */
html.wb .nl-form{margin-bottom:22px}
html.wb .nl-formkopf{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:flex-start}
html.wb .nl-formkopf .nl-unter{margin-bottom:0}
html.wb .nl-formzahlen{display:flex;gap:26px}
html.wb .nl-formzahlen strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
html.wb .nl-formzahlen span{font-size:13px;color:var(--ink-soft)}
html.wb .nl-formrumpf{display:grid;grid-template-columns:168px minmax(0,1fr);gap:26px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
html.wb .nl-qr{width:168px;height:168px;background:#fff;border:1px solid var(--line)}
html.wb .nl-qr svg{display:block;width:100%;height:100%}
html.wb .nl-wegeliste{display:grid;gap:16px;min-width:0}
html.wb .nl-wegeliste>div{display:grid;gap:5px;min-width:0}
html.wb .nl-wegeliste b{font-size:14.5px}
html.wb .nl-wegeliste code{display:block;padding:8px 10px;background:var(--wb-seg);font-size:12.5px;overflow-x:auto;white-space:nowrap;color:var(--ink)}
html.wb .nl-wegeliste small{font-size:13.5px;line-height:1.5;color:var(--ink-soft);max-width:70ch}
html.wb .nl-wegeliste span{display:flex;flex-wrap:wrap;gap:4px 18px}
html.wb .nl-formfuss{display:flex;gap:8px;margin-top:20px}
html.wb .nl-zitat{margin:0 0 18px;padding:14px 16px;background:var(--wb-seg);font-size:14.5px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
html.wb .nl-einw .nl-zitat{margin-bottom:0}

/* Karte in der Kundenakte */
html.wb .nl-akzeile{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:13.5px;color:var(--ink-soft)}
html.wb .nl-aktext{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-soft);overflow-wrap:anywhere}
html.wb .nl-akfuss{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}

@media (max-width:900px){
  html.wb .nl-raster.ist-gleich{grid-template-columns:minmax(0,1fr)}
  html.wb .nl-zwei{grid-template-columns:1fr}
  html.wb .nl-formrumpf{grid-template-columns:minmax(0,1fr)}
  html.wb .nl-zaehler{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.wb .nl-filter input,html.wb .nl-filter select{width:100%;max-width:none;height:42px}
  html.wb .nl-filter{width:100%}
  html.wb .nl-chip{height:42px}
  html.wb .nl .page-actions{flex-wrap:wrap}
}
html.wb #modalBody>.nl-dtext:first-child{margin-top:0}
html.wb .nl-karte textarea{width:100%;padding:10px 12px;font-size:14.5px;line-height:1.5}
html.wb .nl-karte .nl-dtext{margin:10px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-soft);max-width:70ch}
html.wb .nl-karte .nl-dtext b{color:var(--ink)}
html.wb .nl-karte .nl-hakenzeile b{font-weight:600}
html.wb .nl-karte .field{margin-top:18px}
html.wb .nl-karte .field input{width:100%}

/* ===================== Etappe 2: Liste, geführter Ablauf in vier Schritten, Bericht (nl-editor.js) =====================
   Der Ablauf nimmt die ganze Arbeitsfläche ein: oben die Schritte, links die Frage des Schritts,
   rechts das Ergebnis (die fertige E-Mail oder die Zahl der Empfänger). */
html.wb .nl.ist-editor{max-width:none}
html.wb .nl.ist-editor>.page-head,html.wb .nl.ist-editor>.nl-reiter{display:none}

/* Schema-Zeichen: zeigen im Kleinen, wie ein Baustein oder eine Vorlage aussieht */
html.wb .nlw-schema{display:flex;flex-direction:column;gap:6px;padding:14px 16px;height:124px;background:var(--wb-seg);overflow:hidden}
html.wb .nlw-schema i{display:block;flex:none}
html.wb .nlw-schema .s-t{height:10px;width:62%;background:var(--ink)}
/* Logo: Zeichen in der Akzentfarbe, daneben der Schriftzug */
html.wb .nlw-schema .s-logo{height:16px;width:62%;background:linear-gradient(var(--accent),var(--accent)) left center/16px 16px no-repeat,linear-gradient(var(--ink),var(--ink)) 22px 4px/62% 4px no-repeat,linear-gradient(var(--ink-faint),var(--ink-faint)) 22px 11px/40% 3px no-repeat}
html.wb .nlw-schema .s-z{height:5px;background:var(--ink-faint);opacity:.55}
html.wb .nlw-schema .s-z.k{width:58%}
html.wb .nlw-schema .s-b{flex:1 1 auto;min-height:24px;background:repeating-linear-gradient(-45deg,var(--wb-st-gespr-a) 0 5px,var(--wb-st-gespr-b) 5px 10px)}
html.wb .nlw-schema .s-b.n{flex:0 0 26px}
html.wb .nlw-schema .s-r{height:11px;border-top:1px solid var(--ink-faint);border-bottom:1px solid var(--ink-faint);opacity:.6;background:linear-gradient(90deg,var(--ink-faint) 0 22%,transparent 22% 80%,var(--ink-faint) 80%) center/100% 3px no-repeat}
/* Button: Fläche in der Akzentfarbe mit einer hellen Beschriftungszeile */
html.wb .nlw-schema .s-k{height:16px;width:46%;background:linear-gradient(#fff,#fff) center/52% 3px no-repeat,var(--accent)}
html.wb .nlw-schema .s-l{height:1px;background:var(--ink-faint);margin:auto 0}
html.wb .nlw-schema .s-leer{flex:1;border:1.5px dashed var(--ink-faint);opacity:.6}
html.wb .nlw-schema.ist-klein{width:38px;height:38px;padding:6px;gap:3px;justify-content:center}
html.wb .nlw-schema.ist-klein .s-t{height:5px}
html.wb .nlw-schema.ist-klein .s-logo{height:11px;width:92%;align-self:center;background:linear-gradient(var(--accent),var(--accent)) left center/10px 10px no-repeat,linear-gradient(var(--ink),var(--ink)) 13px 2px/60% 3px no-repeat,linear-gradient(var(--ink-faint),var(--ink-faint)) 13px 7px/40% 2px no-repeat}
html.wb .nlw-schema.ist-klein .s-z{height:3px}
html.wb .nlw-schema.ist-klein .s-b{min-height:14px}
html.wb .nlw-schema.ist-klein .s-b.n{flex:0 0 12px}
html.wb .nlw-schema.ist-klein .s-r{height:5px;background:none}
html.wb .nlw-schema.ist-klein .s-k{height:11px;width:84%;align-self:center;background:linear-gradient(#fff,#fff) center/52% 2px no-repeat,var(--accent)}

/* Kopf mit den Schritten */
html.wb .nlw-kopf{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 0;margin-bottom:22px;background:var(--wb-work)}
html.wb .nlw-kopf.ist-bericht{grid-template-columns:auto minmax(0,1fr)}
html.wb .nlw-zurueck{justify-self:start;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 6px;border:0;background:transparent;color:var(--ink-soft);font-size:14.5px;font-weight:600;cursor:pointer}
html.wb .nlw-zurueck:hover{color:var(--ink)}
html.wb .nlw-kopfrechts{justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px}
html.wb .nlw-kopfrechts .btn{height:44px;padding:0 18px!important}
html.wb .nlw-stand{font-size:13.5px;color:var(--ink-soft);white-space:nowrap}
html.wb .nlw-weg{display:flex;align-items:center;gap:10px}
html.wb .nlw-schritt{display:inline-flex;align-items:center;gap:9px;padding:6px 4px;border:0;background:transparent;color:var(--ink-soft);font-size:14.5px;font-weight:600;cursor:pointer;white-space:nowrap}
html.wb .nlw-schritt:disabled{cursor:default;opacity:.55}
html.wb .nlw-nr{width:28px;height:28px;border-radius:50%!important;display:grid;place-items:center;border:2px solid var(--field-line);background:var(--surface);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
html.wb .nlw-schritt.ist-ok .nlw-nr{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#fff)}
html.wb .nlw-schritt.ist-da{color:var(--ink)}
html.wb .nlw-schritt.ist-da .nlw-nr{border-color:var(--ink);background:var(--ink);color:var(--surface)}
html.wb .nlw-strich{width:28px;border-top:1px dashed var(--ink-faint);opacity:.6}

/* Frage des Schritts */
html.wb .nlw-frage{margin:0;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
html.wb .nlw-unterfrage{margin:8px 0 22px;font-size:15.5px;line-height:1.55;color:var(--ink-soft);max-width:64ch}
html.wb .nlw-mitte{max-width:1280px;margin:0 auto}
html.wb .nlw-zweispalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,560px);gap:30px;align-items:start}
html.wb .nlw-zweispalten.ist-schmalrechts{grid-template-columns:minmax(0,1fr) minmax(300px,400px)}
html.wb .nlw-links{min-width:0}
html.wb .nlw-karte{background:var(--surface);box-shadow:var(--wb-card);padding:22px 24px;margin-bottom:18px;min-width:0}
html.wb .nlw-karte h2{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:-.01em}
html.wb .nlw-ktext{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--ink-soft);max-width:66ch}
html.wb .nlw-ktext b{color:var(--ink)}
html.wb .nlw input[type=text],html.wb .nlw input[type=email],html.wb .nlw input[type=search],html.wb .nlw input[type=date],html.wb .nlw input[type=time],html.wb .nlw input:not([type]),html.wb .nlw select,html.wb .nlw textarea{
  width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--field-line);border-radius:0;background:var(--surface);color:var(--ink);font:inherit;font-size:15px;-webkit-appearance:none;appearance:none}
html.wb .nlw select{padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23707a72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
html.wb .nlw input:focus,html.wb .nlw select:focus,html.wb .nlw textarea:focus{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:0}
html.wb .nlw textarea{line-height:1.55;resize:vertical}
html.wb .nlw-gross{height:52px!important;padding:0 28px!important;font-size:16px!important}

/* 1 Anlass */

/* 2 Inhalt */
html.wb .nlw-betreff{display:grid;gap:6px}
html.wb .nlw-betreff label{font-size:14px;font-weight:600;margin-top:8px}
html.wb .nlw-betreff label:first-child{margin-top:0}
html.wb .nlw-betreff input#nlwBetreff{font-size:17px;font-weight:600;min-height:50px}
html.wb .nlw-betreff small{font-size:13px;color:#8A5A12;min-height:0}
html.wb .nlw-betreff small:empty{display:none}
html.wb .nlw-block{background:var(--surface);box-shadow:var(--wb-card);min-width:0}
html.wb .nlw-block>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 0 14px}
html.wb .nlw-bname{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;color:var(--ink-soft)}
html.wb .nlw-bname .nlw-schema{width:30px;height:30px;padding:5px;gap:2px;background:var(--wb-seg)}
html.wb .nlw-bakt{display:flex;gap:2px}
html.wb .nlw-bakt button{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink-soft);cursor:pointer}
html.wb .nlw-bakt button:hover:not(:disabled){background:var(--wb-seg);color:var(--ink)}
html.wb .nlw-bakt button:disabled{opacity:.3;cursor:default}
html.wb .nlw-brumpf{display:grid;gap:10px;padding:10px 14px 16px}
html.wb .nlw-titelfeld{font-size:20px!important;font-weight:600;min-height:50px!important}
html.wb .nlw-fest{margin:0;font-size:16px;color:var(--ink)}
html.wb .nlw-bnotiz{font-size:13px;line-height:1.5;color:var(--ink-soft)}
html.wb .nlw-werkzeug{display:flex;gap:6px}
html.wb .nlw-werkzeug button{height:30px;padding:0 10px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer}
html.wb .nlw-werkzeug button:hover{background:var(--wb-soft)}
html.wb .nlw-klein{display:grid;gap:4px;font-size:13.5px;font-weight:600;color:var(--ink-soft)}
html.wb .nlw-zwei{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
html.wb .nlw-zwei.ist-kurz{grid-template-columns:140px 1fr}
html.wb .nlw-haken{display:flex;gap:9px;align-items:center;font-size:14.5px;cursor:pointer;min-height:44px}
html.wb .nlw-haken input{width:18px;height:18px;margin:0;flex:none}
html.wb .nlw-bildleer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:132px;border:1.5px dashed var(--field-line);background:var(--wb-soft);color:var(--ink-soft);font-size:14px;cursor:pointer}
html.wb .nlw-bildleer b{color:var(--ink);font-size:15px}
html.wb .nlw-bildleer:hover{border-color:var(--accent)}
html.wb .nlw-bild{display:grid;gap:8px;justify-items:start}
html.wb .nlw-bild img{display:block;max-width:100%;max-height:220px}
html.wb .nlw-linie{border-top:1px solid var(--ink-faint);margin:8px 0;opacity:.5}
html.wb .nlw-dazu{position:relative;height:26px;display:grid;place-items:center}
html.wb .nlw-dazu::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed transparent}
html.wb .nlw-dazu>button{position:relative;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border:0;background:var(--wb-work);color:var(--ink-faint);font-size:12.5px;font-weight:600;cursor:pointer;opacity:.55}
html.wb .nlw-dazu:hover::before,html.wb .nlw-dazu:focus-within::before{border-color:var(--accent)}
html.wb .nlw-dazu:hover>button,html.wb .nlw-dazu>button:focus-visible{opacity:1;color:var(--accent-dark)}
html.wb .nlw-dazu:last-child{height:52px}
html.wb .nlw-dazu:last-child>button{height:40px;padding:0 16px;font-size:14px;opacity:1;color:var(--ink);background:var(--surface);box-shadow:var(--wb-card)}
html.wb .nlw-leerblock{position:relative;background:var(--surface);box-shadow:var(--wb-card);padding:34px 24px;text-align:center}
html.wb .nlw-leerblock p{margin:4px 0 16px;color:var(--ink-soft);font-size:14px}
html.wb .nlw-menue{position:absolute;z-index:8;top:calc(100% - 2px);left:50%;transform:translateX(-50%);width:min(560px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:8px;background:var(--surface);box-shadow:0 12px 32px rgba(22,32,27,.16),0 0 0 1px rgba(22,32,27,.05);text-align:left}
html.wb .nlw-menue button{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:8px 10px;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
html.wb .nlw-menue button:hover,html.wb .nlw-menue button:focus-visible{background:var(--wb-soft);outline:0}
html.wb .nlw-menue b{display:block;font-size:14.5px;font-weight:600}
html.wb .nlw-menue small{display:block;font-size:12.5px;line-height:1.4;color:var(--ink-soft)}

/* Vorschau */
html.wb .nlw-vorschau{position:sticky;top:78px;min-width:0;background:var(--surface);box-shadow:var(--wb-card)}
html.wb .nlw-vkopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 10px 18px;font-size:13.5px;font-weight:600;color:var(--ink-soft)}
html.wb .nlw-geraet{display:inline-flex;gap:2px;padding:3px;background:var(--wb-seg)}
html.wb .nlw-geraet button{height:30px;padding:0 12px;border:0;background:transparent;color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer}
html.wb .nlw-geraet button.on{background:var(--surface);color:var(--ink);box-shadow:var(--wb-tab-on)}
html.wb .nlw-postfach{display:flex;gap:10px;align-items:baseline;padding:10px 18px;border-top:1px solid var(--line);font-size:14px;white-space:nowrap;overflow:hidden}
html.wb .nlw-postfach b{flex:none;max-width:70%;overflow:hidden;text-overflow:ellipsis;font-weight:700}
html.wb .nlw-postfach span{overflow:hidden;text-overflow:ellipsis;color:var(--ink-soft)}
html.wb .nlw-buehne{height:calc(100vh - 262px);min-height:380px;background:#EEF0ED;display:flex;justify-content:center}
html.wb .nlw-buehne iframe{display:block;width:100%;height:100%;border:0;background:#EEF0ED}
html.wb .nlw-buehne.ist-handy{padding:16px 0}
html.wb .nlw-buehne.ist-handy iframe{width:390px;max-width:100%;box-shadow:0 0 0 1px rgba(22,32,27,.12)}
html.wb .nlw-offen{padding:14px 18px;background:repeating-linear-gradient(-45deg,#F6EBD8 0 5px,#F3E6CF 5px 10px);color:#4D3410;font-size:13.5px}
html.wb .nlw-offen ul{margin:4px 0 0;padding-left:18px;line-height:1.5}

/* 3 Empfänger */
html.wb .nlw-wahlen{display:grid;gap:10px}
html.wb .nlw-wahlen.ist-flach{margin-top:10px}
html.wb .nlw-wahl{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;padding:16px 18px;background:var(--surface);box-shadow:var(--wb-card);cursor:pointer;outline:2px solid transparent;outline-offset:-2px}
html.wb .nlw-wahlen.ist-flach .nlw-wahl{box-shadow:none;border:1.5px solid var(--field-line);outline:0}
html.wb .nlw-wahl.on{outline-color:var(--accent)}
html.wb .nlw-wahlen.ist-flach .nlw-wahl.on{border-color:var(--accent);background:var(--wb-soft)}
html.wb .nlw-wahl>input{width:18px;height:18px;margin:3px 0 0}
html.wb .nlw-wahl>span{display:grid;gap:3px;min-width:0}
html.wb .nlw-wahl b{font-size:16px;font-weight:600}
html.wb .nlw-wahl small{font-size:14px;line-height:1.5;color:var(--ink-soft)}
html.wb .nlw-wahl select#nlwProjekt{margin-top:10px;max-width:440px}
html.wb .nlw-regeln{margin-top:12px;display:grid;gap:10px;cursor:default}
html.wb .nlw-gruppe{display:grid;gap:8px;padding:14px 16px;background:var(--wb-seg)}
html.wb .nlw-gruppe.ist-aus{margin-top:12px}
html.wb .nlw-gruppe p{margin:0 0 2px;font-size:14.5px;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
html.wb .nlw-gruppe p select{width:auto;min-height:36px;padding:4px 32px 4px 10px;font-weight:600}
html.wb .nlw-gruppe p .ak-link{margin-left:auto}
html.wb .nlw-gruppe>.ak-link,html.wb .nlw-gruppeneu{justify-self:start;display:inline-flex;align-items:center;gap:5px}
html.wb .nlw-bed{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.7fr) minmax(0,1.2fr) 40px;gap:8px;align-items:center}
html.wb .nlw-bed:not(:has([data-w])){grid-template-columns:minmax(0,1.35fr) minmax(0,.7fr) 40px}
html.wb .nlw-bedweg{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink-soft);cursor:pointer}
html.wb .nlw-bedweg:hover{color:var(--ink);background:var(--surface)}
html.wb .nlw-euro{position:relative;display:block}
html.wb .nlw-euro input{padding-right:30px;text-align:right}
html.wb .nlw-euro i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--ink-soft)}
html.wb .nlw-zwischen{justify-self:center;display:inline-flex;gap:2px;padding:3px;background:var(--wb-seg)}
html.wb .nlw-zwischen button{height:30px;padding:0 16px;border:0;background:transparent;color:var(--ink-soft);font-size:13.5px;font-weight:700;cursor:pointer}
html.wb .nlw-zwischen button.on{background:var(--surface);color:var(--ink);box-shadow:var(--wb-tab-on)}
html.wb .nlw-gespeichert{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:14px;color:var(--ink-soft)}
html.wb .nlw-chip{display:inline-flex;background:var(--surface);box-shadow:inset 0 0 0 1px var(--field-line)}
html.wb .nlw-chip button{height:36px;padding:0 12px;border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}
html.wb .nlw-chip button+button{padding:0 8px;color:var(--ink-soft);border-left:1px solid var(--field-line);display:grid;place-items:center}
html.wb .nlw-fein{margin-top:18px;font-size:14.5px}
html.wb .nlw-fein summary{cursor:pointer;font-weight:600;color:var(--ink)}
html.wb .nlw-hand{margin-top:14px;display:grid;gap:8px;max-width:520px}
html.wb .nlw-treffer{display:grid}
html.wb .nlw-treffer button{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:9px 12px;border:0;border-top:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}
html.wb .nlw-treffer button:hover{background:var(--wb-soft)}
html.wb .nlw-treffer span{font-size:13.5px;color:var(--ink-soft)}
html.wb .nlw-treffer i{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700;color:var(--accent-dark)}
html.wb .nlw-handstand{margin:0;font-size:13.5px;color:var(--ink-soft)}
html.wb .nlw-merken{margin:16px 0 0}
html.wb .nlw-ergebnis{position:sticky;top:78px}
html.wb .nlw-ergebnis .nlw-karte{margin:0;display:grid;gap:10px}
html.wb .nlw-gross.ist-null strong{color:var(--ink-faint)}
html.wb .nlw-ergebnis .nlw-gross{height:auto!important;padding:0!important}
html.wb .nlw-ergebnis .nlw-gross strong{display:block;font-size:60px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
html.wb .nlw-ergebnis .nlw-gross span{font-size:15px;font-weight:600;color:var(--ink-soft)}
html.wb .nlw-erkl{margin:0;font-size:14.5px;font-weight:600}
html.wb .nlw-neben{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
html.wb .nlw-namen{list-style:none;margin:4px 0 0;padding:0;border-top:1px solid var(--line)}
html.wb .nlw-namen li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
html.wb .nlw-namen b{font-weight:600}
html.wb .nlw-namen span{font-size:13px;color:var(--ink-soft);overflow-wrap:anywhere}
html.wb .nlw-ergebnis .ak-link{justify-self:start}
html.wb .nlw-kont{padding:10px 12px;background:var(--wb-seg);font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
html.wb .nlw-kont.ist-eng{background:#F7E1D3;color:#5A2A12}
html.wb .nlw-empfliste>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
html.wb .nlw-empfliste>div:first-child{border-top:0}
html.wb .nlw-empfliste span{display:grid;min-width:0}

/* 4 Senden */
html.wb .nlw-pruef{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
html.wb .nlw-pruef li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:start;font-size:14.5px;line-height:1.5}
html.wb .nlw-pz{width:26px;height:26px;border-radius:50%!important;display:grid;place-items:center;font-size:13px;font-weight:800}
html.wb .nlw-pruef .ist-ok .nlw-pz{background:var(--accent);color:var(--accent-ink,#fff)}
html.wb .nlw-pruef .ist-offen .nlw-pz{background:#A4461A;color:#fff}
html.wb .nlw-pruef .ist-rat .nlw-pz{background:var(--wb-st-res-a);color:var(--wb-st-res-fg)}
html.wb .nlw-pruef .ist-offen>span:nth-child(2){font-weight:600}
html.wb .nlw-testzeile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:520px}
html.wb .nlw-testzeile .btn{height:44px}
html.wb .nlw-zeitwahl{display:grid;grid-template-columns:minmax(0,180px) 130px;gap:10px;margin-top:10px}
html.wb .nlw-zeitwahl.hidden{display:none}
html.wb .nlw-abschluss{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin:6px 0 40px}
html.wb .nlw-abschluss p{margin:0;font-size:14px;color:var(--ink-soft);max-width:52ch}

/* Bericht */
html.wb .nlw-btitel{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
html.wb .nlw-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px}
html.wb .nlw-kachel{background:var(--surface);box-shadow:var(--wb-card);padding:18px 20px}
html.wb .nlw-kachel span{display:block;font-size:13px;font-weight:600;color:var(--ink-soft)}
html.wb .nlw-kachel strong{display:block;margin-top:4px;font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
html.wb .nlw-kachel small{display:block;min-height:18px;margin-top:4px;font-size:13px;color:var(--ink-soft)}
html.wb .nl-balken.ist-hoch{height:12px;margin:0 0 12px}
html.wb .nlw-probleme{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow:auto}
html.wb .nlw-probleme li{display:grid;gap:2px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
html.wb .nlw-probleme span{font-size:13.5px;color:var(--ink-soft)}
html.wb .nlw-st-entwurf,html.wb .nlw-st-abgebrochen{background:var(--wb-st-frei);color:var(--wb-st-frei-fg);box-shadow:inset 0 0 0 1px var(--wb-st-frei-bd)}
html.wb .nlw-st-geplant{background:var(--wb-st-res-a);color:var(--wb-st-res-fg)}
html.wb .nlw-st-sendet{background:var(--wb-st-gespr-a);color:var(--wb-st-gespr-fg)}
html.wb .nlw-st-gesendet{background:var(--wb-st-verk-a);color:var(--wb-st-verk-fg)}
html.wb .nlw-st-angehalten{background:#F7E1D3;color:#5A2A12}

/* Liste und Einstieg */
html.wb .nlw-h{margin:26px 0 12px;font-size:19px;font-weight:600;letter-spacing:-.01em}
html.wb .nlw-h:first-child{margin-top:0}
html.wb .nlw-entwuerfe{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
html.wb .nlw-entwurf{display:grid;gap:6px;padding:20px 22px;background:var(--surface);box-shadow:var(--wb-card);cursor:pointer;outline:2px solid transparent;outline-offset:-2px}
html.wb .nlw-entwurf:hover,html.wb .nlw-entwurf:focus-visible,html.wb .nlw-zeile:hover,html.wb .nlw-zeile:focus-visible{outline-color:var(--accent)}
html.wb .nlw-entwurf b{font-size:17px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
html.wb .nlw-entwurf small{font-size:13.5px;color:var(--ink-soft)}
html.wb .nlw-entwurfakt{display:flex;gap:18px;margin-top:8px}
html.wb .nlw-zeilen{display:grid;gap:12px}
html.wb .nlw-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:18px 22px;background:var(--surface);box-shadow:var(--wb-card);cursor:pointer;outline:2px solid transparent;outline-offset:-2px}
html.wb .nlw-zeile b{display:block;font-size:16px;font-weight:600}
html.wb .nlw-zeile small{font-size:13.5px;color:var(--ink-soft)}
html.wb .nlw-zeile .nl-balken{grid-column:1/-1;margin:0}
html.wb .nlw-start{background:var(--surface);box-shadow:var(--wb-card);padding:44px 44px 40px}
html.wb .nlw-start h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-.02em}
html.wb .nlw-start>p{margin:10px 0 30px;font-size:16px;line-height:1.55;color:var(--ink-soft);max-width:66ch}
html.wb .nlw-startweg{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
html.wb .nlw-startweg li{position:relative;display:grid;gap:6px;align-content:start}
html.wb .nlw-startweg li::before{content:"";position:absolute;left:44px;right:-12px;top:17px;border-top:1px dashed var(--ink-faint);opacity:.5}
html.wb .nlw-startweg li:last-child::before{display:none}
html.wb .nlw-startweg span{position:relative;width:34px;height:34px;border-radius:50%!important;display:grid;place-items:center;border:2px solid var(--ink);font-size:14px;font-weight:700;background:var(--surface);margin-bottom:6px}
html.wb .nlw-startweg b{font-size:16px;font-weight:600}
html.wb .nlw-startweg small{font-size:14px;line-height:1.5;color:var(--ink-soft)}
html.wb .nlw-startnotiz{margin:18px 0 0!important;font-size:14px!important}

@media (max-width:1100px){
  html.wb .nlw-zweispalten,html.wb .nlw-zweispalten.ist-schmalrechts{grid-template-columns:minmax(0,1fr)}
  html.wb .nlw-vorschau,html.wb .nlw-ergebnis{position:static}
  html.wb .nlw-buehne{height:560px}
  html.wb .nlw-kopf{grid-template-columns:auto minmax(0,1fr);row-gap:8px}
  html.wb .nlw-weg{grid-column:1/-1;grid-row:2;justify-content:space-between;overflow-x:auto}
  html.wb .nlw-startweg{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.wb .nlw-startweg li::before{display:none}
  html.wb .nlw-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  html.wb .nlw-schritt span:last-child{display:none}
  html.wb .nlw-schritt.ist-da span:last-child{display:inline}
  html.wb .nlw-strich{width:14px}
  html.wb .nlw-zurueck span{display:none}
  html.wb .nlw-startweg{grid-template-columns:minmax(0,1fr)}
  html.wb .nlw-zwei,html.wb .nlw-zwei.ist-kurz,html.wb .nlw-testzeile,html.wb .nlw-zeitwahl{grid-template-columns:minmax(0,1fr)}
  html.wb .nlw-bed,html.wb .nlw-bed:not(:has([data-w])){grid-template-columns:minmax(0,1fr) 40px}
  html.wb .nlw-bed>select,html.wb .nlw-bed>input,html.wb .nlw-bed>.nlw-euro{grid-column:1}
  html.wb .nlw-bedweg{grid-column:2;grid-row:1}
  html.wb .nlw-menue{grid-template-columns:1fr}
  html.wb .nlw-start{padding:28px 22px}
  html.wb .nlw-frage{font-size:24px}
  html.wb .nlw-kopfrechts .btn{padding:0 12px!important}
}
/* Pflichtangaben als einzelne Felder */
html.wb .nl-angaben{display:grid;grid-template-columns:1fr 1fr;gap:14px 14px}
html.wb .nl-karte .nl-angaben .field{margin-top:0}
html.wb .nl-angaben .ist-breit{grid-column:1/-1}
html.wb .nl-vorzeilen{white-space:pre-line;margin-bottom:0}
html.wb .nl-vorzeilen.ist-leer{color:var(--ink-soft)}
@media (max-width:640px){html.wb .nl-angaben{grid-template-columns:1fr}}
html.wb .nl-reiter [role=tab]{cursor:pointer}
/* Die Vorgaben des Moduls liegen seit dem 30.10.2026 unter Einstellungen › Mitteilungen (Flavio); der Reiter führt dorthin. */
html.wb .nl-reiter-link{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:10px 16px;color:var(--ink-faint);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}
html.wb .nl-reiter-link:hover{color:var(--ink)}
/* Etappe 3: Auswertung im Bericht, Verlauf je Kontakt, eigene Vorlagen */
html.wb .nlw-kacheln.ist-klein{grid-template-columns:repeat(4,minmax(0,1fr))}
html.wb .nlw-linkliste{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px}
html.wb .nlw-linkliste li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:9px 12px;font-size:14px;overflow:hidden}
html.wb .nlw-linkliste i{position:absolute;inset:0 auto 0 0;background:var(--wb-seg);z-index:0}
html.wb .nlw-linkliste .nlw-linkziel,html.wb .nlw-linkliste b{position:relative;z-index:1}
html.wb .nlw-linkziel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.wb .nlw-linkliste b{font-weight:600;font-variant-numeric:tabular-nums}
html.wb .nlw-probleme a{color:var(--accent-dark)}
html.wb[data-theme="dark"] .nlw-probleme a{color:var(--accent)}
html.wb .nl-verlauf{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--line)}
html.wb .nl-verlauf li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line);font-size:13.5px}
html.wb .nl-verlauf span{min-width:0;overflow-wrap:anywhere}
html.wb .nl-verlauf small{display:block;font-size:12.5px;color:var(--ink-soft)}
html.wb .nl-verlauf b{flex:none;font-weight:500;color:var(--ink-soft)}
html.wb .nl-verlauf b.ist-offen{color:var(--ink);font-weight:600}
html.wb .nl-verlauf b.ist-klick{color:var(--accent-dark);font-weight:700}
html.wb[data-theme="dark"] .nl-verlauf b.ist-klick{color:var(--accent)}

/* Grafiken der Anlässe (nl-editor.js, ANLASSGRAFIK): flache Flächen, Farben aus den Tokens des Kontos. */
html.wb .nlw-pikto{--nl-papier:#FAF8F2;display:block;background:color-mix(in srgb,var(--accent) 9%,var(--surface));overflow:hidden}
html.wb[data-theme=dark] .nlw-pikto{--nl-papier:#E9E7DF}
html.wb .nlw-pikto svg{display:block;width:100%;height:auto;fill:none}
html.wb .nlw-pikto .g-a{fill:var(--accent)}
html.wb .nlw-pikto .g-s{fill:color-mix(in srgb,var(--accent) 40%,var(--nl-papier))}
html.wb .nlw-pikto .g-w{fill:var(--nl-papier)}
html.wb .nlw-pikto .g-o{fill:var(--gold)}
html.wb .nlw-pikto .g-d{fill:#16201B}
html.wb .nlw-pikto .g-l{stroke:var(--ink);stroke-width:1.3}
html.wb .nlw-pikto .g-k{stroke:var(--ink);stroke-width:2.2}
html.wb .nlw-pikto .g-k1{stroke:var(--ink);stroke-width:1.2}
html.wb .nlw-pikto .g-m{stroke:var(--accent);stroke-width:2.2;stroke-linejoin:miter}

/* ===================== Schreibfläche (Schritt 2, nl-editor.js) =====================
   Links Bausteine oder die Einstellungen des gewählten Bausteins, daneben die E-Mail zum Hineinschreiben.
   Die E-Mail selbst bleibt in beiden Modi hell: So kommt sie im Postfach an. */
html.wb .nlb{display:grid;grid-template-columns:320px minmax(0,1fr);gap:26px;align-items:start}
html.wb .nlb-seite{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow:auto;background:var(--surface);box-shadow:var(--wb-card);min-width:0}
html.wb .nlb-skopf{display:flex;align-items:center;gap:12px;padding:18px 20px 16px;border-bottom:1px solid var(--line)}
html.wb .nlb-skopf>div{display:grid;gap:2px;min-width:0;flex:1}
html.wb .nlb-skopf b{font-size:18px;font-weight:600;letter-spacing:-.01em}
html.wb .nlb-skopf small{font-size:13px;color:var(--ink-soft)}
html.wb .nlb-szu{display:inline-flex;align-items:center;gap:4px;padding:8px 10px 8px 4px;margin-left:-6px;border:0;background:none;color:var(--accent-dark);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
html.wb .nlb-szu:hover{background:var(--wb-seg)}
html.wb .nlb-srumpf{display:grid;gap:14px;padding:16px 20px 22px}
html.wb .nlb-srumpf h3{margin:8px 0 -4px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
html.wb .nlb-srumpf h3:first-child{margin-top:0}
html.wb .nlb-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.wb .nlb-kachel{display:grid;gap:10px;justify-items:start;padding:12px 12px 11px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:grab}
html.wb .nlb-kachel:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
html.wb .nlb-kachel:active{cursor:grabbing}
html.wb .nlb-kachel b{font-size:14.5px;font-weight:600}
html.wb .nlb-kachel .nlw-schema{pointer-events:none}
html.wb .nlw-schema .s-q{height:6px;width:6px;background:var(--gold)}
html.wb .nlb-feld{display:grid;gap:6px;min-width:0}
html.wb .nlb-feld>span,html.wb .nlb-feldtitel{font-size:14px;font-weight:600}
html.wb .nlb-feld em{font-style:normal;font-weight:400;color:var(--ink-faint);font-size:13px;margin-left:4px}
html.wb .nlb-haken{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;cursor:pointer}
html.wb .nlb-haken input{margin-top:3px;accent-color:var(--accent)}
html.wb .nlb-snotiz{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-soft)}
html.wb .nlb-logo-wahl{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
/* Logo der Firmenangaben in den Einstellungen der Mitteilungen: helle Fläche, Logos sind für Weiß gemacht */
html.wb .nl-firma-logo{display:flex;align-items:center;min-height:64px;padding:10px 16px;margin:0 0 12px;background:#fff;border:1px solid var(--line)}
html.wb .nl-firma-logo img{max-height:48px;max-width:220px;display:block}
html.wb .nl-firma-logo span{font-size:13.5px;color:#6b736e}
html.wb .nlb-smerken{margin:6px 0 0;font-size:14px}
html.wb .nlb-sakt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}
html.wb .nlb-sakt .btn{justify-content:center;background:var(--surface);border:1px solid var(--field-line)}
html.wb .nlb-sakt .nlb-sweg{color:var(--red)}
html.wb .nlb-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html.wb .nlb-foto{aspect-ratio:3/2;padding:0;border:0;background:var(--wb-seg);cursor:pointer;outline:2px solid transparent;outline-offset:-2px;overflow:hidden;font:inherit;font-size:13px;color:var(--ink-soft)}
html.wb .nlb-foto img{display:block;width:100%;height:100%;object-fit:cover}
html.wb .nlb-foto:hover{outline-color:var(--field-line)}
html.wb .nlb-foto.on{outline:3px solid var(--accent)}
html.wb .nlb-foto.nlb-hoch{background:none;border:1px dashed var(--ink-faint)}
html.wb .nlb-foto.nlb-hoch:hover{border-color:var(--accent);color:var(--accent-dark);outline-color:transparent}
html.wb .nlb-offenkasten{padding:12px 14px;background:var(--hint-bg,var(--wb-seg));font-size:13.5px;line-height:1.5}
html.wb .nlb-offenkasten b{display:block;margin-bottom:4px;font-size:14px}
html.wb .nlb-offenkasten ul{margin:0;padding-left:18px;color:var(--ink-soft)}

html.wb .nlb-mitte{min-width:0}
html.wb .nlb-kopf{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
html.wb .nlb-kopf .nlw-frage{margin:0}
html.wb .nlb-kopf .nlw-geraet{margin-left:auto}
html.wb .nlb-offen{padding:4px 10px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--gold) 16%,var(--surface));color:var(--ink)}
html.wb .nlb-post{background:var(--surface);box-shadow:var(--wb-card)}
html.wb .nlb-pz{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;min-height:50px;padding:0 20px;border-bottom:1px solid var(--line);font-size:15px}
html.wb .nlb-pz:last-of-type{border-bottom:0}
html.wb .nlb-pz>span{font-size:14px;color:var(--ink-faint)}
html.wb .nlb-pz small{font-size:14px;color:var(--ink-soft);margin-left:8px}
html.wb .nlw .nlb-pz input{border:0;padding:0;min-height:48px;background:none;outline:0;font-size:15px}
html.wb .nlw .nlb-pz input.nlb-betreff{font-size:16.5px;font-weight:600}
html.wb .nlw .nlb-pz input:focus{outline:0;box-shadow:inset 0 -2px 0 var(--accent)}
html.wb .nlb-rat{display:block;padding:0 20px;font-size:13px;color:var(--ink-soft)}
html.wb .nlb-rat:not(:empty){padding-bottom:10px}

html.wb .nlb-leiste{position:sticky;top:66px;z-index:5;display:flex;align-items:center;gap:2px;min-height:46px;margin-top:16px;padding:5px 10px;background:var(--surface);box-shadow:var(--wb-card);border-bottom:1px solid var(--line)}
html.wb .nlb-leiste button{width:36px;height:36px;display:grid;place-items:center;border:0;background:none;color:var(--ink);font:inherit;font-size:16px;cursor:pointer}
html.wb .nlb-leiste button:hover:not(:disabled){background:var(--wb-seg)}
html.wb .nlb-leiste button:disabled{opacity:.3;cursor:default}
html.wb .nlb-leiste>i{width:1px;height:22px;margin:0 6px;background:var(--line)}
html.wb .nlb-leiste>span{margin-left:10px;font-size:13.5px;color:var(--ink-soft)}
html.wb .nlb-linkfeld{position:absolute;top:100%;left:0;z-index:6;display:flex;gap:8px;align-items:center;padding:10px;background:var(--surface);box-shadow:0 10px 30px rgba(22,32,27,.22);border:1px solid var(--line)}
html.wb .nlw .nlb-linkfeld input{width:300px;max-width:52vw;min-height:38px}
html.wb .nlb-linkfeld button{width:auto;height:38px;padding:0 12px;font-size:14px;font-weight:600;color:var(--accent-dark)}

html.wb .nlb-flaeche{padding:46px 16px 70px;background-color:#EEF0ED;background-image:radial-gradient(rgba(24,33,29,.11) 1px,transparent 1px);background-size:18px 18px}
html.wb .nlb-flaeche.ist-ziel{box-shadow:inset 0 0 0 2px var(--accent)}
html.wb .nlb-mail{width:600px;max-width:100%;margin:0 auto;background:#fff;color:#18211D;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;box-shadow:0 1px 3px rgba(24,33,29,.12);transition:width .18s ease}
html.wb .nlb-mail.ist-handy{width:375px}
html.wb .nlb-flaeche{overflow-x:clip}
html.wb .nlb-mail table{border-collapse:collapse}
html.wb .nlb-mail td{white-space:normal}
html.wb .nlb-mail h1,html.wb .nlb-mail p,html.wb .nlb-mail li,html.wb .nlb-mail [data-schreib]{font-family:Helvetica,Arial,sans-serif!important;letter-spacing:0!important;color:#18211D}
html.wb .nlb-mail .nlb-zquelle{color:#5A655E}
html.wb .nlb-mail a{cursor:default}
html.wb .nlb-block{position:relative;outline:2px solid transparent;outline-offset:-1px;cursor:pointer}
html.wb .nlb:not(.ist-fest) .nlb-block:hover{outline:1px dashed color-mix(in srgb,var(--accent) 70%,#fff)}
html.wb .nlb .nlb-block.on{outline:2px solid var(--accent);z-index:2}
html.wb .nlb-block.ist-gezogen{opacity:.3}
/* Griff und Aktionen stehen links neben dem Baustein, damit sie keinen Text der E-Mail verdecken. */
html.wb .nlb-griff{position:absolute;top:-1px;right:calc(100% + 1px);display:flex;flex-direction:column;background:var(--accent);font-family:var(--font-body);line-height:1.2}
html.wb .nlb-zieh{display:grid;place-items:center;width:34px;height:34px;color:#fff;cursor:grab;user-select:none}
html.wb .nlb-zieh span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html.wb .nlb-gakt{display:flex;flex-direction:column}
html.wb .nlb-gakt button{width:34px;height:32px;display:grid;place-items:center;border:0;border-top:1px solid rgba(255,255,255,.25);background:none;color:#fff;cursor:pointer}
html.wb .nlb-gakt button:hover:not(:disabled){background:rgba(0,0,0,.18)}
html.wb .nlb-gakt button:disabled{opacity:.4;cursor:default}
html.wb .nlb-zelle{padding:0 32px}
html.wb .nlb-mail [data-schreib]{outline:0;cursor:text;min-height:1.6em}
html.wb .nlb-mail [data-schreib]:empty::before{content:attr(data-leer);color:#9AA39D;font-style:normal}
html.wb .nlb-titel{margin:0;padding:0 0 16px;font-size:24px;line-height:1.25;font-weight:700;color:#18211D;letter-spacing:0}
html.wb .nlb-text{padding-bottom:1px}
html.wb .nlb-text p{margin:0 0 14px}
html.wb .nlb-text ul{margin:0 0 14px;padding:0 0 0 20px;list-style:disc}
html.wb .nlb-text li{margin:0 0 6px}
html.wb .nlb-text a{color:#18211D;text-decoration:underline}
html.wb .nlb-text:empty{padding-bottom:14px}
html.wb .nlb-zitat{margin:4px 0 22px;padding:20px 22px;background:#F4F6F3}
html.wb .nlb-zsatz{margin:0;font-size:19px;line-height:1.45;font-style:italic;color:#18211D}
html.wb .nlb-zsatz:not(:empty)::before{content:"„"}
html.wb .nlb-zsatz:not(:empty)::after{content:"“"}
html.wb .nlb-zquelle{margin:10px 0 0;font-size:14px;color:#5A655E}
html.wb .nlb-zquelle:empty{display:none}
html.wb .nlb-laedt{padding-top:18px;padding-bottom:18px;font-size:14px;color:#8A938D}
html.wb .nlb-leer{margin:8px 32px 24px;padding:44px 20px;display:grid;gap:6px;justify-items:center;text-align:center;border:1px dashed #AEB8B1;font-size:14.5px;color:#5A655E;font-family:var(--font-body)}
html.wb .nlb-leer b{font-size:16px;color:#18211D}
html.wb .nlb-marke{height:4px;margin:-2px 0;background:var(--accent);position:relative;z-index:3;pointer-events:none}
html.wb .nlb.ist-fest .nlb-seite,html.wb .nlb.ist-fest .nlb-leiste{display:none}
html.wb .nlb.ist-fest{grid-template-columns:minmax(0,1fr)}
html.wb .nlb.ist-fest .nlb-block{cursor:default}
@media (max-width:760px){
  html.wb .nlb-griff{top:auto;bottom:100%;right:-1px;flex-direction:row}
  html.wb .nlb-gakt{flex-direction:row}
  html.wb .nlb-gakt button{border-top:0;border-left:1px solid rgba(255,255,255,.25)}
}
@media (max-width:1000px){
  html.wb .nlb{grid-template-columns:minmax(0,1fr);gap:16px}
  html.wb .nlb-seite{position:static;max-height:none}
  html.wb .nlb-seite:not(.ist-offen) .nlb-srumpf{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 14px}
  html.wb .nlb-seite:not(.ist-offen) .nlb-srumpf h3,html.wb .nlb-seite:not(.ist-offen) .nlb-smerken,html.wb .nlb-seite:not(.ist-offen) .nlb-offenkasten{display:none}
  html.wb .nlb-seite:not(.ist-offen) .nlb-kacheln{display:flex;gap:8px}
  html.wb .nlb-seite:not(.ist-offen) .nlb-kachel{flex:none;min-width:104px}
  html.wb .nlb-seite.ist-offen{position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:56vh;box-shadow:0 -12px 40px rgba(22,32,27,.28)}
  html.wb .nlb-flaeche{padding:40px 0 60vh}
  html.wb .nlb-leiste{top:108px}
}
@media (max-width:640px){
  html.wb .nlb-zelle{padding:0 20px}
  html.wb .nlb-pz{grid-template-columns:70px minmax(0,1fr);padding:0 14px}
  html.wb .nlb-pz small{display:block;margin:0}
}

/* Bausteine Baufortschritt und Termin: Zeichen in der Liste, Fragen bei Zusage, Anmeldungen im Bericht */
html.wb .nlw-schema .s-f{height:6px;background:linear-gradient(90deg,var(--accent) 0 60%,var(--ink-faint) 60%);opacity:.9}
/* Termin: Kalenderblatt mit farbigem Kopf und einer Tageszahl */
html.wb .nlw-schema .s-d{width:34px;height:34px;border:2px solid var(--ink-soft);background:linear-gradient(var(--accent),var(--accent)) top/100% 30% no-repeat,linear-gradient(var(--ink-soft),var(--ink-soft)) 50% 72%/42% 4px no-repeat,var(--surface)}
html.wb .nlw-schema.ist-klein .s-f{height:4px}
html.wb .nlw-schema.ist-klein .s-d{width:20px;height:20px;border-width:1.5px;align-self:center;background:linear-gradient(var(--accent),var(--accent)) top/100% 30% no-repeat,linear-gradient(var(--ink-soft),var(--ink-soft)) 50% 72%/46% 2px no-repeat,var(--surface)}
html.wb .nlb-zwei{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html.wb .nlb-haken b{font-weight:600}
html.wb .nlb-frage{display:grid;gap:6px;padding:10px;background:var(--wb-seg)}
html.wb .nlb-fragezeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html.wb .nlw .nlb-fragezeile select{width:auto;flex:1 1 110px;min-height:38px;font-size:14px}
html.wb .nlb-bis{display:inline-flex;align-items:center;gap:6px;font-size:14px}
html.wb .nlw .nlb-bis input{width:64px;min-height:38px;padding:6px 8px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font:inherit;font-size:14px}
html.wb .nlw .nlb-feld input[type=number]{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font:inherit;font-size:15px}
html.wb .nlb-fragezeile .nlb-haken{font-size:14px;align-items:center}
html.wb .nlb-fragezeile .nlb-haken input{margin-top:0}
html.wb .nlb-fweg{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;border:0;background:none;color:var(--ink-soft);cursor:pointer}
html.wb .nlb-fweg:hover{color:var(--red)}
html.wb .nlb-fdazu{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}
/* Anmeldungen zu einem Termin: Statusfarben fest (folgen dem Akzent bewusst nicht), Zusagen grün, Absagen gedämpft warm. */
html.wb .nlw-termin{--nlt-ja-bg:#E3F0E8;--nlt-ja-fg:#14513A;--nlt-ja:#1F8A5B;--nlt-nein-bg:#F6E9E2;--nlt-nein-fg:#87401F;--nlt-nein:#D9A188}
html.wb[data-theme="dark"] .nlw-termin{--nlt-ja-bg:#16301F;--nlt-ja-fg:#8FD9B2;--nlt-ja:#3FA675;--nlt-nein-bg:#35221A;--nlt-nein-fg:#F0B39A;--nlt-nein:#9A5A40}
html.wb .nlw-tkopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
html.wb .nlw-tbilanz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 12px}
html.wb .nlw-tkz{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--line)}
html.wb .nlw-tkz b{font-size:26px;line-height:1.1;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}
html.wb .nlw-tkz span{font-size:13px;color:var(--ink-soft)}
html.wb .nlw-tkz.is-pers{background:var(--surface);border-color:var(--field-line)}
html.wb .nlw-tkz.is-ja{background:var(--nlt-ja-bg);border-color:transparent}
html.wb .nlw-tkz.is-ja b,html.wb .nlw-tkz.is-ja span{color:var(--nlt-ja-fg)}
html.wb .nlw-tkz.is-nein{background:var(--nlt-nein-bg);border-color:transparent}
html.wb .nlw-tkz.is-nein b,html.wb .nlw-tkz.is-nein span{color:var(--nlt-nein-fg)}
html.wb .nlw-tbalken{display:flex;height:8px;gap:2px;background:var(--line)}
html.wb .nlw-tbalken i{display:block;min-width:2px}
html.wb .nlw-tbalken i.is-ja{background:var(--nlt-ja)}
html.wb .nlw-tbalken i.is-nein{background:var(--nlt-nein)}
html.wb .nlw-tbalken-txt{margin:6px 0 18px;font-size:12.5px;color:var(--ink-soft)}
html.wb .nlw-tgruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:start}
html.wb .nlw-tg{border:1px solid var(--line);background:var(--surface)}
html.wb .nlw-tg-kopf{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:14.5px;font-weight:600}
html.wb .nlw-tg.is-ja .nlw-tg-kopf{background:var(--nlt-ja-bg);color:var(--nlt-ja-fg)}
html.wb .nlw-tg.is-nein .nlw-tg-kopf{background:var(--nlt-nein-bg);color:var(--nlt-nein-fg)}
html.wb .nlw-tg-sym{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff}
html.wb .nlw-tg.is-ja .nlw-tg-sym{background:var(--nlt-ja)}
html.wb .nlw-tg.is-nein .nlw-tg-sym{background:var(--nlt-nein)}
html.wb .nlw-tg-sym svg{width:12px;height:12px}
html.wb .nlw-tg-kopf em{font-style:normal;font-variant-numeric:tabular-nums;padding:1px 8px;border-radius:999px;background:var(--surface);font-size:12.5px}
html.wb .nlw-tg-kopf span:last-child:not(.nlw-tg-sym){margin-left:auto;font-size:13px;font-weight:500}
html.wb .nlw-tleer{margin:0;padding:14px;font-size:13.5px;color:var(--ink-soft)}
html.wb .nlw-tliste{list-style:none;margin:0;padding:0;max-height:560px;overflow-y:auto}
html.wb .nlw-tz{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:2px 12px;align-items:start;padding:12px 14px;border-top:1px solid var(--line)}
html.wb .nlw-tz:first-child{border-top:0}
html.wb .nlw-tz-ini{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:650;letter-spacing:.02em}
html.wb .nlw-tz.is-ja .nlw-tz-ini{background:var(--nlt-ja-bg);color:var(--nlt-ja-fg)}
html.wb .nlw-tz.is-nein .nlw-tz-ini{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line)}
html.wb .nlw-tz-wer{min-width:0;padding-top:1px}
html.wb .nlw-tz-wer b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
html.wb .nlw-tz-wer span{display:block;font-size:12.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.wb .nlw-tz.is-nein .nlw-tz-wer b{font-weight:500;color:var(--ink-mid)}
html.wb .nlw-tz-re{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
html.wb .nlw-tz-pers{padding:2px 9px;border-radius:999px;background:var(--nlt-ja-bg);color:var(--nlt-ja-fg);font-size:12.5px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
html.wb .nlw-tz-am{font-size:12px;color:var(--ink-faint);white-space:nowrap;font-variant-numeric:tabular-nums}
html.wb .nlw-tz-ang{grid-column:2 / -1;margin:8px 0 0;padding:8px 10px;display:grid;gap:4px;background:var(--surface-2);border:1px solid var(--line)}
html.wb .nlw-tz-ang div{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:10px;font-size:13px;line-height:1.45}
html.wb .nlw-tz-ang dt{font-size:12px;color:var(--ink-soft);padding-top:1px}
html.wb .nlw-tz-ang dd{margin:0;color:var(--ink)}
html.wb .nlw-tbilanz.is-zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
html.wb .nlw-dok .nlw-tg{margin-top:4px}
html.wb .nlw-dok-kopf{display:flex;align-items:flex-start;gap:14px;min-width:0}
html.wb .nlw-dok-sym{flex:none;display:grid;place-items:center;width:44px;height:44px;background:var(--accent-soft);color:var(--accent-dark)}
html.wb .nlw-dok-sym svg{width:22px;height:22px}
/* Kennzahlen mit Liste dahinter */
html.wb button.nlw-kachel{position:relative;display:block;width:100%;border:0;text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:box-shadow .15s,background .15s}
html.wb button.nlw-kachel:hover{background:var(--wb-hover)}
html.wb button.nlw-kachel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html.wb button.nlw-tkz{position:relative;width:100%;text-align:left;font:inherit;cursor:pointer;transition:background .15s,filter .15s}
html.wb button.nlw-tkz.is-pers:hover{background:var(--wb-hover)}
html.wb button.nlw-tkz.is-ja:hover{filter:brightness(.97)}
html.wb[data-theme="dark"] button.nlw-tkz.is-ja:hover{filter:brightness(1.12)}
html.wb button.nlw-tkz:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html.wb button.nlw-tkz:hover .nlw-kachel-mehr{opacity:1;text-decoration:underline}
html.wb .nlw-tkz.is-ja .nlw-kachel-mehr{color:var(--nlt-ja-fg)}
html.wb .nlw-kachel-mehr{position:absolute;top:16px;right:16px;font-style:normal;font-size:12px;font-weight:600;color:var(--accent-dark);opacity:.75}
html.wb button.nlw-kachel:hover .nlw-kachel-mehr{opacity:1;text-decoration:underline}
/* Liste der Kontakte im Dialog */
html.wb .nlw-el{display:grid;gap:8px;width:min(600px,100%)}
html.wb .nlw-el-kopf{display:flex;gap:10px;align-items:center;justify-content:space-between}
html.wb .nlw-el-such{flex:1;min-width:0;height:36px;padding:0 10px;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font:inherit;font-size:14px}
html.wb .nlw-el-zahl{margin:0;font-size:12.5px;color:var(--ink-soft)}
html.wb .nlw-el-liste{list-style:none;margin:0;padding:0;max-height:min(460px,55vh);overflow-y:auto;border:1px solid var(--line)}
html.wb .nlw-el-liste li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:9px 12px;border-top:1px solid var(--line)}
html.wb .nlw-el-liste li:first-child{border-top:0}
html.wb .nlw-el-liste li[hidden]{display:none}
html.wb .nlw-el-liste b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
html.wb .nlw-el-liste li > div > span{display:block;font-size:12.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.wb .nlw-el-re{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
html.wb .nlw-el-re span{font-size:12.5px;color:var(--ink-mid);max-width:220px}
html.wb .nlw-el-re small{font-size:12px;color:var(--ink-faint)}
@media (max-width:560px){html.wb .nlw-tbilanz{grid-template-columns:minmax(0,1fr)}}

/* Empfänger je Bauprojekt: Kreise mit Zahl. Zuordnung beim Import. */
html.wb .nlw-kreise{display:grid;gap:2px;margin-top:12px}
html.wb .nlw-kreis{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 12px;background:var(--wb-seg);cursor:pointer}
html.wb .nlw-kreis input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--accent)}
html.wb .nlw-kreis span{display:grid;gap:1px}
html.wb .nlw-kreis b{font-size:15px;font-weight:600}
html.wb .nlw-kreis small{font-size:13.5px;line-height:1.45;color:var(--ink-soft)}
html.wb .nlw-kreis em{font-style:normal;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
html.wb .nl-zuordnung{margin:18px 0 6px;padding-top:16px;border-top:1px solid var(--line)}
html.wb .nl-zuordnung .nl-ztitel{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--ink)}

/* Baustein Bemusterung, Mehrfachauswahl in der Kontaktliste */
html.wb .nlw-schema .s-m{height:16px;background:linear-gradient(90deg,var(--accent) 0 30%,transparent 30% 35%,var(--gold) 35% 65%,transparent 65% 70%,var(--ink-faint) 70%)}
html.wb .nlw-schema.ist-klein .s-m{height:11px}
html.wb .nlw-pikto .g-haken{stroke:var(--accent);stroke-width:4;fill:none}
html.wb .nlw .nlb-feld textarea{min-height:84px}
html.wb .nl-tabelle .nl-wahlzelle{width:44px;padding-right:0;cursor:default}
html.wb .nl-tabelle .nl-wahlzelle input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--accent);cursor:pointer}
html.wb .nl-tabelle tr.ist-gewaehlt td{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
html.wb .nl-wahlleiste{position:sticky;top:8px;z-index:4;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:0 0 12px;padding:10px 12px 10px 16px;background:var(--surface);box-shadow:var(--wb-card);outline:2px solid var(--accent);outline-offset:-2px}
html.wb .nl-wahlleiste[hidden]{display:none}
html.wb .nl-wahlleiste b{font-size:15px;font-weight:600}
html.wb .nl-wahlakt{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
html.wb .nl-wortliste{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
html.wb .nl-wortliste button.nl-marke{border:0;cursor:pointer;font:inherit;font-size:13px}

/* Mehrfachauswahl: weitere Aktionen */
html.wb .nl-wahlakt .btn:not(.btn-primary){background:var(--surface);border:1px solid var(--field-line)}
html.wb .nl-wahlmehr{position:relative;display:inline-flex}
html.wb .nl-wahlmenue{position:absolute;top:calc(100% + 6px);right:0;z-index:8;min-width:250px;display:grid;background:var(--surface);box-shadow:0 12px 34px rgba(22,32,27,.22);border:1px solid var(--line)}
html.wb .nl-wahlmenue[hidden]{display:none}
html.wb .nl-wahlmenue button{padding:12px 16px;border:0;background:none;color:var(--ink);font:inherit;font-size:14.5px;text-align:left;cursor:pointer}
html.wb .nl-wahlmenue button:hover{background:var(--wb-seg)}
html.wb .nl-wahlmenue button.ist-gefahr{color:var(--red)}

/* Projektnews: Anlässe in zwei Gruppen nach dem Zweck, Grund je Kreis */
html.wb .nlw-zwecknotiz{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--ink-soft)}
html.wb .nlw-zwecknotiz b{color:var(--ink)}
html.wb .nlw-kreis .nlw-grund{font-size:13px;font-weight:600;color:var(--ink)}
html.wb .nlw-kreis.ist-nie{opacity:.6;cursor:default}

/* Baustein Umfrage */
html.wb .nlw-schema .s-u{height:7px;border:1.5px solid var(--accent);opacity:.9}
html.wb .nlw-schema.ist-klein .s-u{height:5px;border-width:1px}
html.wb .nlb-option{display:flex;gap:6px;align-items:center}
html.wb .nlb-option input{flex:1}
html.wb .nlw-uzeile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;font-size:14.5px;margin-top:10px}
html.wb .nlw-uzeile b{font-weight:600;font-variant-numeric:tabular-nums}
html.wb .nlw-uzeile .nl-balken{grid-column:1/-1;margin:0}

/* Schritt Senden: Schalter „Auch im Bauprojekt zeigen“ und die Vorschau in drei Ansichten */
html.wb .nlw-schalter{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;cursor:pointer}
html.wb .nlw-schalter input{width:17px;height:17px;margin:3px 0 0;accent-color:var(--accent)}
html.wb .nlw-schalter b{display:block;font-size:15.5px;font-weight:600}
html.wb .nlw-schalter small{display:block;margin-top:2px;font-size:14px;line-height:1.5;color:var(--ink-soft)}
html.wb .nlw-ansichten{display:flex;gap:2px;padding:4px;background:var(--wb-seg)}
html.wb .nlw-ansichten button{flex:1;padding:8px 10px;border:0;background:none;color:var(--ink-soft);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
html.wb .nlw-ansichten button.on{background:var(--surface);color:var(--ink);box-shadow:var(--wb-card)}
html.wb .nlw-ansichten button:disabled{opacity:.45;cursor:default}
html.wb .nlw-buehne #nlwRahmen[hidden]{display:none}
html.wb .nlw-buehne #nlwPortal{display:block;width:100%;height:100%;border:0;background:#fff}
html.wb .nlw-buehne.ist-handy #nlwPortal{width:390px;max-width:100%}
html.wb .nlw-postfach[hidden]{display:none}

/* Baustein Dokument, Verteiler */
/* Ein Blatt mit umgeknickter Ecke und drei Textzeilen, darunter der Knopf zum Öffnen */
html.wb .nlw-schema .s-dok{width:30px;height:38px;clip-path:polygon(0 0,66% 0,100% 26%,100% 100%,0 100%);
  background:linear-gradient(225deg,var(--ink-faint) 0 7px,transparent 7px) top right/10px 10px no-repeat,
    linear-gradient(var(--ink-faint),var(--ink-faint)) 6px 16px/18px 2px no-repeat,
    linear-gradient(var(--ink-faint),var(--ink-faint)) 6px 22px/18px 2px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 6px 29px/11px 3px no-repeat,
    var(--surface)}
html.wb .nlw-schema.ist-klein .s-dok{width:18px;height:23px;align-self:center;
  background:linear-gradient(225deg,var(--ink-faint) 0 5px,transparent 5px) top right/7px 7px no-repeat,
    linear-gradient(var(--ink-faint),var(--ink-faint)) 4px 10px/10px 1.5px no-repeat,
    linear-gradient(var(--ink-faint),var(--ink-faint)) 4px 14px/10px 1.5px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 4px 18px/6px 2px no-repeat,
    var(--surface)}
html.wb .nlb-doks{display:grid;gap:4px;max-height:260px;overflow:auto}
html.wb .nlb-dok{display:grid;gap:1px;padding:9px 12px;border:0;background:var(--wb-seg);color:var(--ink);font:inherit;text-align:left;cursor:pointer;outline:2px solid transparent;outline-offset:-2px}
html.wb .nlb-dok b{font-size:14px;font-weight:600;overflow-wrap:anywhere}
html.wb .nlb-dok small{font-size:12.5px;color:var(--ink-soft)}
html.wb .nlb-dok:hover{outline-color:var(--field-line)}
html.wb .nlb-dok.on{outline-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
html.wb .nl-vmarke{font-size:13.5px;color:var(--ink-soft)}
html.wb .nl-vmarke.ist-ja{display:inline-block;padding:2px 8px;font-weight:600;color:var(--accent-dark);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
html.wb .nl-tabelle tr.ist-fest{cursor:default}
html.wb .nl-vnotiz{margin-top:14px;max-width:80ch}

/* Galerie, frühere Ankündigungen */
html.wb .nlw-schema .s-gal{height:20px;background:linear-gradient(90deg,var(--wb-st-gespr-a) 0 47%,transparent 47% 53%,var(--wb-st-gespr-b) 53%)}
html.wb .nlw-schema.ist-klein .s-gal{height:14px}
html.wb .nlb-foto{position:relative}
html.wb .nlb-foto em{position:absolute;top:4px;left:4px;min-width:20px;height:20px;display:grid;place-items:center;background:var(--accent);color:#fff;font-style:normal;font-size:12px;font-weight:700}
html.wb .nlw-frueher{margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}
html.wb .nlw-frueher summary{font-size:16px;font-weight:600;cursor:pointer}
html.wb .nlw-frueher select{margin:6px 0 16px;min-height:42px;padding:8px 34px 8px 12px;border:1px solid var(--field-line);background-color:var(--surface);color:var(--ink);font:inherit;font-size:15px;max-width:420px}
html.wb .nlw-frueher .nlw-ktext{margin-top:8px}

/* Willkommensmail im Baukasten */
html.wb .nl-willk{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:4px 0 6px}
html.wb .nl-willk span{font-size:14px;line-height:1.5;color:var(--ink-soft);flex:1 1 260px}
html.wb .nlw-wegtitel{font-size:15.5px;font-weight:600;color:var(--ink)}

/* Textassistent */
html.wb .nlb-ki{padding:8px 20px 12px}
html.wb .nlb-kiliste{display:grid;gap:4px;margin-top:8px}
html.wb .nlb-kiliste[hidden],html.wb .nlb-kivor[hidden]{display:none}
html.wb .nlb-kiwahl{padding:10px 12px;border:0;background:var(--wb-seg);color:var(--ink);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;outline:2px solid transparent;outline-offset:-2px}
html.wb .nlb-kiwahl:hover,html.wb .nlb-kiwahl:focus-visible{outline-color:var(--accent)}
html.wb .nlb-kiliste small,html.wb .nlb-kivor small{font-size:13px;color:var(--ink-soft)}
html.wb .nlb-kikasten{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
html.wb .nlw .nlb-kikasten textarea{width:100%;min-height:92px;font-size:14.5px;line-height:1.5;resize:vertical}
html.wb .nlb-kiakt{display:flex;flex-wrap:wrap;gap:8px}
html.wb .nlb-kivor{display:grid;gap:10px;padding:14px;background:var(--wb-seg)}
html.wb .nlb-kitext{font-size:14.5px;line-height:1.6;color:var(--ink);max-height:300px;overflow:auto}
html.wb .nlb-kitext p{margin:0 0 10px}
html.wb .nlb-kitext ul{margin:0 0 10px;padding-left:20px}

/* Geführte Einrichtung in der Übersicht */
html.wb .nl-weg .nl-wegarbeit,html.wb .nl-weg .nl-wegspaeter,html.wb .nl-weg>li>.nl-wegnotiz{grid-column:2;min-width:0}
html.wb .nl-wegarbeit{display:grid;gap:14px;margin-top:14px;padding:18px;background:var(--wb-seg)}
html.wb .nl-wegspaeter{margin-top:10px}
html.wb .nl-wegspaeter summary{font-size:14px;font-weight:600;color:var(--accent-dark);cursor:pointer}
html.wb .nl-wegspaeter .nl-wegarbeit{margin-top:10px}
html.wb .nl-weg .nl-wegnotiz{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-soft);max-width:none}
html.wb .nl-weg>li>.nl-wegnotiz{margin-top:8px}
html.wb .nl-wegtun{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14.5px;line-height:1.55;color:var(--ink)}
html.wb .nl-wegtun li{display:list-item;padding:0;position:static}
html.wb .nl-wegtun li::before{display:none}
html.wb .nl-wegakt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
html.wb .nl-wegakt small{font-size:13px;color:var(--ink-soft)}
html.wb .nl-wegzwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html.wb .nl-wegarbeit .field{margin:0}
html.wb .nl-wegarbeit input{background:var(--surface)}
html.wb .nl-dnsliste{display:grid;gap:8px}
html.wb .nl-dns{display:grid;gap:6px;padding:12px 14px;background:var(--surface)}
html.wb .nl-dnskopf{display:flex;align-items:center;gap:10px;margin-bottom:2px}
html.wb .nl-weg .nl-dnskopf b{display:inline-block;padding:1px 8px;font-size:12.5px;font-weight:700;line-height:20px;letter-spacing:.04em;background:var(--wb-seg);color:var(--ink)}
html.wb .nl-dnskopf span{font-size:13.5px;color:var(--ink-soft)}
html.wb .nl-dnskopf .nl-dnsstand{margin-left:auto;padding:1px 8px;font-size:12.5px;font-weight:600;background:var(--wb-seg);color:var(--ink-soft)}
html.wb .nl-dnskopf .nl-dnshaken{margin-left:auto;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink,#fff)}
html.wb .nl-dnskopf .nl-dnshaken svg{width:12px;height:12px}
html.wb .nl-dnsfeld{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:10px;align-items:center}
html.wb .nl-dnsfeld>span{font-size:13px;color:var(--ink-faint)}
html.wb .nl-dnsfeld code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--ink);overflow-wrap:anywhere;user-select:all}
@media (max-width:640px){html.wb .nl-wegzwei{grid-template-columns:1fr}html.wb .nl-wegarbeit{padding:14px}html.wb .nl-dnsfeld{grid-template-columns:minmax(0,1fr) auto}html.wb .nl-dnsfeld>span{grid-column:1/-1}}
html.wb .nl-weg .nl-wegarbeit p,html.wb .nl-weg .nl-wegarbeit>*{grid-column:auto}
html.wb .nl-weg .nl-wegtun b,html.wb .nl-weg .nl-wegnotiz b{display:inline;font-size:inherit;line-height:inherit}
html.wb .nl-weg .nl-wegtun li{padding-bottom:0}

/* Baustein Dokument: eigenes PDF hochladen */
html.wb .nlb-dokhoch{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
html.wb .nlb-dokhoch small{font-size:13px;color:var(--ink-soft)}

/* Seitenspalte des Baukastens: Was man ausfüllt, was man auslöst und was nur erklärt, soll sich auf einen Blick unterscheiden.
   Felder sind getönte Flächen, die Hauptaktion trägt die Akzentfarbe, Nebenaktionen eine getönte Fläche, Entfernen die Warnfarbe.
   Weiß bleibt der Grund der Spalte. */
html.wb .nlw .nlb-srumpf .nlb-feld input,html.wb .nlw .nlb-srumpf .nlb-feld select,html.wb .nlw .nlb-srumpf .nlb-feld textarea,
html.wb .nlw .nlb-srumpf .nlb-frage input,html.wb .nlw .nlb-srumpf .nlb-frage select,html.wb .nlw .nlb-kikasten textarea{background-color:var(--wb-seg);border:1px solid transparent;border-bottom-color:var(--field-line)}
html.wb .nlw .nlb-srumpf .nlb-feld input:focus,html.wb .nlw .nlb-srumpf .nlb-feld select:focus,html.wb .nlw .nlb-srumpf .nlb-feld textarea:focus,
html.wb .nlw .nlb-srumpf .nlb-frage input:focus,html.wb .nlw .nlb-kikasten textarea:focus{background-color:var(--surface);border-color:var(--accent);outline:0}
html.wb .nlb-srumpf .nlb-zweit,html.wb .nlb-sakt .btn{background:var(--wb-seg)!important;border:0!important;color:var(--ink)!important;font-weight:600}
html.wb .nlb-srumpf .nlb-zweit:hover,html.wb .nlb-sakt .btn:hover{background:color-mix(in srgb,var(--ink) 12%,var(--surface))!important}
html.wb .nlb-sakt .nlb-sweg{background:color-mix(in srgb,var(--red) 11%,var(--surface))!important;color:var(--red)!important}
html.wb .nlb-sakt .nlb-sweg:hover{background:color-mix(in srgb,var(--red) 20%,var(--surface))!important}
html.wb .nlb-kikasten{padding:16px;border-top:0;background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
html.wb .nlb-kikasten .nlb-feldtitel{color:var(--accent-dark);font-size:15px}
html.wb .nlw .nlb-kikasten textarea{background-color:var(--surface)}
html.wb .nlb-kikasten .nlb-kivor{background:var(--surface)}
html.wb .nlb-srumpf .nlb-snotiz{font-size:13px}
html.wb .nlw .nlb-srumpf .nlb-kikasten .nlb-feld textarea{background-color:var(--surface)}
/* Auswahlkacheln (Dokumente) sind keine Felder: weiß mit Rand, gewählt in der Akzentfarbe */
html.wb .nlb-srumpf .nlb-dok{background:var(--surface);outline:1px solid var(--field-line);outline-offset:-1px}
html.wb .nlb-srumpf .nlb-dok:hover{outline-color:var(--accent)}
html.wb .nlb-srumpf .nlb-dok.on{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 9%,var(--surface))}

/* Umschalter der Vorschau: mit Abstand zum Rand der Karte, bündig mit dem Text darunter */
html.wb .nlw-vkopf{padding:16px 18px 14px}
html.wb .nlw-ansichten{margin:0 18px 14px}

/* Verteiler: Rollen je Person, von Hand zugewiesene sind markiert */
html.wb .nl-vrollen{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
html.wb .nl-vrolle{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;font-size:13.5px;font-weight:600;background:var(--wb-seg);color:var(--ink)}
html.wb .nl-vrolle.ist-hand{background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent-dark)}
html.wb .nl-vrolle small{font-size:11.5px;font-weight:500;opacity:.85}
html.wb .nl-vrolle.ist-leer{background:none;padding-left:0;font-weight:400;color:var(--ink-soft)}
html.wb .nl-vrollen .nl-neben{flex-basis:100%;margin:0}
html.wb .nl-rollenwahl{display:grid;gap:8px;margin:6px 0 14px}
html.wb .nl-rollenwahl label{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:12px;align-items:center;padding:8px 12px;background:var(--wb-seg)}
html.wb .nl-rollenwahl span{display:grid;gap:1px;min-width:0}
html.wb .nl-rollenwahl b{font-size:15px;font-weight:600}
html.wb .nl-rollenwahl small{font-size:13px;color:var(--ink-soft)}
html.wb .nl-rollenwahl select{background:var(--surface);min-height:38px}
@media (max-width:560px){html.wb .nl-rollenwahl label{grid-template-columns:1fr}}
html.wb .nl-rollenwahl select{padding-left:10px}

/* Knopf mit Symbol vor der Beschriftung */
html.wb .nlw-mitsymbol{display:inline-flex;align-items:center;gap:8px}
html.wb .nlw-mitsymbol svg{flex:none}
html.wb .nlw-mitsymbol.ist-laedt svg{animation:nlw-dreh .8s linear infinite}
@keyframes nlw-dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){html.wb .nlw-mitsymbol.ist-laedt svg{animation:none}}

/* Arbeitsfläche eines Schritts bleibt in der Karte, lange Zeilen brechen um */
html.wb .nl-wegarbeit{grid-template-columns:minmax(0,1fr);max-width:100%}
html.wb .nl-weg li{min-width:0}
html.wb .nl-wegarbeit .field input{width:100%;max-width:420px}

/* Objektwahl im Schritt Anlass: bei den Projektnews oben, beim Newsletter unter den Karten */

/* Knopf, der etwas wegnimmt: Warnfarbe auf getönter Fläche */
html.wb .nlw-knopf-weg{background:color-mix(in srgb,var(--red) 11%,var(--surface))!important;color:var(--red)!important;border:0!important;font-weight:600}
html.wb .nlw-knopf-weg:hover{background:color-mix(in srgb,var(--red) 20%,var(--surface))!important}

/* Karte mit Schalter rechts */
html.wb .nlw-mitschalter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
html.wb .nlw-schaltseite{display:grid;justify-items:center;gap:6px;min-width:64px}
html.wb .nlw-schaltseite span:last-child{font-size:12.5px;font-weight:600;color:var(--ink-soft)}
html.wb .nlw-schaltseite .dr-portal-switch{position:relative;width:44px;height:24px;cursor:pointer}
html.wb .nlw-schaltseite .dr-portal-switch .knob{position:absolute;width:20px;height:20px;transition:transform .15s}
html.wb .nlw-schaltseite .dr-portal-switch[aria-checked="true"] .knob{transform:translateX(20px)}
html.wb .nlw-schaltseite .dr-portal-switch:disabled{opacity:.5;cursor:default}
html.wb .nlw-schaltseite .dr-portal-switch:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}

/* ---------- Schritt 1, kompakt (08.10.2026) ----------
   Karten liegen quer: links das Zeichen des Anlasses auf getönter Fläche, rechts Name, ein Satz und der Umfang.
   Die Wahl des Bauprojekts steht in der Kopfzeile des Abschnitts, eigene Vorlagen als schmale Reihe darüber. */
html.wb .nlw-anlkopf{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 28px;flex-wrap:wrap;margin-bottom:20px}
html.wb .nlw-anlkopf .nlw-unterfrage{margin:8px 0 0}
html.wb .nlw-leerwahl{position:relative}
html.wb .nlw-leerlink{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;font-size:14.5px;font-weight:600;color:var(--accent-dark);cursor:pointer}
html.wb .nlw-leerlink:hover{text-decoration:underline;text-underline-offset:3px}
html.wb .nlw-leermenue{position:absolute;right:0;top:calc(100% + 6px);z-index:8;width:min(340px,86vw);display:grid;gap:2px;padding:6px;background:var(--surface)}
html.wb .nlw-leermenue[hidden]{display:none}
html.wb .nlw-leermenue button{display:grid;gap:2px;text-align:left;border:0;background:none;padding:10px 12px;color:var(--ink);cursor:pointer}
html.wb .nlw-leermenue button:hover,html.wb .nlw-leermenue button:focus-visible{background:var(--surface-2)}
html.wb .nlw-leermenue b{font-size:14.5px;font-weight:600}
html.wb .nlw-leermenue small{font-size:13px;line-height:1.4;color:var(--ink-soft)}

html.wb .nlw-eigene{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}
html.wb .nlw-eigentitel{font-size:14px;font-weight:600;color:var(--ink-soft);margin-right:4px}
html.wb .nl .nlw-vchip{display:inline-flex;align-items:stretch;background:var(--surface);box-shadow:var(--wb-card);outline:2px solid transparent;outline-offset:-2px;max-width:100%}
html.wb .nl .nlw-vchip:hover,html.wb .nl .nlw-vchip:focus-within{outline-color:var(--accent)}
html.wb .nlw-vchipauf{display:inline-flex;align-items:center;gap:10px;min-width:0;border:0;background:none;padding:6px 4px 6px 6px;color:var(--ink);cursor:pointer;text-align:left}
html.wb .nlw-vchipauf .nlw-pikto{flex:0 0 42px;width:42px}
html.wb .nlw-vchipauf b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:26ch}
html.wb .nlw-vchipauf small{font-size:13px;color:var(--ink-faint);font-variant-numeric:tabular-nums}
html.wb .nlw-vchipweg{border:0;background:none;padding:0 10px 0 6px;font-size:17px;line-height:1;color:var(--ink-faint);cursor:pointer}
html.wb .nlw-vchipweg:hover,html.wb .nlw-vchipweg:focus-visible{color:var(--red)}

html.wb .nlw-zweck{margin-top:26px}
html.wb .nlw-zweck:first-of-type{margin-top:0}
html.wb .nlw-zwkopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:12px}
html.wb .nlw-zwkopf .nlw-h{margin:0}
html.wb .nlw-zwecktext{margin:0;flex:1 1 320px;font-size:14px;line-height:1.5;color:var(--ink-soft)}
html.wb .nlw-objektzeile{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:20px}
html.wb .nlw-objektzeile .nlw-zwhinweis{margin:0;flex:0 1 auto}
html.wb .nlw-zwobjekt{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
html.wb .nlw-zwobjekt select{min-width:280px;max-width:420px;height:40px;font-size:14.5px}
html.wb .nlw-zwhinweis{margin:-2px 0 12px;padding:9px 12px;font-size:14px;font-weight:600;background:var(--wb-warn-bg);color:var(--wb-warn)}
html.wb .nlw-zwhinweis[hidden]{display:none}

html.wb .nlw-anlaesse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html.wb .nl .nlw-anl{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:stretch;min-height:132px;text-align:left;padding:0;border:0;background:var(--surface);box-shadow:var(--wb-card);color:var(--ink);cursor:pointer;outline:2px solid transparent;outline-offset:-2px}
html.wb .nl .nlw-anl:hover,html.wb .nl .nlw-anl:focus-visible,html.wb .nl .nlw-anl.on,html.wb .nl .nlw-anl.ist-vorgemerkt{outline-color:var(--accent)}
html.wb .nlw-anl:disabled{cursor:default;opacity:.6;outline-color:transparent!important}
html.wb .nlw-anl .nlw-pikto{display:grid;align-items:center}
html.wb .nlw-anl.on .nlw-pikto,html.wb .nlw-anl.ist-vorgemerkt .nlw-pikto{background:color-mix(in srgb,var(--accent) 17%,var(--surface))}
html.wb .nlw-anl:disabled .nlw-pikto{filter:grayscale(1)}
html.wb .nlw-anltext{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;gap:5px 10px;padding:14px 16px 13px 18px;min-width:0}
html.wb .nlw-anltext b{font-size:16.5px;font-weight:600;letter-spacing:-.005em;line-height:1.25}
html.wb .nlw-anlpfeil{color:var(--accent);line-height:0;padding-top:2px;transition:transform .15s}
html.wb .nlw-anl:hover:not(:disabled) .nlw-anlpfeil{transform:translateX(3px)}
html.wb .nlw-anl:disabled .nlw-anlpfeil{visibility:hidden}
html.wb .nlw-anltext small{grid-column:1/-1;font-size:14px;line-height:1.45;color:var(--ink-soft)}
html.wb .nlw-anltext em{grid-column:1/-1;font-style:normal;font-size:12.5px;line-height:1.4;color:var(--ink-faint)}
html.wb .nlw-oeffnet .nlw-anl{pointer-events:none}
@media (prefers-reduced-motion:reduce){html.wb .nlw-anlpfeil{transition:none}}
@media (max-width:1180px){
  html.wb .nlw-anlaesse{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  html.wb .nlw-anlaesse{grid-template-columns:minmax(0,1fr)}
  html.wb .nl .nlw-anl{grid-template-columns:104px minmax(0,1fr);min-height:116px}
  html.wb .nlw-zwobjekt{width:100%;justify-content:space-between}
  html.wb .nlw-zwobjekt select{min-width:0;flex:1 1 auto;max-width:none}
  html.wb .nlw-leermenue{right:auto;left:0}
}

/* ---------- Übersicht nach der Einrichtung (08.10.2026) ----------
   Oben die letzten 30 Tage als Kennzahlen, links die letzten Mitteilungen mit ihren Werten, rechts Geplantes,
   Rückmeldungen und das Kontingent. Zeilen sind Verweise auf den Bericht der Mitteilung. */
html.wb .nl-kzreihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:22px}
html.wb .nl .nl-kz{background:var(--surface);box-shadow:var(--wb-card);padding:18px 22px;min-width:0}
html.wb .nl-kz span{display:block;font-size:13px;font-weight:600;color:var(--ink-soft)}
html.wb .nl-kz strong{display:block;margin-top:6px;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
html.wb .nl-kz strong s,html.wb .nl-wert b s{text-decoration:none;font-size:14px;font-weight:500;letter-spacing:0;color:var(--ink-faint)}
html.wb .nl-kz small{display:block;margin-top:6px;font-size:13px;color:var(--ink-soft);line-height:1.4}

html.wb .nl-raster.ist-aktuell{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
html.wb .nl-seite{display:grid;gap:22px;min-width:0}
html.wb .nl-kkopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
html.wb .nl-kkopf h2{margin:0}
html.wb .nl-kh3{margin:20px 0 4px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink-soft)}
html.wb .nl-karte>h2+.nl-kh3{margin-top:8px;padding-top:0;border-top:0}
html.wb .nl-mehr{display:inline-block;margin-top:14px;font-size:14px}

html.wb .nl-mz{display:grid;gap:8px;padding:18px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;outline-offset:4px}
html.wb .nl-kkopf+.nl-mz{border-top:0;padding-top:12px}
html.wb .nl-mz:hover .nl-mzkopf b{text-decoration:underline;text-underline-offset:3px}
html.wb .nl-mzkopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
html.wb .nl-mzkopf b{font-size:16px;font-weight:600;letter-spacing:-.005em;min-width:0}
html.wb .nl-mzkopf time{margin-left:auto;font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}
html.wb .nl-art{align-self:center;padding:2px 8px;font-size:12px;font-weight:700;background:var(--wb-seg);color:var(--ink-mid);white-space:nowrap}
html.wb .nl-art.ist-info{background:var(--accent-soft);color:var(--accent-dark)}
html.wb[data-theme=dark] .nl-art.ist-info{background:color-mix(in srgb,var(--accent) 24%,var(--surface));color:var(--ink)}
html.wb .nl-mzunter{font-size:13.5px;color:var(--ink-soft);line-height:1.45}
html.wb .nl-mzwerte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px;margin-top:4px}
html.wb .nl-wert{display:grid;gap:3px;min-width:0}
html.wb .nl-wert i{font-style:normal;font-size:12.5px;color:var(--ink-soft)}
html.wb .nl-wert b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}
html.wb .nl-wert .nl-balken{height:4px;margin-top:3px}
html.wb .nl-mzrueck{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;margin-top:4px;padding:10px 12px;background:var(--surface-2);font-size:13.5px;color:var(--ink-mid)}
html.wb .nl-mzrueck b{flex:1 1 100%;font-size:13.5px;font-weight:600;color:var(--ink)}
html.wb .nl-mzrueck em{font-style:normal;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
html.wb .nl-mzrueck em.ist-ja{color:var(--accent-dark)}
html.wb[data-theme=dark] .nl-mzrueck em.ist-ja{color:var(--accent)}
html.wb .nl-mzleer{padding:26px 0 6px;text-align:center}
html.wb .nl-mzleer b{font-size:16px}
html.wb .nl-mzleer p{margin:6px auto 16px;max-width:52ch;font-size:14px;line-height:1.55;color:var(--ink-soft)}

html.wb .nl-uz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:12px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
html.wb .nl-karte>h2+.nl-uz,html.wb .nl-kh3+.nl-uz{border-top:0;padding-top:6px}
html.wb .nl-uz b{font-size:14.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.wb .nl-uz:hover b{text-decoration:underline;text-underline-offset:3px}
html.wb .nl-uz small{grid-column:1/-1;font-size:13px;color:var(--ink-soft)}
html.wb .nl-uz .nl-balken{grid-column:1/-1;height:4px;margin-top:4px}

html.wb .nl-rz{display:grid;grid-template-columns:10px minmax(0,1fr);gap:2px 10px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
html.wb .nl-karte>h2+.nl-rz{border-top:0;padding-top:6px}
html.wb .nl-rz i{width:8px;height:8px;border-radius:50%;background:var(--field-line);align-self:center}
html.wb .nl-rz i.ist-ja{background:var(--accent)}
html.wb .nl-rz b{font-size:14.5px;font-weight:600}
html.wb .nl-rz:hover b{text-decoration:underline;text-underline-offset:3px}
html.wb .nl-rz small{grid-column:2;font-size:13px;color:var(--ink-soft)}
html.wb .nl-okpunkt{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;margin-right:8px;background:var(--accent);color:var(--accent-ink);vertical-align:-3px}
html.wb .nl-okpunkt svg{width:10px;height:10px}
@media (max-width:1100px){
  html.wb .nl-kzreihe{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.wb .nl-raster.ist-aktuell{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  html.wb .nl-kzreihe{gap:14px}
  html.wb .nl .nl-kz{padding:14px 16px}
  html.wb .nl-kz strong{font-size:24px}
  html.wb .nl-mzwerte{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.wb .nl-mzkopf time{margin-left:0;flex:1 1 100%}
}

/* ---------- Schatten (08.10.2026) ----------
   werkbank.css nimmt jeder Fläche den Schatten und gibt ihn nur Klassen zurück, die auf -card oder -karte enden.
   Die Flächen dieses Moduls heißen anders, ihre Regeln weiter oben wiegen gleich viel und verlieren deshalb.
   Hier stehen sie noch einmal mit einer Klasse mehr Gewicht. Im Dialog gilt das nicht: Dort liegt alles schon auf einer Karte. */
html.wb .nl :is(.nl-tabelle,.nl-leer,.nlw-block,.nlw-leerblock,.nlw-vorschau,.nlw-wahl,.nlw-kachel,.nlw-entwurf,.nlw-zeile,.nlw-start,.nlb-post,.nlb-leiste,.nl-wahlleiste,.nlb-seite:not(.ist-offen)){box-shadow:var(--wb-card)}
/* Karte in Karte bleibt flach */
html.wb .nl :is(.nl-karte,.nlw-karte,.nlw-block,.nlw-kachel,.nlb-seite,.nlw-vorschau) :is(.nl-tabelle,.nl-leer,.nlw-block,.nlw-leerblock,.nlw-wahl,.nlw-kachel,.nlw-entwurf,.nlw-zeile,.nlb-post){box-shadow:none}
/* Schwebende Ebenen */
html.wb .nl :is(.nlw-menue,.nl-wahlmenue,.nlb-linkfeld,.nlw-leermenue){box-shadow:var(--shadow)}
/* Feine Kanten, die als Schatten gezeichnet sind */
html.wb .nl :is(.nl-st-abgemeldet,.nlw-st-entwurf,.nlw-st-abgebrochen){box-shadow:inset 0 0 0 1px var(--wb-st-frei-bd)}
html.wb .nl .nlw-chip{box-shadow:inset 0 0 0 1px var(--field-line)}
html.wb .nl .nlb-mail{box-shadow:0 1px 3px rgba(24,33,29,.12)}


/* Vorstellung, solange die Einrichtung nicht begonnen ist (16.10.2026). Bilder von der Website (home/assets/bilder). */
html.wb .nl-vor{background:var(--surface);box-shadow:var(--wb-card);padding:0 0 34px;display:grid;gap:34px;overflow:hidden}
html.wb .nl-vor > :not(.nl-vor-held){margin:0 36px}
/* Kopf: Foto der Anlage zur blauen Stunde, links ein dunkler Verlauf für die Schrift. In beiden Themen gleich. */
html.wb .nl-vor-held{position:relative;min-height:360px;display:flex;align-items:center;background:#14261F;isolation:isolate}
html.wb .nl-vor-held img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 78%;z-index:-2}
html.wb .nl-vor-held::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14261F 0%,rgba(20,38,31,.92) 38%,rgba(20,38,31,.35) 62%,rgba(20,38,31,0) 82%)}
html.wb .nl-vor-text{padding:44px 40px;max-width:min(580px,58%)}
html.wb .nl-vor-ueber{display:block;margin-bottom:12px;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#CBA76A}
html.wb .nl-vor-text h2{margin:0 0 14px;font-size:32px;line-height:1.18;font-weight:600;letter-spacing:-.015em;text-wrap:balance;color:#FFFFFF}
html.wb .nl-vor-text p{margin:0;max-width:52ch;font-size:15.5px;line-height:1.6;color:#D3DBD5}
html.wb .nl-vor-akt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:26px}
html.wb .nl-vor-akt small{font-size:13px;color:#B9C4BC;max-width:40ch}
html.wb .nl-vor-teil h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--ink)}
/* Drei Anlässe mit Foto */
html.wb .nl-vor-anlaesse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html.wb .nl-vor-anlaesse figure{margin:0;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr}
html.wb .nl-vor-anlaesse img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
html.wb .nl-vor-anlaesse figcaption{padding:16px 18px 20px}
html.wb .nl-vor-anlaesse b{display:block;margin-bottom:6px;font-size:15.5px;font-weight:600;color:var(--ink)}
html.wb .nl-vor-anlaesse p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-soft)}
/* Was dahinter steckt */
html.wb .nl-vor-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html.wb .nl-vor-raster li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;align-content:start}
html.wb .nl-vor-sym{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;background:var(--accent-soft);color:var(--accent-dark)}
html.wb .nl-vor-raster b{font-size:15px;font-weight:600;color:var(--ink);padding-top:2px}
html.wb .nl-vor-raster p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-soft)}
/* Pauschale und Schritte */
html.wb .nl-vor-fuss{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;padding:26px 28px;background:var(--surface-2);border:1px solid var(--line)}
html.wb .nl-vor-fuss b{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:12px}
html.wb .nl-vor-zahlen{display:flex;flex-wrap:wrap;gap:12px 32px;margin-bottom:12px}
html.wb .nl-vor-zahlen span{display:grid;font-size:13px;color:var(--ink-soft)}
html.wb .nl-vor-zahlen em{font-style:normal;font-size:30px;font-weight:650;line-height:1.1;letter-spacing:-.01em;color:var(--accent-dark);font-variant-numeric:tabular-nums}
html.wb .nl-vor-kont p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-soft)}
html.wb .nl-vor-weg{margin:0;padding:0;list-style:none;counter-reset:vw;display:grid;gap:9px}
html.wb .nl-vor-weg li{counter-increment:vw;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;color:var(--ink-mid)}
html.wb .nl-vor-weg li::before{content:counter(vw);display:inline-grid;place-items:center;width:22px;height:22px;flex:none;background:var(--surface);border:1px solid var(--field-line);font-size:12px;font-weight:650;color:var(--ink)}
html.wb .nl-vor-weg small{font-size:12px;color:var(--ink-soft)}
@media (max-width:1100px){html.wb .nl-vor-raster{grid-template-columns:minmax(0,1fr)}html.wb .nl-vor-fuss{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){html.wb .nl-vor-anlaesse{grid-template-columns:minmax(0,1fr)}html.wb .nl-vor-anlaesse figure{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:none}html.wb .nl-vor-anlaesse img{height:100%;aspect-ratio:auto;min-height:140px}}
@media (max-width:620px){html.wb .nl-vor > :not(.nl-vor-held){margin:0 18px}html.wb .nl-vor-text{padding:30px 20px;max-width:none}html.wb .nl-vor-text h2{font-size:24px}
  html.wb .nl-vor-held::before{background:linear-gradient(180deg,rgba(20,38,31,.72) 0%,#14261F 70%)}html.wb .nl-vor-anlaesse figure{grid-template-columns:minmax(0,1fr)}html.wb .nl-vor-anlaesse img{aspect-ratio:3/2;height:auto}}
html.wb #nlWegTitel:focus{outline:none}