/* Die oeffentlichen Beispielseiten (oeffentlich.js, 1.10.2026): Land, Firma,
   Berichtsarchiv. Dieselben Farben wie die Rechtsseiten (stil.css), ohne
   fremde Schriften -- die Seite soll auf einem langsamen Handy sofort stehen.
   Kontraste nach WCAG 2.1 AA. */
/* 11.10.2026: Im Rahmen der Startseite (oeffentlich.js seiteImStartRahmen) gelten deren Farben
   (Design-System: --bg, --panel, --border, --text, --text-dim, --text-faint, --gold). Die Werte
   hier sind nur der Rueckfall fuer den schlichten Rahmen und die Einbettung. */
body:not(.oeff){
  --bg:#0e1116; --panel:#161a21; --line:#242a34;
  --text:#e6e9ef; --dim:#a2abb9; --faint:#808998; --gold:#c8a34a; --gruen:#3fa796;
}
body.oeff{--gruen:#3fa796;--line:var(--border,#252D38);--dim:var(--text-dim,#8A93A3);--faint:var(--text-faint,#808998);}
body.oeff{font-family:var(--dk-sans,'Inter',system-ui,sans-serif);}
body.oeff .oeff-main{padding-top:40px;padding-bottom:64px;color:var(--text);}
body.oeff .oeff-main h1{font-family:var(--dk-sans,'Inter',system-ui,sans-serif);font-weight:700;letter-spacing:-.02em;}
body.oeff .oeff-main .kicker{font-family:var(--dk-mono,'IBM Plex Mono',monospace);}
body.oeff .oeff-main p,body.oeff .oeff-main li{color:var(--text-dim,#a2abb9);}
body.oeff .oeff-main .kachel .gross,body.oeff .oeff-main table td,body.oeff .oeff-main table th,body.oeff .oeff-main h2,body.oeff .oeff-main h3.frage{color:var(--text,#e6e9ef);}
body.oeff .kachel,body.oeff .werkzeug,body.oeff .abo-box,body.oeff .tool-karte,body.oeff .yt-start,body.oeff section.mehr{border-radius:var(--radius,10px);}
.seiten-fuss{font-size:12.5px;color:var(--faint);margin:40px 0 0;}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65;}
a{color:var(--gold);}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.breit{max-width:980px;margin:0 auto;padding:0 22px;}

.kopf{border-bottom:1px solid var(--line);}
.kopf-in{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;}
.marke{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:2.4px;color:var(--text);text-decoration:none;font-size:15px;}
.marke span{display:block;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:0;font-size:12.5px;color:var(--gold);}
.kopf nav{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;font-size:14px;}
.kopf nav a{color:var(--dim);text-decoration:none;padding:6px 0;}
.kopf nav a:hover{color:var(--text);}

.knopf{display:inline-block;padding:9px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);text-decoration:none;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;}
.knopf.haupt,.kopf nav a.knopf.haupt{background:var(--gold);border-color:var(--gold);color:#14110a;padding:9px 16px;}
.knopf:hover{border-color:var(--gold);}

main.breit{padding-top:44px;padding-bottom:70px;}
.kicker{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0 0 10px;}
h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:0 0 18px;letter-spacing:-.01em;}
h2{font-size:21px;line-height:1.3;margin:44px 0 14px;}
h3{font-size:13px;font-weight:600;color:var(--dim);margin:0 0 6px;}
.vorspann{font-size:18px;color:var(--dim);max-width:760px;margin:0 0 30px;}

.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;}
/* 11.10.2026: Uebersicht /countries */
.laender-liste{list-style:none;padding:0;margin:18px 0 28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;}
.laender-liste a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;font-weight:600;}
.laender-liste a:hover{border-color:var(--gold);color:var(--gold);}
.kachel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px 12px;min-width:0;}
.kachel .gross{font-size:25px;font-weight:650;margin:0;line-height:1.2;font-variant-numeric:tabular-nums;}
.klein{font-size:12.5px;color:var(--faint);margin:2px 0 10px;}
.linie{display:block;width:100%;height:64px;overflow:visible;}
.linie path{fill:none;stroke:var(--gold);stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linejoin:round;}
.linie circle{fill:var(--gold);}
.linie .null{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke;}
.linie-achse{display:flex;justify-content:space-between;font-size:11.5px;color:var(--faint);margin-top:2px;}

