/* ══════════════════════════════════════════════════════════════════════════════
   EINTRAGSTEXT DER WISSENSDATENBANK — eine Gestaltung für Lesefassung und Editor
   (Durchgang Wissensdatenbank, 26.09.2026, Nutzer-Entscheidung „eine Gestaltung für beide“)

   ÄNDERN = EINE STELLE. Dieselbe Datei gestaltet
     · die Lesefassung            (<div class="wb-fliess">, wissensdatenbank.js)
     · die Versionsvorschau       (<div class="ver-preview-body wb-fliess">)
     · den Editor-Inhalt          (iframe mit body.wb-fliess, content_css in ladeEditor)
   Vorher standen Tabellen, Code und Hinweise in der Lesefassung im Browser-Standard
   (gemessen: Tabelle 204 px breit, Zellen ohne Abstand, Kopf zentriert), der Editor
   zeigte sie mit HugeRTE-Rahmen — Redaktion und Lesende sahen zwei Fassungen.

   ⚠ Farben NUR über Tokens. Im Editor-iframe sind die Tokens der Seite nicht
     definiert; `_editorTokens()` in wissensdatenbank.js überträgt sie per CSSOM auf
     das iframe-Dokument. Rückfallwerte = Hellmodus.
   ⚠ Außenabstände stehen AUSDRÜCKLICH da: die Seite setzt einen Reset, das iframe
     nicht — sonst sähe derselbe Absatz im Editor anders aus als in der Lesefassung.
   ══════════════════════════════════════════════════════════════════════════════ */

.wb-fliess{font-size:14px;line-height:1.7;color:var(--text,#28231c)}
.wb-fliess h1,.wb-fliess h2,.wb-fliess h3{font-family:var(--font-serif,'Lora',Georgia,serif);
 color:var(--text,#28231c);margin:1.3em 0 .45em;font-size:17px;font-weight:600;line-height:1.35}
.wb-fliess h4{font-size:var(--fs-gross,14px);font-weight:700;color:var(--text,#28231c);margin:1.1em 0 .35em}
.wb-fliess h1:first-child,.wb-fliess h2:first-child,.wb-fliess h3:first-child,
.wb-fliess h4:first-child{margin-top:.3em}
.wb-fliess p{margin:0 0 .8em}
.wb-fliess ul,.wb-fliess ol{padding-left:1.4em;margin:0 0 .8em}
.wb-fliess li{margin-bottom:.3em}
.wb-fliess a{color:var(--blue,#1a5296)}
.wb-fliess blockquote{border-left:3px solid var(--blue,#1a5296);padding:8px 14px;
 background:var(--blue-faint,rgba(26,82,150,.06));border-radius:0 4px 4px 0;margin:1em 0}

/* Tabellen — die Linienführung der Datentabellen des Hauses (Kopf mit Grundstrich,
   Zeilen mit Haarlinie), aber ohne deren Report-Eigenheiten. Sortierbar sind sie
   NICHT (Nutzer): der Behälter trägt `data-nosort`, siehe erisSortAuto. */
.wb-fliess table{width:100%;border-collapse:collapse;margin:.4em 0 1.1em;
 font-size:var(--fs-basis,13px);line-height:1.5;font-variant-numeric:tabular-nums}
.wb-fliess th,.wb-fliess td{padding:6px 10px;text-align:left;vertical-align:top;
 border-bottom:1px solid var(--line,rgba(80,60,30,.13))}
.wb-fliess th{font-weight:600;color:var(--text-soft,#3d3529)}
.wb-fliess thead th{border-bottom:2px solid var(--border-mid,rgba(80,60,30,.18))}
.wb-fliess tbody tr:last-child td{border-bottom:none}

/* Code — im Fließtext und als Block. */
.wb-fliess code{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;font-size:.9em;
 background:var(--surface-2,#f7f3ec);border-radius:3px;padding:1px 4px}
.wb-fliess pre{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;
 font-size:var(--fs-klein,12px);line-height:1.55;white-space:pre;overflow-x:auto;
 background:var(--surface-2,#f7f3ec);border:1px solid var(--border,rgba(80,60,30,.11));
 border-radius:5px;padding:10px 14px;margin:.5em 0 1em}
.wb-fliess pre code{background:none;padding:0;font-size:inherit}

/* Hinweis — dieselbe Optik wie der Hinweis im Ablauf (.wb-schritt-hinweis),
   Nutzer-Entscheidung: ein Aussehen für „Hinweis“ auf einer Seite. */
.wb-fliess .hinweis{display:block;margin:.8em 0;padding:8px 12px;
 background:var(--surface-2,#f7f3ec);border:1px solid var(--border,rgba(80,60,30,.11));
 border-radius:5px;font-size:var(--fs-klein,12px);color:var(--text-soft,#3d3529);line-height:1.5}

/* Nur im Editor-iframe: dort IST der body der Eintragstext. */
body.wb-fliess{margin:14px 18px;background:var(--surface,#fff);
 font-family:var(--font-sans,'Source Sans 3',system-ui,sans-serif)}

/* Beleg — eine datierte Zahl, die eine Regel begründet (W3, Nutzer-Entscheidung „Werte raus,
   Belege datiert“). Leiser als der Fließtext: er stützt die Aussage, er ist sie nicht. */
.wb-fliess .wb-beleg{margin:.6em 0 1em;padding:2px 0 2px 10px;
 border-left:2px solid var(--border-mid,rgba(80,60,30,.18));
 font-size:var(--fs-klein,12px);color:var(--text-muted,#6e675e);line-height:1.5}

/* Technik — Datei-, Tabellen- und Funktionsnamen stehen am Ende, eingeklappt (W3,
   Nutzer-Entscheidung „Lesetext vorn, Technik ans Ende“). */
.wb-fliess details.wb-technik{margin:1.6em 0 .4em;padding-top:.6em;
 border-top:1px solid var(--line,rgba(80,60,30,.13));font-size:var(--fs-klein,12px);
 color:var(--text-soft,#3d3529)}
.wb-fliess details.wb-technik>summary{cursor:pointer;font-weight:600;color:var(--text-muted,#6e675e);
 margin-bottom:.4em}
.wb-fliess details.wb-technik p,.wb-fliess details.wb-technik li{margin-bottom:.4em}