/* 17-wiki.css · Teil 17 von 19 · Wiki. Reihenfolge der Dateien = Kaskade (index.html), nicht umsortieren. */
/* ── Wiki (view-wiki.js): drei Spalten, jede scrollt fuer sich (wie Home).
   Das Aussehen der Artikel kommt allein von hier — das Backend liefert nur
   schlichtes HTML (h2–h5, p, ul/ol, table, pre, img, a). ── */
.wk { flex:1 1 0; min-height:0; display:grid; grid-template-columns:260px minmax(0,1fr) 300px; grid-template-rows:minmax(0,1fr); }
.wk :where(.wk-nav-i, .wk-toc-i, .wk-karte, .wk-ib, .wk-tl) {
  font:inherit; color:inherit; background:none; border:0; padding:0; margin:0; text-align:left; cursor:pointer; }
.wk-nav { background:#fff; border-right:1px solid var(--border); display:flex; flex-direction:column; min-height:0; min-width:0; }
.fl-suche.wk-such { margin:18px 14px 6px; width:auto; height:36px; }
.wk-liste { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 10px 40px; }
.wk-rub-t { display:flex; justify-content:space-between; font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.06em; color:var(--muted); padding:16px 10px 6px; }
.wk-rub-t span { font-weight:600; }
/* Rubrik (Kapitel) der Navigation: Kopf zum Auf-/Zuklappen, Artikel eingerückt mit Führungslinie */
.wk-rub { margin-top:6px; }
.wk-rub-k { display:flex; align-items:center; gap:6px; width:100%; margin:0; padding:9px 8px 7px; border:0; background:none; font:inherit; text-align:left; cursor:pointer;
  font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#45434F; border-radius:8px; }
.wk-rub-k:hover { color:#1C1B22; background:#F6F4EF; }
.wk-rub-k .psub-i { flex:none; width:15px; height:15px; color:#9B98A8; transition:transform .15s; }
.wk-rub.zu .wk-rub-k .psub-i { transform:rotate(-90deg); }
.wk-rub-n { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wk-rub-z { flex:none; font-size:11px; font-weight:600; letter-spacing:0; background:#F0EEE9; color:var(--muted); border-radius:999px; padding:0 7px; }
.wk-rub-b { margin:0 0 6px 15px; padding-left:8px; border-left:2px solid #ECE9E2; }
.wk-rub-b[hidden] { display:none; }
.wk-rub-b .wk-nav-i { padding:6px 10px; font-size:13.5px; }
.wk-nav-i { display:flex; align-items:center; gap:8px; width:100%; padding:7px 10px; border-radius:8px; font-size:14px; color:#2A2933; }
.wk-nav-i:hover { background:#F3F1EC; }
.wk-nav-i.aktiv { background:#EBEAFB; color:#2E2A8C; font-weight:600; }
.wk-nav-t { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wk-start-i { margin-top:6px; font-weight:600; }
.wk-hit { flex-wrap:wrap; }
.wk-hit b { flex:1; min-width:0; font-weight:600; }
.wk-hit small { flex-basis:100%; font-size:12px; color:var(--muted); line-height:1.4; display:-webkit-box;
  -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wk-n { font-size:11px; font-weight:600; background:#EBEAFB; color:#4640C4; border-radius:999px; padding:0 7px; }
.wk-dot { flex:none; width:8px; height:8px; border-radius:50%; background:#C2410C; }
.wk-leer { font-size:13px; color:var(--muted); padding:14px 10px; }
.wk-main { min-width:0; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:24px var(--fx) 64px; }
.wk-side { background:#fff; border-left:1px solid var(--border); padding:22px 22px 56px; min-width:0; min-height:0;
  overflow-y:auto; overscroll-behavior:contain; }
.wk-side > section + section { margin-top:24px; padding-top:20px; border-top:1px solid var(--border); }
.wk-side h2 { font-size:13px; font-weight:600; color:#1F2430; margin:0 0 10px; }
.wk-side h2 small { color:#9B98A8; font-weight:500; margin-left:4px; }
.wk-toc { display:flex; flex-direction:column; }
.wk-toc-i { display:block; width:100%; padding:5px 8px; border-radius:6px; font-size:13px; color:#45434F; line-height:1.35; }
.wk-toc-i:hover { background:#F3F1EC; color:var(--navy); }
.wk-toc-i.e0 { font-weight:600; color:#1C1B22; }
.wk-toc-i.e2 { padding-left:20px; }
.wk-toc-i.e3 { padding-left:32px; font-size:12.5px; color:var(--muted); }
.wk-toc-i small { display:block; font-size:11.5px; color:var(--muted); }
.btn.sec.wk-kbtn { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:500; padding:8px 14px; border-radius:10px; }
.wk-kbtn .psub-i, .wk-akt .psub-i, .wk-up .psub-i, .wk-ib .psub-i { width:14px; height:14px; }
/* Blatt: der Artikel auf weissem Grund, Lesebreite begrenzt */
.wk-blatt { background:#fff; border:1px solid var(--border); border-radius:12px; padding:34px 44px 44px; max-width:880px; box-sizing:border-box; }
.wk-hinweis { max-width:880px; box-sizing:border-box; margin-bottom:12px; padding:10px 14px; border-radius:10px;
  background:#FEF3E2; color:#8A4B0B; font-size:13px; line-height:1.45; }
.wk-hinweis-grau { background:#F3F1EC; color:var(--muted); }
.wk-leerseite h2 { margin:0 0 8px; font-size:18px; color:#1C1B22; }
.wk-leerseite p { color:#45434F; font-size:14px; line-height:1.6; max-width:620px; }
.wk-leerseite p.wk-warn { color:#8A4B0B; }
.wk-err { color:#B4232A; }
.wk-leicht { color:#9B98A8; }
.wk-meta { font-size:13px; color:var(--muted); line-height:1.55; margin:0 0 8px; }
.wk-lnk { font-size:13px; color:var(--navy); font-weight:600; text-decoration:none; }
/* Typografie des Dokuments */
.wk-doc { font-size:15px; line-height:1.7; color:#26252D; overflow-wrap:anywhere; }
.wk-doc > :first-child { margin-top:0; }
.wk-doc h2 { font-size:22px; line-height:1.3; margin:34px 0 10px; color:#1A1B4B; font-weight:700; scroll-margin-top:16px; }
.wk-doc h3 { font-size:18px; line-height:1.35; margin:28px 0 8px; color:#1C1B22; font-weight:650; scroll-margin-top:16px; }
.wk-doc h4 { font-size:15.5px; margin:22px 0 6px; color:#1C1B22; font-weight:650; scroll-margin-top:16px; }
.wk-doc h5 { font-size:13px; margin:18px 0 4px; color:#45434F; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.wk-doc h2.wk-tab { font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--pink); margin:40px 0 14px;
  padding-top:16px; border-top:2px solid var(--pink); }
.wk-doc h2.wk-tab:first-child { margin-top:0; }
.wk-doc p { margin:0 0 12px; }
.wk-doc .wk-titel { font-size:26px; font-weight:700; color:#1A1B4B; line-height:1.25; }
.wk-doc .wk-untertitel { font-size:16px; color:var(--muted); }
.wk-doc .wk-mitte { text-align:center; }
.wk-doc .wk-rechts { text-align:right; }
.wk-doc ul, .wk-doc ol { margin:0 0 12px; padding-left:24px; }
.wk-doc li { margin:3px 0; }
.wk-doc li > ul, .wk-doc li > ol { margin:4px 0; }
.wk-doc .wk-leer { list-style:none; padding:0; }
.wk-doc a { color:#3B4BC8; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
.wk-doc a.wk-intern { color:var(--pink); text-decoration-style:dotted; }
.wk-doc code { font-family:'IBM Plex Mono', monospace; font-size:.88em; background:#F3F1EC; border-radius:4px; padding:1px 5px; }
.wk-doc pre.wk-code { background:#1E1F3A; color:#E8E8F2; border-radius:10px; padding:14px 16px; margin:0 0 14px;
  overflow-x:auto; font-size:13px; line-height:1.55; }
.wk-doc pre.wk-code code { background:none; padding:0; color:inherit; font-size:inherit; white-space:pre; }
.wk-doc hr { border:0; border-top:1px solid var(--border); margin:24px 0; }
.wk-doc .wk-box { background:#F6F5F2; border-radius:8px; padding:10px 14px; }
.wk-doc .wk-kasten { background:#F6F5FD; border-left:3px solid var(--cyan); border-radius:0 10px 10px 0; padding:12px 16px; margin:0 0 14px; }
.wk-doc .wk-kasten > :last-child { margin-bottom:0; }
.wk-doc .wk-tbl { overflow-x:auto; margin:0 0 16px; }
.wk-doc table { border-collapse:collapse; width:100%; font-size:14px; line-height:1.5; }
.wk-doc th, .wk-doc td { border:1px solid var(--border); padding:7px 10px; text-align:left; vertical-align:top; }
.wk-doc th { background:#FAF9F6; font-weight:600; }
.wk-doc td p, .wk-doc th p { margin:0 0 6px; }
.wk-doc td > :last-child, .wk-doc th > :last-child { margin-bottom:0; }
.wk-doc img.wk-img { max-width:100%; height:auto; border-radius:6px; vertical-align:middle; background:#F3F1EC; }
.wk-doc .wk-bildp { text-align:center; }
.wk-doc .wk-fehlbild { display:inline-block; font-size:12.5px; color:var(--muted); background:#F3F1EC; border-radius:6px; padding:4px 10px; }
.wk-doc sup.wk-fn a { text-decoration:none; font-weight:600; }
.wk-doc .wk-fns { margin-top:30px; padding-top:12px; border-top:1px solid var(--border); font-size:13px; color:var(--muted); }
.wk-doc mark.wk-mark { background:#FFF1A8; color:inherit; border-radius:2px; padding:0 1px; }
/* aus HTML-Dateien */
.wk-doc blockquote { margin:0 0 14px; padding:4px 0 4px 16px; border-left:3px solid var(--border); color:#45434F; }
.wk-doc details.wk-details { border:1px solid var(--border); border-radius:8px; padding:8px 14px; margin:0 0 14px; }
.wk-doc details.wk-details > summary { cursor:pointer; font-weight:600; color:#1C1B22; }
.wk-doc details.wk-details[open] > summary { margin-bottom:8px; }
.wk-doc figure { margin:0 0 16px; text-align:center; }
.wk-doc figcaption { font-size:12.5px; color:var(--muted); margin-top:6px; }
.wk-doc dl { margin:0 0 12px; }
.wk-doc dt { font-weight:600; color:#1C1B22; }
.wk-doc dd { margin:0 0 8px 18px; }
/* 1:1-Ansicht einer HTML-Datei: der iframe füllt die Mittelspalte und scrollt in sich
   (100vh und position:fixed der Seite beziehen sich so auf den sichtbaren Bereich) */
.wk-main.wk-voll { padding:0; overflow:hidden; display:flex; flex-direction:column; }
.wk-voll > .wk-hinweis { max-width:none; margin:0; border-radius:0; }
.wk-1zu1 { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; background:#fff; }
.wk-1zu1 > .wk-leer { padding:18px var(--fx); }
.wk-frame { flex:1 1 auto; min-height:0; width:100%; border:0; display:block; background:#fff; }
.wk-seg { display:flex; }
.wk-seg .seg-filter-i { flex:1; }
.wk-seg-t { margin:8px 0 0; }
.wk-up.wk-up-form { margin-top:0; padding:8px 12px; border:1px dashed var(--border); border-radius:8px; width:100%; }
.wk-up.wk-up-form span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Übersicht */
.wk-start { max-width:980px; }
.wk-kz { display:flex; background:#fff; border:1px solid var(--border); border-radius:12px; margin-bottom:22px; }
.wk-kz > div { flex:1; padding:14px 18px; display:flex; align-items:baseline; gap:8px; }
.wk-kz > div + div { border-left:1px solid var(--border); }
.wk-kz b { font-size:24px; font-weight:600; color:#1C1B22; }
.wk-kz span { font-size:13px; color:var(--muted); }
.wk-rubk { margin-bottom:22px; }
.wk-rubk h2 { font-size:16px; font-weight:600; color:#1C1B22; margin:0 0 12px; padding-bottom:8px; border-bottom:1px solid var(--border); }
.wk-rubk h2 small { color:#9B98A8; font-weight:500; margin-left:4px; font-size:14px; }
.wk-karten { display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:10px; }
.wk-karte { position:relative; display:flex; flex-direction:column; gap:4px; background:#fff; border:1px solid var(--border);
  border-radius:10px; padding:12px 30px 12px 14px; }
.wk-karte:hover { border-color:#C9C6D6; }
.wk-karte b { font-size:14.5px; font-weight:600; color:#1C1B22; }
.wk-karte span { font-size:12.5px; color:var(--muted); }
.wk-karte .wk-dot { position:absolute; top:14px; right:12px; }
/* Seitenpanel: Quelle & Backup, Anhänge */
.wk-kv { margin:0; display:flex; flex-direction:column; gap:10px; }
.wk-kv > div { display:grid; grid-template-columns:78px minmax(0,1fr); gap:8px; font-size:13px; }
.wk-kv dt { color:var(--muted); }
.wk-kv dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.wk-kv dd a { color:var(--navy); font-weight:600; text-decoration:none; }
.wk-kv dd small { display:block; color:var(--muted); font-size:12px; margin-top:2px; }
.wk-akt { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; }
.wk-akt .btn.sec { display:inline-flex; align-items:center; gap:6px; }
.wk-akt .btn.sec.wk-weg:hover { color:#B4232A; border-color:#E8B4B4; }
.wk-anh { display:flex; gap:10px; padding:9px 0; border-bottom:1px solid #F0EEE8; }
.wk-ext { flex:none; width:38px; height:38px; border-radius:8px; background:#EBEAFB; color:#4640C4; font-size:10px; font-weight:700;
  display:flex; align-items:center; justify-content:center; letter-spacing:.02em; overflow:hidden; }
.wk-anh-t { min-width:0; flex:1; display:flex; flex-direction:column; gap:1px; }
.wk-anh-t b { font-size:13px; font-weight:600; color:#1C1B22; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wk-anh-t small { font-size:12px; color:#45434F; }
.wk-anh-t small.wk-leicht { color:#9B98A8; }
.wk-anh-akt { display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; margin-top:4px; }
.wk-tl { font-size:12.5px; color:var(--navy); font-weight:600; text-decoration:none; }
.wk-ib { color:var(--muted); display:inline-flex; }
.wk-ib:hover { color:var(--navy); }
.wk-up { display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-size:13px; font-weight:600; color:var(--navy); cursor:pointer; }
.wk-upform { margin-top:10px; padding:10px 12px; border:1px solid var(--border); border-radius:10px; display:flex; flex-direction:column; gap:6px; font-size:13px; }
.wk-upform[hidden] { display:none; }
.wk-upform input { padding:7px 9px; border:1px solid var(--border); border-radius:8px; font:inherit; font-size:13px; }
.wk-upform .wk-anh-akt { justify-content:flex-end; }
.wk-upform .btn { font-size:13px; padding:6px 12px; }
.wk-warn-t { color:#8A4B0B; font-size:12px; }
/* Korrekturhinweise an den Autor (19.10.2026): Seitenpanel, Zahl in der Navigation, Vermerk auf der Karte */
.wk-korr-i { padding:9px 0 9px 10px; border-left:3px solid #F2B8C6; margin-bottom:8px; }
.wk-korr-i.erl { border-left-color:#CFE8D6; opacity:.85; }
.wk-korr-i p { margin:3px 0 0; font-size:13px; color:#1C1B22; white-space:pre-wrap; overflow-wrap:anywhere; }
.wk-korr-i small { display:block; font-size:12px; }
.wk-korr-erl { color:#1F7A3D; margin-top:4px; }
.wk-korr-neu { display:inline-flex; align-items:center; gap:6px; margin-top:4px; }
.wk-korr-neu .psub-i { width:14px; height:14px; }
.wk-korr-erlt { display:block; margin-top:10px; }
.wk-korr .m-msg { display:block; margin-top:6px; }
.wk-korr .m-msg:empty { display:none; }
.wk-korr-n { flex:none; min-width:18px; height:18px; padding:0 5px; border-radius:99px; background:var(--pink); color:#fff;
  font-size:11px; font-weight:700; line-height:18px; text-align:center; }
.wk-korr-k { color:#B4234A; font-weight:600; }
.wk-vorschau { max-height:60vh; overflow:auto; background:#1E1F3A; color:#E8E8F2; border-radius:10px; padding:14px 16px;
  font-family:'IBM Plex Mono', monospace; font-size:12.5px; line-height:1.55; white-space:pre; margin:12px 0 0; }
/* Unter 1280 px: Seitenpanel unter den Artikel, die Seite scrollt als Ganzes */
@media (max-width:1280px) {
  .wk { flex:1 0 auto; grid-template-columns:240px minmax(0,1fr); grid-template-rows:auto auto; }
  .wk-nav { grid-row:1 / span 2; align-self:start; position:sticky; top:0; max-height:calc(100vh - 140px); }
  .wk-main, .wk-side { overflow:visible; }
  .wk-side { border-left:0; border-top:1px solid var(--border); }
  .wk-frame { flex:none; height:calc(100vh - 140px); min-height:420px; }
}
@media (max-width:900px) {
  .wk { grid-template-columns:minmax(0,1fr); }
  .wk-nav { grid-row:auto; position:static; max-height:none; border-right:0; border-bottom:1px solid var(--border); }
  .wk-liste { max-height:260px; }
  .wk-blatt { padding:22px 18px 28px; }
}