table{width:100%;border-collapse:collapse;font-size:15px;}
th,td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);vertical-align:top;}
thead th{font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--faint);}
tbody th{font-weight:500;color:var(--dim);}
td{font-variant-numeric:tabular-nums;}
td:last-child:not(:first-child){color:var(--dim);}
.rollt{overflow-x:auto;border:1px solid var(--line);border-radius:12px;}
.rollt table{min-width:720px;}
.einheit{font-size:12px;color:var(--faint);white-space:nowrap;}
.rollt tr:last-child th,.rollt tr:last-child td{border-bottom:0;}
table.jahre td,table.jahre thead th:not(:first-child){text-align:right;white-space:nowrap;}
table.jahre td:last-child{color:var(--text);font-weight:600;}

.quelle p{font-size:14px;color:var(--dim);max-width:820px;}
.mehr{margin-top:54px;padding:26px 26px 22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;}
.mehr h2{margin-top:0;}
.mehr ul{margin:0 0 18px;padding-left:20px;color:var(--dim);}
.mehr li{margin:4px 0;}
.knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px;}
.auch{font-size:14px;color:var(--faint);margin:0;}

.archiv{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.archiv a{display:grid;gap:3px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--dim);}
.archiv a:hover{border-color:var(--gold);}
.archiv b{font-size:18px;color:var(--text);font-weight:650;}
.archiv .kw{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);}
.archiv .klein{margin:4px 0 0;}

