/* wz-checkliste.css — Checkliste „Privatadresse aus dem Internet entfernen".
   Nur Klassen mit Präfix wzc-. Farben aus den Variablen von app.css.
   Ohne JavaScript bleibt die Liste vollständig sichtbar und abhakbar;
   nur Leiste (Zähler, Filter, Knöpfe) entfällt.
   Runde geo3 (30.09.2026, P4): ungenutzte Regeln entfernt (Liste in SCRATCH/geo3-P4-css-entfernt.txt). */
.no-js .wzc-leiste{display:none}
.wzc-sec *,.wzc-sec *::before,.wzc-sec *::after{box-sizing:border-box}
.wzc-druckkopf{display:none}
.wzc-lede{margin-top:10px}
.wzc-hinweis{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--amber);background:var(--amber-soft);
  border-radius:0 8px 8px 0;font-size:15px;line-height:1.5;max-width:760px}
.wzc-noscript{margin-top:18px}
.wzc-tool{margin-top:26px;display:grid;gap:22px;min-width:0}

/* Leiste mit Zähler und Knöpfen: klebt beim Scrollen unter dem Kopf. */
.wzc-leiste{position:sticky;top:76px;z-index:5;display:grid;gap:10px;padding:14px 16px;background:var(--cream-hi);
  border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px -18px rgba(30,42,51,.45);min-width:0}
.wzc-stand{margin:0;font-size:16px}
.wzc-stand b{font-variant-numeric:tabular-nums}
.wzc-balken{height:8px;border-radius:99px;background:var(--line-soft);overflow:hidden}
.wzc-balken span{display:block;height:100%;width:0;background:var(--mint);transition:width .3s ease}
.wzc-knoepfe{display:flex;flex-wrap:wrap;gap:8px}
.wzc-btn{min-height:44px;padding:10px 16px;font-size:15px;width:auto}
.wzc-btn[aria-pressed="true"]{border-color:var(--post);box-shadow:0 0 0 1px var(--post) inset}
.wzc-btn:focus-visible{outline:2px solid var(--post);outline-offset:2px}
.wzc-status{margin:0;min-height:1.3em;font-size:14px;color:var(--ink-72)}
@media (max-width:760px){.wzc-leiste{top:64px;padding:12px}.wzc-btn{flex:1 1 auto}}

/* Gruppen und Punkte */
.wzc-gruppe{border:1px solid var(--line);border-radius:12px;padding:16px 16px 6px;margin:0;min-width:0;background:var(--cream-hi)}
.wzc-gruppe legend{font-family:var(--font-display);font-weight:600;font-size:20px;padding:0 6px;color:var(--ink);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;max-width:100%}
.wzc-gnr{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--petrol);color:#fff;
  font-family:var(--font-body);font-size:14px;font-weight:700}
