/* ============================================================================
   DWKS — prueftabelle.css
   ----------------------------------------------------------------------------
   Seitenspezifisches Stylesheet. Lädt nur tokens.css als Voraussetzung.
   Keine Klassen-Konflikte mit anderen Seiten (jede Seite eigenes CSS).
   ============================================================================ */

:root {
  --pt-w:1060px;
}



/* === 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 auto;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;gap:10px 0}
.pt-search-wrap{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(260px,420px) auto auto;gap:12px;align-items:center}
.pt-search-wrap .page-portrait{justify-self:start}
.pt-search-wrap input{width:100%;max-width:420px;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:grid;grid-template-columns:130px auto 1fr;align-items:center;gap:8px}
.pt-flbl{font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding-top:0;padding-right:0;text-align:left}
.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-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-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-start}
.pt-pills-t .pt-pill{min-width:36px;text-align:center;padding-left:7px;padding-right:7px}
.pt-pills-ka{justify-content:flex-start}
.pt-pills-ka .pt-pill{min-width:42px;text-align:center;padding-left:7px;padding-right:7px;font-variant-numeric:tabular-nums}
/* === 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)}
/* Grid-Spalten für Header und Zeilen identisch — strukturell garantierte Ausrichtung */
.pt-row{display:grid;grid-template-columns:9px auto 1fr 32px 32px 32px 46px 32px;align-items:center;column-gap:8px;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 .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-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-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 auto;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-empty{padding:24px 16px;font-size:13px}
  }

/* === 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}

/* Glossar-Info-Link im Page-Header */
.ph-glossar-link{display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;
  background:rgba(212,175,90,.15);color:#ffd56b;text-decoration:none;
  border:1px solid rgba(212,175,90,.4);transition:all .14s;white-space:nowrap;
  margin-left:8px}
.ph-glossar-link:hover{background:#ffd56b;color:#1a3550;border-color:#ffd56b}

/* Größerer info-i im Prüftabelle-Header für Sichtbarkeit */
.pt-search-wrap .info-i{width:24px;height:24px;font-size:14px;justify-self:end}

/* i-Button neben Filter-Labels */
.pt-flbl-i{display:inline-flex;align-items:center;justify-content:center;margin-left:0;width:18px;height:18px;font-size:12px;font-weight:800;font-style:italic;font-family:Georgia,serif;background:#d4af5a;color:#1a1a18;border-radius:50%;text-decoration:none;line-height:1}
.pt-flbl-i:hover{background:#ffd56b}

/* Suchfeld-Kopf: Hint und Reset rechtsbündig */
.pt-hint{font-size:11px;color:#ffd56b;font-weight:600;letter-spacing:.02em;white-space:nowrap;justify-self:end}
.pt-hint::before{content:"\2139  ";opacity:.9;color:#ffd56b}
.pt-reset{padding:6px 14px;font-size:11px;font-weight:700;color:#fff;background:rgba(139,26,26,.4);border:1px solid #8b1a1a;border-radius:5px;cursor:pointer;justify-self:end;white-space:nowrap}
.pt-reset:hover{background:#8b1a1a}

/* Tabellenkopf für Ergebnisliste — Grid-Spalten identisch mit .pt-row.
   ============================================================
   ACHTUNG — KOPPLUNG MIT JS:
   Die Sichtbarkeit dieses Headers wird vom JavaScript in prueftabelle.html
   (renderGrid()) per Klassen-Toggle .is-hidden gesteuert.
   Inline-Styles wie head.style.display='flex' o.ä. würden die CSS-Regel
   display:grid übersteuern und die Spalten-Ausrichtung zwischen Header
   und Pill-Zeilen zerbrechen — daher dort NICHT machen.
   ============================================================ */
.pt-list-head{display:grid;grid-template-columns:9px auto 1fr 32px 32px 32px 46px 32px;align-items:center;column-gap:8px;padding:8px 14px;background:#243b56;color:#c8d6e5;
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  border-bottom:1px solid #4a5d75;border-radius:6px 6px 0 0}
.pt-list-head.is-hidden{display:none}
/* Spaltenköpfe T/K/A/OKB/V — zentriert in ihrer Grid-Zelle, damit die Buchstaben
   exakt vertikal über den Pill-Werten in der pt-row stehen */
.pt-list-head .pt-h-t,
.pt-list-head .pt-h-k,
.pt-list-head .pt-h-a,
.pt-list-head .pt-h-okb,
.pt-list-head .pt-h-v{text-align:center;justify-self:stretch}

/* Werte-Pillen in Ergebnisliste (T, K, A, OKB %, V) — kompakte Größe,
   Pills füllen ihre Grid-Zelle (justify-self:stretch) für exakte Ausrichtung */
.pt-row .cell-pill{display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;padding:1px 4px;border-radius:4px;
  font-variant-numeric:tabular-nums;text-align:center;
  border:1px solid rgba(0,0,0,.15);transition:transform .12s,box-shadow .12s;
  justify-self:stretch;box-sizing:border-box;min-width:0}
.pt-row:hover .cell-pill{box-shadow:0 0 0 1px #fff}