.abo{max-width:560px;}
.abo label{display:block;font-size:13px;color:var(--dim);margin-bottom:6px;}
.abo-zeile{display:flex;gap:8px;flex-wrap:wrap;}
.abo input{flex:1 1 220px;min-width:0;font:inherit;font-size:15px;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg,#0b0e12);color:var(--text);}
.nlstatus{min-height:1.2em;font-size:13.5px;margin:8px 0 0;color:var(--dim);}
.nlstatus.gut{color:var(--gruen);} .nlstatus.fehler{color:#e07f7b;}

.fuss{border-top:1px solid var(--line);padding:26px 0 40px;font-size:13.5px;color:var(--faint);}
.fuss p{margin:0 0 10px;}
.fuss-links{display:flex;gap:6px 18px;flex-wrap:wrap;}
.fuss a{color:var(--dim);}

@media (max-width:560px){
  body{font-size:15px;}
  main.breit{padding-top:30px;}
  .vorspann{font-size:16.5px;}
  th,td{padding:9px 8px;}
}

/* Die Seite zur Strasse von Hormus (oeffentlich-enge.js, 1.10.2026). */
.erklaer{font-size:15px;color:var(--dim);max-width:820px;margin:0 0 16px;}
.erklaer.nach{margin-top:14px;}
.balken{display:block;width:100%;height:170px;}
.balken .b-alle{fill:#3a4352;}
.balken .b-tanker{fill:var(--gold);}
.linie.hoch{height:150px;margin-bottom:2px;}
.balken-achse{display:flex;font-size:11.5px;color:var(--faint);margin-top:4px;border-top:1px solid var(--line);padding-top:4px;}
.balken-achse span{min-width:0;overflow:hidden;white-space:nowrap;}
.legende{font-size:13px;color:var(--faint);margin:10px 0 0;}
.legende .punkt{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 6px 0 0;vertical-align:-1px;}
.legende .punkt.alle{background:#3a4352;}
.legende .punkt.tanker{background:var(--gold);margin-left:14px;}
.legende .punkt.linie-p{background:var(--gold);height:3px;width:14px;vertical-align:3px;}
.legende .punkt.marke{background:#e07f7b;width:2px;height:13px;border-radius:0;margin-left:14px;vertical-align:-2px;}
/* Zweite Fassung (1.10. abends): ein Satz je Abschnitt, kleine Tabellen, Linie am Kriegsbeginn. */
.kern{font-size:19px;line-height:1.4;font-weight:650;color:var(--text);max-width:760px;margin:0 0 18px;padding-left:14px;border-left:3px solid var(--gold);}
.balken .marke,.linie .marke{stroke:#e07f7b;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:4 3;fill:none;}
table.klein-tab{max-width:640px;margin-top:18px;font-size:14.5px;}
table.klein-tab th,table.klein-tab td{padding:8px 10px;}
table.klein-tab thead th:first-child{text-transform:none;letter-spacing:0;font-size:12.5px;}
table.jahre.klein-tab td:last-child{font-weight:inherit;color:inherit;}
/* Spaltenkoepfe duerfen umbrechen -- sonst ragt die Tabelle am Handy ueber den Rand (deutsche Koepfe sind laenger). */
table.jahre.klein-tab thead th:not(:first-child){white-space:normal;}
table.jahre.klein-tab th:first-child{overflow-wrap:anywhere;}
table.jahre.klein-tab td.heute{color:var(--text);font-weight:650;}
@media (max-width:560px){ .kern{font-size:17px;} table.klein-tab{font-size:13px;} table.klein-tab th,table.klein-tab td{padding:7px 5px;} table.klein-tab .einheit{white-space:normal;display:block;} }
table.schmal{min-width:520px;}
table.jahre tr.heute th,table.jahre tr.heute td{color:var(--text);font-weight:650;background:rgba(200,163,74,.07);}
table.jahre.schmal td:last-child{font-weight:inherit;color:inherit;}
.spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;}
.spalte{min-width:0;}
.gross-h3{font-size:16px;color:var(--text);margin:0 0 4px;}
.spalte td{text-align:right;white-space:nowrap;}
.abo.breit-abo{max-width:none;margin-top:54px;padding:24px 26px 18px;background:var(--panel);border:1px solid var(--gold);border-radius:14px;}
.abo.breit-abo h2{margin-top:0;}
.abo.breit-abo form{max-width:560px;}

/* 11.10.2026: Daten- und Erklaerseiten (oeffentlich-daten.js) und die Fusszeile mit Spalten. */
.fragen h3.frage{font-size:16px;color:var(--text);margin:22px 0 6px;}
.fragen p{color:var(--dim);margin:0 0 6px;max-width:760px;}
.quer p{font-size:14.5px;color:var(--dim);margin:0 0 8px;}
.quer a,.erkl a{white-space:nowrap;}
.erkl{margin:26px 0 0;color:var(--dim);}
.video{margin:18px 0 0;font-size:15.5px;}
.fuss-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px 28px;margin:6px 0 22px;}
.fuss-spalten h4{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);margin:0 0 8px;font-weight:600;}
.fuss-spalten a{display:block;font-size:14px;color:var(--dim);text-decoration:none;padding:3px 0;}
.fuss-spalten a:hover{color:var(--gold);}

/* Gratis-Tools (oeffentlich-tools.js, 11.10.2026): Formular, Ergebnis, Tabellen, Uhr. */
.werkzeug{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 20px 8px;margin:0 0 34px;}
.tf-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 16px;align-items:start;}
.tf-reihe .tf span{min-height:20px;}
.tf{display:flex;flex-direction:column;gap:6px;min-width:0;}
.tf span{font-size:13px;color:var(--dim);}
.tf small{font-size:12px;color:var(--faint);line-height:1.4;}
.tf input,.tf select{font:inherit;font-size:16px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg,#0b0e12);color:var(--text);width:100%;min-width:0;}
.tf select{appearance:none;-webkit-appearance:none;border-radius:10px;background-image:linear-gradient(45deg,transparent 50%,var(--dim) 50%),linear-gradient(135deg,var(--dim) 50%,transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px;}
.tf input:focus-visible,.tf select:focus-visible{outline:2px solid var(--gold);outline-offset:1px;}
.tf-tausch{justify-self:center;width:52px;height:44px;margin-top:26px;font-size:18px;padding:0;}
.tf-modus{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--dim);}
.tf-modus legend{font-size:13px;color:var(--faint);margin-bottom:6px;padding:0;}
.tf-modus label{display:flex;align-items:center;gap:7px;cursor:pointer;}
.tf-modus input{accent-color:var(--gold);}
[data-nur]{display:contents;}
[data-nur][hidden]{display:none;}
.tf-ergebnis{margin:20px 0 6px;}
.tf-ergebnis .kachel.haupt{border-color:var(--gold);}
.tf-ergebnis .kachel.haupt .gross{color:var(--gold);}
.tf-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin:14px 0 0;}
.chip{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg,#0b0e12);color:var(--text);cursor:pointer;}
.chip span{color:var(--faint);}
.chip:hover{border-color:var(--gold);}
.tf-tabelle{margin:16px 0 8px;}
.tf-tabelle summary{cursor:pointer;color:var(--gold);font-size:14px;font-weight:600;padding:6px 0;}
.tab-rollen{overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.tool-tab{min-width:0;font-size:14.5px;font-variant-numeric:tabular-nums;}
table.tool-tab .r{text-align:right;white-space:nowrap;}
table.tool-tab td.gross-z{font-weight:650;color:var(--text);}
table.tool-tab .punkt{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:1px;}
table.boersen th .klein{display:inline;margin:0;}
table.boersen td.status{white-space:nowrap;}
table.boersen tr.offen th{color:var(--text);}
table.kal tr.bank td,table.kal tr.bank th{color:var(--gold);}
.ampel{display:inline-block;width:9px;height:9px;border-radius:50%;background:#5b6472;margin-right:8px;vertical-align:1px;}
.ampel.an{background:var(--gruen);box-shadow:0 0 0 3px rgba(63,167,150,.18);}
.ampel.pause{background:var(--gold);}
.tf-uhr{font-size:15px;color:var(--dim);margin:0 0 4px;}
.tf-uhr b{color:var(--text);font-variant-numeric:tabular-nums;}
.zins-svg{display:block;width:100%;height:auto;margin:8px 0 6px;}
.zins-svg path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;}
.zins-svg .raster{stroke:var(--line);stroke-width:1;}
.zins-svg .null{stroke:#3a4250;stroke-width:1;}
.zins-svg text{fill:var(--faint);font-size:11px;}
.legende{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--dim);margin:6px 0;}
.legende i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:7px;vertical-align:3px;}
.formel p{max-width:760px;color:var(--dim);}
.tool-hinweis{font-size:13.5px;color:var(--faint);border-left:3px solid var(--line);padding:4px 0 4px 14px;margin:34px 0;max-width:760px;}
.abo-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px 20px 14px;margin:34px 0;}
.abo-box h2{margin-top:18px;}
.abo-box .tg{font-size:14px;margin:6px 0 0;}
.einbetten textarea.code{width:100%;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg,#0b0e12);color:var(--dim);border:1px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical;}
.tools-andere{font-size:14px;color:var(--dim);margin:30px 0;}
.tool-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0 0 20px;}
.tool-karte{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;}
.tool-karte:hover{border-color:var(--gold);}
.tool-karte svg{flex:0 0 auto;width:34px;height:34px;padding:7px;border-radius:9px;border:1px solid var(--line);fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.tool-karte b{display:block;font-size:15.5px;}
.tool-karte small{display:block;font-size:13px;color:var(--faint);margin-top:3px;line-height:1.45;}
body.eingebettet{background:var(--bg);}
body.eingebettet main{padding:14px 14px 6px;max-width:none;}
body.eingebettet .werkzeug{margin-bottom:12px;}
/* 12.10.2026: als Widget im Dashboard der App -- durchsichtig auf der Kachel, knapper Rand; hell wie die App. */
body.eingebettet.app{background:transparent;}
body.eingebettet.app main{padding:8px 10px 4px;}
body.eingebettet.hell{--bg:#ffffff;--panel:#f4f5f7;--line:#d9dde3;--text:#1a1d23;--dim:#4a5363;--faint:#5f6775;--gold:#8a6a12;--gruen:#1f7a6c;}
.einb-titel{font-size:20px;margin:0 0 12px;}
.powered{font-size:12.5px;color:var(--faint);margin:8px 0 0;}
@media (max-width:560px){
  .werkzeug{padding:16px 14px 6px;}
  .tf-reihe{grid-template-columns:1fr 1fr;}
  table.tool-tab{font-size:13.5px;}
}
table.kal th:first-child,table.kal td{white-space:nowrap;}
table.kal td:nth-child(5){white-space:normal;min-width:220px;}

/* Shorts per Klick (oeffentlich-daten.js videoLink, 11.10.2026) */
.yt{margin:20px 0 6px;max-width:420px;}
.yt-start{display:flex;gap:14px;align-items:center;width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;}
.yt-start:hover{border-color:var(--gold);}
.yt-play{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--gold);color:#14110a;display:flex;align-items:center;justify-content:center;font-size:16px;padding-left:3px;}
.yt-start b{display:block;font-size:15px;}
.yt-start small{display:block;font-size:12.5px;color:var(--faint);margin-top:2px;}
.yt-rahmen{display:block;width:100%;max-width:360px;aspect-ratio:9/16;border:0;border-radius:12px;background:#000;}
.yt-hinweis{margin:8px 0 0;}

/* Link-Seite /links (oeffentlich-tools.js linksSeite, 11.10.2026): Karten mit Symbol und Pfeil, zwei Spalten, Profile als Knoepfe */
.link-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 30px;}
.link-knopf{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius,10px);background:var(--panel);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s;}
.link-knopf:hover{border-color:var(--gold);transform:translateY(-1px);}
.link-sym{flex:0 0 auto;width:40px;height:40px;padding:9px;border-radius:10px;border:1px solid var(--line);background:var(--bg);fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.link-text{flex:1 1 auto;min-width:0;}
.link-knopf b{display:block;font-size:15.5px;line-height:1.3;color:var(--text);}
.link-knopf small{display:block;font-size:13px;color:var(--faint);margin-top:3px;line-height:1.45;}
.link-pfeil{flex:0 0 auto;color:var(--gold);font-size:18px;}
.link-zwischen{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;}
.link-profile{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px;}
.link-profile a{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);text-decoration:none;font-size:14px;font-weight:600;}
.link-profile a:hover{border-color:var(--gold);color:var(--gold);}
@media (max-width:640px){.link-liste{grid-template-columns:minmax(0,1fr);}}

/* 11.10.2026: der Wochenbericht als Webseite (oeffentlich-bericht.js) */
.bericht-meta{font-size:13px;color:var(--faint);margin:-8px 0 18px;}
.bericht-meta a{color:var(--dim);}
.gross-akzent{font-size:19px;color:var(--gold);margin:0 0 22px;font-weight:600;}
.bericht-abschnitt{margin:34px 0 0;max-width:820px;}
.bericht-abschnitt h2{margin:4px 0 6px;}
.bericht-kicker{font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0;}
.bericht-abschnitt .akzent{color:var(--dim);font-weight:600;margin:0 0 12px;}
.bericht-abschnitt p{line-height:1.65;}
.bericht-kasten{border-left:3px solid var(--gold);background:var(--panel);border-radius:0 10px 10px 0;padding:12px 16px;margin:14px 0;}
.bericht-kasten h3{color:var(--text);font-size:14px;margin:0 0 4px;}
.bericht-kasten p{margin:0;color:var(--dim);font-size:14.5px;}
.bericht-tab{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0 4px;}
.bericht-tab th,.bericht-tab td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;}
.bericht-tab .r{text-align:right;font-variant-numeric:tabular-nums;}
.bericht-grafik{margin:16px 0 6px;}
.bericht-grafik figcaption{font-size:14px;font-weight:600;margin:0 0 6px;}
.linie.mehr path.l1{stroke:var(--dim);stroke-dasharray:4 3;}
.linie.mehr circle.l1{fill:var(--dim);}
.linie.mehr path.l2{stroke:var(--gruen);}
.linie.mehr circle.l2{fill:var(--gruen);}
.legende{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--dim);margin:6px 0 0;}
.legende span::before{content:"";display:inline-block;width:12px;height:2px;margin:0 6px 3px 0;background:var(--gold);vertical-align:middle;}
.legende span.l1::before{background:var(--dim);}
.legende span.l2::before{background:var(--gruen);}
.zwei-seiten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}
.zwei-seiten h3{font-size:14px;color:var(--text);margin:0 0 6px;padding-top:8px;border-top:2px solid var(--gruen);}
.zwei-seiten .seite-minus h3{border-top-color:#d9534f;}
.zwei-seiten ul{margin:0;padding-left:18px;color:var(--dim);font-size:14.5px;line-height:1.6;}
.kachel .gross.plus{color:var(--gruen);}
.kachel .gross.minus{color:#d9534f;}
.bericht-k3{font-size:14px;color:var(--text);margin:8px 0 10px;}
.archiv li > a.klein{margin-left:6px;}
/* 12.10.2026: Formel auf den Glossarseiten */
p.formel code{font-family:var(--dk-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:15px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:4px 8px;display:inline-block;}

/* 13.10.2026: Glossar -- Hinweis aufs ganze Woerterbuch und Suchfeld */
.glossar-hinweis{border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;background:var(--panel);padding:12px 16px;margin:0 0 16px;}
.glossar-hinweis p{margin:0;}
.glossar-suche{margin:0 0 8px;}
.glossar-suche input{width:100%;max-width:520px;box-sizing:border-box;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font:inherit;font-size:15px;}
.glossar-suche input:focus{outline:none;border-color:var(--gold);}
.glossar-suche .klein{min-height:1.2em;margin:6px 0 0;}
.glossar-leer{margin:10px 0 0;}
[data-glossar-gruppe][hidden],li[data-namen][hidden]{display:none;}