/* ============================================================================
   DWKS dwks-styles.css
   ----------------------------------------------------------------------------
   Komponenten-Stylesheet für die DWKS-Prüfanalyse-Webseite.
   Extrahiert aus den Inline-Style-Blöcken der bestehenden HTML-Dateien.

   Voraussetzung: tokens.css wird vor dieser Datei geladen
   (für var(--bg), var(--gold), --crit, --org, --s2, K-A-T-S-Skalen).

   Stand: Mai 2026, Erstextraktion aus P001.html (Schicht 1: Live-Stand 1:1).
   Spätere Iterationen ersetzen direkte Hex-Codes durch Token-Verweise.
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}
/* Fix 3: Grundschriftgröße 16px */
body{font-family:'Segoe UI',system-ui,sans-serif;font-size:16px;background:var(--bg);color:#fff;line-height:1.6;min-height:100vh}
.page{display:none}.page.active{display:block}

/* ── NAV ── */
#nav{position:sticky;top:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  background:#0c1e2f;border-bottom:2px solid var(--gold);padding:0 20px;height:76px;gap:6px;
  box-shadow:0 2px 12px rgba(0,0,0,.4)}
.nb{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0}
.nn{font-size:18px;font-weight:700;color:#fff;display:block;line-height:1.1}
.ns2{font-size:10px;color:#8899aa;letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:0;line-height:1.25}
.nls{display:flex;align-items:center;gap:5px;overflow-x:visible;flex-wrap:nowrap}.nls::-webkit-scrollbar{display:none}
.nl{font-size:13px;font-weight:600;padding:6px 6px;border-radius:6px;color:#c8d6e5;flex-shrink:0;margin:0;
  white-space:nowrap;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .15s}
.nl.active{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
.nl:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.nl.on{background:var(--bg4);border-color:rgba(255,255,255,.2);color:#fff}
.nl.cta{background:#1a3550;color:#fff;border:1px solid rgba(255,255,255,.2)}
.nl.cta:hover,.nl.cta.on{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.ndv{display:none}
@media(max-width:700px){.ns2{display:none}.nl{font-size:13px;padding:6px 6px}#nav{padding:0 12px}}

/* ── WRAP ── */
.wrap{max-width:1060px;margin:0 auto;padding:28px 20px 64px}

/* ── PAGE HEADER ── */
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;
  background:#1a3550;border-radius:var(--r);padding:14px 20px;border:1px solid rgba(255,255,255,.12)}
.ph-t{font-size:18px;font-weight:700;color:#fff}
.ph-b{font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;background:rgba(255,255,255,.15);
  color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .14s}
.ph-b:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}

/* ══ Fix 10: STARTSEITE – radikal einfach ═════════════════════════ */
/* Nur: Titel, kurzer Text, Suchfeld, 4 HT-Karten als Einstieg */
.home-hero{padding:18px 22px 16px;background:linear-gradient(160deg,var(--bg2),var(--bg));border-bottom:2px solid var(--gold);position:relative;overflow:hidden;min-height:0}
.home-hero-inner{text-align:center;padding:0 26% 0 26%;position:relative;z-index:1}
.home-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px;white-space:nowrap}
.home-title em{color:var(--gold);font-style:normal}
/* Fix 7: kein Button-Look */
.home-sub{font-size:13px;color:#c8d6e5;margin-bottom:18px;line-height:1.5;white-space:normal}
.home-meta{font-size:13px;color:#8899aa;margin-bottom:6px}
/* Fix 9: Suche auf Startseite */
.home-search{position:relative;max-width:560px;margin:0 auto}
.home-search input{width:100%;padding:14px 42px 14px 18px;font-size:15px;
  border:2px solid #ccc;border-radius:10px;
  background:#fff;color:#1a1a18;outline:none;transition:all .15s}
.home-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,90,.15)}
.home-search input::placeholder{color:#7a8fa5}
.home-search .clr{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:#8899aa;font-size:18px;cursor:pointer;display:none}
.home-results{max-width:560px;margin:6px auto 0;display:none;flex-direction:column;gap:6px}
.home-results.open{display:flex}

/* Fix 4+5: Suchergebnisse = weiße Karten, schwarze Schrift */
.sr{background:#fff;border:1px solid #ddd;border-left:4px solid #5B2D8C;border-radius:6px 8px 8px 6px;padding:12px 16px 12px 14px;
  cursor:pointer;transition:box-shadow .25s,transform .15s,background .15s,border-color .25s;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.sr:nth-child(even){background:#fafbfc}
.sr:hover{background:#1a3550;border-color:#1a3550;color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:translateY(-1px)}
.sr:hover .sr-id,.sr:hover .sr-t,.sr:hover .sr-tag{color:#fff}
.sr-id{font-size:13px;font-weight:700;color:#1a3550;margin-bottom:2px;text-align:left}
.sr-t{font-size:15px;font-weight:600;color:#1a1a18;line-height:1.45;margin-bottom:4px;text-align:left}
.sr-tags{display:flex;gap:5px;flex-wrap:wrap}
.sr-tags span{font-size:11px;padding:2px 8px;border-radius:999px;background:#f0f0f0;color:#444}
.sr:hover .sr-id,.sr:hover .sr-t{color:#fff}
.sr:hover .sr-tags span{background:rgba(255,255,255,.2);color:#fff}
.sr-none{font-size:14px;color:#8899aa;text-align:center;padding:14px}

/* Fix 10: HT-Karten als Haupteinstieg */
.ht-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;
  max-width:860px;margin:28px auto 0;padding:0 20px}
.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
/* Fix 2: Hintergrund = HT-Farbe */
.ht-entry-head{padding:16px 18px;color:#fff}
.ht-entry-name{font-size:15px;font-weight:700}
.ht-entry-sub{font-size:13px;opacity:.8;margin-top:3px}
/* Fix 4: weiße Karte, schwarze Schrift */
.ht-entry-body{padding:16px 18px;background:#fff;color:#1a1a18}
.ht-entry-row{display:flex;justify-content:space-between;margin-bottom:8px}
.ht-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ht-lbl.k{color:var(--crit)}.ht-lbl.n{color:var(--org)}
.ht-val{font-size:20px;font-weight:800;color:#1a1a18}
.ht-urt{font-size:12px;color:#555}
/* Fix 8: Einfache Info-Zeile statt Monster-Bar */
.home-info{max-width:1060px;margin:20px auto 0;padding:0 20px;
  display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.home-info-item{font-size:13px;color:#8899aa}
.home-info-item b{color:#c8d6e5}

/* ── AKKORDEON (Prüftabelle) ── */
.acc{background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px;margin-bottom:16px}
.acc-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:12px}
.acc-grid{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:start}
@media(max-width:600px){.acc-grid{grid-template-columns:1fr}}
.ht-btns{display:flex;flex-direction:column;gap:5px}
/* Fix 2: HT-Buttons behalten ihre Farbe */
.htbtn{width:100%;text-align:left;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);
  cursor:pointer;font-size:15px;font-weight:700;color:#fff;transition:all .14s;line-height:1.35}
.htbtn .cnt{font-size:12px;opacity:.78;display:block;margin-top:3px;font-weight:500}
.htbtn:not(.on){opacity:.55;border-color:transparent}
.htbtn:hover{opacity:1}
.htbtn.on{opacity:1;border-color:rgba(255,255,255,.35)}
.kat-panel{display:flex;flex-direction:column;gap:5px}
.kitem{border:1px solid rgba(255,255,255,.2);border-radius:8px;
  padding:12px 14px;cursor:pointer;transition:all .12s;color:#fff}
.kitem:hover{filter:brightness(1.15);border-color:rgba(255,255,255,.4)}
.kitem.open{filter:brightness(1.2);border-color:rgba(255,255,255,.5)}
.kname{font-size:15px;font-weight:600;color:#fff}
.kmeta{font-size:12px;color:rgba(255,255,255,.7);margin-top:3px}
.pbadges{flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
/* Fix 1: P-Badges sicher rendern, kein undefined */
.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;
  color:#fff;border:1px solid rgba(255,255,255,.18);transition:all .14s}
.pb:hover{background:#8b1a1a;color:#fff;border-color:#8b1a1a}

/* ── DETAIL OVERLAY ── */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9500;display:none;
  align-items:flex-start;justify-content:center;padding:20px 12px;overflow-y:auto}
.dov.open{display:flex}
#dpan{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  width:100%;max-width:960px;margin:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dh{padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#1a3550;border-radius:14px 14px 0 0}
.d-pid{font-size:13px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.d-ttl{font-size:18px;font-weight:700;color:#fff;line-height:1.4}
.dmeta{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff}
.dnav{display:flex;align-items:center;gap:8px;margin-top:10px}
.dn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:6px;
  padding:7px 16px;font-size:13px;color:#fff;cursor:pointer;transition:all .12s}
.dn:hover{background:rgba(255,255,255,.25)}.dn:disabled{opacity:.3;cursor:default}
.dpos{font-size:12px;color:rgba(255,255,255,.5)}
.dclose{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
  font-size:22px;cursor:pointer;color:#fff;line-height:1;padding:4px 9px;border-radius:6px;transition:all .12s}
.dclose:hover{background:rgba(255,255,255,.2)}
.dbody{padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px}
/* Fix 5: Weiß auf dunklem Hintergrund */
.dsec{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:#c8d6e5;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
/* Fix 4: Schwarzer Text auf weißen Karten */
.dcard{background:#fff;border-radius:8px;padding:14px 18px;font-size:15px;line-height:1.78;color:#1a1a18}
.dcard p{margin:0 0 10px}.dcard p:last-child{margin-bottom:0}
.dcard.red{border-left:4px solid var(--crit)}
.dcard.blue{border-left:4px solid var(--org)}
.dcard.amber{border-left:4px solid var(--gold)}
.d2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.d2{grid-template-columns:1fr}}
.ov-hint{font-size:11px;color:rgba(255,255,255,.3);text-align:center;padding:6px 0 2px}

/* Bewertungsbadges */
.bk{font-size:12px;padding:3px 11px;border-radius:999px;font-weight:600;white-space:nowrap;display:inline-block;min-width:90px;text-align:center}
.b-fe{background:#e8e8e8;color:#555}.b-fs{background:#fde8e0;color:#c0522a}
.b-ss{background:#fdf0da;color:#a06a00}.b-mi{background:#dbeafe;color:#1e5fa8}
.b-st{background:#ddd6ff;color:#4338ca}.b-vs{background:#3b1f8e;color:#d4c4ff}

/* Raster Akkordeon */
.rast{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:6px}
.rast-h{display:grid;grid-template-columns:140px 1fr 1fr auto;align-items:center;gap:10px;
  padding:12px 16px;cursor:pointer;background:var(--bg3);transition:background .12s;user-select:none}
.rast-h:hover{background:var(--bg4)}
.rast-kr{font-size:14px;font-weight:700;color:#fff}
.rast-sc{display:flex;align-items:center;gap:6px}
.rast-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.rast-bf{height:5px;border-radius:3px}
.rast-arr{font-size:13px;color:#fff;transition:transform .15s}
.rast-b{display:none;padding:16px 18px;background:#fff;border-top:1px solid #eee;color:#1a1a18}
.rast-b.open{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rast-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.rast-lbl.k{color:var(--crit)}.rast-lbl.n{color:var(--org)}
.rast-big{font-size:24px;font-weight:800;color:#1a1a18;margin-bottom:5px}
.rast-txt{font-size:14px;line-height:1.72;color:#1a1a18;margin-top:8px}
.rast-why{font-size:13px;color:#555;margin-top:6px;font-style:italic;padding-left:12px;border-left:2px solid #ddd}
@media(max-width:600px){.rast-b.open{grid-template-columns:1fr}.rast-h{grid-template-columns:1fr 1fr 1fr}}

/* Übersicht-Karten */
.ov-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;align-items:stretch}
.ovc{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ddd}
.ovc-h{padding:16px 18px;color:#fff}
.ovc-name{font-size:18px;font-weight:700}
.ovc-sub{font-size:13px;opacity:.8;margin-top:2px}
.ovc-body{padding:16px 18px;color:#1a1a18}
.ovc-row{display:flex;justify-content:space-between;margin-bottom:10px}
.ovc-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ovc-val{font-size:20px;font-weight:800;color:#1a1a18;margin:4px 0 2px}
.ovc-urt{font-size:12px;color:#555}
.ovc-kats{font-size:13px;color:#444;line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid #eee}
.kcrit{color:var(--crit)}.korg{color:var(--org)}

/* Kategorien-Tabelle */
.ksec{margin-bottom:10px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.ksec-h{padding:14px 18px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;
  display:flex;justify-content:space-between;align-items:center;user-select:none}
.ksec-h:hover{filter:brightness(0.85);background:#8b1a1a !important}
.ksec-arr{font-size:15px;transition:transform .15s}
.ksec-b{background:#fff;display:none}
.ktbl{width:100%;border-collapse:collapse;font-size:14px}
.ktbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ktbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.ktbl tr:hover td{background:#f8f8f8}
.kn{font-weight:600}.kc{text-align:center;white-space:nowrap}.kp{min-width:180px}
.sort-th{cursor:pointer}.sort-th:hover{background:rgba(255,255,255,.1)}
.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

/* Methodik/Nutzung/Feedback Cards */
.sc{background:#fff;border:none;border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.sc-head{background:#1a3550;color:#fff;font-size:15px;font-weight:700;padding:12px 18px}
.sc-head:hover{background:#8b1a1a;cursor:pointer}
.sc-body{padding:16px 18px;font-size:15px;line-height:1.78;color:#1a1a18}

/* Gesamtbild-Tabelle */
.gtbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;border:none}
.gtbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em}
.gtbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.gtbl .sum-row td{background:#1a3550;color:#fff;font-weight:700;border:none}

/* Search auf Prüftabelle-Seite (gleicher Stil wie Startseite) */
.srch-wrap{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:16px;margin-bottom:16px}
.srch-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:10px}

/* Footer */
.footer{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--bg2);border-top:1px solid rgba(255,255,255,.08);padding:8px 22px;text-align:center;font-size:11px;color:#8899aa;white-space:nowrap;overflow-x:auto}
body{padding-bottom:48px}
.footer a{color:#c8d6e5;text-decoration:underline}.footer a:hover{color:#fff}
.wm{position:fixed;bottom:6px;right:10px;font-size:9px;color:rgba(255,255,255,.06);pointer-events:none;user-select:none;z-index:9999}

.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;background:#fff;color:#1a1a18;border:1px solid #ccc;transition:all .14s}
.pb:hover{background:#f0f0f0;border-color:#999}

.rast-h{background:#e8edf2 !important}
.rast-h:hover{background:#dce3ea !important}
.rast-kr{color:#1a1a18 !important}
.rast-arr{color:#555 !important}

.rast{border:1px solid #ccc;border-radius:10px;overflow:hidden;margin-bottom:6px}

.hero-img{position:absolute;top:0;left:0;bottom:0;width:25%;background-size:contain;background-position:center left;background-repeat:no-repeat;opacity:.9;pointer-events:none}

.kcrit{color:#b91c1c;font-weight:700;text-align:right}
.korg{color:#1a5e8c;font-weight:700;text-align:right}

.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ht-entry-head{padding:18px 20px;color:#fff}
.ht-entry-name{font-size:20px;font-weight:700}
.ht-entry-sub{font-size:14px;opacity:.85;margin-top:4px}
.ht-entry-body{padding:16px 20px;background:#fff;color:#1a1a18}
.ht-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:860px;margin:28px auto 0;padding:0 20px}

.hero-banner{position:absolute;top:12px;right:16px;width:22%;max-width:240px;opacity:.9;pointer-events:none;z-index:1}
@media(max-width:800px){.hero-banner{display:none}}

.gtbl td:not(:first-child){text-align:right}



.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
.pnav-btn{padding:7px 18px;background:#1a3550;border:1px solid rgba(255,255,255,.2);
  border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;
  text-decoration:none;display:inline-block}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-btn.off{opacity:.25;pointer-events:none}
.pnav-pos{font-size:12px;color:#8899aa;min-width:80px;text-align:center}

.kcrit{color:#b91c1c !important;font-weight:700}
.korg{color:#1a5e8c !important;font-weight:700}
.gtbl td.kcrit{color:#b91c1c !important;font-weight:700;text-align:right}
.gtbl td.korg{color:#1a5e8c !important;font-weight:700;text-align:right}
.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
.pnav-btn{padding:7px 18px;background:#1a3550;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-btn.disabled{opacity:.25;pointer-events:none}
.pnav-pos{font-size:12px;color:#8899aa;min-width:80px;text-align:center}
.p-scorecard{display:flex;gap:0;border-radius:10px;overflow:hidden;margin-bottom:16px;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.p-score-k{flex:1;background:#b91c1c;padding:12px 20px;text-align:center;color:#fff}
.p-score-n{flex:1;background:#1a5e8c;padding:12px 20px;text-align:center;color:#fff}
.p-score-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:4px}
.p-score-val{font-size:26px;font-weight:900;line-height:1;margin-bottom:2px}
.p-score-25{font-size:12px;font-weight:400;color:#ccc}
.p-score-sub{font-size:12px;opacity:.8}
.p-block{position:relative;padding:16px 16px 16px 24px;background:#fff;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.p-block::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:10px 0 0 10px}
.p-block.red::before{background:#b91c1c}
.p-block.blue::before{background:#1a5e8c}
.p-block.gold::before{background:#b8860b}
.p-block.grey::before{background:#888}
.p-block-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}
.p-block.red .p-block-label{color:#b91c1c}
.p-block.blue .p-block-label{color:#1a5e8c}
.p-block.gold .p-block-label{color:#b8860b}
.p-block.grey .p-block-label{color:#666}
.p-block-text{font-size:14px;line-height:1.7;color:#1a1a18}
/* Collapsible */
.p-block.coll .p-block-label{cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;margin-bottom:0}
.p-block.coll .p-block-label:hover{color:#8b1a1a !important}
.p-block.coll .p-block-text{display:none;margin-top:10px}
.p-block.coll.open .p-block-text{display:block}
.p-block.coll .p-coll-arr{font-size:14px;transition:transform .2s;flex-shrink:0}
.p-block.coll.open .p-coll-arr{transform:rotate(180deg)}
/* Raster */
.p-raster{background:#fff;border-radius:10px;padding:16px;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.p-raster-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#1a3550;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}
.p-raster-title:hover{color:#8b1a1a}
.p-raster-body{display:none;margin-top:12px}
.p-raster.open .p-raster-body{display:block}
.p-raster-row{display:grid;grid-template-columns:130px 1fr 50px 1fr 50px;align-items:center;gap:8px;margin-bottom:8px}
.p-raster-name{font-size:14px;font-weight:600;color:#333}
.p-bar-wrap{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}
.p-bar-k{height:100%;border-radius:4px;background:#b91c1c}
.p-bar-n{height:100%;border-radius:4px;background:#1a5e8c}
.p-score-k-sm{font-size:14px;font-weight:700;color:#b91c1c;text-align:center}
.p-score-n-sm{font-size:14px;font-weight:700;color:#1a5e8c;text-align:center}
/* Detail */
.p-section-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8899aa;margin:10px 0 10px;cursor:pointer;display:flex;justify-content:space-between}
.p-section-head:hover{color:#8b1a1a}
.p-detail-wrap{display:none}
.p-detail-row{background:#f8f9fa;border-radius:8px;padding:12px 14px;margin-bottom:8px;display:grid;grid-template-columns:100px 1fr 1fr;gap:10px}
.p-detail-kr{font-size:13px;font-weight:700;color:#333;align-self:start;padding-top:2px}
.p-detail-k{border-left:3px solid #b91c1c;padding-left:10px}
.p-detail-n{border-left:3px solid #1a5e8c;padding-left:10px}
.p-detail-score{font-size:12px;font-weight:700;margin-bottom:4px}
.p-detail-score.red{color:#b91c1c}
.p-detail-score.blue{color:#1a5e8c}
.p-detail-txt{font-size:13px;color:#333;line-height:1.5;margin-bottom:3px}
.p-detail-why{font-size:12px;color:#888;font-style:italic}
/* Sources */
.p-sources{display:none}
.p-sources-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.p-src-box{background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.p-src-box.red{border-left:4px solid #b91c1c}
.p-src-box.blue{border-left:4px solid #1a5e8c}
.p-src-box.green{border-left:4px solid #1a8c4a}
.p-src-box.gold{border-left:4px solid #b88a1a}
.p-src-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.p-src-box.red .p-src-label{color:#b91c1c}
.p-src-box.blue .p-src-label{color:#1a5e8c}
.p-src-box.green .p-src-label{color:#1a8c4a}
.p-src-box.gold .p-src-label{color:#b88a1a}
.p-src-box.p-src-empty{background:#f7f7f7;box-shadow:none;border:1px dashed #cfcfcf;border-left-style:solid}
.p-src-name{font-size:14px;color:#333;margin-bottom:4px;font-weight:600}
.p-src-name.p-src-placeholder{color:#888;font-weight:500;font-style:italic}
.p-src-kern{font-size:13px;color:#444;margin-bottom:6px;line-height:1.4}
.p-src-item{padding-top:10px;margin-top:10px;border-top:1px dashed #e0e0e0}
.p-src-item:first-of-type{padding-top:0;margin-top:0;border-top:none}
.p-src-box.gold{grid-column:1 / -1}
.p-src-link{font-size:12px;color:#1a5e8c;word-break:break-all;text-decoration:none;display:block;margin-top:4px}
.p-src-link:hover{text-decoration:underline}
.p-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.p-meta-badge{font-size:12px;padding:4px 10px;border-radius:20px;background:#f0f4f8;color:#444;font-weight:600}
.p-meta-badge.rf{background:#fff3cd;color:#856404}

.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;align-self:center}
.pnav-btn{padding:8px 16px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-sizing:border-box;height:34px}
.pnav-pos{display:inline-flex;align-items:center;height:34px}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-btn.disabled{opacity:.25;pointer-events:none}
.pnav-pos{font-size:12px;color:#8899aa;min-width:60px;text-align:center}
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;background:#1a3550;border-radius:var(--r);padding:14px 18px}
#nav-inner{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:1000px;margin:0 auto}
#nb-home,#nb-tabelle{margin-left:14px !important}
#nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-feedback{margin-left:5px !important}

.wrap{max-width:860px !important}
.p-meta-row,.p-block,.p-raster,.p-section-head,.p-detail-wrap,.p-sources-wrap{max-width:820px;margin-left:auto;margin-right:auto}
.wrap{padding-bottom:0 !important;padding-left:0 !important;padding-right:0 !important;max-width:820px !important}
.p-scorecard{margin-bottom:10px !important}
.p-sources-wrap + div[style*="margin-top:8px"]{max-width:820px;margin-left:auto;margin-right:auto}
#nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9000 !important}
body{padding-top:76px !important}
.ph{position:sticky !important;top:76px !important;z-index:8999 !important;background:#1a3550 !important;margin-bottom:20px !important;border-radius:var(--r) !important}

/* === Responsive === */
@media(max-width:900px){
  #nav-inner{padding:0 12px;gap:4px}
  .nl{font-size:12px;padding:5px 9px}
  #nb-home,#nb-tabelle{margin-left:10px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-feedback{margin-left:4px !important}
  .ph{flex-wrap:wrap;gap:8px !important;padding:12px 14px !important}
  .ph-t{font-size:16px}
}
@media(max-width:700px){
  #nav{overflow-x:auto}
  #nav-inner{min-width:max-content;justify-content:center}
  .nl{font-size:11px;padding:4px 7px}
  #nb-home,#nb-tabelle{margin-left:6px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-feedback{margin-left:3px !important}
  .p-raster-row{grid-template-columns:1fr !important;gap:4px !important;text-align:left}
  .p-detail-row{grid-template-columns:1fr !important}
  .p-sources-wrap{grid-template-columns:1fr !important}
  .p-block{padding:10px 12px !important}
  .p-scorecard{flex-direction:column}
  .p-scorecard .p-score-k,.p-scorecard .p-score-n{padding:10px 12px}
  .ph-t{font-size:14px}
  .pnav{flex-wrap:wrap;gap:4px}
  .pnav-btn{padding:5px 12px;font-size:12px}
  .d2{grid-template-columns:1fr !important}
}
@media(max-width:500px){
  .nn{font-size:14px}
  body{font-size:14px}
  .nl{font-size:10px;padding:3px 6px}
  .p-block-text,.sc-body{font-size:13px}
  .p-score-val{font-size:22px}
  .p-block-label{font-size:11px}
}

/* === Farbskala (DWKS §24) === */


/* (3) Wrap ohne Top-Padding, Page-Header sticky + flach oben */
.wrap{padding-top:0}
.ph{position:sticky !important;top:76px !important;z-index:8000 !important;
  border-radius:0 0 var(--r) var(--r) !important;border-top:none !important;
  margin-top:0 !important;margin-bottom:14px !important;
  box-shadow:0 4px 10px rgba(0,0,0,.35) !important;
  padding:10px 18px !important;align-items:center}
/* (1) Titel zweizeilig: Haupt + Klassifizierungs-Unterzeile */
.ph-id-block{display:flex;align-items:center;margin-right:14px}
.ph-pid{font-size:18px;font-weight:800;color:var(--gold);letter-spacing:.04em;
  padding:4px 10px;background:rgba(212,175,90,.15);border-radius:6px;
  border:1px solid rgba(212,175,90,.4)}
.ph-t{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}
.ph-main{font-size:17px;font-weight:700;color:#fff}
.ph-sub{font-size:12px;font-weight:600;color:rgba(255,255,255,.65);
  letter-spacing:.04em;margin-top:2px;text-transform:uppercase}

/* === Prüflast-Modell === */
.pl-scorecard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
@media(max-width:700px){.pl-scorecard{grid-template-columns:1fr}}
.pl-tile{border-radius:8px;padding:8px 14px;border:none;
  box-shadow:0 2px 6px rgba(0,0,0,.15);text-align:left;
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pl-tile-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:rgba(255,255,255,.85);white-space:nowrap}
.pl-tile-val{font-size:12px;font-weight:800;color:#fff;white-space:nowrap}
.pl-tile-sub{font-size:11px;margin-left:auto;color:rgba(255,255,255,.7);
  font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-tile.pl-tile-2row{row-gap:2px}
.pl-tile.pl-tile-2row .pl-tile-sub{flex-basis:100%;margin-left:0;text-align:right}
.pl-tile.pl-tile-light .pl-tile-lbl{color:rgba(0,0,0,.7)}
.pl-tile.pl-tile-light .pl-tile-val{color:#1a1a18}
.pl-tile.pl-tile-light .pl-tile-sub{color:rgba(0,0,0,.55)}

.pl-meta{display:flex;flex-wrap:wrap;gap:14px;background:#1a3550;
  border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:10px 14px;
  margin-bottom:16px;font-size:13px;color:#c8d6e5;
  box-shadow:0 2px 6px rgba(0,0,0,.15);align-items:center}
.pl-meta-item{white-space:nowrap;display:flex;align-items:center;gap:6px}
.pl-meta-item b{color:#fff;font-weight:700}
.pl-mini-badge{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;
  border-radius:999px;letter-spacing:.04em;min-width:32px;text-align:center}

/* Bewertungsfelder K/A */
.pl-eval{border-radius:10px;margin-bottom:14px;overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.1)}
.pl-eval-head{display:flex;align-items:center;gap:14px;padding:12px 18px;
  border-bottom:1px solid rgba(0,0,0,.15)}
.pl-eval-dim{font-size:22px;font-weight:800;min-width:34px;text-align:center}
.pl-eval-name{font-size:15px;font-weight:700}
.info-i{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#d4af5a;color:#1a1a18;font-size:11px;font-weight:800;font-style:italic;font-family:Georgia,serif;text-decoration:none;margin-left:6px;vertical-align:1px;transition:background .14s,color .14s,transform .12s}
.info-i:hover{background:#8b1a1a;color:#fff;transform:scale(1.1)}
.pl-eval-score{margin-left:auto;font-size:16px;font-weight:800}
.pl-eval-stufe{font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;
  background:rgba(0,0,0,.25);color:#fff}
.pl-eval-light .pl-eval-stufe{background:rgba(0,0,0,.15);color:#1a1a18}
.pl-eval-body{padding:14px 18px;display:grid;grid-template-columns:1fr;gap:14px;background:#fff}
.pl-eval-section .pl-eval-lbl{font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:#7a8fa5;margin-bottom:5px}

/* (4) Synthese zweispaltig */
.pl-synthesis{background:#1a3550;border:1px solid rgba(212,175,90,.5);border-left:5px solid var(--gold);
  border-radius:10px;padding:16px 20px;margin:18px 0;
  box-shadow:0 4px 12px rgba(0,0,0,.25)}
.pl-synth-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--gold);margin-bottom:12px}
.pl-synth-grid{display:grid;grid-template-columns:140px 1fr;gap:8px 18px;
  font-size:14px;line-height:1.65}
.pl-synth-grid-3col{grid-template-columns:140px max-content 1fr}
.pl-synth-label{font-weight:700;color:var(--gold);padding:6px 0;text-align:right}
.pl-synth-value{color:#fff;padding:6px 0}
.pl-synth-text{color:#cfd8e3;padding:6px 0;font-size:13.5px;line-height:1.55}
.pl-synth-value b{color:var(--gold)}
.pl-synth-grid>div+.pl-synth-label{border-top:1px solid rgba(255,255,255,.08)}
.pl-synth-grid>div+.pl-synth-value{border-top:1px solid rgba(255,255,255,.08)}
.pl-synth-grid-3col>*:nth-child(n+4){border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:600px){
  .pl-synth-grid,.pl-synth-grid-3col{grid-template-columns:1fr;gap:0}
  .pl-synth-label{text-align:left;padding-bottom:0}
  .pl-synth-value,.pl-synth-text{padding-top:2px;padding-bottom:4px}
  .pl-synth-text{padding-bottom:8px}
  .pl-synth-grid>div+.pl-synth-label{margin-top:8px;padding-top:8px}
  .pl-synth-grid>div+.pl-synth-value{border-top:none}
  .pl-synth-grid-3col>*:nth-child(n+4){border-top:none}
  .pl-synth-grid-3col>.pl-synth-label:nth-child(n+4){margin-top:8px;padding-top:8px;
    border-top:1px solid rgba(255,255,255,.08)}
}

/* Bullet-Listen für Inhaltsblöcke */
.pl-bullet-list{margin:0;padding:0;list-style:none}
.pl-bullet-list li{padding:6px 0 6px 20px;position:relative;line-height:1.7;color:#1a1a18;font-size:14px}
.pl-bullet-list li:before{content:'\25B8';color:var(--gold);position:absolute;left:4px;top:6px;font-size:12px}
.pl-bullet-list li+li{border-top:1px solid #eee}
.pl-bullet-list.pl-bullet-italic li{font-style:italic;color:#444;font-size:13px}
.pl-bullet-list.pl-bullet-italic li:before{color:#aaa}



/* === Block 2: RESPONSIVE-PATCH PSEITE === */
/* RESPONSIVE-PATCH-PSEITE */
@media (max-width: 720px){
  .wrap{padding:14px 10px 48px}
  .ph{flex-wrap:wrap;padding:10px 12px;gap:8px}
  .ph-id-block{order:1}
  .ph-t{flex:1 1 100%;order:5}
  .ph-main{font-size:14px}
  .ph-sub{font-size:11.5px}
  .pnav{order:2;margin-left:auto}
  .ph-b{order:3}
  .pl-scorecard{grid-template-columns:1fr;gap:8px}
  .pl-tile{padding:10px 14px}
  .pl-tile-val{font-size:13px}
  .pl-meta{flex-direction:column;gap:8px;padding:10px 14px}
  .pl-eval{margin-bottom:14px}
  .pl-eval-head{flex-wrap:wrap;gap:6px;padding:8px 12px}
  .pl-eval-name{flex:1 1 100%;order:2}
  .pl-eval-body{padding:10px 14px}
  .pl-synthesis{padding:12px 14px}
  .pl-synth-head{font-size:12px}
  .pl-synth-grid-3col{grid-template-columns:1fr;gap:0}
  .pl-synth-label{margin-top:8px;text-align:left;padding-bottom:0}
  .pl-synth-label:first-child{margin-top:0}
  .pl-synth-value,.pl-synth-text{padding-top:2px;padding-bottom:4px}
  .p-block{padding:12px 14px;margin-bottom:12px}
  .p-sources-wrap{grid-template-columns:1fr !important;gap:8px}
  .p-src-box{padding:10px 12px}
  .p-src-name{font-size:13px}
  .p-src-link{font-size:11.5px;word-break:break-all}
  .pl-mini-badge{font-size:11px}
}

/* === Block 3: RESPONSIVE-PATCH NAV === */
/* RESPONSIVE-PATCH-NAV */
@media (max-width: 720px){
  #nav{padding:0 10px;height:auto;flex-wrap:wrap;min-height:60px}
  #nav-inner{flex-wrap:wrap;gap:4px;padding:6px 0;justify-content:flex-start}
  .nb{flex:0 0 auto}
  .nb img{width:38px !important;height:38px !important}
  .nls{flex-wrap:wrap;gap:4px}
  .nl{font-size:11.5px;padding:5px 8px}
  .ns2{display:none}
  .nn{font-size:14px}
}
@media (max-width: 480px){
  .nl{font-size:11px;padding:4px 6px}
  .nn{font-size:12px}
  .nb img{width:32px !important;height:32px !important}
}

/* === Block 4: PAGE-PORTRAIT === */
/* PAGE-PORTRAIT */
.page-portrait{display:inline-block;width:80px;height:80px;border-radius:50%;border:2px solid rgba(212,175,90,.6);box-shadow:0 2px 6px rgba(0,0,0,.4);background-color:#1a3550;background-image:url('../media/portraet.png');background-repeat:no-repeat;background-size:136px 136px;background-position:50% 18%;vertical-align:middle;flex:0 0 auto;text-decoration:none;box-sizing:content-box;transition:border-color .14s,transform .14s}
.page-portrait:hover{border-color:#ffd56b;transform:scale(1.05)}
@media(max-width:720px){.page-portrait{width:60px;height:60px;border-width:1.5px;background-size:103px 103px;background-position:50% 18%}}

/* === Block 5: H1 PH-MAIN OVERRIDE === */
h1.ph-main{font-size:18px;font-weight:700;color:#fff;margin:0;padding:0;line-height:1.2}

/* === Block 6: MARK P-HL HIGHLIGHTING === */
mark.p-hl{background:#ffd56b;color:#1a3550;padding:0 2px;border-radius:2px;font-weight:700}


/* ==========================================================================
   V20-STRUKTURVERBESSERUNGEN
   --------------------------------------------------------------------------
   Erweiterungen für die V20-P-Seiten-Struktur. Greifen nur dort, wo der
   Generator die zugehörigen Klassen ausgibt. Bestehende Live-HTML bleibt
   visuell unverändert, solange sie diese Klassen nicht trägt.

   Präfix: v-  (V20-spezifisch)
   ========================================================================== */

/* -- V20.1 Klärungsbalken (Ampel-Visualisierung) ------------------------- */

.v-progress-track {
  height: var(--progress-height);
  background: var(--progress-track-bg);
  border-radius: var(--progress-radius);
  overflow: hidden;
  margin-top: 6px;
}
.v-progress-fill {
  height: 100%;
  border-radius: var(--progress-radius);
  transition: width 0.3s ease;
}
.v-progress-fill[data-status="poor"] { background: var(--status-poor); }
.v-progress-fill[data-status="mid"]  { background: var(--status-mid); }
.v-progress-fill[data-status="good"] { background: var(--status-good); }

.v-progress-meta {
  display: flex;
  justify-content: space-between;
  font-size: var(--font-size-xxs);
  color: var(--text-on-light-muted);
  margin-top: 3px;
}

/* -- V20.2 OKB-Formel inline neben dem Wert ------------------------------ */

.v-okb-inline {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.v-okb-inline .v-okb-value {
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-medium);
  color: var(--accent-strong);
}
.v-okb-inline .v-okb-formula {
  font-size: var(--font-size-sm2);
  color: var(--text-on-light-muted);
  font-family: var(--font-family-mono);
}
.v-okb-scale {
  font-size: var(--font-size-xxs);
  color: var(--text-label);
  margin-top: 3px;
}

/* -- V20.3 Bulletpoint-Listen mit Block-Marker-Farben -------------------- */

.v-bullist {
  margin: 6px 0 0 0;
  padding-left: var(--bullist-padding-left);
}
.v-bullist li {
  margin-bottom: var(--bullist-item-margin);
  line-height: var(--bullist-line-height);
  font-size: var(--bullist-font-size);
  color: var(--text-on-light);
}
.v-bullist li:last-child { margin-bottom: 0; }

.v-bullist.b-criticism li::marker { color: var(--bullist-marker-criticism); }
.v-bullist.b-response  li::marker { color: var(--bullist-marker-response); }
.v-bullist.b-resolved  li::marker { color: var(--bullist-marker-resolved); }
.v-bullist.b-pending   li::marker { color: var(--bullist-marker-pending); }

/* -- V20.4 Inline-Quellen-Marker (Q1, Q2, ...) -------------------------- */

.v-qmark {
  display: inline-block;
  font-size: var(--qmark-font-size);
  font-weight: var(--qmark-font-weight);
  padding: var(--qmark-padding);
  border-radius: var(--qmark-radius);
  text-decoration: none;
  vertical-align: 1px;
  margin-left: 3px;
  line-height: 1.4;
}
.v-qmark.q-criticism { background: var(--color-soft-red); color: var(--color-red-700); }
.v-qmark.q-response  { background: var(--color-soft-blue); color: var(--color-status-blue-700); }

/* -- V20.5 Strukturierte Tooltips an i-Icons ----------------------------- */

.v-iicw { position: relative; display: inline-block; cursor: help; vertical-align: middle; margin-left: 4px; }
.v-iico {
  display: inline-block; width: 16px; height: 16px; border-radius: 50%;
  background: rgba(0,0,0,0.18); color: #1a1a18; font-size: 11px;
  font-style: italic; text-align: center; line-height: 16px;
  cursor: help; vertical-align: -2px; font-family: Georgia, serif;
  font-weight: 700;
}
.v-iico-on-dark {
  background: var(--iico-bg-on-dark);
  color: var(--iico-text-on-dark);
}
.v-iicw .v-iico-tip {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  width: var(--tooltip-width);
  background: var(--tooltip-bg);
  color: var(--tooltip-text);
  padding: var(--tooltip-padding);
  border-radius: var(--tooltip-radius);
  border: var(--tooltip-border);
  box-shadow: var(--tooltip-shadow);
  z-index: var(--z-tooltip);
  font-size: var(--font-size-sm2);
  line-height: 1.5;
  font-style: normal;
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-regular);
  white-space: normal;
  text-align: left;
}
.v-iicw:hover .v-iico-tip { display: block; }
.v-iico-tip h5 {
  font-size: var(--font-size-sm2);
  font-weight: var(--font-weight-medium);
  margin: 0 0 5px 0;
  padding: 0 0 4px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.v-iico-tip ul { margin: 0; padding-left: 16px; }
.v-iico-tip li { margin-bottom: 3px; line-height: 1.45; }
.v-iico-tip li:last-child { margin-bottom: 0; }

/* -- V20.6 Aktions-Buttons (weiß) und Navi-Buttons (gold) --------------- */

.v-btn-action {
  display: inline-block;
  background: var(--btn-action-bg);
  color: var(--btn-action-text);
  padding: var(--btn-action-padding);
  border-radius: var(--btn-action-radius);
  border: none;
  font-size: var(--btn-action-font-size);
  font-weight: var(--btn-action-font-weight);
  line-height: 1.5;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}
.v-btn-action:hover { background: var(--color-gray-50); }

.v-btn-nav {
  display: inline-block;
  background: var(--btn-nav-bg);
  color: var(--btn-nav-text);
  padding: 2px 10px;
  border-radius: var(--btn-nav-radius);
  border: none;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}
.v-btn-nav:hover { background: var(--btn-nav-bg-hover); }

/* -- V20.7 Block-Spalten mit Akzent-Border ------------------------------- */

.v-block-criticism { border-left: 2px solid var(--block-criticism); padding-left: 10px; }
.v-block-response  { border-left: 2px solid var(--block-response);  padding-left: 10px; }
.v-block-resolved  { border-left: 2px solid var(--block-resolved);  padding-left: 10px; }
.v-block-pending   { border-left: 2px solid var(--block-pending);   padding-left: 10px; }

/* -- V20.8 Sub-Header mit Pille (Akzent + Kontrast) --------------------- */

.v-pill {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  text-align: center;
  line-height: 18px;
  margin-right: 7px;
  vertical-align: middle;
  color: var(--color-white);
}
.v-pill.p-criticism { background: var(--block-criticism); }
.v-pill.p-response  { background: var(--block-response); }
.v-pill.p-resolved  { background: var(--block-resolved); }
.v-pill.p-pending   { background: var(--block-pending); }

/* -- V20.9 Responsive Stacking (für zweispaltige V20-Blöcke) ------------ */

.v-twocol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 720px) {
  .v-twocol { grid-template-columns: 1fr; }
}


/* ==========================================================================
   PRÜFTABELLEN-SPEZIFISCHES CSS (extrahiert aus prueftabelle.html)
   ========================================================================== */


/* === Block 1/Block 2/Block 3/Block 4/Block 5/Block 6/Block 7/Block 8 aus prueftabelle.html === */

/* --- Block 1 --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}
/* Fix 3: Grundschriftgröße 16px */
body{font-family:'Segoe UI',system-ui,sans-serif;font-size:16px;background:var(--bg);color:#fff;line-height:1.6;min-height:100vh}
.page{display:none}.page.active{display:block}

/* ── NAV ── */
#nav{position:sticky;top:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  background:#0c1e2f;border-bottom:2px solid var(--gold);padding:0 20px;height:76px;gap:6px;
  box-shadow:0 2px 12px rgba(0,0,0,.4)}
.nb{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0}
.nn{font-size:18px;font-weight:700;color:#fff;display:block;line-height:1.1}
.ns2{font-size:10px;color:#8899aa;letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:0;line-height:1.25}
.nls{display:flex;align-items:center;gap:5px;overflow-x:visible;flex-wrap:nowrap}.nls::-webkit-scrollbar{display:none}
.nl{font-size:13px;font-weight:600;padding:6px 6px;border-radius:6px;color:#c8d6e5;flex-shrink:0;margin:0;
  white-space:nowrap;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .15s}
.nl:hover{background:#8b1a1a;color:#fff;border-radius:6px}
.nl.active{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
.nl:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.nl.on{background:var(--bg4);border-color:rgba(255,255,255,.2);color:#fff}
.nl.cta{background:#1a3550;color:#fff;border:1px solid rgba(255,255,255,.2)}
.nl.cta:hover,.nl.cta.on{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.ndv{display:none}
@media(max-width:700px){.ns2{display:none}.nl{font-size:13px;padding:6px 6px}#nav{padding:0 12px}}

/* ── WRAP ── */
.wrap{max-width:820px;margin:0 auto;padding:0 0 20px}

/* ── PAGE HEADER ── */
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;
  background:#1a3550;border-radius:var(--r);padding:14px 20px;border:1px solid rgba(255,255,255,.12)}
.ph-t{font-size:18px;font-weight:700;color:#fff}
.ph-b{font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;background:rgba(255,255,255,.15);
  color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .14s}
.ph-b:hover{background:rgba(255,255,255,.25)}

/* ══ Fix 10: STARTSEITE – radikal einfach ═════════════════════════ */
/* Nur: Titel, kurzer Text, Suchfeld, 4 HT-Karten als Einstieg */
.home-hero{padding:36px 22px 28px;background:linear-gradient(160deg,var(--bg2),var(--bg));
  border-bottom:2px solid var(--gold)}
.home-hero-inner{max-width:700px;margin:0 auto;text-align:center}
.home-title{font-size:clamp(26px,4vw,40px);font-weight:800;color:#fff;margin-bottom:10px}
.home-title em{color:var(--gold);font-style:normal}
/* Fix 7: kein Button-Look */
.home-sub{font-size:15px;color:#c8d6e5;margin-bottom:24px;line-height:1.6}
.home-meta{font-size:13px;color:#8899aa;margin-bottom:6px}
/* Fix 9: Suche auf Startseite */
.home-search{position:relative;max-width:560px;margin:0 auto}
.home-search input{width:100%;padding:14px 42px 14px 18px;font-size:15px;
  border:2px solid #ccc;border-radius:10px;
  background:#fff;color:#1a1a18;outline:none;transition:all .15s}
.home-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,90,.15)}
.home-search input::placeholder{color:#7a8fa5}
.home-search .clr{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:#8899aa;font-size:18px;cursor:pointer;display:none}
.home-results{max-width:560px;margin:6px auto 0;display:none;flex-direction:column;gap:6px}
.home-results.open{display:flex}

/* Fix 4+5: Suchergebnisse = weiße Karten, schwarze Schrift */
.sr{background:#dce8f5;border:1px solid #b8d0ed;border-left:4px solid #5B2D8C;border-radius:6px 8px 8px 6px;padding:12px 16px 12px 14px;cursor:pointer;transition:box-shadow .25s,transform .15s,background .15s,border-color .25s;box-shadow:0 1px 4px rgba(0,0,0,.06);color:#1a1a18}
.sr:nth-child(even){background:#cfdcec}
.sr:hover{background:#1a3550;border-color:#1a3550;color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:translateY(-1px)}
.sr:hover .sr-id,.sr:hover .sr-t,.sr:hover .sr-tag{color:#fff}

.sr-id{font-size:12px;font-weight:700;color:#1a5e8c;margin-bottom:3px}
.sr-t{font-size:15px;font-weight:600;color:#1a1a18;line-height:1.45;margin-bottom:4px;text-align:left}
.sr-tags{display:flex;gap:5px;flex-wrap:wrap}
.sr-tags span{font-size:11px;padding:2px 8px;border-radius:999px;background:#f0f0f0;color:#444}
.sr:hover .sr-id,.sr:hover .sr-t{color:#fff}
.sr:hover .sr-tags span{background:rgba(255,255,255,.25);color:#fff}
.sr-none{font-size:14px;color:#8899aa;text-align:center;padding:14px}

/* Fix 10: HT-Karten als Haupteinstieg */
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;
  max-width:1060px;margin:28px auto 0;padding:0 20px}
.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
/* Fix 2: Hintergrund = HT-Farbe */
.ht-entry-head{padding:16px 18px;color:#fff}
.ht-entry-name{font-size:15px;font-weight:700}
.ht-entry-sub{font-size:13px;opacity:.8;margin-top:3px}
/* Fix 4: weiße Karte, schwarze Schrift */
.ht-entry-body{padding:16px 18px;background:#fff;color:#1a1a18}
.ht-entry-row{display:flex;justify-content:space-between;margin-bottom:8px}
.ht-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ht-lbl.k{color:var(--crit)}.ht-lbl.n{color:var(--org)}
.ht-val{font-size:20px;font-weight:800;color:#1a1a18}
.ht-urt{font-size:12px;color:#555}
/* Fix 8: Einfache Info-Zeile statt Monster-Bar */
.home-info{max-width:1060px;margin:20px auto 0;padding:0 20px;
  display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.home-info-item{font-size:13px;color:#8899aa}
.home-info-item b{color:#c8d6e5}

/* ── AKKORDEON (Prüftabelle) ── */
.acc{background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px;margin-bottom:16px}
.acc-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:12px}
.acc-grid{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:start}
@media(max-width:600px){.acc-grid{grid-template-columns:1fr}}
.ht-btns{display:flex;flex-direction:column;gap:5px}
/* Fix 2: HT-Buttons behalten ihre Farbe */
.htbtn{width:100%;text-align:left;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);
  cursor:pointer;font-size:15px;font-weight:700;color:#fff;transition:all .14s;line-height:1.35}
.htbtn .cnt{font-size:12px;opacity:.78;display:block;margin-top:3px;font-weight:500}
.htbtn:not(.on){opacity:.55;border-color:transparent}
.htbtn:hover{opacity:1}
.htbtn.on{opacity:1;border-color:rgba(255,255,255,.35)}
.kat-panel{display:flex;flex-direction:column;gap:5px}
.kitem{border:1px solid rgba(255,255,255,.2);border-radius:8px;
  padding:12px 14px;cursor:pointer;transition:all .12s;color:#fff}
.kitem:hover{filter:brightness(1.15);border-color:rgba(255,255,255,.4)}
.kitem.open{filter:brightness(1.2);border-color:rgba(255,255,255,.5)}
.kname{font-size:15px;font-weight:600;color:#fff}
.kmeta{font-size:12px;color:rgba(255,255,255,.7);margin-top:3px}
.pbadges{flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
/* Fix 1: P-Badges sicher rendern, kein undefined */
.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;
  color:#fff;border:1px solid rgba(255,255,255,.18);transition:all .14s}
.pb:hover{background:#8b1a1a;color:#fff;border-color:#8b1a1a}

/* ── DETAIL OVERLAY ── */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9500;display:none;
  align-items:flex-start;justify-content:center;padding:20px 12px;overflow-y:auto}
.dov.open{display:flex}
#dpan{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  width:100%;max-width:960px;margin:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dh{padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#1a3550;border-radius:14px 14px 0 0}
.d-pid{font-size:13px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.d-ttl{font-size:18px;font-weight:700;color:#fff;line-height:1.4}
.dmeta{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff}
.dnav{display:flex;align-items:center;gap:8px;margin-top:10px}
.dn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:6px;
  padding:7px 16px;font-size:13px;color:#fff;cursor:pointer;transition:all .12s}
.dn:hover{background:rgba(255,255,255,.25)}.dn:disabled{opacity:.3;cursor:default}
.dpos{font-size:12px;color:rgba(255,255,255,.5)}
.dclose{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
  font-size:22px;cursor:pointer;color:#fff;line-height:1;padding:4px 9px;border-radius:6px;transition:all .12s}
.dclose:hover{background:rgba(255,255,255,.2)}
.dbody{padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px}
/* Fix 5: Weiß auf dunklem Hintergrund */
.dsec{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:#c8d6e5;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
/* Fix 4: Schwarzer Text auf weißen Karten */
.dcard{background:#fff;border-radius:8px;padding:14px 18px;font-size:15px;line-height:1.78;color:#1a1a18}
.dcard p{margin:0 0 10px}.dcard p:last-child{margin-bottom:0}
.dcard.red{border-left:4px solid var(--crit)}
.dcard.blue{border-left:4px solid var(--org)}
.dcard.amber{border-left:4px solid var(--gold)}
.d2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.d2{grid-template-columns:1fr}}
.ov-hint{font-size:11px;color:rgba(255,255,255,.3);text-align:center;padding:6px 0 2px}

/* Bewertungsbadges */
.bk{font-size:12px;padding:3px 11px;border-radius:999px;font-weight:600;white-space:nowrap;display:inline-block;min-width:90px;text-align:center}
.b-fe{background:#e8e8e8;color:#555}.b-fs{background:#fde8e0;color:#c0522a}
.b-ss{background:#fdf0da;color:#a06a00}.b-mi{background:#dbeafe;color:#1e5fa8}
.b-st{background:#ddd6ff;color:#4338ca}.b-vs{background:#3b1f8e;color:#d4c4ff}

/* Raster Akkordeon */
.rast{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:6px}
.rast-h{display:grid;grid-template-columns:140px 1fr 1fr auto;align-items:center;gap:10px;
  padding:12px 16px;cursor:pointer;background:var(--bg3);transition:background .12s;user-select:none}
.rast-h:hover{background:var(--bg4)}
.rast-kr{font-size:14px;font-weight:700;color:#fff}
.rast-sc{display:flex;align-items:center;gap:6px}
.rast-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.rast-bf{height:5px;border-radius:3px}
.rast-arr{font-size:13px;color:#fff;transition:transform .15s}
.rast-b{display:none;padding:16px 18px;background:#fff;border-top:1px solid #eee;color:#1a1a18}
.rast-b.open{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rast-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.rast-lbl.k{color:var(--crit)}.rast-lbl.n{color:var(--org)}
.rast-big{font-size:24px;font-weight:800;color:#1a1a18;margin-bottom:5px}
.rast-txt{font-size:14px;line-height:1.72;color:#1a1a18;margin-top:8px}
.rast-why{font-size:13px;color:#555;margin-top:6px;font-style:italic;padding-left:12px;border-left:2px solid #ddd}
@media(max-width:600px){.rast-b.open{grid-template-columns:1fr}.rast-h{grid-template-columns:1fr 1fr 1fr}}

/* Übersicht-Karten */
.ov-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;align-items:stretch}
.ovc{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ddd}
.ovc-h{padding:16px 18px;color:#fff}
.ovc-name{font-size:18px;font-weight:700}
.ovc-sub{font-size:13px;opacity:.8;margin-top:2px}
.ovc-body{padding:16px 18px;color:#1a1a18}
.ovc-row{display:flex;justify-content:space-between;margin-bottom:10px}
.ovc-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ovc-val{font-size:20px;font-weight:800;color:#1a1a18;margin:4px 0 2px}
.ovc-urt{font-size:12px;color:#555}
.ovc-kats{font-size:13px;color:#444;line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid #eee}
.kcrit{color:var(--crit)}.korg{color:var(--org)}

/* Kategorien-Tabelle */
.ksec{margin-bottom:10px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.ksec-h{padding:14px 18px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;
  display:flex;justify-content:space-between;align-items:center;user-select:none}
.ksec-h:hover{filter:brightness(0.85);background:#8b1a1a !important}
.ksec-arr{font-size:15px;transition:transform .15s}
.ksec-b{background:#fff;display:none}
.ktbl{width:100%;border-collapse:collapse;font-size:14px}
.ktbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ktbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.ktbl tr:hover td{background:#f8f8f8}
.kn{font-weight:600}.kc{text-align:center;white-space:nowrap}.kp{min-width:180px}
.sort-th{cursor:pointer}.sort-th:hover{background:rgba(255,255,255,.1)}
.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

/* Methodik/Nutzung/Feedback Cards */
.sc{background:#fff;border:none;border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.sc-head{background:#1a3550;color:#fff;font-size:15px;font-weight:700;padding:12px 18px}
.sc-head:hover{background:#8b1a1a;cursor:pointer}
.sc-body{padding:16px 18px;font-size:15px;line-height:1.78;color:#1a1a18}

/* Gesamtbild-Tabelle */
.gtbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;border:none}
.gtbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em}
.gtbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.gtbl .sum-row td{background:#1a3550;color:#fff;font-weight:700;border:none}

/* Search auf Prüftabelle-Seite (gleicher Stil wie Startseite) */
.srch-wrap{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:16px;margin-bottom:16px}
.srch-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:10px}

/* Footer */
.footer{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--bg2);border-top:1px solid rgba(255,255,255,.08);padding:8px 22px;text-align:center;font-size:11px;color:#8899aa;white-space:nowrap;overflow-x:auto}
body{padding-bottom:48px}
.footer a{color:#c8d6e5;text-decoration:underline}.footer a:hover{color:#fff}
.wm{position:fixed;bottom:6px;right:10px;font-size:9px;color:rgba(255,255,255,.06);pointer-events:none;user-select:none;z-index:9999}

.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;background:#fff;color:#1a1a18;border:1px solid #ccc;transition:all .14s}
.pb:hover{background:#f0f0f0;border-color:#999}

.rast-h{background:#e8edf2 !important}
.rast-h:hover{background:#dce3ea !important}
.rast-kr{color:#1a1a18 !important}
.rast-arr{color:#555 !important}

.rast{border:1px solid #ccc;border-radius:10px;overflow:hidden;margin-bottom:6px}

.hero-img{position:absolute;top:0;left:0;height:300px;width:35%;background-size:contain;background-position:left center;background-repeat:no-repeat;opacity:.35;pointer-events:none}

.kcrit{color:#b91c1c;font-weight:700;text-align:right}
.korg{color:#1a5e8c;font-weight:700;text-align:right}

.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ht-entry-head{padding:18px 20px;color:#fff}
.ht-entry-name{font-size:20px;font-weight:700}
.ht-entry-sub{font-size:14px;opacity:.85;margin-top:4px}
.ht-entry-body{padding:16px 20px;background:#fff;color:#1a1a18}
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:1060px;margin:28px auto 20px;padding:0 20px}

.hero-banner{position:absolute;top:30px;right:20px;transform:none;width:35%;max-width:400px;opacity:.9;pointer-events:none;z-index:1}
@media(max-width:800px){.hero-banner{display:none}}

.gtbl td:not(:first-child){text-align:right}


.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
.pnav-btn{padding:7px 18px;background:#1a3550;border:1px solid rgba(255,255,255,.2);
  border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;
  text-decoration:none;display:inline-block}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-btn.off{opacity:.25;pointer-events:none}
.pnav-pos{font-size:12px;color:#8899aa;min-width:80px;text-align:center}

.kcrit{color:#b91c1c !important;font-weight:700}
.korg{color:#1a5e8c !important;font-weight:700}
.gtbl td.kcrit{color:#b91c1c !important;font-weight:700;text-align:right}
.gtbl td.korg{color:#1a5e8c !important;font-weight:700;text-align:right}
#nav-inner{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:1000px;margin:0 auto}
#nb-home,#nb-tabelle{margin-left:14px !important}
#nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:5px !important}
.p-sources-wrap + div[style*="margin-top:8px"]{max-width:820px;margin-left:auto;margin-right:auto}
#nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9000 !important}
body{padding-top:76px !important}
.ph{position:sticky !important;top:76px !important;z-index:8999 !important;background:#1a3550 !important;margin-bottom:20px !important;border-radius:var(--r) !important}

/* === Responsive === */
@media(max-width:900px){
  #nav-inner{padding:0 12px;gap:4px}
  .nl{font-size:12px;padding:5px 9px}
  #nb-home,#nb-tabelle{margin-left:10px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:4px !important}
  .ph{flex-wrap:wrap;gap:8px !important;padding:12px 14px !important}
  .ph-t{font-size:16px}
}
@media(max-width:700px){
  #nav{overflow-x:auto}
  #nav-inner{min-width:max-content;justify-content:center}
  .nl{font-size:11px;padding:4px 7px}
  #nb-home,#nb-tabelle{margin-left:6px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:3px !important}
  .p-raster-row{grid-template-columns:1fr !important;gap:4px !important;text-align:left}
  .p-detail-row{grid-template-columns:1fr !important}
  .p-sources-wrap{grid-template-columns:1fr !important}
  .p-block{padding:10px 12px !important}
  .p-scorecard{flex-direction:column}
  .p-scorecard .p-score-k,.p-scorecard .p-score-n{padding:10px 12px}
  .ph-t{font-size:14px}
  .pnav{flex-wrap:wrap;gap:4px}
  .pnav-btn{padding:5px 12px;font-size:12px}
  .d2{grid-template-columns:1fr !important}
}
@media(max-width:500px){
  .nn{font-size:14px}
  body{font-size:14px}
  .nl{font-size:10px;padding:3px 6px}
  .p-block-text,.sc-body{font-size:13px}
  .p-score-val{font-size:22px}
  .p-block-label{font-size:11px}
}

/* --- Block 2 --- */
/* DWKS-CARD-CSS */
.dwks-body{padding:14px;display:flex;flex-direction:column;gap:12px}
.dwks-card{background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:12px 14px}
.dwks-sec{font-size:12px;font-weight:700;text-transform:uppercase;color:#1A3650;margin-bottom:8px;letter-spacing:.5px}
.dwks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.dwks-cell{background:#f7f7f7;border-radius:6px;padding:8px 10px}
.dwks-lbl{font-size:11px;color:#555;margin-bottom:2px}
.dwks-val{font-size:20px;font-weight:700;color:#1a1a18}
.dwks-of{font-size:12px;color:#888;font-weight:400;margin-left:2px}
.dwks-bar{height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden;margin-top:6px}
.dwks-bf{height:100%;border-radius:3px;transition:width .2s}
.dwks-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:14px}
.dwks-row:last-child{border-bottom:0}
.dwks-amp{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}
.amp-er{background:#dff5e3;color:#0a6e2e}
.amp-er2{background:#0a6e2e;color:#fff}
.amp-ge{background:#eef5d4;color:#5b6d10}
.amp-re{background:#fff3cd;color:#7a5a10}
.amp-of{background:#ffe1c4;color:#8a4a10}
.amp-ko{background:#fbd6d6;color:#8a1a1a}
.amp-na{background:#eee;color:#555}
.dwks-actions{display:flex;justify-content:flex-end}
.dwks-btn{background:#1A3650;color:#fff;text-decoration:none;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600}
.dwks-btn:hover{background:#234868}

/* --- Block 3 --- */
#nb-klaerung:hover{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}

/* --- Block 4 --- */
/*PT-NEW-CSS*/

.pt-page-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:0 4px}
.pt-page-h1{font-size:20px;font-weight:800;color:#fff;letter-spacing:.02em;margin:0}
.pt-wrap{max-width:var(--pt-w) !important;margin:0;margin-left:max(0px,calc((100vw - 820px) / 2));padding:18px 16px 64px}

/* === HERO === */
.pt-hero{background:linear-gradient(135deg,#1a3550,#13293d);border-radius:12px;padding:18px 22px;margin-bottom:18px;border:1px solid rgba(212,175,90,.25);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.pt-hero-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pt-hero-stats{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.pt-stat{display:flex;flex-direction:column;gap:2px;min-width:100px}
.pt-stat-lbl{font-size:11px;color:#8899aa;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.pt-stat-val{font-size:18px;color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.pt-stat-okb{flex:1;min-width:240px}
.pt-stat-okb .pt-stat-val{font-size:15px;font-weight:600;color:#cfd8e3}
.pt-okb-pct{display:inline-block;padding:2px 9px;border-radius:5px;background:#d4af5a;color:#1a1a18;font-weight:800;margin-left:6px}
.pt-amp-strip{display:flex;gap:6px;flex:1;flex-wrap:wrap}
.pt-amp-strip .amp{padding:4px 10px;border-radius:5px;font-size:12px;font-weight:700;color:#fff;cursor:pointer;border:2px solid transparent;transition:transform .12s,box-shadow .12s}
.pt-amp-strip .amp:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.pt-amp-strip .amp.selected{border-color:#fff;box-shadow:0 0 0 2px rgba(212,175,90,.6)}
.pt-amp-strip .amp-erledigt{background:#2d6a4f}
.pt-amp-strip .amp-gering{background:#588157}
.pt-amp-strip .amp-relevant{background:#d97706}
.pt-amp-strip .amp-offen{background:#b91c1c}
.pt-band-strip{display:flex;align-items:flex-end;gap:4px;height:46px}
.pt-band-strip .b{display:flex;flex-direction:column-reverse;align-items:center;font-size:9.5px;color:#cfd8e3;min-width:42px;background:transparent;border:none;cursor:pointer;padding:0;transition:transform .12s}
.pt-band-strip .b:hover{transform:translateY(-2px)}
.pt-band-strip .b.selected .b-bar{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(212,175,90,.5)}
.pt-band-strip .b.selected .b-lbl{color:#fff;font-weight:700}
.pt-band-strip .b-bar{width:100%;border-radius:3px 3px 0 0;display:flex;align-items:flex-end;justify-content:center;color:#fff;font-size:10px;font-weight:700;padding-top:2px;min-height:14px}
.pt-band-strip .b-lbl{margin-top:3px;text-align:center;line-height:1.1}

/* === MODUS-TOGGLE === */
.pt-modes{display:flex;gap:6px;align-items:center;margin-bottom:14px}
.pt-mode{padding:8px 16px;background:rgba(255,255,255,.08);color:#cfd8e3;border:1px solid rgba(255,255,255,.15);border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;transition:all .14s}
.pt-mode:hover{background:rgba(139,26,26,.4);border-color:#8b1a1a;color:#fff}
.pt-mode.active{background:#8b1a1a;color:#fff;border-color:#8b1a1a}
.pt-mode-sub{font-size:12px;color:#8899aa;margin-left:8px;font-style:italic}

/* === FILTER-LEISTE === */
.pt-filters{background:#1a3550;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;margin-bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.pt-search-wrap{grid-column:1 / -1;display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center}
.pt-search-wrap .page-portrait{justify-self:start}
.pt-search-wrap input{width:100%;padding:10px 14px;font-size:14px;background:#fff;color:#000;border:1px solid rgba(255,255,255,.18);border-radius:7px;outline:none}
.pt-search-wrap input::placeholder{color:#666}
.pt-search-wrap input:focus{border-color:#d4af5a}
.pt-filter-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;justify-content:flex-start}
.pt-flbl{font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.05em;font-weight:700;min-width:100px;padding-top:5px;padding-right:0}
.pt-pills{display:flex;gap:5px;flex-wrap:wrap;flex:1}
.pt-pill{padding:5px 9px;border-radius:5px;font-size:11px;font-weight:700;cursor:pointer;background:rgba(255,255,255,.08);color:#fff;border:2px solid transparent;transition:all .12s;white-space:nowrap;opacity:1}
.pt-pill:hover{background:#8b1a1a !important;border-color:#fff;color:#fff}
.pt-pill.on{border-color:#fff;box-shadow:0 0 0 2px rgba(212,175,90,.65),0 2px 6px rgba(0,0,0,.4)}
.pt-filter-row.row-trag{justify-content:flex-end;gap:6px}
.pt-filter-row.row-trag .pt-pills{flex:0 0 auto}
.pt-filter-row.row-trag .pt-flbl{min-width:auto;padding-right:0}
.pt-filter-row.row-band,.pt-filter-row.row-reset{grid-column:1 / -1}
.pt-filter-row.row-band .pt-pills{flex:1;flex-wrap:nowrap;overflow-x:auto}
.pt-filter-row.row-reset{justify-content:space-between;padding-top:2px;align-items:center}
.pt-hint{font-size:12px;color:#ffd56b;font-weight:600;letter-spacing:.02em;margin-left:110px}
.pt-hint::before{content:"ℹ  ";opacity:.9;color:#ffd56b}
.pt-reset-stack{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pt-count-hint{font-size:12px;color:#ffd56b;font-weight:600;letter-spacing:.02em;margin-left:auto;width:150px;text-align:left;padding-right:16px;box-sizing:border-box}
.pt-count-hint::before{content:"ℹ  ";opacity:.9;color:#ffd56b}
.pt-pills-t{justify-content:flex-end}
.pt-pills-t .pt-pill{min-width:36px;text-align:center;padding-left:7px;padding-right:7px}
.pt-reset{padding:5px 12px;font-size:11px;font-weight:700;color:#fff;background:rgba(139,26,26,.4);border:1px solid #8b1a1a;border-radius:5px;cursor:pointer;align-self:flex-start;margin-top:5px}
.pt-reset:hover{background:#8b1a1a;border-color:#a62c2c}

/* === SORTIER-TOOLBAR === */
.pt-sort{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.pt-sort-lbl{font-size:11px;color:#cfd8e3;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.pt-sort-btns{display:flex;gap:5px;flex-wrap:wrap}
.pt-sort-btn{padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:5px;transition:all .12s}
.pt-sort-btn:hover{background:#8b1a1a !important;border-color:#fff;color:#fff}
.pt-sort-btn.active{background:#1a3550;color:#fff;border-color:#d4af5a}
.pt-result-count{margin-left:auto;font-size:12px;color:#cfd8e3;font-weight:600}

/* === ERGEBNISLISTE — weiß/schwarz, roter Hover === */
.pt-list{background:#fff;border:2px solid rgba(212,175,90,.4);border-radius:9px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.pt-row{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;border-bottom:1px solid #e0e4e9;transition:background .12s,color .12s;text-decoration:none;color:#1a1a1a}
.pt-row:last-child{border-bottom:none}
.pt-row:hover{background:#8b1a1a;color:#fff}
.pt-row:hover .kp{color:#fff}
.pt-row:hover .okb{color:#ffd56b}
.pt-row:hover .pid{background:#fff;color:#8b1a1a;border-color:#fff}
.pt-row .hg-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(0,0,0,.2)}
.pt-row .pid{padding:2px 7px;background:#1a3550;color:#fff;border-radius:3px;font-size:11px;font-weight:800;flex:0 0 auto;font-variant-numeric:tabular-nums;border:1px solid rgba(0,0,0,.2);transition:all .12s}
.pt-row .kp{flex:1;font-size:13px;color:#1a1a1a;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt-row .okb{flex:0 0 auto;font-size:13px;font-weight:800;color:#b91c1c;font-variant-numeric:tabular-nums;min-width:42px;text-align:right;transition:color .12s}
.pt-empty{padding:36px 26px;text-align:left;color:#fff;background:#13293d;border-radius:9px;border:2px dashed rgba(212,175,90,.4);font-size:14px;line-height:1.55}
.pt-empty b{color:#ffd56b}

/* === SUCH-HIGHLIGHT === */
.pt-row mark, .pt-ft-row mark{background:#ffd56b;color:#1a1a18;padding:0 2px;border-radius:2px;font-weight:700}
.pt-row:hover mark{background:#ffe89a}

/* === VOLLTEXT-TREFFER === */
.pt-fulltext{margin-top:18px;padding:14px;background:#13293d;border:2px solid rgba(212,175,90,.4);border-radius:9px}
.pt-ft-title{margin:0 0 10px 0;color:#ffd56b;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.pt-ft-list{display:flex;flex-direction:column;gap:8px}
.pt-ft-row{display:block;padding:10px 12px;background:#fff;border-radius:6px;color:#1a1a1a;text-decoration:none;transition:background .12s,color .12s;border:1px solid rgba(0,0,0,.08)}
.pt-ft-row:hover{background:#8b1a1a;color:#fff}
.pt-ft-row:hover mark{background:#ffe89a;color:#1a1a18}
.pt-ft-row .pid{display:inline-block;padding:2px 7px;background:#1a3550;color:#fff;border-radius:3px;font-size:11px;font-weight:800;margin-right:8px;font-variant-numeric:tabular-nums}
.pt-ft-row .ft-loc{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#5b2d8c;font-weight:700;margin-right:6px}
.pt-ft-row:hover .ft-loc{color:#ffd56b}
.pt-ft-row .ft-snip{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#333}
.pt-ft-row:hover .ft-snip{color:#fff}

/* === THEMEN-MODUS === */
.pt-themen-intro{font-size:13px;color:#cfd8e3;font-style:italic;margin-bottom:14px;padding:10px 14px;background:rgba(255,255,255,.04);border-radius:7px;border-left:3px solid #d4af5a}
.pt-hg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}
.pt-hg-card{background:#13293d;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.pt-hg-head{padding:12px 16px;color:#fff;display:flex;align-items:center;gap:10px}
.pt-hg-head .num{font-size:22px;font-weight:800;letter-spacing:-.02em;opacity:.5}
.pt-hg-head .name{font-size:14px;font-weight:700;flex:1;line-height:1.25}
.pt-hg-head .okb-pct{padding:3px 9px;background:rgba(0,0,0,.4);color:#ffd56b;border-radius:5px;font-size:12px;font-weight:800}
.pt-hg-stats{padding:8px 16px;background:rgba(0,0,0,.2);font-size:11.5px;color:#cfd8e3;display:flex;gap:14px}
.pt-hg-stats b{color:#fff;font-weight:700}
.pt-hg-body{padding:10px 16px 12px;display:flex;flex-direction:column;gap:7px}
.pt-hg-kat{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.pt-hg-kat:last-child{border-bottom:none}
.pt-hg-kat .kn{flex:1;color:#cfd8e3}
.pt-hg-kat .kc{padding:1px 6px;background:rgba(255,255,255,.08);color:#8899aa;font-size:10px;border-radius:3px}
.pt-hg-pflist{padding:6px 16px 12px;display:flex;gap:4px;flex-wrap:wrap;border-top:1px dashed rgba(255,255,255,.08)}
.pt-hg-pflist .pid{padding:2px 6px;background:rgba(212,175,90,.15);color:#d4af5a;border-radius:3px;font-size:10px;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .12s}
.pt-hg-pflist .pid:hover{background:#d4af5a;color:#1a1a18;border-color:#d4af5a}

/* Mobile-Anpassung */
@media(max-width:720px){
  .pt-flbl{min-width:auto;width:100%}
  .pt-row{flex-wrap:wrap;gap:6px}
  .pt-row .kp{flex:1 1 100%;white-space:normal;font-size:12px;line-height:1.35}
}

/* --- Block 5 --- */
/* RESPONSIVE-PATCH */
@media (max-width: 720px){
  .pt-wrap{padding:14px 12px 48px;margin-left:0 !important}
  .pt-filters{grid-template-columns:1fr;padding:12px 12px;gap:10px 0}
  .pt-filter-row{flex-direction:column;align-items:stretch;gap:6px}
  .pt-filter-row.row-trag{justify-content:flex-start}
  .pt-filter-row.row-trag .pt-pills{flex:1}
  .pt-flbl{min-width:auto;padding-top:0;padding-right:0}
  .pt-pills,.pt-pills-t{flex-wrap:wrap;justify-content:flex-start !important}
  .pt-filter-row.row-band .pt-pills{flex-wrap:wrap;overflow-x:visible}
  .pt-search-wrap{grid-template-columns:auto 1fr;gap:8px}
  .pt-search-wrap input{font-size:13px;padding:8px 10px}
  .pt-sort{flex-direction:column;align-items:stretch;gap:8px}
  .pt-sort-btns{flex-wrap:wrap}
  .pt-count-hint{width:auto;text-align:left;padding-right:0;margin-left:0}
  .pt-row{flex-wrap:wrap;gap:6px;padding:10px 12px}
  .pt-row .kp{flex:1 1 100%;white-space:normal;font-size:12.5px;line-height:1.4;order:5}
  .pt-row .pid{order:1}
  .pt-row .hg-dot{order:0}
  .pt-row .okb{order:3;margin-left:auto}
  .pt-empty{padding:24px 16px;font-size:13px}
  .pt-hint{margin-left:0;font-size:11px}
  .pt-reset{align-self:stretch;text-align:center}
}

/* --- Block 6 --- */
/* RESPONSIVE-PATCH-NAV */
@media (max-width: 720px){
  #nav{padding:0 10px;height:auto;flex-wrap:wrap;min-height:60px}
  #nav-inner{flex-wrap:wrap;gap:4px;padding:6px 0;justify-content:flex-start}
  .nb{flex:0 0 auto}
  .nb img{width:38px !important;height:38px !important}
  .nls{flex-wrap:wrap;gap:4px}
  .nl{font-size:11.5px;padding:5px 8px}
  .ns2{display:none}
  .nn{font-size:14px}
}
@media (max-width: 480px){
  .nl{font-size:11px;padding:4px 6px}
  .nn{font-size:12px}
  .nb img{width:32px !important;height:32px !important}
}

/* --- Block 7 --- */
/* PAGE-PORTRAIT */
.page-portrait{display:inline-block;width:80px;height:80px;border-radius:50%;border:2px solid rgba(212,175,90,.6);box-shadow:0 2px 6px rgba(0,0,0,.4);background-color:#1a3550;background-image:url('../media/portraet.png');background-repeat:no-repeat;background-size:136px 136px;background-position:50% 18%;vertical-align:middle;flex:0 0 auto;text-decoration:none;box-sizing:content-box;transition:border-color .14s,transform .14s}
.page-portrait:hover{border-color:#ffd56b;transform:scale(1.05)}
@media(max-width:720px){.page-portrait{width:60px;height:60px;border-width:1.5px;background-size:103px 103px;background-position:50% 18%}}

/* --- Block 8 --- */
h1.ph-t{font-size:18px;font-weight:700;color:#fff;line-height:1.2;margin:0;padding:0}


/* ==========================================================================
   KATEGORIEN-SPEZIFISCHES CSS (extrahiert aus themen.backup.html + CSS_PATCH)
   ========================================================================== */

/* --- Block 1 aus Template --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}
/* Fix 3: Grundschriftgröße 16px */
body{font-family:'Segoe UI',system-ui,sans-serif;font-size:16px;background:var(--bg);color:#fff;line-height:1.6;min-height:100vh}
.page{display:none}.page.active{display:block}

/* ── NAV ── */
#nav{position:sticky;top:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  background:#0c1e2f;border-bottom:2px solid var(--gold);padding:0 20px;height:76px;gap:6px;
  box-shadow:0 2px 12px rgba(0,0,0,.4)}
.nb{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0}
.nn{font-size:18px;font-weight:700;color:#fff;display:block;line-height:1.1}
.ns2{font-size:10px;color:#8899aa;letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:0;line-height:1.25}
.nls{display:flex;align-items:center;gap:5px;overflow-x:visible;flex-wrap:nowrap}.nls::-webkit-scrollbar{display:none}
.nl{font-size:13px;font-weight:600;padding:6px 6px;border-radius:6px;color:#c8d6e5;flex-shrink:0;margin:0;
  white-space:nowrap;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .15s}
.nl:hover{background:#8b1a1a;color:#fff;border-radius:6px}
.nl.active{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
.nl.on{background:var(--bg4);border-color:rgba(255,255,255,.2);color:#fff}
.nl.cta{background:#1a3550;color:#fff;border:1px solid rgba(255,255,255,.2)}
.nl.cta:hover,.nl.cta.on{background:var(--s2h)}
.ndv{display:none}
@media(max-width:700px){.ns2{display:none}.nl{font-size:13px;padding:6px 6px}#nav{padding:0 12px}}

/* ── WRAP ── */
.wrap{max-width:820px;margin:0 auto;padding:0 0 20px}

/* ── PAGE HEADER ── */
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;
  background:#1a3550;border-radius:var(--r);padding:14px 20px;border:1px solid rgba(255,255,255,.12)}
.ph-t{font-size:18px;font-weight:700;color:#fff}
.ph-b{font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;background:rgba(255,255,255,.15);
  color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .14s}
.ph-b:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}

/* ══ Fix 10: STARTSEITE – radikal einfach ═════════════════════════ */
/* Nur: Titel, kurzer Text, Suchfeld, 4 HT-Karten als Einstieg */
.home-hero{padding:36px 22px 28px;background:linear-gradient(160deg,var(--bg2),var(--bg));
  border-bottom:2px solid var(--gold)}
.home-hero-inner{max-width:700px;margin:0 auto;text-align:center}
.home-title{font-size:clamp(26px,4vw,40px);font-weight:800;color:#fff;margin-bottom:10px}
.home-title em{color:var(--gold);font-style:normal}
/* Fix 7: kein Button-Look */
.home-sub{font-size:15px;color:#c8d6e5;margin-bottom:24px;line-height:1.6}
.home-meta{font-size:13px;color:#8899aa;margin-bottom:6px}
/* Fix 9: Suche auf Startseite */
.home-search{position:relative;max-width:560px;margin:0 auto}
.home-search input{width:100%;padding:14px 42px 14px 18px;font-size:15px;
  border:2px solid #ccc;border-radius:10px;
  background:#fff;color:#1a1a18;outline:none;transition:all .15s}
.home-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,90,.15)}
.home-search input::placeholder{color:#7a8fa5}
.home-search .clr{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:#8899aa;font-size:18px;cursor:pointer;display:none}
.home-results{max-width:560px;margin:6px auto 0;display:none;flex-direction:column;gap:6px}
.home-results.open{display:flex}

/* Fix 4+5: Suchergebnisse = weiße Karten, schwarze Schrift */
.sr{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px 16px;
  cursor:pointer;transition:all .12s;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.sr:hover{background:#8b1a1a;color:#fff;cursor:pointer}
.sr:hover .sr-id,.sr:hover .sr-t,.sr:hover .sr-tag{color:#fff}
.sr:hover{background:#1a3550;border-color:#1a3550;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.sr-id{font-size:13px;font-weight:700;color:#1a3550;margin-bottom:2px;text-align:left}
.sr-t{font-size:15px;font-weight:600;color:#1a1a18;line-height:1.45;margin-bottom:4px;text-align:left}
.sr-tags{display:flex;gap:5px;flex-wrap:wrap}
.sr-tags span{font-size:11px;padding:2px 8px;border-radius:999px;background:#f0f0f0;color:#444}
.sr:hover .sr-id,.sr:hover .sr-t{color:#fff}
.sr:hover .sr-tags span{background:rgba(255,255,255,.2);color:#fff}
.sr-none{font-size:14px;color:#8899aa;text-align:center;padding:14px}

/* Fix 10: HT-Karten als Haupteinstieg */
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;
  max-width:1060px;margin:28px auto 0;padding:0 20px}
.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
/* Fix 2: Hintergrund = HT-Farbe */
.ht-entry-head{padding:16px 18px;color:#fff}
.ht-entry-name{font-size:15px;font-weight:700}
.ht-entry-sub{font-size:13px;opacity:.8;margin-top:3px}
/* Fix 4: weiße Karte, schwarze Schrift */
.ht-entry-body{padding:16px 18px;background:#fff;color:#1a1a18}
.ht-entry-row{display:flex;justify-content:space-between;margin-bottom:8px}
.ht-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ht-lbl.k{color:var(--crit)}.ht-lbl.n{color:var(--org)}
.ht-val{font-size:20px;font-weight:800;color:#1a1a18}
.ht-urt{font-size:12px;color:#555}
/* Fix 8: Einfache Info-Zeile statt Monster-Bar */
.home-info{max-width:1060px;margin:20px auto 0;padding:0 20px;
  display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.home-info-item{font-size:13px;color:#8899aa}
.home-info-item b{color:#c8d6e5}

/* ── AKKORDEON (Prüftabelle) ── */
.acc{background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px;margin-bottom:16px}
.acc-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:12px}
.acc-grid{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:start}
@media(max-width:600px){.acc-grid{grid-template-columns:1fr}}
.ht-btns{display:flex;flex-direction:column;gap:5px}
/* Fix 2: HT-Buttons behalten ihre Farbe */
.htbtn{width:100%;text-align:left;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);
  cursor:pointer;font-size:15px;font-weight:700;color:#fff;transition:all .14s;line-height:1.35}
.htbtn .cnt{font-size:12px;opacity:.78;display:block;margin-top:3px;font-weight:500}
.htbtn:not(.on){opacity:.55;border-color:transparent}
.htbtn:hover{opacity:1}
.htbtn.on{opacity:1;border-color:rgba(255,255,255,.35)}
.kat-panel{display:flex;flex-direction:column;gap:5px}
.kitem{border:1px solid rgba(255,255,255,.2);border-radius:8px;
  padding:12px 14px;cursor:pointer;transition:all .12s;color:#fff}
.kitem:hover{filter:brightness(1.15);border-color:rgba(255,255,255,.4)}
.kitem.open{filter:brightness(1.2);border-color:rgba(255,255,255,.5)}
.kname{font-size:15px;font-weight:600;color:#fff}
.kmeta{font-size:12px;color:rgba(255,255,255,.7);margin-top:3px}
.pbadges{flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
/* Fix 1: P-Badges sicher rendern, kein undefined */
.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;
  color:#fff;border:1px solid rgba(255,255,255,.18);transition:all .14s}
.pb:hover{background:#8b1a1a;color:#fff;border-color:#8b1a1a}

/* ── DETAIL OVERLAY ── */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9500;display:none;
  align-items:flex-start;justify-content:center;padding:20px 12px;overflow-y:auto}
.dov.open{display:flex}
#dpan{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  width:100%;max-width:960px;margin:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dh{padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#1a3550;border-radius:14px 14px 0 0}
.d-pid{font-size:13px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.d-ttl{font-size:18px;font-weight:700;color:#fff;line-height:1.4}
.dmeta{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff}
.dnav{display:flex;align-items:center;gap:8px;margin-top:10px}
.dn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:6px;
  padding:7px 16px;font-size:13px;color:#fff;cursor:pointer;transition:all .12s}
.dn:hover{background:rgba(255,255,255,.25)}.dn:disabled{opacity:.3;cursor:default}
.dpos{font-size:12px;color:rgba(255,255,255,.5)}
.dclose{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
  font-size:22px;cursor:pointer;color:#fff;line-height:1;padding:4px 9px;border-radius:6px;transition:all .12s}
.dclose:hover{background:rgba(255,255,255,.2)}
.dbody{padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px}
/* Fix 5: Weiß auf dunklem Hintergrund */
.dsec{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:#c8d6e5;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
/* Fix 4: Schwarzer Text auf weißen Karten */
.dcard{background:#fff;border-radius:8px;padding:14px 18px;font-size:15px;line-height:1.78;color:#1a1a18}
.dcard p{margin:0 0 10px}.dcard p:last-child{margin-bottom:0}
.dcard.red{border-left:4px solid var(--crit)}
.dcard.blue{border-left:4px solid var(--org)}
.dcard.amber{border-left:4px solid var(--gold)}
.d2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.d2{grid-template-columns:1fr}}
.ov-hint{font-size:11px;color:rgba(255,255,255,.3);text-align:center;padding:6px 0 2px}

/* Bewertungsbadges */
.bk{font-size:12px;padding:3px 11px;border-radius:999px;font-weight:600;white-space:nowrap;display:inline-block;min-width:90px;text-align:center}
.b-fe{background:#e8e8e8;color:#555}.b-fs{background:#fde8e0;color:#c0522a}
.b-ss{background:#fdf0da;color:#a06a00}.b-mi{background:#dbeafe;color:#1e5fa8}
.b-st{background:#ddd6ff;color:#4338ca}.b-vs{background:#3b1f8e;color:#d4c4ff}

/* Raster Akkordeon */
.rast{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:6px}
.rast-h{display:grid;grid-template-columns:140px 1fr 1fr auto;align-items:center;gap:10px;
  padding:12px 16px;cursor:pointer;background:var(--bg3);transition:background .12s;user-select:none}
.rast-h:hover{background:var(--bg4)}
.rast-kr{font-size:14px;font-weight:700;color:#fff}
.rast-sc{display:flex;align-items:center;gap:6px}
.rast-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.rast-bf{height:5px;border-radius:3px}
.rast-arr{font-size:13px;color:#fff;transition:transform .15s}
.rast-b{display:none;padding:16px 18px;background:#fff;border-top:1px solid #eee;color:#1a1a18}
.rast-b.open{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rast-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.rast-lbl.k{color:var(--crit)}.rast-lbl.n{color:var(--org)}
.rast-big{font-size:24px;font-weight:800;color:#1a1a18;margin-bottom:5px}
.rast-txt{font-size:14px;line-height:1.72;color:#1a1a18;margin-top:8px}
.rast-why{font-size:13px;color:#555;margin-top:6px;font-style:italic;padding-left:12px;border-left:2px solid #ddd}
@media(max-width:600px){.rast-b.open{grid-template-columns:1fr}.rast-h{grid-template-columns:1fr 1fr 1fr}}

/* Übersicht-Karten */
.ov-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;align-items:stretch}
.ovc{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ddd}
.ovc-h{padding:16px 18px;color:#fff}
.ovc-name{font-size:18px;font-weight:700}
.ovc-sub{font-size:13px;opacity:.8;margin-top:2px}
.ovc-body{padding:16px 18px;color:#1a1a18}
.ovc-row{display:flex;justify-content:space-between;margin-bottom:10px}
.ovc-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ovc-val{font-size:20px;font-weight:800;color:#1a1a18;margin:4px 0 2px}
.ovc-urt{font-size:12px;color:#555}
.ovc-kats{font-size:13px;color:#444;line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid #eee}
.kcrit{color:var(--crit)}.korg{color:var(--org)}

/* Kategorien-Tabelle */
.ksec{margin-bottom:10px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.ksec-h{padding:12px 18px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;display:grid;grid-template-columns:160px 160px 160px auto;align-items:center;user-select:none}
.ksec-col-r{text-align:right;font-size:13px;white-space:nowrap}
.ksec-h:hover{filter:brightness(0.85);background:#8b1a1a !important}
.ksec-arr{font-size:15px;transition:transform .15s}
.ksec-b{background:#fff;display:none}
.ktbl{width:100%;border-collapse:collapse;font-size:14px}
.ktbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ktbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.ktbl tr:hover td{background:#f8f8f8}
.kn{font-weight:600}.kc{text-align:center;white-space:nowrap}.kp{min-width:180px}
.sort-th{cursor:pointer}.sort-th:hover{background:rgba(255,255,255,.1)}
.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

/* Methodik/Nutzung/Feedback Cards */
.sc{background:#fff;border:none;border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.sc-head{background:#1a3550;color:#fff;font-size:15px;font-weight:700;padding:12px 18px}
.sc-head:hover{background:#8b1a1a;cursor:pointer}
.sc-body{padding:0;font-size:15px;line-height:1.78;color:#1a1a18}

/* Gesamtbild-Tabelle */
.gtbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;border:none}
.gtbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em}
.gtbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.gtbl .sum-row td{background:#1a3550;color:#fff;font-weight:700;border:none}

/* Search auf Prüftabelle-Seite (gleicher Stil wie Startseite) */
.srch-wrap{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:16px;margin-bottom:16px}
.srch-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:10px}

/* Footer */
.footer{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--bg2);border-top:1px solid rgba(255,255,255,.08);padding:8px 22px;text-align:center;font-size:11px;color:#8899aa;white-space:nowrap;overflow-x:auto}
body{padding-bottom:48px}
.footer a{color:#c8d6e5;text-decoration:underline}.footer a:hover{color:#fff}
.wm{position:fixed;bottom:6px;right:10px;font-size:9px;color:rgba(255,255,255,.06);pointer-events:none;user-select:none;z-index:9999}

.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;background:#fff;color:#1a1a18;border:1px solid #ccc;transition:all .14s}
.pb:hover{background:#f0f0f0;border-color:#999}

.rast-h{background:#e8edf2 !important}
.rast-h:hover{background:#dce3ea !important}
.rast-kr{color:#1a1a18 !important}
.rast-arr{color:#555 !important}

.rast{border:1px solid #ccc;border-radius:10px;overflow:hidden;margin-bottom:6px}

.hero-img{position:absolute;top:0;left:0;height:300px;width:35%;background-size:contain;background-position:left center;background-repeat:no-repeat;opacity:.35;pointer-events:none}

.kcrit{color:#b91c1c;font-weight:700;text-align:right}
.korg{color:#1a5e8c;font-weight:700;text-align:right}

.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ht-entry-head{padding:18px 20px;color:#fff}
.ht-entry-name{font-size:20px;font-weight:700}
.ht-entry-sub{font-size:14px;opacity:.85;margin-top:4px}
.ht-entry-body{padding:16px 20px;background:#fff;color:#1a1a18}
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:1060px;margin:28px auto 20px;padding:0 20px}

.hero-banner{position:absolute;top:30px;right:20px;transform:none;width:35%;max-width:400px;opacity:.9;pointer-events:none;z-index:1}
@media(max-width:800px){.hero-banner{display:none}}

.gtbl td:not(:first-child){text-align:right}


.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
.pnav-btn{padding:7px 18px;background:#1a3550;border:1px solid rgba(255,255,255,.2);
  border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;
  text-decoration:none;display:inline-block}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-btn.off{opacity:.25;pointer-events:none}
.pnav-pos{font-size:12px;color:#8899aa;min-width:80px;text-align:center}

.kcrit{color:#b91c1c !important;font-weight:700}
.korg{color:#1a5e8c !important;font-weight:700}
.gtbl td.kcrit{color:#b91c1c !important;font-weight:700;text-align:right}
.gtbl td.korg{color:#1a5e8c !important;font-weight:700;text-align:right}
#nav-inner{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:1000px;margin:0 auto}
#nb-home,#nb-tabelle{margin-left:14px !important}
#nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:5px !important}
.p-sources-wrap + div[style*="margin-top:8px"]{max-width:820px;margin-left:auto;margin-right:auto}
#nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9000 !important}
body{padding-top:76px !important}
.ph{position:sticky !important;top:76px !important;z-index:8999 !important;background:#1a3550 !important;margin-bottom:20px !important;border-radius:var(--r) !important}

/* === Responsive === */
@media(max-width:900px){
  #nav-inner{padding:0 12px;gap:4px}
  .nl{font-size:12px;padding:5px 9px}
  #nb-home,#nb-tabelle{margin-left:10px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:4px !important}
  .ph{flex-wrap:wrap;gap:8px !important;padding:12px 14px !important}
  .ph-t{font-size:16px}
}
@media(max-width:700px){
  #nav{overflow-x:auto}
  #nav-inner{min-width:max-content;justify-content:center}
  .nl{font-size:11px;padding:4px 7px}
  #nb-home,#nb-tabelle{margin-left:6px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:3px !important}
  .p-raster-row{grid-template-columns:1fr !important;gap:4px !important;text-align:left}
  .p-detail-row{grid-template-columns:1fr !important}
  .p-sources-wrap{grid-template-columns:1fr !important}
  .p-block{padding:10px 12px !important}
  .p-scorecard{flex-direction:column}
  .p-scorecard .p-score-k,.p-scorecard .p-score-n{padding:10px 12px}
  .ph-t{font-size:14px}
  .pnav{flex-wrap:wrap;gap:4px}
  .pnav-btn{padding:5px 12px;font-size:12px}
  .d2{grid-template-columns:1fr !important}
}
@media(max-width:500px){
  .nn{font-size:14px}
  body{font-size:14px}
  .nl{font-size:10px;padding:3px 6px}
  .p-block-text,.sc-body{font-size:13px}
  .p-score-val{font-size:22px}
  .p-block-label{font-size:11px}
}

/* --- Block 2 aus Template --- */
.kat-section{margin-bottom:20px}
/* Professional header */
.kat-hb-header{padding:14px 20px;color:#fff;border-radius:var(--r) var(--r) 0 0;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:16px;user-select:none;transition:filter .12s}
.kat-hb-header:hover{filter:brightness(1.10)}
.kat-hb-header .hb-title{font-size:17px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}
.kat-hb-header .hb-badges{font-size:12px;font-weight:600;padding:5px 12px;background:rgba(255,255,255,.18);border-radius:999px;white-space:nowrap;backdrop-filter:blur(4px)}
.kat-hb-header .chev{font-size:14px;opacity:.75;transition:transform .15s}
.kat-section.collapsed .kat-body{display:none !important}
.kat-section.collapsed .chev{transform:rotate(-90deg)}
.kat-section.collapsed .kat-hb-header{border-radius:var(--r)}
.kat-section{overflow-x:auto}
.kat-table{width:100%;border-collapse:collapse;background:#fff;color:#1a1a18;font-size:11px;border-radius:0 0 var(--r) var(--r);overflow:hidden;table-layout:auto}
.kat-table th{background:#1a3550;color:#fff;padding:6px 4px;font-size:10px;font-weight:700;text-align:center;white-space:nowrap}
.kat-table td{padding:4px 6px;border-bottom:1px solid #eee;text-align:center}
.kat-table tr:last-child td{border-bottom:none}
.kat-table td.kat-name{text-align:left;font-weight:600;color:#1a3550}
.kat-table td.n{font-weight:700}
.kat-table td.crit-k{color:#b91c1c}
.kat-table td.crit-o{color:#1a5e8c}
.kat-table th.crit-k,.kat-table th.crit-o{color:#fff}
.kat-table td.diff{font-weight:700}
.kat-table td.neig{font-size:11px;padding:4px 8px;text-align:left;white-space:nowrap}
.kat-table td.neig.neig-k{color:#b91c1c}
.kat-table td.neig.neig-o{color:#1a5e8c}
.kat-table td.neig.neig-eq{color:#666}
.kat-table td.pid-list{text-align:left;font-size:10px;min-width:200px}
.kat-table td.pid-list .pid{color:#1a5e8c;text-decoration:none;margin-right:4px;white-space:nowrap}
.kat-table td.pid-list .pid:hover{text-decoration:underline;color:#8b1a1a}
.kat-table tr:hover{background:#f5f9fd}

/* --- Block 3 aus Template --- */
#nb-klaerung:hover{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}

/* --- Block 4 aus Template --- */
/* PAGE-PORTRAIT */
.page-portrait{display:inline-block;width:80px;height:80px;border-radius:50%;border:2px solid rgba(212,175,90,.6);box-shadow:0 2px 6px rgba(0,0,0,.4);background-color:#1a3550;background-image:url('../media/portraet.png');background-repeat:no-repeat;background-size:136px 136px;background-position:50% 18%;vertical-align:middle;flex:0 0 auto;text-decoration:none;box-sizing:content-box;transition:border-color .14s,transform .14s}
.page-portrait:hover{border-color:#ffd56b;transform:scale(1.05)}
@media(max-width:720px){.page-portrait{width:60px;height:60px;border-width:1.5px;background-size:103px 103px;background-position:50% 18%}}

/* --- CSS_PATCH (vom Generator) --- */
/* === KATEGORIEN-PATCHES (vom Generator gesetzt) === */
.ph{
  position:sticky !important; top:76px !important; z-index:8999 !important;
  background:#1a3550 !important;
  margin-top:0 !important; margin-bottom:14px !important;
  border-radius:0 0 var(--r) var(--r) !important;
  border-top:none !important;
  padding:0 !important;
  box-shadow:0 4px 10px rgba(0,0,0,.35) !important;
  display:block !important;
}
.ph-row1{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 18px;
}
.ph-row2{
  display:flex;gap:8px;
  padding:8px 18px 12px;
  border-top:1px solid rgba(255,255,255,.08);
}
.ph-text-stack{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.ph-t{font-size:18px;font-weight:700;color:#fff;line-height:1.2}
.ph-summary{
  font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.5;
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;
}
.ph-summary b{color:#fff;font-weight:800}
.ph-sum-sep{opacity:.45;margin:0 2px}
.ph-toggle-btn{
  font-size:12px;font-weight:600;padding:6px 14px;border-radius:5px;
  background:rgba(255,255,255,.12);color:#fff;cursor:pointer;
  border:1px solid rgba(255,255,255,.18);transition:all .14s;
}
.ph-toggle-btn:hover{background:rgba(255,255,255,.22)}
/* Pnav-Buttons: identische Höhe wie Zurück */
.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;align-self:center}
.pnav-btn{
  padding:8px 16px;background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;
  font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;
  line-height:1;box-sizing:border-box;height:34px;
}
.pnav-btn:hover{background:rgba(139,26,26,.85);border-color:#8b1a1a}
.pnav-pos{display:inline-flex;align-items:center;height:34px;font-size:12px;color:#8899aa;min-width:60px;text-align:center;justify-content:center}
/* === Einheitliche Breite + identische Spalten in allen Tabellen === */
:root{--katw:1140px}
.wrap{display:flex !important;flex-direction:column;align-items:center;max-width:none !important}
.ph{width:var(--katw) !important;box-sizing:border-box}
.kat-section{margin-bottom:20px;overflow:visible !important;width:var(--katw)}
.kat-scroll{overflow-x:auto;border-radius:0 0 var(--r) var(--r)}
.kat-hb-header{display:flex !important;align-items:center;gap:18px;width:100%;box-sizing:border-box;padding:12px 16px}
.kat-hb-header .hb-title{flex:1 1 auto;min-width:0;font-weight:700;font-size:15px;text-transform:none;letter-spacing:.02em}
/* Badge-Klassen analog zur Klärungsgrade-Seite */
.kat-hb-header .hb-badges{font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;background:rgba(255,255,255,.18);white-space:nowrap;flex:0 0 auto}
.kat-hb-header .hb-badges-pf{width:165px;text-align:left;box-sizing:border-box}         /* "38 Prüffälle · 9 Kategorien" — auf max-Inhalt zugeschnitten */
.kat-hb-header .hb-badges-okb{background:rgba(0,0,0,.55);color:#fff;width:290px;text-align:left;box-sizing:border-box}  /* "Offener Klärungsbedarf 489 / 1.415 · 35 %" — auf max-Inhalt zugeschnitten */
/* Tabelle: fixed layout mit identischen Spaltenbreiten in jeder HG */
.kat-table{
  width:100% !important;
  table-layout:fixed !important;
}
.kat-table th,.kat-table td{
  padding-left:6px;padding-right:6px;
  overflow:hidden;text-overflow:ellipsis;
  word-wrap:break-word;
}
/* Spaltenbreiten (Summe = 100%) */
.kat-table th:nth-child(1),.kat-table td:nth-child(1){width:200px;text-align:left}
.kat-table th:nth-child(2),.kat-table td:nth-child(2){width:42px}   /* PF */
.kat-table th:nth-child(3),.kat-table td:nth-child(3){width:60px}   /* Σ OKB */
.kat-table th:nth-child(4),.kat-table td:nth-child(4){width:60px}   /* Σ MKB */
.kat-table th:nth-child(5),.kat-table td:nth-child(5){width:84px}   /* OKB % */
.kat-table th:nth-child(6),.kat-table td:nth-child(6){width:54px}   /* Ø K */
.kat-table th:nth-child(7),.kat-table td:nth-child(7){width:54px}   /* Ø A */
.kat-table th:nth-child(8),.kat-table td:nth-child(8){width:54px}   /* Ø T */
.kat-table th:nth-child(9),.kat-table td:nth-child(9){width:auto;text-align:left;white-space:normal}  /* Prüffälle-Liste */
.kat-table td.pid-list .pid{display:inline-block;margin:1px 3px 1px 0;white-space:nowrap}


/* ==========================================================================
   KLÄRUNGSGRADE-SPEZIFISCHES CSS (CSS_PATCH aus generate_klaerungsgrade.py)
   ========================================================================== */
/* === KLAERUNGSGRADE-PATCHES === */
.ph{
  position:sticky !important; top:76px !important; z-index:8999 !important;
  background:#1a3550 !important;
  margin-top:0 !important; margin-bottom:14px !important;
  border-radius:0 0 var(--r) var(--r) !important;
  border-top:none !important;
  padding:0 !important;
  box-shadow:0 4px 10px rgba(0,0,0,.35) !important;
  display:block !important;
}
.ph-row1{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px}
.ph-row2{display:flex;gap:8px;padding:8px 18px 12px;border-top:1px solid rgba(255,255,255,.08)}
.ph-text-stack{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.ph-t{font-size:18px;font-weight:700;color:#fff;line-height:1.2}
.ph-summary{font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.5;
  display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ph-summary b{color:#fff;font-weight:800}
.ph-sum-sep{opacity:.45;margin:0 2px}
.ph-toggle-btn{
  font-size:12px;font-weight:600;padding:6px 14px;border-radius:5px;
  background:rgba(255,255,255,.12);color:#fff;cursor:pointer;
  border:1px solid rgba(255,255,255,.18);transition:all .14s;
}
.ph-toggle-btn:hover{background:rgba(255,255,255,.22)}
.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;align-self:center}
.pnav-btn{
  padding:8px 16px;background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;
  font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;
  line-height:1;box-sizing:border-box;height:34px;
}
.pnav-btn:hover{background:rgba(139,26,26,.85);border-color:#8b1a1a}
.pnav-pos{display:inline-flex;align-items:center;height:34px;font-size:12px;color:#8899aa;min-width:60px;text-align:center;justify-content:center}
:root{--katw:1140px}
.wrap{display:flex !important;flex-direction:column;align-items:center;max-width:none !important}
.ph{width:var(--katw) !important;box-sizing:border-box}
.kat-section{margin-bottom:20px;overflow:visible !important;width:var(--katw)}
.kat-scroll{overflow-x:auto;border-radius:0 0 var(--r) var(--r)}
.kat-hb-header{display:flex !important;align-items:center;gap:18px;width:100%;box-sizing:border-box;padding:12px 16px}
.kat-hb-header .hb-title-stack{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.kat-hb-header .hb-name{font-weight:700;font-size:15px;line-height:1.25;letter-spacing:.02em;text-transform:none}
.kat-hb-header .hb-tag{font-weight:400;font-size:12px;line-height:1.4;opacity:.82;text-transform:none;letter-spacing:0}
.kat-hb-header .hb-badges{font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;background:rgba(255,255,255,.18);white-space:nowrap;flex:0 0 auto}
/* Einheitliche Spalten-Breiten (max-content der jeweils längsten Beschriftung) */
.kat-hb-header .hb-badges-pf{width:115px;text-align:left;box-sizing:border-box}        /* „67 Prüffälle · 42 %" */
.kat-hb-header .hb-badges-okb{background:rgba(0,0,0,.55);color:#fff;width:285px;text-align:left;box-sizing:border-box} /* „Offener Klärungsbedarf — derzeit nicht besetzt" */
.kat-hb-header .chev{font-size:13px;opacity:.7;flex:0 0 auto}
.kat-section.collapsed .kat-body{display:none}
.kat-section.collapsed .chev{transform:rotate(-90deg)}
/* Tabelle */
.kat-table{width:100% !important;table-layout:fixed !important;border-collapse:collapse;font-size:12px;background:#fff}
.kat-table th{background:#243b56;color:#fff;font-weight:700;text-align:left;padding:8px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.kat-table td{padding:6px;border-bottom:1px solid #e8eaef;vertical-align:top}
.kat-table th,.kat-table td{padding-left:8px;padding-right:8px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}
.kat-table td.kp-cell{white-space:normal;line-height:1.45;color:#222}
.kat-table td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:#555}
.kat-table td.pid-cell .pid{display:inline-block;padding:2px 7px;background:#1a3550;color:#fff;border-radius:4px;font-weight:700;font-size:11px;text-decoration:none}
.kat-table td.pid-cell .pid:hover{background:#2a5575}
.kat-table tr:hover td{background:#f6f8fb}
/* Spaltenbreiten */
.kat-table th:nth-child(1),.kat-table td:nth-child(1){width:60px}                                /* PF-ID */
.kat-table th:nth-child(2),.kat-table td:nth-child(2){width:54px;text-align:center}              /* HG */
.kat-table th:nth-child(3),.kat-table td:nth-child(3){width:170px;text-align:left !important}    /* Kat */
.kat-table th:nth-child(4),.kat-table td:nth-child(4){width:auto;text-align:left !important}     /* Kritikpunkt */
.kat-table th:nth-child(5),.kat-table td:nth-child(5){width:42px;text-align:center}              /* K */
.kat-table th:nth-child(6),.kat-table td:nth-child(6){width:42px;text-align:center}              /* A */
.kat-table th:nth-child(7),.kat-table td:nth-child(7){width:42px;text-align:center}              /* T */
.kat-table th:nth-child(8),.kat-table td:nth-child(8){width:54px;text-align:right !important;font-weight:700} /* OKB */
.kat-table th:nth-child(9),.kat-table td:nth-child(9){width:64px;text-align:center}              /* OKB % */
.kat-table td.kat-cell,.kat-table td.kp-cell{text-align:left !important;vertical-align:top}
.kat-table td.okb-cell{color:#1a3550;font-variant-numeric:tabular-nums}
/* Klickbare Zeilen — analog Prüftabelle: roter Hover */
.kat-table tr.kg-row{cursor:pointer;transition:background .12s,color .12s}
.kat-table tr.kg-row:hover>td{background:#8b1a1a;color:#fff}
.kat-table tr.kg-row:hover .pid{background:#fff;color:#8b1a1a;border-color:#fff}
.kat-table tr.kg-row:hover .okb-cell{color:#ffd56b}


/* ==========================================================================
   GLOSSAR-SPEZIFISCHES CSS (CSS_PATCH aus generate_glossar.py)
   ========================================================================== */
/* === GLOSSAR-PATCHES === */
.glossar-wrap{max-width:800px;margin:0 auto;padding:0 16px}
.gl-stickyhead{position:sticky;top:76px;z-index:8500;background:var(--bg);padding-top:14px;padding-bottom:6px;margin-bottom:8px}
.ph{display:flex;flex-direction:column;align-items:stretch !important;justify-content:flex-start !important;background:#1a3550;border-radius:var(--r);padding:12px 18px;margin-bottom:10px;border:1px solid rgba(255,255,255,.12)}
.ph-row1{display:flex !important;flex-direction:row !important;align-items:center !important;gap:14px !important;width:100%}
.ph-row1 .ph-text-stack{flex:1 1 auto;min-width:0;text-align:left}
.ph-row1 .ph-b{margin-left:auto;flex-shrink:0}
.ph-row1{display:flex;align-items:center;gap:14px}
.ph-text-stack{flex:1;min-width:0}
.ph-t{font-size:18px;font-weight:700;color:#fff;line-height:1.2}
.ph-summary{font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.5;margin-top:3px}
.ph-b{background:#13293d;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:6px 14px;font-size:13px;cursor:pointer;font-family:inherit}
.ph-b:hover{background:#8b1a1a;border-color:#8b1a1a}

.gl-filters{background:#1a3550;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;margin-bottom:0;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.gl-filters input[type=search]{width:100%;padding:10px 14px;font-size:14px;background:#fff;color:#000;border:1px solid rgba(255,255,255,.18);border-radius:7px;outline:none;font-family:inherit}
.gl-filters input[type=search]:focus{border-color:#d4af5a}
.gl-cats{display:flex;gap:6px;flex-wrap:wrap}
.gl-cat-btn{background:#13293d;color:#cfd8e3;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}
.gl-cat-btn:hover{background:#234868;color:#fff}
.gl-cat-btn.active{background:var(--cb,#5B2D8C);color:#fff;border-color:var(--cb,#5B2D8C)}
.gl-az{display:flex;gap:4px;flex-wrap:wrap}
.gl-az-btn{display:inline-block;width:26px;height:26px;line-height:24px;text-align:center;background:#13293d;color:#cfd8e3;border:1px solid rgba(255,255,255,.18);border-radius:4px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;font-family:inherit}
.gl-az-btn:hover{background:#234868;color:#fff}
.gl-az-btn.active{background:#d4af5a;color:#1a3550;border-color:#d4af5a}
.gl-status{font-size:11px;color:#8899aa;font-style:italic}

.gl-list{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:60px}
.gl-card{background:#fff;border:1px solid #e2e2e2;border-left:4px solid #999;border-radius:6px 8px 8px 6px;padding:14px 16px 14px 14px;color:#1a1a18;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:box-shadow .25s,border-color .25s,transform .15s;scroll-margin-top:200px}
.gl-card:nth-child(even){background:#fafbfc}
.gl-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.09);transform:translateY(-1px)}
.gl-card[data-cat="raumfahrt"]{border-left-color:#8C4A1E}
.gl-card[data-cat="prueftabelle"]{border-left-color:#5B2D8C}
.gl-card[data-cat="prueftabelle"][data-sub="methodik"]{border-left-color:#1E4A8C}
.gl-card-highlight{border-color:#d4af5a !important;box-shadow:0 0 0 3px rgba(212,175,90,.5),0 4px 16px rgba(212,175,90,.3) !important}
mark.gl-hl{background:#ffd56b;color:#1a3550;padding:0 2px;border-radius:2px;font-weight:700}
.gl-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.gl-term{font-size:16px;font-weight:700;color:#1a3550;margin:0;line-height:1.3}
.gl-tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.gl-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;padding:3px 8px;border-radius:4px;white-space:nowrap}
.gl-subtag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;padding:3px 7px;border-radius:4px;white-space:nowrap;opacity:.85}
.gl-def{font-size:14px;line-height:1.55;color:#333;margin:0 0 10px}
.gl-beispiele{background:#fff7e1;border-left:3px solid #d4af5a;border-radius:6px;padding:10px 12px;margin:0 0 10px}
.gl-beispiele .gl-bsp-h{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a5e15;margin-bottom:6px}
.gl-beispiele .gl-bsp-row{font-size:13.5px;line-height:1.55;color:#1a1a18;margin:0 0 8px}
.gl-beispiele .gl-bsp-row:last-child{margin-bottom:0}
.gl-beispiele .gl-bsp-label{display:block;color:#1a3550;font-weight:700;margin-bottom:2px}
.gl-beispiele .gl-bsp-text{display:block;color:#1a1a18}
.gl-foot{font-size:12.5px;color:#555;display:flex;flex-direction:column;gap:4px}
.gl-foot a{color:#1a5e8c;text-decoration:none}
.gl-foot a:hover{text-decoration:underline}
.gl-see-link{font-weight:700}
.gl-link{display:inline-block;font-weight:600}
.gl-pfs{font-size:11.5px;line-height:1.7}
.gl-pfs a{display:inline-block;background:#f1f3f5;border:1px solid #ddd;padding:1px 5px;border-radius:3px;margin-right:2px;color:#1a5e8c}
.gl-pfs a:hover{background:#1a3550;color:#fff;border-color:#1a3550;text-decoration:none}

@media(max-width:720px){
  .glossar-wrap{padding:0 8px}
  .ph{padding:10px 12px !important}
  .ph-row1{flex-wrap:wrap;gap:8px}
  .ph-text-stack{order:2;flex-basis:100%}
  .ph-t{font-size:16px}
  .gl-filters{padding:10px 12px}
  .gl-cat-btn{font-size:11px;padding:4px 9px}
  .gl-card{padding:12px 12px}
  .gl-term{font-size:15px}
  .gl-def{font-size:13px}
  .gl-h{flex-direction:column;align-items:flex-start;gap:6px}
}


/* === methodik-spezifisches CSS === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}
/* Fix 3: Grundschriftgröße 16px */
body{font-family:'Segoe UI',system-ui,sans-serif;font-size:16px;background:var(--bg);color:#fff;line-height:1.6;min-height:100vh}
.page{display:none}.page.active{display:block}

/* ── NAV ── */
#nav{position:sticky;top:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  background:#0c1e2f;border-bottom:2px solid var(--gold);padding:0 20px;height:76px;gap:6px;
  box-shadow:0 2px 12px rgba(0,0,0,.4)}
.nb{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0}
.nn{font-size:18px;font-weight:700;color:#fff;display:block;line-height:1.1}
.ns2{font-size:10px;color:#8899aa;letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:0;line-height:1.25}
.nls{display:flex;align-items:center;gap:5px;overflow-x:visible;flex-wrap:nowrap}.nls::-webkit-scrollbar{display:none}
.nl{font-size:13px;font-weight:600;padding:6px 6px;border-radius:6px;color:#c8d6e5;flex-shrink:0;margin:0;
  white-space:nowrap;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .15s}
.nl:hover{background:#8b1a1a;color:#fff;border-radius:6px}
.nl.active{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
.nl.on{background:var(--bg4);border-color:rgba(255,255,255,.2);color:#fff}
.nl.cta{background:#1a3550;color:#fff;border:1px solid rgba(255,255,255,.2)}
.nl.cta:hover,.nl.cta.on{background:var(--s2h)}
.ndv{display:none}
@media(max-width:700px){.ns2{display:none}.nl{font-size:13px;padding:6px 6px}#nav{padding:0 12px}}

/* ── WRAP ── */
.wrap{max-width:820px;margin:0 auto;padding:0 0 20px}

/* ── PAGE HEADER ── */
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;
  background:#1a3550;border-radius:var(--r);padding:14px 20px;border:1px solid rgba(255,255,255,.12)}
.ph-t{font-size:18px;font-weight:700;color:#fff}
.ph-b{font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;background:rgba(255,255,255,.15);
  color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .14s}
.ph-b:hover{background:rgba(255,255,255,.25)}

/* ══ Fix 10: STARTSEITE – radikal einfach ═════════════════════════ */
/* Nur: Titel, kurzer Text, Suchfeld, 4 HT-Karten als Einstieg */
.home-hero{padding:36px 22px 28px;background:linear-gradient(160deg,var(--bg2),var(--bg));
  border-bottom:2px solid var(--gold)}
.home-hero-inner{max-width:700px;margin:0 auto;text-align:center}
.home-title{font-size:clamp(26px,4vw,40px);font-weight:800;color:#fff;margin-bottom:10px}
.home-title em{color:var(--gold);font-style:normal}
/* Fix 7: kein Button-Look */
.home-sub{font-size:15px;color:#c8d6e5;margin-bottom:24px;line-height:1.6}
.home-meta{font-size:13px;color:#8899aa;margin-bottom:6px}
/* Fix 9: Suche auf Startseite */
.home-search{position:relative;max-width:560px;margin:0 auto}
.home-search input{width:100%;padding:14px 42px 14px 18px;font-size:15px;
  border:2px solid #ccc;border-radius:10px;
  background:#fff;color:#1a1a18;outline:none;transition:all .15s}
.home-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,90,.15)}
.home-search input::placeholder{color:#7a8fa5}
.home-search .clr{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:#8899aa;font-size:18px;cursor:pointer;display:none}
.home-results{max-width:560px;margin:6px auto 0;display:none;flex-direction:column;gap:6px}
.home-results.open{display:flex}

/* Fix 4+5: Suchergebnisse = weiße Karten, schwarze Schrift */
.sr{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px 16px;
  cursor:pointer;transition:all .12s;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.sr:hover{background:#8b1a1a;color:#fff;cursor:pointer}
.sr:hover .sr-id,.sr:hover .sr-t,.sr:hover .sr-tag{color:#fff}
.sr:hover{background:#1a3550;border-color:#1a3550;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.sr-id{font-size:13px;font-weight:700;color:#1a3550;margin-bottom:2px;text-align:left}
.sr-t{font-size:15px;font-weight:600;color:#1a1a18;line-height:1.45;margin-bottom:4px;text-align:left}
.sr-tags{display:flex;gap:5px;flex-wrap:wrap}
.sr-tags span{font-size:11px;padding:2px 8px;border-radius:999px;background:#f0f0f0;color:#444}
.sr:hover .sr-id,.sr:hover .sr-t{color:#fff}
.sr:hover .sr-tags span{background:rgba(255,255,255,.2);color:#fff}
.sr-none{font-size:14px;color:#8899aa;text-align:center;padding:14px}

/* Fix 10: HT-Karten als Haupteinstieg */
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;
  max-width:1060px;margin:28px auto 0;padding:0 20px}
.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
/* Fix 2: Hintergrund = HT-Farbe */
.ht-entry-head{padding:16px 18px;color:#fff}
.ht-entry-name{font-size:15px;font-weight:700}
.ht-entry-sub{font-size:13px;opacity:.8;margin-top:3px}
/* Fix 4: weiße Karte, schwarze Schrift */
.ht-entry-body{padding:16px 18px;background:#fff;color:#1a1a18}
.ht-entry-row{display:flex;justify-content:space-between;margin-bottom:8px}
.ht-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ht-lbl.k{color:var(--crit)}.ht-lbl.n{color:var(--org)}
.ht-val{font-size:20px;font-weight:800;color:#1a1a18}
.ht-urt{font-size:12px;color:#555}
/* Fix 8: Einfache Info-Zeile statt Monster-Bar */
.home-info{max-width:1060px;margin:20px auto 0;padding:0 20px;
  display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.home-info-item{font-size:13px;color:#8899aa}
.home-info-item b{color:#c8d6e5}

/* ── AKKORDEON (Prüftabelle) ── */
.acc{background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px;margin-bottom:16px}
.acc-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:12px}
.acc-grid{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:start}
@media(max-width:600px){.acc-grid{grid-template-columns:1fr}}
.ht-btns{display:flex;flex-direction:column;gap:5px}
/* Fix 2: HT-Buttons behalten ihre Farbe */
.htbtn{width:100%;text-align:left;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);
  cursor:pointer;font-size:15px;font-weight:700;color:#fff;transition:all .14s;line-height:1.35}
.htbtn .cnt{font-size:12px;opacity:.78;display:block;margin-top:3px;font-weight:500}
.htbtn:not(.on){opacity:.55;border-color:transparent}
.htbtn:hover{opacity:1}
.htbtn.on{opacity:1;border-color:rgba(255,255,255,.35)}
.kat-panel{display:flex;flex-direction:column;gap:5px}
.kitem{border:1px solid rgba(255,255,255,.2);border-radius:8px;
  padding:12px 14px;cursor:pointer;transition:all .12s;color:#fff}
.kitem:hover{filter:brightness(1.15);border-color:rgba(255,255,255,.4)}
.kitem.open{filter:brightness(1.2);border-color:rgba(255,255,255,.5)}
.kname{font-size:15px;font-weight:600;color:#fff}
.kmeta{font-size:12px;color:rgba(255,255,255,.7);margin-top:3px}
.pbadges{flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
/* Fix 1: P-Badges sicher rendern, kein undefined */
.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;
  color:#fff;border:1px solid rgba(255,255,255,.18);transition:all .14s}
.pb:hover{background:#8b1a1a;color:#fff;border-color:#8b1a1a}

/* ── DETAIL OVERLAY ── */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9500;display:none;
  align-items:flex-start;justify-content:center;padding:20px 12px;overflow-y:auto}
.dov.open{display:flex}
#dpan{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  width:100%;max-width:960px;margin:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dh{padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#1a3550;border-radius:14px 14px 0 0}
.d-pid{font-size:13px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.d-ttl{font-size:18px;font-weight:700;color:#fff;line-height:1.4}
.dmeta{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff}
.dnav{display:flex;align-items:center;gap:8px;margin-top:10px}
.dn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:6px;
  padding:7px 16px;font-size:13px;color:#fff;cursor:pointer;transition:all .12s}
.dn:hover{background:rgba(255,255,255,.25)}.dn:disabled{opacity:.3;cursor:default}
.dpos{font-size:12px;color:rgba(255,255,255,.5)}
.dclose{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
  font-size:22px;cursor:pointer;color:#fff;line-height:1;padding:4px 9px;border-radius:6px;transition:all .12s}
.dclose:hover{background:rgba(255,255,255,.2)}
.dbody{padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px}
/* Fix 5: Weiß auf dunklem Hintergrund */
.dsec{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:#c8d6e5;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
/* Fix 4: Schwarzer Text auf weißen Karten */
.dcard{background:#fff;border-radius:8px;padding:14px 18px;font-size:15px;line-height:1.78;color:#1a1a18}
.dcard p{margin:0 0 10px}.dcard p:last-child{margin-bottom:0}
.dcard.red{border-left:4px solid var(--crit)}
.dcard.blue{border-left:4px solid var(--org)}
.dcard.amber{border-left:4px solid var(--gold)}
.d2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.d2{grid-template-columns:1fr}}
.ov-hint{font-size:11px;color:rgba(255,255,255,.3);text-align:center;padding:6px 0 2px}

/* Bewertungsbadges */
.bk{font-size:12px;padding:3px 11px;border-radius:999px;font-weight:600;white-space:nowrap;display:inline-block;min-width:90px;text-align:center}
.b-fe{background:#e8e8e8;color:#555}.b-fs{background:#fde8e0;color:#c0522a}
.b-ss{background:#fdf0da;color:#a06a00}.b-mi{background:#dbeafe;color:#1e5fa8}
.b-st{background:#ddd6ff;color:#4338ca}.b-vs{background:#3b1f8e;color:#d4c4ff}

/* Raster Akkordeon */
.rast{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:6px}
.rast-h{display:grid;grid-template-columns:140px 1fr 1fr auto;align-items:center;gap:10px;
  padding:12px 16px;cursor:pointer;background:var(--bg3);transition:background .12s;user-select:none}
.rast-h:hover{background:var(--bg4)}
.rast-kr{font-size:14px;font-weight:700;color:#fff}
.rast-sc{display:flex;align-items:center;gap:6px}
.rast-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.rast-bf{height:5px;border-radius:3px}
.rast-arr{font-size:13px;color:#fff;transition:transform .15s}
.rast-b{display:none;padding:16px 18px;background:#fff;border-top:1px solid #eee;color:#1a1a18}
.rast-b.open{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rast-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.rast-lbl.k{color:var(--crit)}.rast-lbl.n{color:var(--org)}
.rast-big{font-size:24px;font-weight:800;color:#1a1a18;margin-bottom:5px}
.rast-txt{font-size:14px;line-height:1.72;color:#1a1a18;margin-top:8px}
.rast-why{font-size:13px;color:#555;margin-top:6px;font-style:italic;padding-left:12px;border-left:2px solid #ddd}
@media(max-width:600px){.rast-b.open{grid-template-columns:1fr}.rast-h{grid-template-columns:1fr 1fr 1fr}}

/* Übersicht-Karten */
.ov-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;align-items:stretch}
.ovc{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ddd}
.ovc-h{padding:16px 18px;color:#fff}
.ovc-name{font-size:18px;font-weight:700}
.ovc-sub{font-size:13px;opacity:.8;margin-top:2px}
.ovc-body{padding:16px 18px;color:#1a1a18}
.ovc-row{display:flex;justify-content:space-between;margin-bottom:10px}
.ovc-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ovc-val{font-size:20px;font-weight:800;color:#1a1a18;margin:4px 0 2px}
.ovc-urt{font-size:12px;color:#555}
.ovc-kats{font-size:13px;color:#444;line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid #eee}
.kcrit{color:var(--crit)}.korg{color:var(--org)}

/* Kategorien-Tabelle */
.ksec{margin-bottom:10px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.ksec-h{padding:14px 18px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;
  display:flex;justify-content:space-between;align-items:center;user-select:none}
.ksec-h:hover{filter:brightness(0.85);background:#8b1a1a !important}
.ksec-arr{font-size:15px;transition:transform .15s}
.ksec-b{background:#fff;display:none}
.ktbl{width:100%;border-collapse:collapse;font-size:14px}
.ktbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ktbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.ktbl tr:hover td{background:#f8f8f8}
.kn{font-weight:600}.kc{text-align:center;white-space:nowrap}.kp{min-width:180px}
.sort-th{cursor:pointer}.sort-th:hover{background:rgba(255,255,255,.1)}
.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

/* Methodik/Nutzung/Feedback Cards */
.sc{background:#fff;border:none;border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.sc-head{background:#1a3550;color:#fff;font-size:15px;font-weight:700;padding:12px 18px}
.sc-head:hover{background:#8b1a1a;cursor:pointer}
.sc-body{padding:16px 18px;font-size:15px;line-height:1.78;color:#1a1a18}

/* Gesamtbild-Tabelle */
.gtbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;border:none}
.gtbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em}
.gtbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.gtbl .sum-row td{background:#1a3550;color:#fff;font-weight:700;border:none}

/* Search auf Prüftabelle-Seite (gleicher Stil wie Startseite) */
.srch-wrap{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:16px;margin-bottom:16px}
.srch-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:10px}

/* Footer */
.footer{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--bg2);border-top:1px solid rgba(255,255,255,.08);padding:8px 22px;text-align:center;font-size:11px;color:#8899aa;white-space:nowrap;overflow-x:auto}
body{padding-bottom:48px}
.footer a{color:#c8d6e5;text-decoration:underline}.footer a:hover{color:#fff}
.wm{position:fixed;bottom:6px;right:10px;font-size:9px;color:rgba(255,255,255,.06);pointer-events:none;user-select:none;z-index:9999}

.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;background:#fff;color:#1a1a18;border:1px solid #ccc;transition:all .14s}
.pb:hover{background:#f0f0f0;border-color:#999}

.rast-h{background:#e8edf2 !important}
.rast-h:hover{background:#dce3ea !important}
.rast-kr{color:#1a1a18 !important}
.rast-arr{color:#555 !important}

.rast{border:1px solid #ccc;border-radius:10px;overflow:hidden;margin-bottom:6px}

.hero-img{position:absolute;top:0;left:0;height:300px;width:35%;background-size:contain;background-position:left center;background-repeat:no-repeat;opacity:.35;pointer-events:none}

.kcrit{color:#b91c1c;font-weight:700;text-align:right}
.korg{color:#1a5e8c;font-weight:700;text-align:right}

.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ht-entry-head{padding:18px 20px;color:#fff}
.ht-entry-name{font-size:20px;font-weight:700}
.ht-entry-sub{font-size:14px;opacity:.85;margin-top:4px}
.ht-entry-body{padding:16px 20px;background:#fff;color:#1a1a18}
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:1060px;margin:28px auto 20px;padding:0 20px}

.hero-banner{position:absolute;top:30px;right:20px;transform:none;width:35%;max-width:400px;opacity:.9;pointer-events:none;z-index:1}
@media(max-width:800px){.hero-banner{display:none}}

.gtbl td:not(:first-child){text-align:right}


.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
.pnav-btn{padding:7px 18px;background:#1a3550;border:1px solid rgba(255,255,255,.2);
  border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;
  text-decoration:none;display:inline-block}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-btn.off{opacity:.25;pointer-events:none}
.pnav-pos{font-size:12px;color:#8899aa;min-width:80px;text-align:center}

.kcrit{color:#b91c1c !important;font-weight:700}
.korg{color:#1a5e8c !important;font-weight:700}
.gtbl td.kcrit{color:#b91c1c !important;font-weight:700;text-align:right}
.gtbl td.korg{color:#1a5e8c !important;font-weight:700;text-align:right}
#nav-inner{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:1000px;margin:0 auto}
#nb-home,#nb-tabelle{margin-left:14px !important}
#nb-kategorien,#nb-methodik,#nb-glossar,#nb-feedback{margin-left:5px !important}
.p-sources-wrap + div[style*="margin-top:8px"]{max-width:820px;margin-left:auto;margin-right:auto}
#nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9000 !important}
body{padding-top:76px !important}
.ph{position:sticky !important;top:76px !important;z-index:8999 !important;background:#1a3550 !important;margin-bottom:20px !important;border-radius:var(--r) !important}

/* === Responsive === */
@media(max-width:900px){
  #nav-inner{padding:0 12px;gap:4px}
  .nl{font-size:12px;padding:5px 9px}
  #nb-home,#nb-tabelle{margin-left:10px !important}
  #nb-kategorien,#nb-methodik,#nb-glossar,#nb-feedback{margin-left:4px !important}
  .ph{flex-wrap:wrap;gap:8px !important;padding:12px 14px !important}
  .ph-t{font-size:16px}
}
@media(max-width:700px){
  #nav{overflow-x:auto}
  #nav-inner{min-width:max-content;justify-content:center}
  .nl{font-size:11px;padding:4px 7px}
  #nb-home,#nb-tabelle{margin-left:6px !important}
  #nb-kategorien,#nb-methodik,#nb-glossar,#nb-feedback{margin-left:3px !important}
  .p-raster-row{grid-template-columns:1fr !important;gap:4px !important;text-align:left}
  .p-detail-row{grid-template-columns:1fr !important}
  .p-sources-wrap{grid-template-columns:1fr !important}
  .p-block{padding:10px 12px !important}
  .p-scorecard{flex-direction:column}
  .p-scorecard .p-score-k,.p-scorecard .p-score-n{padding:10px 12px}
  .ph-t{font-size:14px}
  .pnav{flex-wrap:wrap;gap:4px}
  .pnav-btn{padding:5px 12px;font-size:12px}
  .d2{grid-template-columns:1fr !important}
}
@media(max-width:500px){
  .nn{font-size:14px}
  body{font-size:14px}
  .nl{font-size:10px;padding:3px 6px}
  .p-block-text,.sc-body{font-size:13px}
  .p-score-val{font-size:22px}
  .p-block-label{font-size:11px}
}
/* DWKS-CARD-CSS */
.dwks-body{padding:14px;display:flex;flex-direction:column;gap:12px}
.dwks-card{background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:12px 14px}
.dwks-sec{font-size:12px;font-weight:700;text-transform:uppercase;color:#1A3650;margin-bottom:8px;letter-spacing:.5px}
.dwks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.dwks-cell{background:#f7f7f7;border-radius:6px;padding:8px 10px}
.dwks-lbl{font-size:11px;color:#555;margin-bottom:2px}
.dwks-val{font-size:20px;font-weight:700;color:#1a1a18}
.dwks-of{font-size:12px;color:#888;font-weight:400;margin-left:2px}
.dwks-bar{height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden;margin-top:6px}
.dwks-bf{height:100%;border-radius:3px;transition:width .2s}
.dwks-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:14px}
.dwks-row:last-child{border-bottom:0}
.dwks-amp{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}
.amp-er{background:#dff5e3;color:#0a6e2e}
.amp-er2{background:#0a6e2e;color:#fff}
.amp-ge{background:#eef5d4;color:#5b6d10}
.amp-re{background:#fff3cd;color:#7a5a10}
.amp-of{background:#ffe1c4;color:#8a4a10}
.amp-ko{background:#fbd6d6;color:#8a1a1a}
.amp-na{background:#eee;color:#555}
.dwks-actions{display:flex;justify-content:flex-end}
.dwks-btn{background:#1A3650;color:#fff;text-decoration:none;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600}
.dwks-btn:hover{background:#234868}
#nb-klaerung:hover{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
/* === METHODIK NEU === */
.mt-wrap{max-width:1000px;margin:0 auto;padding:18px 16px 64px}
.mt-hero{background:linear-gradient(135deg,#1a3550,#13293d);border:1px solid rgba(212,175,90,.3);border-radius:12px;padding:22px 26px 40px;margin-bottom:60px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.mt-hero h1{font-size:22px;font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:.01em}
.mt-hero p{font-size:14px;color:#cfd8e3;line-height:1.6;margin:0}
.mt-hero-row{display:flex;align-items:center;gap:14px}
.mt-hero-text{flex:1}
.mt-modes{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.mt-mode{padding:12px 22px;background:rgba(255,255,255,.08);color:#fff;border:2px solid rgba(255,255,255,.15);border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}
.mt-mode:hover{background:#8b1a1a;border-color:#fff;color:#fff}
.mt-mode.active{background:#1a3550;border-color:#d4af5a;color:#ffd56b;box-shadow:0 0 0 2px rgba(212,175,90,.3)}
.mt-mode-icon{font-size:18px}
.mt-mode-time{font-size:11px;color:#8899aa;font-weight:500;margin-left:4px}
.mt-mode.active .mt-mode-time{color:#ffd56b}
.mt-section{display:none}
.mt-section.active{display:block}
.mt-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.mt-card{background:#13293d;border:1px solid rgba(255,255,255,.1);border-left:4px solid #d4af5a;border-radius:10px;padding:14px 20px;display:flex;flex-direction:row;align-items:flex-start;gap:18px}
.mt-card .ic{flex:0 0 auto;width:46px;text-align:center}
.mt-card-text{flex:1;display:flex;flex-direction:column;gap:4px}
.mt-card .ic{font-size:32px;line-height:1}
.mt-card h3{font-size:15px;font-weight:800;color:#ffd56b;letter-spacing:.02em}
.mt-card p{font-size:13px;color:#cfd8e3;line-height:1.55}
.mt-block{background:#13293d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px 24px;margin-bottom:16px}
.mt-block h2{font-size:17px;font-weight:800;color:#ffd56b;margin-bottom:10px;letter-spacing:.02em;display:flex;align-items:center;gap:10px}
.mt-block h2 .num{display:inline-flex;width:28px;height:28px;background:#d4af5a;color:#1a1a18;border-radius:50%;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.mt-block p{font-size:14px;color:#cfd8e3;line-height:1.65;margin-bottom:10px}
.mt-block p:last-child{margin-bottom:0}
.mt-block b{color:#fff}
.mt-dim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
.mt-dim{background:rgba(0,0,0,.25);border-radius:8px;padding:12px 14px}
.mt-dim{display:flex;flex-direction:column;gap:4px}
.mt-dim-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.mt-dim-key{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:3px 8px;background:#d4af5a;color:#1a1a18;border-radius:4px;font-weight:800;font-size:14px}
.mt-dim-name{font-size:14px;font-weight:700;color:#fff}
.mt-dim-desc{font-size:12.5px;color:#cfd8e3;line-height:1.5;padding-left:34px}
.mt-band-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}
.mt-band-table th{background:#1a3550;color:#fff;padding:8px 10px;text-align:left;font-weight:700;border-bottom:2px solid #d4af5a}
.mt-band-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:#cfd8e3}
.mt-band-table td:nth-child(2),.mt-band-table th:nth-child(2){text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#ffd56b;white-space:nowrap}
.mt-band-table .b{display:inline-block;padding:3px 9px;border-radius:4px;font-weight:700;font-size:12px}
.mt-stage-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:12px 0}
.mt-stage-block h3{font-size:14px;font-weight:800;color:#ffd56b;margin:0 0 4px;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
.mt-stage-block h3 .key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 8px;background:#d4af5a;color:#1a1a18;border-radius:4px;font-weight:800;font-size:13px}
.mt-stage-intro{font-size:13.5px;color:#cfd8e3;margin:0 0 8px;line-height:1.55}
.mt-stage-table{width:100%;border-collapse:collapse;font-size:13px}
.mt-stage-table th{background:#1a3550;color:#fff;padding:6px 10px;text-align:left;font-weight:700;border-bottom:2px solid #d4af5a;font-size:12px}
.mt-stage-table th:first-child{width:42px;text-align:center}
.mt-stage-table th:nth-child(2){width:180px}
.mt-stage-table td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:#cfd8e3;line-height:1.45;vertical-align:top}
.mt-stage-table tbody tr:last-child td{border-bottom:none}
.mt-stage-table td:first-child{text-align:center;font-weight:800;font-variant-numeric:tabular-nums;color:#ffd56b}
.mt-stage-table td:nth-child(2){font-weight:700;color:#fff;white-space:nowrap}
@media(max-width:600px){
  .mt-stage-table th:nth-child(2){width:auto}
  .mt-stage-table td:nth-child(2){white-space:normal}
}
.mt-example{background:rgba(212,175,90,.08);border:1px dashed rgba(212,175,90,.4);border-radius:8px;padding:14px 18px;margin:14px 0}
.mt-example-title{font-size:13px;font-weight:800;color:#ffd56b;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.mt-example-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0;font-size:13.5px;color:#cfd8e3}
.mt-example-row b{color:#fff}
.mt-pill{display:inline-block;padding:2px 9px;border-radius:4px;font-size:12px;font-weight:700;color:#fff}
.mt-formula{background:#0c1e2f;border:1px solid rgba(212,175,90,.3);border-radius:6px;padding:14px 18px;margin:10px 0;font-family:'Consolas','Courier New',monospace;font-size:14px;color:#ffd56b;line-height:1.7}
.mt-formula .var{color:#fff;font-weight:700}
.mt-formula-grid{display:grid;grid-template-columns:auto auto 1fr auto;gap:6px 16px;align-items:baseline}
.mt-formula-grid .f-var{color:#fff;font-weight:700;text-align:left}
.mt-formula-grid .f-eq{color:#ffd56b;text-align:center}
.mt-formula-grid .f-expr{color:#ffd56b}
.mt-formula-grid .f-cmt{color:#8899aa;text-align:left;white-space:nowrap}
.mt-faq{margin-top:14px}
.mt-faq-item{background:rgba(0,0,0,.2);border-left:3px solid #d4af5a;border-radius:0 6px 6px 0;padding:12px 16px;margin:8px 0}
.mt-faq-q{font-size:14px;font-weight:700;color:#ffd56b;margin-bottom:6px}
.mt-faq-a{font-size:13px;color:#cfd8e3;line-height:1.6}
.mt-calc{background:#0c1e2f;border:2px solid #d4af5a;border-radius:10px;padding:18px 22px;margin:14px 0}
.mt-calc-sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}
.mt-calc-row{display:flex;flex-direction:column;gap:6px}
.mt-calc-lbl{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#cfd8e3}
.mt-calc-lbl b{color:#ffd56b;font-size:16px;font-weight:800;font-family:monospace}
.mt-calc-row input[type=range]{width:100%;accent-color:#d4af5a}
.mt-calc-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.mt-calc-result{background:rgba(212,175,90,.1);border-radius:6px;padding:10px 14px;text-align:center}
.mt-calc-result-lbl{font-size:11px;color:#cfd8e3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.mt-calc-result-val{font-size:22px;font-weight:800;color:#ffd56b;font-family:monospace}
.mt-calc-band{margin-top:10px;text-align:center;padding:10px;border-radius:6px;font-weight:800;font-size:14px}
.mt-2col{display:grid;grid-template-columns:140px 1fr;gap:8px 18px;margin:12px 0;font-size:14px;line-height:1.6}
.mt-2col-lbl{color:#ffd56b;font-weight:700;text-align:right;letter-spacing:.02em}
.mt-2col-val{color:#cfd8e3}
.mt-2col-val b{color:#fff}
.mt-foot{margin-top:24px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8899aa;text-align:center;line-height:1.55}
.mt-foot a{color:#ffd56b;text-decoration:none}
.mt-foot a:hover{text-decoration:underline}
/* RESPONSIVE-PATCH */
@media (max-width: 720px){
  .mt-wrap{padding:14px 12px 48px}
  .mt-hero{padding:18px 18px}
  .mt-hero h1{font-size:19px}
  .mt-modes{flex-direction:column;align-items:stretch}
  .mt-mode{justify-content:center}
  .mt-block{padding:16px 16px}
  .mt-block h2{font-size:15px;flex-wrap:wrap}
  .mt-dim-grid{grid-template-columns:1fr 1fr;gap:8px}
  .mt-band-table{font-size:11.5px}
  .mt-band-table th,.mt-band-table td{padding:6px 6px}
  .mt-formula{font-size:12px;padding:10px 12px}
  .mt-formula-grid{grid-template-columns:auto auto 1fr;gap:4px 10px}
  .mt-formula-grid .f-cmt{grid-column:1 / -1;padding-left:24px}
  .mt-2col{grid-template-columns:1fr;gap:4px 0}
  .mt-2col-lbl{text-align:left;margin-top:8px}
  .mt-2col-lbl:first-child{margin-top:0}
  .mt-calc-sliders{grid-template-columns:1fr}
  .mt-calc-results{grid-template-columns:1fr 1fr}
  .mt-faq-q{font-size:13px}
}
@media (max-width: 420px){
  .mt-dim-grid{grid-template-columns:1fr}
  .mt-calc-results{grid-template-columns:1fr}
}
/* RESPONSIVE-PATCH-NAV */
@media (max-width: 720px){
  #nav{padding:0 10px;height:auto;flex-wrap:wrap;min-height:60px}
  #nav-inner{flex-wrap:wrap;gap:4px;padding:6px 0;justify-content:flex-start}
  .nb{flex:0 0 auto}
  .nb img{width:38px !important;height:38px !important}
  .nls{flex-wrap:wrap;gap:4px}
  .nl{font-size:11.5px;padding:5px 8px}
  .ns2{display:none}
  .nn{font-size:14px}
}
@media (max-width: 480px){
  .nl{font-size:11px;padding:4px 6px}
  .nn{font-size:12px}
  .nb img{width:32px !important;height:32px !important}
}
/* PAGE-PORTRAIT */
.page-portrait{display:inline-block;width:80px;height:80px;border-radius:50%;border:2px solid rgba(212,175,90,.6);box-shadow:0 2px 6px rgba(0,0,0,.4);background-color:#1a3550;background-image:url('../media/portraet.png');background-repeat:no-repeat;background-size:136px 136px;background-position:50% 18%;vertical-align:middle;flex:0 0 auto;text-decoration:none;box-sizing:content-box;transition:border-color .14s,transform .14s}
.page-portrait:hover{border-color:#ffd56b;transform:scale(1.05)}
@media(max-width:720px){.page-portrait{width:60px;height:60px;border-width:1.5px;background-size:103px 103px;background-position:50% 18%}}


/* === interpretation-spezifisches CSS === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}
body{font-family:'Segoe UI',system-ui,sans-serif;font-size:16px;background:var(--bg);color:#fff;line-height:1.6;min-height:100vh;padding-top:76px;padding-bottom:48px}

#nav{position:fixed;top:0;left:0;right:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  background:#0c1e2f;border-bottom:2px solid var(--gold);padding:0 20px;height:76px;gap:6px;
  box-shadow:0 2px 12px rgba(0,0,0,.4)}
#nav-inner{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:1100px;margin:0 auto}
.nb{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0}
.nn{font-size:18px;font-weight:700;color:#fff;display:block;line-height:1.1}
.ns2{font-size:10px;color:#8899aa;letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:0;line-height:1.25}
.nl{font-size:13px;font-weight:600;padding:6px 6px;border-radius:6px;color:#c8d6e5;flex-shrink:0;
  white-space:nowrap;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .15s}
.nl:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.nl.active{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
#nb-home,#nb-tabelle{margin-left:14px}
#nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:5px}

.wrap{max-width:1060px;margin:0 auto;padding:0 18px 20px}
.ph{background:#1a3550;border-radius:var(--r);border:1px solid rgba(255,255,255,.12);margin-bottom:22px;
  position:sticky;top:76px;z-index:8999}
.ph-row1{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px}
.ph-row2{display:flex;gap:8px;padding:8px 18px 12px;border-top:1px solid rgba(255,255,255,.08);
  font-size:12.5px;color:rgba(255,255,255,.78);align-items:center;flex-wrap:wrap}
.ph-toggle-btn{font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px;
  background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);
  cursor:pointer;transition:all .14s;text-decoration:none;display:inline-block;line-height:1.3}
.ph-toggle-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.ph-info-hint{margin-left:auto;align-self:center;font-size:12px;color:#cfd8e3}
.ph-info-hint a{color:#ffd56b;text-decoration:none;font-weight:600;border-bottom:1px dotted rgba(255,213,107,.5)}
.ph-info-hint a:hover{color:#fff;border-bottom-color:#fff}
@media (max-width:640px){.ph-row2{flex-wrap:wrap}.ph-info-hint{margin-left:0;width:100%;padding-top:4px}}
.ph-text-stack{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.ph-t{font-size:18px;font-weight:700;color:#fff;line-height:1.2}
.ph-summary{font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.5;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ph-summary b{color:#fff;font-weight:800}
.ph-sum-sep{opacity:.45;margin:0 2px}
.ph-pct-pill{display:inline-block;padding:2px 9px;border-radius:4px;background:#d4af5a;color:#1a1a18;font-weight:700;margin-left:8px;font-size:12px}
.page-portrait{display:inline-block;width:80px;height:80px;border-radius:50%;
  border:2px solid rgba(212,175,90,.6);box-shadow:0 2px 6px rgba(0,0,0,.4);
  background-color:#1a3550;background-image:url('../media/portraet.png');background-repeat:no-repeat;
  background-size:136px 136px;background-position:50% 18%;flex:0 0 auto;text-decoration:none;
  transition:border-color .14s,transform .14s}
.page-portrait:hover{border-color:#ffd56b;transform:scale(1.05)}
.ph-b{font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;background:rgba(255,255,255,.15);
  color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .14s;text-decoration:none}
.ph-b:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.pnav{display:flex;align-items:center;gap:8px}
.pnav-btn{padding:7px 14px;background:#1a3550;border:1px solid rgba(255,255,255,.2);
  border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;
  text-decoration:none;display:inline-block}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-pos{font-size:12px;color:#8899aa;min-width:70px;text-align:center}

/* Sektionen */
.sec{margin:0 0 26px}
.sec-h{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);margin:0 0 10px;padding:0 4px}
.sec.coll{margin-top:10px}
.sec.coll .sec-h{background:linear-gradient(135deg,var(--bg4),#2c5a7e);color:#fff;
  padding:14px 22px;border-radius:var(--r);
  cursor:pointer;user-select:none;display:flex;align-items:center;gap:12px;
  margin:0 0 10px;transition:filter .14s;
  border:1px solid rgba(212,175,90,.45);border-left:4px solid var(--gold);
  box-shadow:0 4px 14px rgba(0,0,0,.22)}
.sec.coll .sec-h:hover{filter:brightness(1.15)}
.sec.coll .sec-h > span:first-child{font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:none;color:#fff}
.sec.coll .sec-h .sec-toggle{margin-left:auto;font-size:13px;opacity:.85;transition:transform .18s;color:var(--gold);text-transform:none}
.sec.coll.collapsed .sec-h{margin-bottom:0}
.sec.coll.collapsed .sec-h .sec-toggle{transform:rotate(-90deg)}
.sec.coll.collapsed > *:not(.sec-h){display:none}
.sec-i{background:#fff;border-radius:var(--r);padding:18px 22px;color:#1a1a18;line-height:1.72;font-size:15px}
.sec-i p{margin:0 0 10px}.sec-i p:last-child{margin-bottom:0}
.sec-i b{color:#1a3550}
.sec-i .accent{background:#fff7e1;border-left:4px solid var(--gold);padding:12px 16px;border-radius:6px;margin:10px 0}
.sec-i .accent p{margin:0 0 6px}.sec-i .accent p:last-child{margin-bottom:0}
.lbl p{margin:0 0 4px;line-height:1.55}
.lbl p:last-child{margin-bottom:0}

/* Stufen-Karten im Kategorien-Stil */
.hg-grid{display:flex;flex-direction:column;gap:0}
.kat-section{margin-bottom:14px;border-radius:var(--r);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.kat-hb-header{display:flex;align-items:center;gap:18px;width:100%;box-sizing:border-box;
  padding:12px 16px;cursor:pointer;user-select:none;color:#fff;transition:filter .12s}
.kat-hb-header:hover{filter:brightness(1.10)}
.kat-hb-header .hb-title{flex:1 1 auto;min-width:0;font-weight:700;font-size:15px;letter-spacing:.02em;text-transform:none;text-align:left}
.kat-hb-header .hb-badges{font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;
  background:rgba(255,255,255,.18);white-space:nowrap;flex:0 0 auto;text-align:left}
.kat-hb-header .hb-badges-pf{width:auto;min-width:200px;box-sizing:border-box;margin-left:auto;text-align:center}
.kat-hb-header .chev{font-size:14px;opacity:.85;transition:transform .18s;flex:0 0 auto}
.kat-section.collapsed .kat-body{display:none !important}
.kat-section.collapsed .chev{transform:rotate(-90deg)}
/* Glossar-Verlinkung der Vertrauensstufen */
.kat-hb-header .gl-info{display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);
  color:#ffd56b;font-weight:700;font-size:13px;text-decoration:none;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.25);transition:all .14s;font-style:italic;font-family:Georgia,serif}
.kat-hb-header .gl-info:hover{background:#ffd56b;color:#1a3550;border-color:#ffd56b;transform:scale(1.08)}
.kat-glossar-link{display:inline-block;margin-top:14px;padding:8px 14px;border-radius:6px;
  background:#1a3550;color:#fff;text-decoration:none;font-size:13px;font-weight:600;
  border:1px solid rgba(212,175,90,.45);transition:all .14s}
.kat-glossar-link:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.kat-glossar-link::before{content:"→ "}
.kat-body{background:#fff;color:#1a1a18;padding:18px 22px}
@media(max-width:820px){.kat-hb-header{flex-wrap:wrap;gap:8px}.kat-hb-header .hb-title{flex:0 0 100%}.kat-hb-header .hb-badges-pf,.kat-hb-header .hb-badges-okb{width:auto}}

/* Tabellen-Stil aus themen.html */
.kat-scroll{overflow-x:auto;border-radius:var(--r)}
.kat-table{width:100%;border-collapse:collapse;background:#fff;color:#1a1a18;font-size:12px}
.kat-table th{background:#1a3550;color:#fff;padding:8px 6px;font-size:11px;font-weight:700;text-align:left;white-space:nowrap}
.kat-table td{padding:6px 8px;border-bottom:1px solid #eee;vertical-align:top;text-align:left}
.kat-table tr:last-child td{border-bottom:none}
.kat-table tr.kat-row{cursor:pointer;transition:background .12s}
.kat-table tr.kat-row:hover td{background:#8b1a1a !important;color:#fff !important}
.kat-table tr.kat-row:hover td .pid{background:rgba(255,255,255,.18) !important;color:#fff !important}
.kat-table tr.kat-row:hover td .kat-hg,
.kat-table tr.kat-row:hover td .kat-kat{color:#fff !important}
.kat-table tr:hover{background:#f5f9fd}
.kat-table .kc{text-align:center;white-space:nowrap}
.kat-table td.kat-krit{font-size:12px;color:#1a1a18;line-height:1.45;min-width:280px;max-width:520px}
.kat-table .kat-hg{font-size:11px;font-weight:700;color:#1a3550}
.kat-table .kat-kat{font-size:11px;color:#555}
.kat-table .pid{display:inline-block;color:#1a5e8c;text-decoration:none;font-weight:700;font-size:11px;padding:2px 6px;border-radius:4px;background:#eaf2fb}
.kat-table .pid:hover{background:#8b1a1a;color:#fff}

.footer{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--bg2);border-top:1px solid rgba(255,255,255,.08);padding:8px 22px;text-align:center;font-size:11px;color:#8899aa;white-space:nowrap;overflow-x:auto}
.footer a{color:#c8d6e5;text-decoration:underline}.footer a:hover{color:#fff}

@media(max-width:900px){#nav-inner{padding:0 8px;gap:4px}.nl{font-size:12px;padding:5px 9px}}
@media(max-width:700px){#nav{overflow-x:auto}#nav-inner{min-width:max-content;justify-content:flex-start}.nl{font-size:11px;padding:4px 7px}.ns2{display:none}}


/* === index.html-spezifisches CSS === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}
/* Fix 3: Grundschriftgröße 16px */
body{font-family:'Segoe UI',system-ui,sans-serif;font-size:16px;background:var(--bg);color:#fff;line-height:1.6;min-height:100vh}
.page{display:none}.page.active{display:block}

/* ── NAV ── */
#nav{position:sticky;top:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  background:#0c1e2f;border-bottom:2px solid var(--gold);padding:0 20px;height:76px;gap:6px;
  box-shadow:0 2px 12px rgba(0,0,0,.4)}
#nav-inner{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:1000px;margin:0 auto}
#nb-home,#nb-tabelle{margin-left:14px !important}
#nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:5px !important}
.nb{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0}
.nn{font-size:18px;font-weight:700;color:#fff;display:block;line-height:1.1}
.ns2{font-size:10px;color:#8899aa;letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:0;line-height:1.25}
.nls{display:flex;align-items:center;gap:5px;overflow-x:visible;flex-wrap:nowrap}.nls::-webkit-scrollbar{display:none}
.nl{font-size:13px;font-weight:600;padding:6px 6px;border-radius:6px;color:#c8d6e5;flex-shrink:0;margin:0;
  white-space:nowrap;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .15s}
.nl.active{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
.nl:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.nl.on{background:var(--bg4);border-color:rgba(255,255,255,.2);color:#fff}
.nl.cta{background:#1a3550;color:#fff;border:1px solid rgba(255,255,255,.2)}
.nl.cta:hover,.nl.cta.on{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.ndv{display:none}
@media(max-width:700px){.ns2{display:none}.nl{font-size:13px;padding:6px 6px}#nav{padding:0 12px}}

/* ── WRAP ── */
.wrap{max-width:1060px;margin:0 auto;padding:28px 20px 64px}

/* ── PAGE HEADER ── */
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;
  background:#1a3550;border-radius:var(--r);padding:14px 20px;border:1px solid rgba(255,255,255,.12)}
.ph-t{font-size:18px;font-weight:700;color:#fff}
.ph-b{font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;background:rgba(255,255,255,.15);
  color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .14s}
.ph-b:hover{background:rgba(255,255,255,.25)}

/* ══ Fix 10: STARTSEITE – radikal einfach ═════════════════════════ */
/* Nur: Titel, kurzer Text, Suchfeld, 4 HT-Karten als Einstieg */
.home-hero{padding:14px 18px;background:#1a3550;border-radius:var(--r);position:relative;overflow:hidden;min-height:0;max-width:820px;margin:0 auto}
.home-hero-inner{text-align:center;padding:0;position:relative;z-index:1}
.home-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px;white-space:nowrap}
.home-title em{color:var(--gold);font-style:normal}
/* Fix 7: kein Button-Look */
.home-sub{font-size:13px;color:#c8d6e5;margin-bottom:18px;line-height:1.5;white-space:normal}
.home-meta{font-size:13px;color:#8899aa;margin-bottom:6px}
/* Fix 9: Suche auf Startseite */
.home-search{position:relative;max-width:560px;margin:0 auto}
.home-search input{width:100%;padding:14px 42px 14px 18px;font-size:15px;
  border:2px solid #ccc;border-radius:10px;
  background:#fff;color:#1a1a18;outline:none;transition:all .15s}
.home-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,90,.15)}
.home-search input::placeholder{color:#7a8fa5}
.home-search .clr{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:#8899aa;font-size:18px;cursor:pointer;display:none}
.home-results{max-width:560px;margin:6px auto 0;display:none;flex-direction:column;gap:6px}
.home-results.open{display:flex}

/* Fix 4+5: Suchergebnisse = weiße Karten, schwarze Schrift */
.sr{background:#dce8f5;border:1px solid #b8d0ed;border-left:4px solid #5B2D8C;border-radius:6px 8px 8px 6px;padding:12px 16px 12px 14px;cursor:pointer;transition:box-shadow .25s,transform .15s,background .15s,border-color .25s;box-shadow:0 1px 4px rgba(0,0,0,.06);color:#1a1a18}
.sr:nth-child(even){background:#cfdcec}
.sr:hover{background:#1a3550;border-color:#1a3550;color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:translateY(-1px)}
.sr:hover .sr-id,.sr:hover .sr-t,.sr:hover .sr-tag{color:#fff}

.sr-id{font-size:12px;font-weight:700;color:#1a5e8c;margin-bottom:3px}
.sr-t{font-size:15px;font-weight:600;color:#1a1a18;line-height:1.45;margin-bottom:4px;text-align:left}
.sr-tags{display:flex;gap:5px;flex-wrap:wrap}
.sr-tags span{font-size:11px;padding:2px 8px;border-radius:999px;background:#f0f0f0;color:#444}
.sr:hover .sr-id,.sr:hover .sr-t{color:#fff}
.sr:hover .sr-tags span{background:rgba(255,255,255,.25);color:#fff}
.sr-none{font-size:14px;color:#8899aa;text-align:center;padding:14px}

/* Fix 10: HT-Karten als Haupteinstieg */
.ht-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;
  max-width:860px;margin:28px auto 0;padding:0 20px}
.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
/* Fix 2: Hintergrund = HT-Farbe */
.ht-entry-head{padding:16px 18px;color:#fff}
.ht-entry-name{font-size:15px;font-weight:700}
.ht-entry-sub{font-size:13px;opacity:.8;margin-top:3px}
/* Fix 4: weiße Karte, schwarze Schrift */
.ht-entry-body{padding:16px 18px;background:#fff;color:#1a1a18}
.ht-entry-row{display:flex;justify-content:space-between;margin-bottom:8px}
.ht-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ht-lbl.k{color:var(--crit)}.ht-lbl.n{color:var(--org)}
.ht-val{font-size:20px;font-weight:800;color:#1a1a18}
.ht-urt{font-size:12px;color:#555}
/* Fix 8: Einfache Info-Zeile statt Monster-Bar */
.home-info{max-width:1060px;margin:20px auto 0;padding:0 20px;
  display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.home-info-item{font-size:13px;color:#8899aa}
.home-info-item b{color:#c8d6e5}

/* ── AKKORDEON (Prüftabelle) ── */
.acc{background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px;margin-bottom:16px}
.acc-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:12px}
.acc-grid{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:start}
@media(max-width:600px){.acc-grid{grid-template-columns:1fr}}
.ht-btns{display:flex;flex-direction:column;gap:5px}
/* Fix 2: HT-Buttons behalten ihre Farbe */
.htbtn{width:100%;text-align:left;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);
  cursor:pointer;font-size:15px;font-weight:700;color:#fff;transition:all .14s;line-height:1.35}
.htbtn .cnt{font-size:12px;opacity:.78;display:block;margin-top:3px;font-weight:500}
.htbtn:not(.on){opacity:.55;border-color:transparent}
.htbtn:hover{opacity:1}
.htbtn.on{opacity:1;border-color:rgba(255,255,255,.35)}
.kat-panel{display:flex;flex-direction:column;gap:5px}
.kitem{border:1px solid rgba(255,255,255,.2);border-radius:8px;
  padding:12px 14px;cursor:pointer;transition:all .12s;color:#fff}
.kitem:hover{filter:brightness(1.15);border-color:rgba(255,255,255,.4)}
.kitem.open{filter:brightness(1.2);border-color:rgba(255,255,255,.5)}
.kname{font-size:15px;font-weight:600;color:#fff}
.kmeta{font-size:12px;color:rgba(255,255,255,.7);margin-top:3px}
.pbadges{flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
/* Fix 1: P-Badges sicher rendern, kein undefined */
.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;
  color:#fff;border:1px solid rgba(255,255,255,.18);transition:all .14s}
.pb:hover{background:#8b1a1a;color:#fff;border-color:#8b1a1a}

/* ── DETAIL OVERLAY ── */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9500;display:none;
  align-items:flex-start;justify-content:center;padding:20px 12px;overflow-y:auto}
.dov.open{display:flex}
#dpan{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  width:100%;max-width:960px;margin:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dh{padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#1a3550;border-radius:14px 14px 0 0}
.d-pid{font-size:13px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.d-ttl{font-size:18px;font-weight:700;color:#fff;line-height:1.4}
.dmeta{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff}
.dnav{display:flex;align-items:center;gap:8px;margin-top:10px}
.dn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:6px;
  padding:7px 16px;font-size:13px;color:#fff;cursor:pointer;transition:all .12s}
.dn:hover{background:rgba(255,255,255,.25)}.dn:disabled{opacity:.3;cursor:default}
.dpos{font-size:12px;color:rgba(255,255,255,.5)}
.dclose{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
  font-size:22px;cursor:pointer;color:#fff;line-height:1;padding:4px 9px;border-radius:6px;transition:all .12s}
.dclose:hover{background:rgba(255,255,255,.2)}
.dbody{padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px}
/* Fix 5: Weiß auf dunklem Hintergrund */
.dsec{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:#c8d6e5;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
/* Fix 4: Schwarzer Text auf weißen Karten */
.dcard{background:#fff;border-radius:8px;padding:14px 18px;font-size:15px;line-height:1.78;color:#1a1a18}
.dcard p{margin:0 0 10px}.dcard p:last-child{margin-bottom:0}
.dcard.red{border-left:4px solid var(--crit)}
.dcard.blue{border-left:4px solid var(--org)}
.dcard.amber{border-left:4px solid var(--gold)}
.d2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.d2{grid-template-columns:1fr}}
.ov-hint{font-size:11px;color:rgba(255,255,255,.3);text-align:center;padding:6px 0 2px}

/* Bewertungsbadges */
.bk{font-size:12px;padding:3px 11px;border-radius:999px;font-weight:600;white-space:nowrap;display:inline-block;min-width:90px;text-align:center}
.b-fe{background:#e8e8e8;color:#555}.b-fs{background:#fde8e0;color:#c0522a}
.b-ss{background:#fdf0da;color:#a06a00}.b-mi{background:#dbeafe;color:#1e5fa8}
.b-st{background:#ddd6ff;color:#4338ca}.b-vs{background:#3b1f8e;color:#d4c4ff}

/* Raster Akkordeon */
.rast{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:6px}
.rast-h{display:grid;grid-template-columns:140px 1fr 1fr auto;align-items:center;gap:10px;
  padding:12px 16px;cursor:pointer;background:var(--bg3);transition:background .12s;user-select:none}
.rast-h:hover{background:var(--bg4)}
.rast-kr{font-size:14px;font-weight:700;color:#fff}
.rast-sc{display:flex;align-items:center;gap:6px}
.rast-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.rast-bf{height:5px;border-radius:3px}
.rast-arr{font-size:13px;color:#fff;transition:transform .15s}
.rast-b{display:none;padding:16px 18px;background:#fff;border-top:1px solid #eee;color:#1a1a18}
.rast-b.open{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rast-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.rast-lbl.k{color:var(--crit)}.rast-lbl.n{color:var(--org)}
.rast-big{font-size:24px;font-weight:800;color:#1a1a18;margin-bottom:5px}
.rast-txt{font-size:14px;line-height:1.72;color:#1a1a18;margin-top:8px}
.rast-why{font-size:13px;color:#555;margin-top:6px;font-style:italic;padding-left:12px;border-left:2px solid #ddd}
@media(max-width:600px){.rast-b.open{grid-template-columns:1fr}.rast-h{grid-template-columns:1fr 1fr 1fr}}

/* Übersicht-Karten */
.ov-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;align-items:stretch}
.ovc{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ddd}
.ovc-h{padding:16px 18px;color:#fff}
.ovc-name{font-size:18px;font-weight:700}
.ovc-sub{font-size:13px;opacity:.8;margin-top:2px}
.ovc-body{padding:16px 18px;color:#1a1a18}
.ovc-row{display:flex;justify-content:space-between;margin-bottom:10px}
.ovc-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ovc-val{font-size:20px;font-weight:800;color:#1a1a18;margin:4px 0 2px}
.ovc-urt{font-size:12px;color:#555}
.ovc-kats{font-size:13px;color:#444;line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid #eee}
.kcrit{color:var(--crit)}.korg{color:var(--org)}

/* Kategorien-Tabelle */
.ksec{margin-bottom:10px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.ksec-h{padding:14px 18px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;
  display:flex;justify-content:space-between;align-items:center;user-select:none}
.ksec-h:hover{filter:brightness(0.85);background:#8b1a1a !important}
.ksec-arr{font-size:15px;transition:transform .15s}
.ksec-b{background:#fff;display:none}
.ktbl{width:100%;border-collapse:collapse;font-size:14px}
.ktbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ktbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.ktbl tr:hover td{background:#f8f8f8}
.kn{font-weight:600}.kc{text-align:center;white-space:nowrap}.kp{min-width:180px}
.sort-th{cursor:pointer}.sort-th:hover{background:rgba(255,255,255,.1)}
.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

/* Methodik/Nutzung/Feedback Cards */
.sc{background:#fff;border:none;border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.sc-head{background:#1a3550;color:#fff;font-size:15px;font-weight:700;padding:12px 18px}
.sc-head:hover{background:#8b1a1a;cursor:pointer}
.sc-body{padding:16px 18px;font-size:15px;line-height:1.78;color:#1a1a18}

/* Gesamtbild-Tabelle */
.gtbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;border:none}
.gtbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em}
.gtbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.gtbl .sum-row td{background:#1a3550;color:#fff;font-weight:700;border:none}

/* Search auf Prüftabelle-Seite (gleicher Stil wie Startseite) */
.srch-wrap{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:16px;margin-bottom:16px}
.srch-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:10px}

/* Footer */
.footer{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--bg2);border-top:1px solid rgba(255,255,255,.08);padding:8px 22px;text-align:center;font-size:11px;color:#8899aa;white-space:nowrap;overflow-x:auto}
body{padding-bottom:48px}
.footer a{color:#c8d6e5;text-decoration:underline}.footer a:hover{color:#fff}
.wm{position:fixed;bottom:6px;right:10px;font-size:9px;color:rgba(255,255,255,.06);pointer-events:none;user-select:none;z-index:9999}

.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;background:#fff;color:#1a1a18;border:1px solid #ccc;transition:all .14s}
.pb:hover{background:#f0f0f0;border-color:#999}

.rast-h{background:#e8edf2 !important}
.rast-h:hover{background:#dce3ea !important}
.rast-kr{color:#1a1a18 !important}
.rast-arr{color:#555 !important}

.rast{border:1px solid #ccc;border-radius:10px;overflow:hidden;margin-bottom:6px}

.hero-img{position:absolute;top:0;left:0;bottom:0;width:22%;background-size:contain;background-position:top left;background-repeat:no-repeat;opacity:.75;pointer-events:none}

.kcrit{color:#b91c1c;font-weight:700;text-align:left}
.korg{color:#1a5e8c;font-weight:700;text-align:right}

.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ht-entry-head{padding:18px 20px;color:#fff}
.ht-entry-name{font-size:16px;font-weight:700}
.ht-entry-sub{font-size:13px;opacity:.85;margin-top:4px}
.ht-entry-body{padding:16px 20px;background:#fff;color:#1a1a18}
.ht-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:860px;margin:28px auto 0;padding:0 20px}

.hero-banner{position:absolute;top:12px;right:16px;width:22%;max-width:240px;opacity:.9;pointer-events:none;z-index:1}
@media(max-width:800px){.hero-banner{display:none}}

.gtbl td:not(:first-child){text-align:right}



.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
.pnav-btn{padding:7px 18px;background:#1a3550;border:1px solid rgba(255,255,255,.2);
  border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;
  text-decoration:none;display:inline-block}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-btn.off{opacity:.25;pointer-events:none}
.pnav-pos{font-size:12px;color:#8899aa;min-width:80px;text-align:center}

.kcrit{color:#b91c1c !important;font-weight:700}
.korg{color:#1a5e8c !important;font-weight:700}
.gtbl td.kcrit{color:#b91c1c !important;font-weight:700;text-align:right}
.gtbl td.korg{color:#1a5e8c !important;font-weight:700;text-align:right}
.p-sources-wrap + div[style*="margin-top:8px"]{max-width:820px;margin-left:auto;margin-right:auto}
#nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9000 !important}
body{padding-top:76px !important}
.ph{position:sticky !important;top:76px !important;z-index:8999 !important;background:#1a3550 !important;margin-bottom:20px !important;border-radius:var(--r) !important}

/* === Responsive === */
@media(max-width:900px){
  #nav-inner{padding:0 12px;gap:4px}
  .nl{font-size:12px;padding:5px 9px}
  #nb-home,#nb-tabelle{margin-left:10px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:4px !important}
  .ph{flex-wrap:wrap;gap:8px !important;padding:12px 14px !important}
  .ph-t{font-size:16px}
}
@media(max-width:700px){
  #nav{overflow-x:auto}
  #nav-inner{min-width:max-content;justify-content:center}
  .nl{font-size:11px;padding:4px 7px}
  #nb-home,#nb-tabelle{margin-left:6px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:3px !important}
  .p-raster-row{grid-template-columns:1fr !important;gap:4px !important;text-align:left}
  .p-detail-row{grid-template-columns:1fr !important}
  .p-sources-wrap{grid-template-columns:1fr !important}
  .p-block{padding:10px 12px !important}
  .p-scorecard{flex-direction:column}
  .p-scorecard .p-score-k,.p-scorecard .p-score-n{padding:10px 12px}
  .ph-t{font-size:14px}
  .pnav{flex-wrap:wrap;gap:4px}
  .pnav-btn{padding:5px 12px;font-size:12px}
  .d2{grid-template-columns:1fr !important}
}
@media(max-width:500px){
  .nn{font-size:14px}
  body{font-size:14px}
  .nl{font-size:10px;padding:3px 6px}
  .p-block-text,.sc-body{font-size:13px}
  .p-score-val{font-size:22px}
  .p-block-label{font-size:11px}
}
/* DWKS-CARD-CSS */
.dwks-body{padding:14px;display:flex;flex-direction:column;gap:12px}
.dwks-card{background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:12px 14px}
.dwks-sec{font-size:12px;font-weight:700;text-transform:uppercase;color:#1A3650;margin-bottom:8px;letter-spacing:.5px}
.dwks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.dwks-cell{background:#f7f7f7;border-radius:6px;padding:8px 10px}
.dwks-lbl{font-size:11px;color:#555;margin-bottom:2px}
.dwks-val{font-size:20px;font-weight:700;color:#1a1a18}
.dwks-of{font-size:12px;color:#888;font-weight:400;margin-left:2px}
.dwks-bar{height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden;margin-top:6px}
.dwks-bf{height:100%;border-radius:3px;transition:width .2s}
.dwks-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:14px}
.dwks-row:last-child{border-bottom:0}
.dwks-amp{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}
.amp-er{background:#dff5e3;color:#0a6e2e}
.amp-er2{background:#0a6e2e;color:#fff}
.amp-ge{background:#eef5d4;color:#5b6d10}
.amp-re{background:#fff3cd;color:#7a5a10}
.amp-of{background:#ffe1c4;color:#8a4a10}
.amp-ko{background:#fbd6d6;color:#8a1a1a}
.amp-na{background:#eee;color:#555}
.dwks-actions{display:flex;justify-content:flex-end}
.dwks-btn{background:#1A3650;color:#fff;text-decoration:none;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600}
.dwks-btn:hover{background:#234868}
#nb-klaerung:hover{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
/* === STARTSEITE NEU === */
.idx-wrap{max-width:980px;margin:0 auto;padding:12px 16px 32px}

/* Hero (Kopfblock mit integrierten Stats) */
.idx-hero{background:linear-gradient(135deg,#1a3550,#13293d);border:1px solid rgba(212,175,90,.3);border-radius:12px;padding:14px 22px;margin-bottom:12px;box-shadow:0 4px 14px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:10px}
.idx-hero-top{display:flex;align-items:center;gap:20px}
.idx-hero-text{flex:1;min-width:0}
.idx-hero h1{font-size:22px;font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:.01em;line-height:1.15;text-align:left}
.idx-hero h1 em{color:#ffd56b;font-style:normal}
.idx-hero p{font-size:13.5px;color:#cfd8e3;line-height:1.45;margin:0;max-width:none;text-align:left}
.idx-portrait-wrap{flex:0 0 auto;width:78px;height:78px;border-radius:50%;overflow:hidden;border:2px solid rgba(212,175,90,.6);box-shadow:0 4px 16px rgba(0,0,0,.45)}
.idx-portrait{width:98px;height:98px;object-fit:cover;object-position:center 38%;display:block;margin:-6px 0 -16px -10px}

/* Quick-Stats (im Kopfblock integriert) */
.idx-hero .idx-stats{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 14px;margin:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.6fr;gap:6px 14px}
.idx-stats{background:#13293d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 18px;margin-bottom:12px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.6fr;gap:6px 12px}
.idx-stat{display:flex;flex-direction:column;gap:1px;text-align:center;padding:2px}
.idx-stat-val{font-size:19px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.idx-stat-lbl{font-size:10px;color:#8899aa;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:1px}
.idx-stat-okb{grid-column:auto}
.idx-stat-okb .idx-stat-val{font-size:13.5px;font-weight:600;color:#cfd8e3}
.idx-stat-okb .idx-stat-val b{font-size:18px;color:#fff}
.idx-okb-pct{display:inline-block;padding:2px 8px;border-radius:5px;background:#d4af5a;color:#1a1a18;font-weight:800;margin-left:6px;font-size:12px}

/* Pfad-Karten (Kacheln 1 × 5) */
.idx-paths{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:8px}
.idx-path{background:#13293d;border:1px solid rgba(255,255,255,.1);border-left:4px solid #d4af5a;border-radius:10px;padding:12px 14px;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:all .15s;cursor:pointer;text-align:left}
.idx-path:hover{background:#b91c1c;border-color:#fff;border-left-color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.3)}
.idx-path .ic{font-size:22px;line-height:1;flex:0 0 auto}
.idx-path h3{font-size:14px;font-weight:800;color:#ffd56b;letter-spacing:.02em;margin:0}
.idx-path p{display:block;flex:1;font-size:12px;color:#cfd8e3;line-height:1.4;margin:0}
.idx-path .cta{font-size:11.5px;color:#ffd56b;font-weight:700;letter-spacing:.02em;margin-top:auto;align-self:flex-start}
.idx-path:hover h3,.idx-path:hover p,.idx-path:hover .cta{color:#fff}

/* Was ist DWKS */
.idx-mission{background:#13293d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 22px;margin-bottom:12px}
.idx-mission h2{font-size:14px;font-weight:800;color:#ffd56b;margin-bottom:8px;letter-spacing:.02em}
.idx-mission ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.idx-mission li{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:#cfd8e3;line-height:1.55}
.idx-mission li .ic{flex:0 0 auto;width:22px;text-align:center;color:#ffd56b;font-weight:800}
.idx-mission li b{color:#fff}
.idx-mission-grid{display:grid;grid-template-columns:max-content 1fr;gap:6px 24px;align-items:baseline}
.idx-mission-key{white-space:nowrap}
.idx-mission-key{color:#fff;font-weight:700;text-align:left;font-size:13px;line-height:1.45}
.idx-mission-val{color:#cfd8e3;font-size:13px;line-height:1.45}
/* RESPONSIVE-PATCH */
@media (max-width: 720px){
  .idx-wrap{padding:14px 12px 48px}
  .idx-hero{padding:22px 18px;text-align:center;gap:14px}
  .idx-hero-top{flex-direction:column;gap:14px;align-items:center}
  .idx-hero h1{font-size:22px;text-align:center}
  .idx-hero p{font-size:13.5px;text-align:center}
  .idx-portrait-wrap{width:96px;height:96px}
  .idx-portrait{width:120px;height:120px;margin:-12px 0 0 -12px}
  .idx-stats{grid-template-columns:1fr 1fr 1fr;gap:8px 12px;padding:10px 12px}
  .idx-stat-okb{grid-column:1 / -1}
  .idx-stat-val{font-size:18px}
  .idx-paths{grid-template-columns:1fr;gap:10px}
  .idx-path{padding:12px 18px;gap:6px}
  .idx-mission{padding:16px 18px}
  .idx-mission-grid{grid-template-columns:1fr;gap:6px 0}
  .idx-mission-key{margin-top:8px}
  .idx-mission-key:first-child{margin-top:0}
}
@media (max-width: 420px){
  .idx-stats{grid-template-columns:1fr}
  .idx-stat-okb .idx-stat-val{font-size:14px}
  .idx-stat-okb .idx-stat-val b{font-size:18px}
}
@media (min-width: 721px) and (max-width: 1080px){
  .idx-paths{grid-template-columns:repeat(3,1fr)}
}
/* RESPONSIVE-PATCH-NAV */
@media (max-width: 720px){
  #nav{padding:0 10px;height:auto;flex-wrap:wrap;min-height:60px}
  #nav-inner{flex-wrap:wrap;gap:4px;padding:6px 0;justify-content:flex-start}
  .nb{flex:0 0 auto}
  .nb img{width:38px !important;height:38px !important}
  .nls{flex-wrap:wrap;gap:4px}
  .nl{font-size:11.5px;padding:5px 8px}
  .ns2{display:none}
  .nn{font-size:14px}
}
@media (max-width: 480px){
  .nl{font-size:11px;padding:4px 6px}
  .nn{font-size:12px}
  .nb img{width:32px !important;height:32px !important}
}


/* === updates-spezifisches CSS === */
/* ── UPDATES SEITE ── */
.up-wrap{max-width:1100px;margin:0 auto;padding:18px 16px 64px}
.up-hero{background:linear-gradient(135deg,#1a3550,#13293d);border:1px solid rgba(212,175,90,.3);
  border-radius:12px;padding:22px 26px;margin-bottom:18px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.up-hero-row{display:flex;align-items:center;gap:14px}
.up-hero-text{flex:1;text-align:left}
.up-hero h1{font-size:22px;font-weight:800;color:#fff;letter-spacing:.01em;margin:0}
.page-portrait{display:inline-block;width:80px;height:80px;border-radius:50%;border:2px solid rgba(212,175,90,.6);
  box-shadow:0 2px 6px rgba(0,0,0,.4);background-color:#1a3550;background-image:url('../media/portraet.png');
  background-repeat:no-repeat;background-size:136px 136px;background-position:50% 18%;
  vertical-align:middle;flex:0 0 auto;text-decoration:none;box-sizing:content-box;
  transition:border-color .14s,transform .14s}
.page-portrait:hover{border-color:#ffd56b;transform:scale(1.05)}
@media(max-width:720px){
  .up-wrap{padding:14px 12px 48px}
  .up-hero{padding:18px 18px}
  .up-hero h1{font-size:20px}
  .page-portrait{width:60px;height:60px;border-width:1.5px;background-size:103px 103px;background-position:50% 18%}
}

/* Filter-Block (Prüftabelle-Stil, sticky) */
.up-filters{background:#1a3550;border:1px solid rgba(255,255,255,.08);border-radius:10px;
  padding:14px 16px;margin-bottom:12px;display:grid;grid-template-columns:1fr;gap:10px 12px;
  position:sticky;top:76px;z-index:80;
  box-shadow:0 6px 16px rgba(0,0,0,.45)}
.up-search-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.up-search-wrap .page-portrait{justify-self:start}
.up-search-wrap input{width:100%;padding:10px 14px;font-size:14px;background:#fff;color:#000;
  border:1px solid rgba(255,255,255,.18);border-radius:7px;outline:none}
.up-search-wrap input::placeholder{color:#666}
.up-search-wrap input:focus{border-color:#d4af5a}
.up-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.up-flbl{font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.05em;font-weight:700;
  min-width:60px;padding-right:0}
.up-pills{display:flex;gap:5px;flex-wrap:wrap;flex:1}
.up-pill{padding:5px 10px;border-radius:5px;font-size:11px;font-weight:700;cursor:pointer;
  background:rgba(255,255,255,.08);color:#fff;border:2px solid transparent;
  transition:all .12s;white-space:nowrap}
.up-pill:hover{background:#8b1a1a;border-color:#fff;color:#fff}
.up-pill.on{border-color:#fff;box-shadow:0 0 0 2px rgba(212,175,90,.65),0 2px 6px rgba(0,0,0,.4)}
.up-pill.t-neu.on{background:#22c55e}
.up-pill.t-akt.on{background:#3b82f6}
.up-pill.t-qu.on{background:#eab308;color:#1a1a18}
.up-pill.t-str.on{background:#a855f7}
.up-pill.t-fn.on{background:#f97316}
.up-pill.all.on{background:#1a3550;border-color:#d4af5a}
.up-reset{padding:5px 12px;font-size:11px;font-weight:700;color:#fff;background:rgba(139,26,26,.4);
  border:1px solid #8b1a1a;border-radius:5px;cursor:pointer;white-space:nowrap}
.up-reset:hover{background:#8b1a1a;border-color:#a62c2c}

/* Sort-Toolbar */
.up-sort{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.up-sort-lbl{font-size:11px;color:#cfd8e3;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.up-sort-btns{display:flex;gap:5px;flex-wrap:wrap}
.up-sort-btn{padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;
  background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15);
  border-radius:5px;transition:all .12s}
.up-sort-btn:hover{background:#8b1a1a;border-color:#fff;color:#fff}
.up-sort-btn.active{background:#1a3550;color:#fff;border-color:#d4af5a}
.up-count{margin-left:auto;font-size:12px;color:#cfd8e3;font-weight:600}

/* Ergebnis-Liste (Prüftabelle-Stil) */
.up-list{background:#fff;border:2px solid rgba(212,175,90,.4);border-radius:9px;
  overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.up-row{display:grid;grid-template-columns:14px 88px 60px 1fr;column-gap:10px;row-gap:4px;
  align-items:center;padding:10px 14px;cursor:pointer;
  border-bottom:1px solid #e0e4e9;transition:background .12s,color .12s;
  text-decoration:none;color:#1a1a1a}
.up-row:last-child{border-bottom:none}
.up-row:hover{background:#8b1a1a;color:#fff}
.up-row:hover .up-desc,
.up-row:hover .up-desc *,
.up-row:hover .up-meta-line,
.up-row:hover .up-meta-line *{color:#fff !important}
.up-row:hover .up-pid{background:#fff;color:#8b1a1a;border-color:#fff}
.up-row:hover .up-date{color:#ffd56b}
.up-row .up-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.2);grid-row:1}
.up-row .up-dot.t-neu{background:#22c55e}
.up-row .up-dot.t-akt{background:#3b82f6}
.up-row .up-dot.t-qu {background:#eab308}
.up-row .up-dot.t-str{background:#a855f7}
.up-row .up-dot.t-fn {background:#f97316}
.up-row .up-date{font-size:12px;font-weight:700;color:#1a3550;
  font-variant-numeric:tabular-nums;white-space:nowrap;grid-row:1;text-align:left}
.up-row .up-pid{padding:2px 7px;background:#1a3550;color:#fff;border-radius:3px;
  font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;
  border:1px solid rgba(0,0,0,.2);transition:all .12s;
  text-align:center;justify-self:start;grid-row:1}
.up-row .up-desc{font-size:13px;color:#1a1a1a;line-height:1.45;grid-row:1}
.up-row .up-meta-line{grid-column:2 / -1;grid-row:2;font-size:11.5px;color:#666;
  display:flex;flex-wrap:wrap;gap:4px 12px;line-height:1.45}
.up-row .up-meta-line span{white-space:nowrap}
.up-row .up-meta-line span.up-trg{font-style:italic}
.up-row .up-meta-line span.up-src::before{content:"📚 ";opacity:.7;margin-right:2px}
@media(max-width:760px){
  .up-row{grid-template-columns:14px 80px 56px 1fr;column-gap:8px;padding:10px 12px}
  .up-row .up-desc{font-size:12.5px}
  .up-row .up-meta-line{font-size:11px}
}

/* Empty state (Prüftabelle-Stil) */
.up-empty{padding:30px 22px;color:#fff;background:#13293d;
  border-radius:9px;border:2px dashed rgba(212,175,90,.4);font-size:14px;line-height:1.55;
  margin-top:0}
.up-empty b{color:#ffd56b}

/* Typen-Badges (für Legende) */
.up-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;
  white-space:nowrap;letter-spacing:.02em;text-transform:uppercase}
.up-badge.t-neu{background:#dcfce7;color:#166534;border:1px solid #86efac}
.up-badge.t-akt{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}
.up-badge.t-qu{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}
.up-badge.t-str{background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd}
.up-badge.t-fn{background:#ffedd5;color:#9a3412;border:1px solid #fdba74}

/* Legende */
.up-legend{margin-top:18px;background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:14px 18px}
.up-legend-h{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c8d6e5;margin-bottom:10px}
.up-legend-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:1100px){.up-legend-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.up-legend-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.up-legend-grid{grid-template-columns:1fr}}
.up-legend-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;
  padding:14px 12px;text-align:left}
.up-legend-item .up-badge{flex-shrink:0;width:fit-content}
.up-legend-item .up-legend-txt{font-size:12.5px;color:#c8d6e5;line-height:1.55;text-align:left}

@media(max-width:760px){
  .up-tbl{font-size:13px}
  .up-tbl thead th{padding:9px 10px;font-size:10px}
  .up-tbl tbody td{padding:10px 10px}
  .up-filter{padding:10px 12px}
}
@media(max-width:560px){
  .up-tbl thead th.col-srcs,.up-tbl tbody td.col-srcs{display:none}
}


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}
/* Fix 3: Grundschriftgröße 16px */
body{font-family:'Segoe UI',system-ui,sans-serif;font-size:16px;background:var(--bg);color:#fff;line-height:1.6;min-height:100vh}
.page{display:none}.page.active{display:block}

/* ── NAV ── */
#nav{position:sticky;top:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  background:#0c1e2f;border-bottom:2px solid var(--gold);padding:0 20px;height:76px;gap:6px;
  box-shadow:0 2px 12px rgba(0,0,0,.4)}
.nb{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0}
.nn{font-size:18px;font-weight:700;color:#fff;display:block;line-height:1.1}
.ns2{font-size:10px;color:#8899aa;letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:0;line-height:1.25}
.nls{display:flex;align-items:center;gap:5px;overflow-x:visible;flex-wrap:nowrap}.nls::-webkit-scrollbar{display:none}
.nl{font-size:13px;font-weight:600;padding:6px 6px;border-radius:6px;color:#c8d6e5;flex-shrink:0;margin:0;
  white-space:nowrap;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .15s}
.nl:hover{background:#8b1a1a;color:#fff;border-radius:6px}
.nl.active{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
.nl:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.nl.on{background:var(--bg4);border-color:rgba(255,255,255,.2);color:#fff}
.nl.cta{background:#1a3550;color:#fff;border:1px solid rgba(255,255,255,.2)}
.nl.cta:hover,.nl.cta.on{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.ndv{display:none}
@media(max-width:700px){.ns2{display:none}.nl{font-size:13px;padding:6px 6px}#nav{padding:0 12px}}

/* ── WRAP ── */
.wrap{max-width:820px;margin:0 auto;padding:0 0 20px}

/* ── PAGE HEADER ── */
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;
  background:#1a3550;border-radius:var(--r);padding:14px 20px;border:1px solid rgba(255,255,255,.12)}
.ph-t{font-size:18px;font-weight:700;color:#fff}
.ph-b{font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;background:rgba(255,255,255,.15);
  color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .14s}
.ph-b:hover{background:rgba(255,255,255,.25)}

/* ══ Fix 10: STARTSEITE – radikal einfach ═════════════════════════ */
/* Nur: Titel, kurzer Text, Suchfeld, 4 HT-Karten als Einstieg */
.home-hero{padding:36px 22px 28px;background:linear-gradient(160deg,var(--bg2),var(--bg));
  border-bottom:2px solid var(--gold)}
.home-hero-inner{max-width:700px;margin:0 auto;text-align:center}
.home-title{font-size:clamp(26px,4vw,40px);font-weight:800;color:#fff;margin-bottom:10px}
.home-title em{color:var(--gold);font-style:normal}
/* Fix 7: kein Button-Look */
.home-sub{font-size:15px;color:#c8d6e5;margin-bottom:24px;line-height:1.6}
.home-meta{font-size:13px;color:#8899aa;margin-bottom:6px}
/* Fix 9: Suche auf Startseite */
.home-search{position:relative;max-width:560px;margin:0 auto}
.home-search input{width:100%;padding:14px 42px 14px 18px;font-size:15px;
  border:2px solid #ccc;border-radius:10px;
  background:#fff;color:#1a1a18;outline:none;transition:all .15s}
.home-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,90,.15)}
.home-search input::placeholder{color:#7a8fa5}
.home-search .clr{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:#8899aa;font-size:18px;cursor:pointer;display:none}
.home-results{max-width:560px;margin:6px auto 0;display:none;flex-direction:column;gap:6px}
.home-results.open{display:flex}

/* Fix 4+5: Suchergebnisse = weiße Karten, schwarze Schrift */
.sr{background:#fff;border:1px solid #ddd;border-left:4px solid #5B2D8C;border-radius:6px 8px 8px 6px;padding:12px 16px 12px 14px;
  cursor:pointer;transition:box-shadow .25s,transform .15s,background .15s,border-color .25s;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.sr:nth-child(even){background:#fafbfc}
.sr:hover{background:#1a3550;border-color:#1a3550;color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:translateY(-1px)}
.sr:hover .sr-id,.sr:hover .sr-t,.sr:hover .sr-tag{color:#fff}
.sr-id{font-size:13px;font-weight:700;color:#1a3550;margin-bottom:2px;text-align:left}
.sr-t{font-size:15px;font-weight:600;color:#1a1a18;line-height:1.45;margin-bottom:4px;text-align:left}
.sr-tags{display:flex;gap:5px;flex-wrap:wrap}
.sr-tags span{font-size:11px;padding:2px 8px;border-radius:999px;background:#f0f0f0;color:#444}
.sr:hover .sr-id,.sr:hover .sr-t{color:#fff}
.sr:hover .sr-tags span{background:rgba(255,255,255,.2);color:#fff}
.sr-none{font-size:14px;color:#8899aa;text-align:center;padding:14px}

/* Fix 10: HT-Karten als Haupteinstieg */
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;
  max-width:1060px;margin:28px auto 0;padding:0 20px}
.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
/* Fix 2: Hintergrund = HT-Farbe */
.ht-entry-head{padding:16px 18px;color:#fff}
.ht-entry-name{font-size:15px;font-weight:700}
.ht-entry-sub{font-size:13px;opacity:.8;margin-top:3px}
/* Fix 4: weiße Karte, schwarze Schrift */
.ht-entry-body{padding:16px 18px;background:#fff;color:#1a1a18}
.ht-entry-row{display:flex;justify-content:space-between;margin-bottom:8px}
.ht-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ht-lbl.k{color:var(--crit)}.ht-lbl.n{color:var(--org)}
.ht-val{font-size:20px;font-weight:800;color:#1a1a18}
.ht-urt{font-size:12px;color:#555}
/* Fix 8: Einfache Info-Zeile statt Monster-Bar */
.home-info{max-width:1060px;margin:20px auto 0;padding:0 20px;
  display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.home-info-item{font-size:13px;color:#8899aa}
.home-info-item b{color:#c8d6e5}

/* ── AKKORDEON (Prüftabelle) ── */
.acc{background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px;margin-bottom:16px}
.acc-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:12px}
.acc-grid{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:start}
@media(max-width:600px){.acc-grid{grid-template-columns:1fr}}
.ht-btns{display:flex;flex-direction:column;gap:5px}
/* Fix 2: HT-Buttons behalten ihre Farbe */
.htbtn{width:100%;text-align:left;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);
  cursor:pointer;font-size:15px;font-weight:700;color:#fff;transition:all .14s;line-height:1.35}
.htbtn .cnt{font-size:12px;opacity:.78;display:block;margin-top:3px;font-weight:500}
.htbtn:not(.on){opacity:.55;border-color:transparent}
.htbtn:hover{opacity:1}
.htbtn.on{opacity:1;border-color:rgba(255,255,255,.35)}
.kat-panel{display:flex;flex-direction:column;gap:5px}
.kitem{border:1px solid rgba(255,255,255,.2);border-radius:8px;
  padding:12px 14px;cursor:pointer;transition:all .12s;color:#fff}
.kitem:hover{filter:brightness(1.15);border-color:rgba(255,255,255,.4)}
.kitem.open{filter:brightness(1.2);border-color:rgba(255,255,255,.5)}
.kname{font-size:15px;font-weight:600;color:#fff}
.kmeta{font-size:12px;color:rgba(255,255,255,.7);margin-top:3px}
.pbadges{flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
/* Fix 1: P-Badges sicher rendern, kein undefined */
.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;
  color:#fff;border:1px solid rgba(255,255,255,.18);transition:all .14s}
.pb:hover{background:#8b1a1a;color:#fff;border-color:#8b1a1a}

/* ── DETAIL OVERLAY ── */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9500;display:none;
  align-items:flex-start;justify-content:center;padding:20px 12px;overflow-y:auto}
.dov.open{display:flex}
#dpan{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  width:100%;max-width:960px;margin:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dh{padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#1a3550;border-radius:14px 14px 0 0}
.d-pid{font-size:13px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.d-ttl{font-size:18px;font-weight:700;color:#fff;line-height:1.4}
.dmeta{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff}
.dnav{display:flex;align-items:center;gap:8px;margin-top:10px}
.dn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:6px;
  padding:7px 16px;font-size:13px;color:#fff;cursor:pointer;transition:all .12s}
.dn:hover{background:rgba(255,255,255,.25)}.dn:disabled{opacity:.3;cursor:default}
.dpos{font-size:12px;color:rgba(255,255,255,.5)}
.dclose{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
  font-size:22px;cursor:pointer;color:#fff;line-height:1;padding:4px 9px;border-radius:6px;transition:all .12s}
.dclose:hover{background:rgba(255,255,255,.2)}
.dbody{padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px}
/* Fix 5: Weiß auf dunklem Hintergrund */
.dsec{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:#c8d6e5;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
/* Fix 4: Schwarzer Text auf weißen Karten */
.dcard{background:#fff;border-radius:8px;padding:14px 18px;font-size:15px;line-height:1.78;color:#1a1a18}
.dcard p{margin:0 0 10px}.dcard p:last-child{margin-bottom:0}
.dcard.red{border-left:4px solid var(--crit)}
.dcard.blue{border-left:4px solid var(--org)}
.dcard.amber{border-left:4px solid var(--gold)}
.d2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.d2{grid-template-columns:1fr}}
.ov-hint{font-size:11px;color:rgba(255,255,255,.3);text-align:center;padding:6px 0 2px}

/* Bewertungsbadges */
.bk{font-size:12px;padding:3px 11px;border-radius:999px;font-weight:600;white-space:nowrap;display:inline-block;min-width:90px;text-align:center}
.b-fe{background:#e8e8e8;color:#555}.b-fs{background:#fde8e0;color:#c0522a}
.b-ss{background:#fdf0da;color:#a06a00}.b-mi{background:#dbeafe;color:#1e5fa8}
.b-st{background:#ddd6ff;color:#4338ca}.b-vs{background:#3b1f8e;color:#d4c4ff}

/* Raster Akkordeon */
.rast{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:6px}
.rast-h{display:grid;grid-template-columns:140px 1fr 1fr auto;align-items:center;gap:10px;
  padding:12px 16px;cursor:pointer;background:var(--bg3);transition:background .12s;user-select:none}
.rast-h:hover{background:var(--bg4)}
.rast-kr{font-size:14px;font-weight:700;color:#fff}
.rast-sc{display:flex;align-items:center;gap:6px}
.rast-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.rast-bf{height:5px;border-radius:3px}
.rast-arr{font-size:13px;color:#fff;transition:transform .15s}
.rast-b{display:none;padding:16px 18px;background:#fff;border-top:1px solid #eee;color:#1a1a18}
.rast-b.open{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rast-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.rast-lbl.k{color:var(--crit)}.rast-lbl.n{color:var(--org)}
.rast-big{font-size:24px;font-weight:800;color:#1a1a18;margin-bottom:5px}
.rast-txt{font-size:14px;line-height:1.72;color:#1a1a18;margin-top:8px}
.rast-why{font-size:13px;color:#555;margin-top:6px;font-style:italic;padding-left:12px;border-left:2px solid #ddd}
@media(max-width:600px){.rast-b.open{grid-template-columns:1fr}.rast-h{grid-template-columns:1fr 1fr 1fr}}

/* Übersicht-Karten */
.ov-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;align-items:stretch}
.ovc{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ddd}
.ovc-h{padding:16px 18px;color:#fff}
.ovc-name{font-size:18px;font-weight:700}
.ovc-sub{font-size:13px;opacity:.8;margin-top:2px}
.ovc-body{padding:16px 18px;color:#1a1a18}
.ovc-row{display:flex;justify-content:space-between;margin-bottom:10px}
.ovc-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ovc-val{font-size:20px;font-weight:800;color:#1a1a18;margin:4px 0 2px}
.ovc-urt{font-size:12px;color:#555}
.ovc-kats{font-size:13px;color:#444;line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid #eee}
.kcrit{color:var(--crit)}.korg{color:var(--org)}

/* Kategorien-Tabelle */
.ksec{margin-bottom:10px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.ksec-h{padding:14px 18px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;
  display:flex;justify-content:space-between;align-items:center;user-select:none}
.ksec-h:hover{filter:brightness(0.85);background:#8b1a1a !important}
.ksec-arr{font-size:15px;transition:transform .15s}
.ksec-b{background:#fff;display:none}
.ktbl{width:100%;border-collapse:collapse;font-size:14px}
.ktbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ktbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.ktbl tr:hover td{background:#f8f8f8}
.kn{font-weight:600}.kc{text-align:center;white-space:nowrap}.kp{min-width:180px}
.sort-th{cursor:pointer}.sort-th:hover{background:rgba(255,255,255,.1)}
.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

/* Methodik/Nutzung/Feedback Cards */
.sc{background:#fff;border:none;border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.sc-head{background:#1a3550;color:#fff;font-size:15px;font-weight:700;padding:12px 18px}
.sc-head:hover{background:#8b1a1a;cursor:pointer}
.sc-body{padding:16px 18px;font-size:15px;line-height:1.78;color:#1a1a18}

/* Gesamtbild-Tabelle */
.gtbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;border:none}
.gtbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em}
.gtbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.gtbl .sum-row td{background:#1a3550;color:#fff;font-weight:700;border:none}

/* Search auf Prüftabelle-Seite (gleicher Stil wie Startseite) */
.srch-wrap{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:16px;margin-bottom:16px}
.srch-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:10px}

/* Footer */
.footer{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--bg2);border-top:1px solid rgba(255,255,255,.08);padding:8px 22px;text-align:center;font-size:11px;color:#8899aa;white-space:nowrap;overflow-x:auto}
body{padding-bottom:48px}
.footer a{color:#c8d6e5;text-decoration:underline}.footer a:hover{color:#fff}
.wm{position:fixed;bottom:6px;right:10px;font-size:9px;color:rgba(255,255,255,.06);pointer-events:none;user-select:none;z-index:9999}

.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;background:#fff;color:#1a1a18;border:1px solid #ccc;transition:all .14s}
.pb:hover{background:#f0f0f0;border-color:#999}

.rast-h{background:#e8edf2 !important}
.rast-h:hover{background:#dce3ea !important}
.rast-kr{color:#1a1a18 !important}
.rast-arr{color:#555 !important}

.rast{border:1px solid #ccc;border-radius:10px;overflow:hidden;margin-bottom:6px}

.hero-img{position:absolute;top:0;left:0;height:300px;width:35%;background-size:contain;background-position:left center;background-repeat:no-repeat;opacity:.35;pointer-events:none}

.kcrit{color:#b91c1c;font-weight:700;text-align:right}
.korg{color:#1a5e8c;font-weight:700;text-align:right}

.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ht-entry-head{padding:18px 20px;color:#fff}
.ht-entry-name{font-size:20px;font-weight:700}
.ht-entry-sub{font-size:14px;opacity:.85;margin-top:4px}
.ht-entry-body{padding:16px 20px;background:#fff;color:#1a1a18}
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:1060px;margin:28px auto 20px;padding:0 20px}

.hero-banner{position:absolute;top:30px;right:20px;transform:none;width:35%;max-width:400px;opacity:.9;pointer-events:none;z-index:1}
@media(max-width:800px){.hero-banner{display:none}}

.gtbl td:not(:first-child){text-align:right}


.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
.pnav-btn{padding:7px 18px;background:#1a3550;border:1px solid rgba(255,255,255,.2);
  border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;
  text-decoration:none;display:inline-block}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-btn.off{opacity:.25;pointer-events:none}
.pnav-pos{font-size:12px;color:#8899aa;min-width:80px;text-align:center}

.kcrit{color:#b91c1c !important;font-weight:700}
.korg{color:#1a5e8c !important;font-weight:700}
.gtbl td.kcrit{color:#b91c1c !important;font-weight:700;text-align:right}
.gtbl td.korg{color:#1a5e8c !important;font-weight:700;text-align:right}
#nav-inner{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:1000px;margin:0 auto}
#nb-home,#nb-tabelle{margin-left:14px !important}
#nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:5px !important}
.p-sources-wrap + div[style*="margin-top:8px"]{max-width:820px;margin-left:auto;margin-right:auto}
#nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9000 !important}
body{padding-top:76px !important}
.ph{position:sticky !important;top:76px !important;z-index:8999 !important;background:#1a3550 !important;margin-bottom:20px !important;border-radius:var(--r) !important}

/* === Responsive === */
@media(max-width:900px){
  #nav-inner{padding:0 12px;gap:4px}
  .nl{font-size:12px;padding:5px 9px}
  #nb-home,#nb-tabelle{margin-left:10px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:4px !important}
  .ph{flex-wrap:wrap;gap:8px !important;padding:12px 14px !important}
  .ph-t{font-size:16px}
}
@media(max-width:700px){
  #nav{overflow-x:auto}
  #nav-inner{min-width:max-content;justify-content:center}
  .nl{font-size:11px;padding:4px 7px}
  #nb-home,#nb-tabelle{margin-left:6px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:3px !important}
  .p-raster-row{grid-template-columns:1fr !important;gap:4px !important;text-align:left}
  .p-detail-row{grid-template-columns:1fr !important}
  .p-sources-wrap{grid-template-columns:1fr !important}
  .p-block{padding:10px 12px !important}
  .p-scorecard{flex-direction:column}
  .p-scorecard .p-score-k,.p-scorecard .p-score-n{padding:10px 12px}
  .ph-t{font-size:14px}
  .pnav{flex-wrap:wrap;gap:4px}
  .pnav-btn{padding:5px 12px;font-size:12px}
  .d2{grid-template-columns:1fr !important}
}
@media(max-width:500px){
  .nn{font-size:14px}
  body{font-size:14px}
  .nl{font-size:10px;padding:3px 6px}
  .p-block-text,.sc-body{font-size:13px}
  .p-score-val{font-size:22px}
  .p-block-label{font-size:11px}
}


/* === feedback-spezifisches CSS === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}
/* Fix 3: Grundschriftgröße 16px */
body{font-family:'Segoe UI',system-ui,sans-serif;font-size:16px;background:var(--bg);color:#fff;line-height:1.6;min-height:100vh}
.page{display:none}.page.active{display:block}

/* ── NAV ── */
#nav{position:sticky;top:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  background:#0c1e2f;border-bottom:2px solid var(--gold);padding:0 20px;height:76px;gap:6px;
  box-shadow:0 2px 12px rgba(0,0,0,.4)}
.nb{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0}
.nn{font-size:18px;font-weight:700;color:#fff;display:block;line-height:1.1}
.ns2{font-size:10px;color:#8899aa;letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:0;line-height:1.25}
.nls{display:flex;align-items:center;gap:5px;overflow-x:visible;flex-wrap:nowrap}.nls::-webkit-scrollbar{display:none}
.nl{font-size:13px;font-weight:600;padding:6px 6px;border-radius:6px;color:#c8d6e5;flex-shrink:0;margin:0;
  white-space:nowrap;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .15s}
.nl:hover{background:#8b1a1a;color:#fff;border-radius:6px}
.nl.active{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
.nl:hover{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.nl.on{background:var(--bg4);border-color:rgba(255,255,255,.2);color:#fff}
.nl.cta{background:#1a3550;color:#fff;border:1px solid rgba(255,255,255,.2)}
.nl.cta:hover,.nl.cta.on{background:#8b1a1a;border-color:#8b1a1a;color:#fff}
.ndv{display:none}
@media(max-width:700px){.ns2{display:none}.nl{font-size:13px;padding:6px 6px}#nav{padding:0 12px}}

/* ── WRAP ── */
.wrap{max-width:820px;margin:0 auto;padding:0 0 20px}

/* ── PAGE HEADER ── */
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;
  background:#1a3550;border-radius:var(--r);padding:14px 20px;border:1px solid rgba(255,255,255,.12)}
.ph-t{font-size:18px;font-weight:700;color:#fff}
.ph-b{font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;background:rgba(255,255,255,.15);
  color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .14s}
.ph-b:hover{background:rgba(255,255,255,.25)}

/* ══ Fix 10: STARTSEITE – radikal einfach ═════════════════════════ */
/* Nur: Titel, kurzer Text, Suchfeld, 4 HT-Karten als Einstieg */
.home-hero{padding:36px 22px 28px;background:linear-gradient(160deg,var(--bg2),var(--bg));
  border-bottom:2px solid var(--gold)}
.home-hero-inner{max-width:700px;margin:0 auto;text-align:center}
.home-title{font-size:clamp(26px,4vw,40px);font-weight:800;color:#fff;margin-bottom:10px}
.home-title em{color:var(--gold);font-style:normal}
/* Fix 7: kein Button-Look */
.home-sub{font-size:15px;color:#c8d6e5;margin-bottom:24px;line-height:1.6}
.home-meta{font-size:13px;color:#8899aa;margin-bottom:6px}
/* Fix 9: Suche auf Startseite */
.home-search{position:relative;max-width:560px;margin:0 auto}
.home-search input{width:100%;padding:14px 42px 14px 18px;font-size:15px;
  border:2px solid #ccc;border-radius:10px;
  background:#fff;color:#1a1a18;outline:none;transition:all .15s}
.home-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,90,.15)}
.home-search input::placeholder{color:#7a8fa5}
.home-search .clr{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:#8899aa;font-size:18px;cursor:pointer;display:none}
.home-results{max-width:560px;margin:6px auto 0;display:none;flex-direction:column;gap:6px}
.home-results.open{display:flex}

/* Fix 4+5: Suchergebnisse = weiße Karten, schwarze Schrift */
.sr{background:#fff;border:1px solid #ddd;border-left:4px solid #5B2D8C;border-radius:6px 8px 8px 6px;padding:12px 16px 12px 14px;
  cursor:pointer;transition:box-shadow .25s,transform .15s,background .15s,border-color .25s;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.sr:nth-child(even){background:#fafbfc}
.sr:hover{background:#1a3550;border-color:#1a3550;color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:translateY(-1px)}
.sr:hover .sr-id,.sr:hover .sr-t,.sr:hover .sr-tag{color:#fff}
.sr-id{font-size:13px;font-weight:700;color:#1a3550;margin-bottom:2px;text-align:left}
.sr-t{font-size:15px;font-weight:600;color:#1a1a18;line-height:1.45;margin-bottom:4px;text-align:left}
.sr-tags{display:flex;gap:5px;flex-wrap:wrap}
.sr-tags span{font-size:11px;padding:2px 8px;border-radius:999px;background:#f0f0f0;color:#444}
.sr:hover .sr-id,.sr:hover .sr-t{color:#fff}
.sr:hover .sr-tags span{background:rgba(255,255,255,.2);color:#fff}
.sr-none{font-size:14px;color:#8899aa;text-align:center;padding:14px}

/* Fix 10: HT-Karten als Haupteinstieg */
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;
  max-width:1060px;margin:28px auto 0;padding:0 20px}
.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
/* Fix 2: Hintergrund = HT-Farbe */
.ht-entry-head{padding:16px 18px;color:#fff}
.ht-entry-name{font-size:15px;font-weight:700}
.ht-entry-sub{font-size:13px;opacity:.8;margin-top:3px}
/* Fix 4: weiße Karte, schwarze Schrift */
.ht-entry-body{padding:16px 18px;background:#fff;color:#1a1a18}
.ht-entry-row{display:flex;justify-content:space-between;margin-bottom:8px}
.ht-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ht-lbl.k{color:var(--crit)}.ht-lbl.n{color:var(--org)}
.ht-val{font-size:20px;font-weight:800;color:#1a1a18}
.ht-urt{font-size:12px;color:#555}
/* Fix 8: Einfache Info-Zeile statt Monster-Bar */
.home-info{max-width:1060px;margin:20px auto 0;padding:0 20px;
  display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.home-info-item{font-size:13px;color:#8899aa}
.home-info-item b{color:#c8d6e5}

/* ── AKKORDEON (Prüftabelle) ── */
.acc{background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px;margin-bottom:16px}
.acc-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:12px}
.acc-grid{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:start}
@media(max-width:600px){.acc-grid{grid-template-columns:1fr}}
.ht-btns{display:flex;flex-direction:column;gap:5px}
/* Fix 2: HT-Buttons behalten ihre Farbe */
.htbtn{width:100%;text-align:left;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);
  cursor:pointer;font-size:15px;font-weight:700;color:#fff;transition:all .14s;line-height:1.35}
.htbtn .cnt{font-size:12px;opacity:.78;display:block;margin-top:3px;font-weight:500}
.htbtn:not(.on){opacity:.55;border-color:transparent}
.htbtn:hover{opacity:1}
.htbtn.on{opacity:1;border-color:rgba(255,255,255,.35)}
.kat-panel{display:flex;flex-direction:column;gap:5px}
.kitem{border:1px solid rgba(255,255,255,.2);border-radius:8px;
  padding:12px 14px;cursor:pointer;transition:all .12s;color:#fff}
.kitem:hover{filter:brightness(1.15);border-color:rgba(255,255,255,.4)}
.kitem.open{filter:brightness(1.2);border-color:rgba(255,255,255,.5)}
.kname{font-size:15px;font-weight:600;color:#fff}
.kmeta{font-size:12px;color:rgba(255,255,255,.7);margin-top:3px}
.pbadges{flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
/* Fix 1: P-Badges sicher rendern, kein undefined */
.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;
  color:#fff;border:1px solid rgba(255,255,255,.18);transition:all .14s}
.pb:hover{background:#8b1a1a;color:#fff;border-color:#8b1a1a}

/* ── DETAIL OVERLAY ── */
.dov{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9500;display:none;
  align-items:flex-start;justify-content:center;padding:20px 12px;overflow-y:auto}
.dov.open{display:flex}
#dpan{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  width:100%;max-width:960px;margin:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dh{padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#1a3550;border-radius:14px 14px 0 0}
.d-pid{font-size:13px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.d-ttl{font-size:18px;font-weight:700;color:#fff;line-height:1.4}
.dmeta{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff}
.dnav{display:flex;align-items:center;gap:8px;margin-top:10px}
.dn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:6px;
  padding:7px 16px;font-size:13px;color:#fff;cursor:pointer;transition:all .12s}
.dn:hover{background:rgba(255,255,255,.25)}.dn:disabled{opacity:.3;cursor:default}
.dpos{font-size:12px;color:rgba(255,255,255,.5)}
.dclose{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);
  font-size:22px;cursor:pointer;color:#fff;line-height:1;padding:4px 9px;border-radius:6px;transition:all .12s}
.dclose:hover{background:rgba(255,255,255,.2)}
.dbody{padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px}
/* Fix 5: Weiß auf dunklem Hintergrund */
.dsec{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:#c8d6e5;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
/* Fix 4: Schwarzer Text auf weißen Karten */
.dcard{background:#fff;border-radius:8px;padding:14px 18px;font-size:15px;line-height:1.78;color:#1a1a18}
.dcard p{margin:0 0 10px}.dcard p:last-child{margin-bottom:0}
.dcard.red{border-left:4px solid var(--crit)}
.dcard.blue{border-left:4px solid var(--org)}
.dcard.amber{border-left:4px solid var(--gold)}
.d2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.d2{grid-template-columns:1fr}}
.ov-hint{font-size:11px;color:rgba(255,255,255,.3);text-align:center;padding:6px 0 2px}

/* Bewertungsbadges */
.bk{font-size:12px;padding:3px 11px;border-radius:999px;font-weight:600;white-space:nowrap;display:inline-block;min-width:90px;text-align:center}
.b-fe{background:#e8e8e8;color:#555}.b-fs{background:#fde8e0;color:#c0522a}
.b-ss{background:#fdf0da;color:#a06a00}.b-mi{background:#dbeafe;color:#1e5fa8}
.b-st{background:#ddd6ff;color:#4338ca}.b-vs{background:#3b1f8e;color:#d4c4ff}

/* Raster Akkordeon */
.rast{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:6px}
.rast-h{display:grid;grid-template-columns:140px 1fr 1fr auto;align-items:center;gap:10px;
  padding:12px 16px;cursor:pointer;background:var(--bg3);transition:background .12s;user-select:none}
.rast-h:hover{background:var(--bg4)}
.rast-kr{font-size:14px;font-weight:700;color:#fff}
.rast-sc{display:flex;align-items:center;gap:6px}
.rast-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.rast-bf{height:5px;border-radius:3px}
.rast-arr{font-size:13px;color:#fff;transition:transform .15s}
.rast-b{display:none;padding:16px 18px;background:#fff;border-top:1px solid #eee;color:#1a1a18}
.rast-b.open{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rast-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.rast-lbl.k{color:var(--crit)}.rast-lbl.n{color:var(--org)}
.rast-big{font-size:24px;font-weight:800;color:#1a1a18;margin-bottom:5px}
.rast-txt{font-size:14px;line-height:1.72;color:#1a1a18;margin-top:8px}
.rast-why{font-size:13px;color:#555;margin-top:6px;font-style:italic;padding-left:12px;border-left:2px solid #ddd}
@media(max-width:600px){.rast-b.open{grid-template-columns:1fr}.rast-h{grid-template-columns:1fr 1fr 1fr}}

/* Übersicht-Karten */
.ov-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;align-items:stretch}
.ovc{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ddd}
.ovc-h{padding:16px 18px;color:#fff}
.ovc-name{font-size:18px;font-weight:700}
.ovc-sub{font-size:13px;opacity:.8;margin-top:2px}
.ovc-body{padding:16px 18px;color:#1a1a18}
.ovc-row{display:flex;justify-content:space-between;margin-bottom:10px}
.ovc-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ovc-val{font-size:20px;font-weight:800;color:#1a1a18;margin:4px 0 2px}
.ovc-urt{font-size:12px;color:#555}
.ovc-kats{font-size:13px;color:#444;line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid #eee}
.kcrit{color:var(--crit)}.korg{color:var(--org)}

/* Kategorien-Tabelle */
.ksec{margin-bottom:10px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.ksec-h{padding:14px 18px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;
  display:flex;justify-content:space-between;align-items:center;user-select:none}
.ksec-h:hover{filter:brightness(0.85);background:#8b1a1a !important}
.ksec-arr{font-size:15px;transition:transform .15s}
.ksec-b{background:#fff;display:none}
.ktbl{width:100%;border-collapse:collapse;font-size:14px}
.ktbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ktbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.ktbl tr:hover td{background:#f8f8f8}
.kn{font-weight:600}.kc{text-align:center;white-space:nowrap}.kp{min-width:180px}
.sort-th{cursor:pointer}.sort-th:hover{background:rgba(255,255,255,.1)}
.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

/* Methodik/Nutzung/Feedback Cards */
.sc{background:#fff;border:none;border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.sc-head{background:#1a3550;color:#fff;font-size:15px;font-weight:700;padding:12px 18px}
.sc-head:hover{background:#8b1a1a;cursor:pointer}
.sc-body{padding:16px 18px;font-size:15px;line-height:1.78;color:#1a1a18}

/* Gesamtbild-Tabelle */
.gtbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;border:none}
.gtbl th{background:#1a3550;color:#fff;padding:10px 14px;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em}
.gtbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#1a1a18}
.gtbl .sum-row td{background:#1a3550;color:#fff;font-weight:700;border:none}

/* Search auf Prüftabelle-Seite (gleicher Stil wie Startseite) */
.srch-wrap{background:var(--bg2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:16px;margin-bottom:16px}
.srch-lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8d6e5;margin-bottom:10px}

/* Footer */
.footer{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--bg2);border-top:1px solid rgba(255,255,255,.08);padding:8px 22px;text-align:center;font-size:11px;color:#8899aa;white-space:nowrap;overflow-x:auto}
body{padding-bottom:48px}
.footer a{color:#c8d6e5;text-decoration:underline}.footer a:hover{color:#fff}
.wm{position:fixed;bottom:6px;right:10px;font-size:9px;color:rgba(255,255,255,.06);pointer-events:none;user-select:none;z-index:9999}

.pb{font-size:13px;font-weight:700;padding:7px 14px;border-radius:6px;cursor:pointer;background:#fff;color:#1a1a18;border:1px solid #ccc;transition:all .14s}
.pb:hover{background:#f0f0f0;border-color:#999}

.rast-h{background:#e8edf2 !important}
.rast-h:hover{background:#dce3ea !important}
.rast-kr{color:#1a1a18 !important}
.rast-arr{color:#555 !important}

.rast{border:1px solid #ccc;border-radius:10px;overflow:hidden;margin-bottom:6px}

.hero-img{position:absolute;top:0;left:0;height:300px;width:35%;background-size:contain;background-position:left center;background-repeat:no-repeat;opacity:.35;pointer-events:none}

.kcrit{color:#b91c1c;font-weight:700;text-align:right}
.korg{color:#1a5e8c;font-weight:700;text-align:right}

.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}

.ht-entry{border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .12s;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ht-entry:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ht-entry-head{padding:18px 20px;color:#fff}
.ht-entry-name{font-size:20px;font-weight:700}
.ht-entry-sub{font-size:14px;opacity:.85;margin-top:4px}
.ht-entry-body{padding:16px 20px;background:#fff;color:#1a1a18}
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:1060px;margin:28px auto 20px;padding:0 20px}

.hero-banner{position:absolute;top:30px;right:20px;transform:none;width:35%;max-width:400px;opacity:.9;pointer-events:none;z-index:1}
@media(max-width:800px){.hero-banner{display:none}}

.gtbl td:not(:first-child){text-align:right}


.pnav{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
.pnav-btn{padding:7px 18px;background:#1a3550;border:1px solid rgba(255,255,255,.2);
  border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;
  text-decoration:none;display:inline-block}
.pnav-btn:hover{background:#8b1a1a;border-color:#8b1a1a}
.pnav-btn.off{opacity:.25;pointer-events:none}
.pnav-pos{font-size:12px;color:#8899aa;min-width:80px;text-align:center}

.kcrit{color:#b91c1c !important;font-weight:700}
.korg{color:#1a5e8c !important;font-weight:700}
.gtbl td.kcrit{color:#b91c1c !important;font-weight:700;text-align:right}
.gtbl td.korg{color:#1a5e8c !important;font-weight:700;text-align:right}
#nav-inner{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:1000px;margin:0 auto}
#nb-home,#nb-tabelle{margin-left:14px !important}
#nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:5px !important}
.p-sources-wrap + div[style*="margin-top:8px"]{max-width:820px;margin-left:auto;margin-right:auto}
#nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9000 !important}
body{padding-top:76px !important}
.ph{position:sticky !important;top:76px !important;z-index:8999 !important;background:#1a3550 !important;margin-bottom:20px !important;border-radius:var(--r) !important}

/* === Responsive === */
@media(max-width:900px){
  #nav-inner{padding:0 12px;gap:4px}
  .nl{font-size:12px;padding:5px 9px}
  #nb-home,#nb-tabelle{margin-left:10px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:4px !important}
  .ph{flex-wrap:wrap;gap:8px !important;padding:12px 14px !important}
  .ph-t{font-size:16px}
}
@media(max-width:700px){
  #nav{overflow-x:auto}
  #nav-inner{min-width:max-content;justify-content:center}
  .nl{font-size:11px;padding:4px 7px}
  #nb-home,#nb-tabelle{margin-left:6px !important}
  #nb-kategorien,#nb-klaerung,#nb-interpretation,#nb-methodik,#nb-glossar,#nb-updates,#nb-feedback{margin-left:3px !important}
  .p-raster-row{grid-template-columns:1fr !important;gap:4px !important;text-align:left}
  .p-detail-row{grid-template-columns:1fr !important}
  .p-sources-wrap{grid-template-columns:1fr !important}
  .p-block{padding:10px 12px !important}
  .p-scorecard{flex-direction:column}
  .p-scorecard .p-score-k,.p-scorecard .p-score-n{padding:10px 12px}
  .ph-t{font-size:14px}
  .pnav{flex-wrap:wrap;gap:4px}
  .pnav-btn{padding:5px 12px;font-size:12px}
  .d2{grid-template-columns:1fr !important}
}
@media(max-width:500px){
  .nn{font-size:14px}
  body{font-size:14px}
  .nl{font-size:10px;padding:3px 6px}
  .p-block-text,.sc-body{font-size:13px}
  .p-score-val{font-size:22px}
  .p-block-label{font-size:11px}
}
/* DWKS-CARD-CSS */
.dwks-body{padding:14px;display:flex;flex-direction:column;gap:12px}
.dwks-card{background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:12px 14px}
.dwks-sec{font-size:12px;font-weight:700;text-transform:uppercase;color:#1A3650;margin-bottom:8px;letter-spacing:.5px}
.dwks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.dwks-cell{background:#f7f7f7;border-radius:6px;padding:8px 10px}
.dwks-lbl{font-size:11px;color:#555;margin-bottom:2px}
.dwks-val{font-size:20px;font-weight:700;color:#1a1a18}
.dwks-of{font-size:12px;color:#888;font-weight:400;margin-left:2px}
.dwks-bar{height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden;margin-top:6px}
.dwks-bf{height:100%;border-radius:3px;transition:width .2s}
.dwks-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:14px}
.dwks-row:last-child{border-bottom:0}
.dwks-amp{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}
.amp-er{background:#dff5e3;color:#0a6e2e}
.amp-er2{background:#0a6e2e;color:#fff}
.amp-ge{background:#eef5d4;color:#5b6d10}
.amp-re{background:#fff3cd;color:#7a5a10}
.amp-of{background:#ffe1c4;color:#8a4a10}
.amp-ko{background:#fbd6d6;color:#8a1a1a}
.amp-na{background:#eee;color:#555}
.dwks-actions{display:flex;justify-content:flex-end}
.dwks-btn{background:#1A3650;color:#fff;text-decoration:none;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600}
.dwks-btn:hover{background:#234868}
#nb-klaerung:hover{background:#8b1a1a !important;color:#fff !important;border-color:#8b1a1a !important}
/* === FEEDBACK NEU === */
.fb-wrap{max-width:820px;margin:0 auto;padding:18px 16px 64px}
.fb-hero{background:linear-gradient(135deg,#1a3550,#13293d);border:1px solid rgba(212,175,90,.3);border-radius:12px;padding:22px 26px;margin-bottom:18px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.fb-hero h1{font-size:22px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:.01em}
.fb-hero p{font-size:14px;color:#cfd8e3;line-height:1.6;margin:6px 0 0}
.fb-hero-row{display:flex;align-items:center;gap:14px}
.fb-hero-text{flex:1}
.fb-block{background:#13293d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px 24px;margin-bottom:16px}
.fb-block h2{font-size:17px;font-weight:800;color:#ffd56b;margin-bottom:12px;letter-spacing:.02em;display:flex;align-items:center;gap:10px}
.fb-block h2 .ic{font-size:22px}
.fb-block p{font-size:14px;color:#cfd8e3;line-height:1.65;margin-bottom:8px}
.fb-block p:last-child{margin-bottom:0}
.fb-block b{color:#fff}
/* Kontakt-Box */
.fb-contact{display:grid;grid-template-columns:auto 1fr;gap:14px 22px;align-items:center;margin:14px 0}
.fb-contact-lbl{color:#ffd56b;font-weight:700;font-size:14px;text-align:right;letter-spacing:.02em}
.fb-contact-val{font-size:14px;color:#cfd8e3}
.fb-mail-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#8b1a1a;color:#fff !important;border:2px solid #8b1a1a;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none;transition:all .14s}
.fb-mail-btn:hover{background:#a62c2c;border-color:#fff}
.fb-mail-btn .ic{font-size:16px}
.fb-mail-addr{display:inline-block;padding:6px 12px;background:rgba(212,175,90,.15);color:#ffd56b !important;border-radius:5px;font-family:'Consolas','Courier New',monospace;font-size:14px;text-decoration:none;font-weight:600;border:1px solid rgba(212,175,90,.3);transition:all .14s}
.fb-mail-addr:hover{background:rgba(212,175,90,.25);border-color:#ffd56b}
.fb-yt-link{color:#ffd56b;text-decoration:none;font-weight:700;border-bottom:1px solid rgba(212,175,90,.4);padding-bottom:1px;transition:all .14s}
.fb-yt-link:hover{color:#fff;border-bottom-color:#fff}
.fb-template-box{margin-top:18px;background:#0c1e2f;border:1px solid rgba(212,175,90,.3);border-radius:8px;padding:14px 18px}
.fb-template-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.fb-template-title{font-size:13px;font-weight:800;color:#ffd56b;letter-spacing:.04em;text-transform:uppercase}
.fb-template-actions{display:flex;gap:8px;flex-wrap:wrap}
.fb-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(212,175,90,.15);color:#ffd56b;border:1px solid #d4af5a;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .14s}
.fb-copy-btn:hover{background:#d4af5a;color:#1a1a18}
.fb-copy-btn.copied{background:#2d6a4f;color:#fff;border-color:#2d6a4f}
.fb-template-hint{font-size:11.5px;color:#cfd8e3;font-style:italic;margin-bottom:10px}
.fb-template{background:#fff;color:#1a1a18;border-radius:6px;padding:14px 16px;font-family:'Consolas','Courier New',monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;margin:0;overflow-x:auto}
/* FAQ */
.fb-faq{margin-top:14px}
.fb-faq-item{background:rgba(0,0,0,.2);border-left:3px solid #d4af5a;border-radius:0 6px 6px 0;padding:12px 16px;margin:8px 0}
.fb-faq-q{font-size:14px;font-weight:700;color:#ffd56b;margin-bottom:6px}
.fb-faq-a{font-size:13px;color:#cfd8e3;line-height:1.6}
.fb-faq-a div{margin-bottom:4px}
.fb-faq-a div:last-child{margin-bottom:0}
.fb-faq-a b{color:#fff}
/* Workflow-Schritte */
.fb-flow{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.fb-flow-step{display:flex;gap:14px;align-items:flex-start;background:rgba(0,0,0,.2);border-radius:8px;padding:12px 16px}
.fb-flow-num{flex:0 0 auto;display:inline-flex;width:32px;height:32px;background:#d4af5a;color:#1a1a18;border-radius:50%;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.fb-flow-text{flex:1}
.fb-flow-text-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}
.fb-flow-text-desc{font-size:13px;color:#cfd8e3;line-height:1.55}
/* RESPONSIVE-PATCH */
@media (max-width: 720px){
  .fb-wrap{padding:14px 12px 48px}
  .fb-hero{padding:18px 18px}
  .fb-hero h1{font-size:20px}
  .fb-block{padding:16px 16px}
  .fb-contact{grid-template-columns:1fr;gap:6px 0}
  .fb-contact-lbl{text-align:left;margin-top:10px}
  .fb-contact-lbl:first-child{margin-top:0}
  .fb-template-head{flex-direction:column;align-items:flex-start}
  .fb-template-actions{width:100%;flex-direction:column}
  .fb-mail-btn,.fb-copy-btn{width:100%;justify-content:center}
  .fb-template{font-size:12px;padding:12px 14px}
  .fb-flow-step{padding:10px 12px}
  .fb-faq-q{font-size:13px}
}
/* RESPONSIVE-PATCH-NAV */
@media (max-width: 720px){
  #nav{padding:0 10px;height:auto;flex-wrap:wrap;min-height:60px}
  #nav-inner{flex-wrap:wrap;gap:4px;padding:6px 0;justify-content:flex-start}
  .nb{flex:0 0 auto}
  .nb img{width:38px !important;height:38px !important}
  .nls{flex-wrap:wrap;gap:4px}
  .nl{font-size:11.5px;padding:5px 8px}
  .ns2{display:none}
  .nn{font-size:14px}
}
@media (max-width: 480px){
  .nl{font-size:11px;padding:4px 6px}
  .nn{font-size:12px}
  .nb img{width:32px !important;height:32px !important}
}
/* PAGE-PORTRAIT */
.page-portrait{display:inline-block;width:80px;height:80px;border-radius:50%;border:2px solid rgba(212,175,90,.6);box-shadow:0 2px 6px rgba(0,0,0,.4);background-color:#1a3550;background-image:url('../media/portraet.png');background-repeat:no-repeat;background-size:136px 136px;background-position:50% 18%;vertical-align:middle;flex:0 0 auto;text-decoration:none;box-sizing:content-box;transition:border-color .14s,transform .14s}
.page-portrait:hover{border-color:#ffd56b;transform:scale(1.05)}
@media(max-width:720px){.page-portrait{width:60px;height:60px;border-width:1.5px;background-size:103px 103px;background-position:50% 18%}}


/* ==========================================================================
   V20-PILOT FIXES (V21) — HTML5-konformes Tooltip-System & Bullet-Layout
   ========================================================================== */

/* Tooltip: alle Container als <span>, Layout per CSS */
.v-iicw { position: relative; display: inline-block; cursor: help; vertical-align: middle; margin-left: 4px; }
.v-iicw .v-iico-tip {
  display: none; position: absolute; top: calc(100% + 8px); left: 50%;
  transform: translateX(-50%); width: 260px; background: #ffffff;
  color: #2c2c2a; padding: 9px 11px 10px; border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.18); box-shadow: 0 4px 14px rgba(0,0,0,0.22);
  z-index: 9999; font-size: 12px; line-height: 1.5; font-style: normal;
  font-family: var(--font-family-sans); font-weight: 400; white-space: normal;
  text-align: left;
}
.v-iicw:hover .v-iico-tip, .v-iicw .v-iico-tip.open { display: block; }
.v-iico-tip-header { display: block; font-weight: 500; padding-bottom: 5px; margin-bottom: 6px; border-bottom: 1px solid rgba(0,0,0,0.12); font-size: 12.5px; }
.v-iico-tip-line { display: block; position: relative; padding-left: 14px; margin-bottom: 4px; }
.v-iico-tip-line:last-child { margin-bottom: 0; }
.v-iico-tip-line::before { content: '•'; position: absolute; left: 4px; top: 0; color: var(--accent); font-weight: 700; }

/* Tooltip-Position rechts (für rechte Spalten/Kacheln, damit nicht überläuft) */
.v-iico-tip.tip-right { left: auto; right: 0; transform: none; }
.v-iico-tip.tip-left  { left: 0; right: auto; transform: none; }

/* Bullet-Layout: mehr Abstand zur Border-Linie */
.v-bullist { margin: 8px 0 0 0; padding-left: 22px; list-style-type: disc; }
.v-bullist li { margin-bottom: 5px; line-height: 1.55; font-size: 13px; color: #2c2c2a; padding-left: 4px; }
.v-bullist li:last-child { margin-bottom: 0; }

/* Skala 0–100 zusammen statt links/rechts */
.v-progress-scale { display: block; font-size: var(--font-size-xxs); color: var(--text-on-light-muted); margin-top: 4px; text-align: left; }

/* Hauptgruppe als kleines Tag */
.v-tag { display: inline-block; background: rgba(212,175,90,0.15); color: var(--accent); border: 1px solid rgba(212,175,90,0.4); border-radius: 999px; padding: 2px 10px; font-size: var(--font-size-sm); font-weight: 500; margin-bottom: 12px; }

/* Anker-Mikrozeile unter K-A-T-S Wert */
.v-kat-anchor { font-size: 10px; font-style: italic; line-height: 1.4; margin-top: 6px; opacity: 0.85; }

/* Konsistente Button-Höhen */
.v-btn-action, .v-btn-nav { display: inline-flex; align-items: center; padding: 4px 11px; border-radius: 6px; border: none; font-weight: 500; cursor: pointer; user-select: none; line-height: 1.4; min-height: 24px; }
.v-btn-action { background: var(--color-white); color: var(--color-blue-950); font-size: 11px; }
.v-btn-action:hover { background: #f5f5f0; }
.v-btn-nav { background: var(--accent); color: var(--color-blue-950); font-size: 12px; min-width: 32px; justify-content: center; }
.v-btn-nav:hover { background: var(--color-gold-400); }
.v-btn-nav.disabled { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.4); cursor: default; }

/* Sub-Header als h4 */
h4.v-sub-h { font-size: 11.5px; font-weight: 500; margin: 0; padding: 0; line-height: 1.4; }

/* Print: V20-Klassen */
@media print {
  .v-page-frame { background: #fff !important; color: #000 !important; border: none !important; }
  .v-iico-tip { display: none !important; }
  .v-btn-action, .v-btn-nav { display: none !important; }
}


/* === V21 Korrekturen: Größere K-A-T-S Header und kontrastreiche i-Icons === */
.v-kat-h { font-size: 12px; font-weight: 600; white-space: nowrap; letter-spacing: 0.3px; line-height: 1.4; }
.v-kat-val { font-size: 24px; font-weight: 600; margin-top: 4px; line-height: 1.1; }
.v-kat-stufe { font-size: 12px; font-weight: 500; margin-top: 2px; }
.v-kat-anchor { font-size: 11px; font-style: italic; line-height: 1.4; margin-top: 8px; opacity: 0.85; }

/* Tooltip-Position bei rechten Kacheln (S, OKB) automatisch */
.v-kat-cell:nth-child(4) .v-iico-tip { left: auto !important; right: 0 !important; transform: none !important; }


/* ==========================================================================
   V20 LAYOUT-KLASSEN — produktiv (für alle 177 P-Seiten)
   ========================================================================== */

.v-page-frame { background:var(--bg-frame); border-radius:var(--radius-lg); padding:18px 22px; margin:22px auto; max-width:1060px; color:var(--text-on-dark); border:1px solid rgba(212,175,90,.22) }
.v-titlerow { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; gap:10px; flex-wrap:wrap; line-height:1.2 }
.v-title { font-size:var(--font-size-xl); font-weight:var(--font-weight-medium); color:var(--color-white); margin:0; padding:0 }

.v-tag { display:inline-block; background:rgba(212,175,90,0.15); color:var(--accent); border:1px solid rgba(212,175,90,0.4); border-radius:999px; padding:2px 10px; font-size:var(--font-size-sm); font-weight:500; margin-bottom:12px }

.v-eval-card { background:var(--color-white); color:var(--color-gray-900); border-radius:var(--radius-lg); padding:14px 16px; margin-bottom:12px }
.v-eval-header { display:flex; align-items:stretch; padding-bottom:12px; border-bottom:1px solid var(--color-cream-100) }
.v-eval-left { flex:1; padding-right:18px }
.v-eval-divider { width:1px; background:var(--color-cream-100) }
.v-eval-right { flex:1; padding-left:18px; text-align:right }
.v-bh { font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-gray-500); margin:0; padding:0; line-height:1.4 }
.v-status-text { display:flex; align-items:center; gap:8px; margin-top:4px }
.v-status-dot { display:inline-block; width:10px; height:10px; border-radius:50% }
.v-status-name { font-weight:var(--font-weight-medium); font-size:var(--font-size-lg) }
.v-status-pct { font-size:var(--font-size-md); color:var(--color-gray-700) }

.v-card { background:var(--color-white); color:var(--color-gray-900); border-radius:var(--radius-md); padding:12px 14px; margin-bottom:10px }
.v-card .v-bh { margin-bottom:10px }

.v-twocol { display:grid; grid-template-columns:1fr 1fr; gap:14px }

.v-kats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:12px }
.v-kat-cell { border-radius:var(--radius-md); padding:10px; position:relative }

.v-block-criticism { border-left:3px solid var(--block-criticism); padding-left:14px }
.v-block-response  { border-left:3px solid var(--block-response);  padding-left:14px }
.v-block-resolved  { border-left:3px solid var(--block-resolved);  padding-left:14px }
.v-block-pending   { border-left:3px solid var(--block-pending);   padding-left:14px }

@media (max-width:720px) {
  .v-twocol { grid-template-columns:1fr }
  .v-eval-header { flex-direction:column }
  .v-eval-divider { display:none }
  .v-eval-right { text-align:left; padding-left:0; padding-top:12px; border-top:1px solid var(--color-cream-100); margin-top:12px }
  .v-kats-grid { grid-template-columns:repeat(2,1fr) }
}

/* Stufe inline im Wert-Container (V21-Anpassung) */
.v-kat-val .v-kat-stufe { font-size: 13px; font-weight: 500; margin-left: 8px; vertical-align: 1px; }

/* === Layout-Höhe kompakter (V21-No-Scroll-Optimierung) === */
.v-page-frame { margin-top: 12px !important; padding: 12px 18px !important; }
.v-eval-card { padding: 10px 14px !important; margin-bottom: 8px !important; }
.v-eval-header { padding-bottom: 8px !important; }
.v-card { padding: 8px 14px !important; margin-bottom: 6px !important; }
.v-card .v-bh { margin-bottom: 6px !important; }
.v-titlerow { margin-bottom: 4px !important; }
.v-bullist { margin-top: 4px !important; }
.v-bullist li { margin-bottom: 2px !important; line-height: 1.45 !important; }
.v-kats-grid { margin-top: 8px !important; }
.v-kat-cell { padding: 8px !important; }
.v-kat-anchor { margin-top: 4px !important; }
.v-progress-track { margin-top: 6px !important; }