.wzc-gzahl{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-52)}
.wzc-gkurz{margin:4px 0 8px;font-size:14.5px;color:var(--ink-72)}
.wzc-liste{list-style:none;margin:0;padding:0}
.wzc-punkt{padding:14px 0 12px;border-top:1px solid var(--line-soft);min-width:0}
.wzc-kopf{display:flex;align-items:flex-start;gap:12px;min-height:44px}
.wzc-kopf input{width:24px;height:24px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--mint);cursor:pointer}
.wzc-kopf input:focus-visible{outline:3px solid var(--post);outline-offset:2px}
.wzc-kopf label{font-weight:600;font-size:16.5px;line-height:1.4;cursor:pointer;min-width:0;overflow-wrap:anywhere;padding-top:1px}
.wzc-nr{color:var(--ink-52);font-variant-numeric:tabular-nums;margin-right:2px}
.wzc-punkt:has(input:checked) .wzc-kopf label{color:var(--ink-52);text-decoration:line-through;text-decoration-thickness:1.5px}
.wzc-info{margin:8px 0 0 36px;display:grid;gap:6px}
.wzc-info div{display:grid;grid-template-columns:minmax(0,1fr);gap:1px}
@media (min-width:760px){.wzc-info div{grid-template-columns:140px minmax(0,1fr);gap:12px}}
.wzc-info dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--amber-deep);padding-top:3px}
.wzc-info dd{margin:0;font-size:15px;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.wzc-link{margin:8px 0 0 36px;font-size:14.5px;overflow-wrap:anywhere}
.wzc-link a{display:inline-block;padding-block:8px}
.wzc-tool.wzc-nur-offen .wzc-punkt.wzc-erledigt{display:none}
.wzc-gruppe.wzc-leer{display:none}
.wzc-fuss{margin-top:18px}

/* Faktenbox, Kurzantwort, Weiterlesen */
.wzc-fakten ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:15.5px;line-height:1.55}
.wzc-standzeile{margin:12px 0 0;font-size:13px;color:var(--ink-52)}
.wzc-antwort{max-width:760px;margin-top:36px}
.wzc-weiter{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);margin-top:18px;padding:0;list-style:none}
@media (min-width:760px){.wzc-weiter{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wzc-weiter a{display:block;min-height:44px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:10px;background:var(--cream-hi);
  color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.wzc-weiter a:hover,.wzc-weiter a:focus-visible{border-color:var(--post)}
.wzc-weiter small{display:block;color:var(--ink-52);font-size:13px;margin-top:2px}
.wzc-register{margin-top:22px}

/* ------------------------------------------------------------------ Druck
   Nur die Checkliste: schwarz auf weiß, Kästchen sichtbar, kein Punkt wird
   über zwei Seiten gerissen, externe Links mit ausgeschriebener URL. */
@media print{
  @page{margin:14mm 12mm}
  html,body{background:#fff !important;color:#000 !important}
  .info-rail,.hdr,.menu,.phero,.phero__photo,.skip,.foot,.mobcta,.wzc-rest,.wzc-vorne,
  .wzc-leiste,.wzc-noscript,.wzc-knoepfe,.rail,.quote-band,.ablauf,.btn,noscript{display:none !important}
  .sec,.band,.paper-2,.wzc-sec{background:#fff !important;padding:0 !important;margin:0 !important;box-shadow:none !important}
  .wrap{max-width:none !important;padding:0 !important}
  .wzc-druckkopf{display:block;border-bottom:1.5pt solid #000;padding-bottom:6pt;margin-bottom:10pt}
  .wzc-druckkopf__t{margin:0;font-size:17pt;font-weight:700;color:#000}
  .wzc-druckkopf__s{margin:2pt 0 0;font-size:9.5pt;color:#000}
  #die-checkliste{font-size:13pt;margin:0 0 4pt;color:#000}
  .wzc-lede{font-size:10pt;color:#000;max-width:none}
  .wzc-hinweis{background:none;border:1pt solid #000;border-radius:0;font-size:9.5pt;color:#000}
  .wzc-tool{gap:8pt;margin-top:8pt}
  .wzc-gruppe{background:#fff;border:1pt solid #000;border-radius:0;padding:6pt 8pt 2pt;break-inside:auto}
  .wzc-gruppe legend{font-size:12.5pt;color:#000;break-after:avoid}
  .wzc-gnr{background:#fff;color:#000;border:1pt solid #000;width:18pt;height:18pt;font-size:9pt}
  .wzc-gkurz,.wzc-gzahl{color:#000;font-size:9pt}
  .wzc-punkt{break-inside:avoid;page-break-inside:avoid;padding:5pt 0 4pt;border-top:.5pt solid #777}
  .wzc-kopf{min-height:0;gap:8pt}
  .wzc-kopf input{-webkit-appearance:none;appearance:none;width:11pt;height:11pt;border:1.2pt solid #000;border-radius:0;background:#fff;margin-top:1pt;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .wzc-kopf input:checked{background:#000;box-shadow:inset 0 0 0 2pt #fff}
  .wzc-kopf label{font-size:10.5pt;color:#000 !important;text-decoration:none !important}
  .wzc-nr{color:#000}
  .wzc-info{margin:3pt 0 0 19pt;gap:1pt}
  .wzc-info div{grid-template-columns:78pt minmax(0,1fr);gap:6pt}
  .wzc-info dt{font-size:7.5pt;color:#000}
  .wzc-info dd{font-size:9pt;color:#000;line-height:1.35}
  .wzc-link{margin:2pt 0 0 19pt;font-size:8.5pt;color:#000}
  .wzc-link a{color:#000;padding:0;text-decoration:underline}
  .wzc-link a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;overflow-wrap:anywhere}
  .wzc-fuss{font-size:8.5pt;color:#000}
  .wzc-tool.wzc-nur-offen .wzc-punkt.wzc-erledigt{display:none}
}