/* Gemeinsamer Schliff für alle Werkzeugseiten (02.10.2026) */
.kdu-karte{position:relative;overflow:hidden}
.kdu-karte::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold-500,#c9a24a),var(--gold-300,#e3c879));opacity:0;pointer-events:none}
.kdu-karte.wz-rechnet::before{opacity:1;animation:wzBalken .32s ease-out forwards}
.kdu-karte.wz-rechnet [aria-live]>*,.kdu-karte.wz-rechnet>[id]>*{opacity:.45;transition:opacity .15s}
.kdu-karte.wz-fertig [aria-live]>*,.kdu-karte.wz-fertig>[id]>*{animation:wzEin .35s ease both}
.kdu-karte dd{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.12em;letter-spacing:.01em}
.kdu-karte .eb-gesamt{font-size:1.06em;box-shadow:0 6px 16px rgba(0,0,0,.12)}
@keyframes wzBalken{from{width:0}to{width:100%}}
@keyframes wzEin{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.kdu-karte::before{display:none}.kdu-karte.wz-fertig [aria-live]>*,.kdu-karte.wz-fertig>[id]>*{animation:none}}

/* Navigation, verwandte Werkzeuge, Drucken, Handy-Knopf (02.10.2026, Nacht) */
.wz-zurueck{display:flex;width:fit-content;align-items:center;gap:2px;margin:0 0 14px;font-weight:700;color:var(--navy-700,#143a66);text-decoration:none;border-bottom:2px solid transparent}
.wz-zurueck:hover,.wz-zurueck:focus-visible{border-bottom-color:var(--gold-500,#c9a24a)}
:root[data-theme="dark"] .wz-zurueck{color:var(--gold-300,#e3c879)}
.wz-druck{display:block;margin:18px 0 0;padding:9px 14px;font:inherit;font-size:.9em;font-weight:700;color:var(--gold-300,#e3c879);background:transparent;border:1.5px solid rgba(227,200,121,.6);border-radius:10px;cursor:pointer}
.wz-druck:hover{background:rgba(227,200,121,.12)}
.wz-verwandt{margin:34px 0 10px}
.wz-verwandt-h{font-family:var(--serif);font-size:1.35em;margin:0 0 12px}
.wz-verwandt-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.wz-verwandt-k{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--ivory);color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.wz-verwandt-k strong{font-family:var(--serif);font-size:1.08em;color:var(--navy-800)}
.wz-verwandt-k span{color:var(--muted);font-size:.93em}
.wz-verwandt-k:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:rgba(201,162,74,.6)}
:root[data-theme="dark"] .wz-verwandt-k strong{color:var(--gold-300,#e3c879)}
.wz-ansehen{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;padding:12px 20px;font:inherit;font-weight:700;color:#0a1f3a;background:var(--gold-300,#e3c879);border:0;border-radius:999px;box-shadow:0 10px 24px rgba(10,31,58,.28);cursor:pointer}
.wz-ansehen[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.wz-verwandt-k{transition:none}}
@media print{
  header,footer,.site-header,.site-footer,.langbar,.skip,.mobile-menu,form,.kdu-cta,.wz-verwandt,.wz-zurueck,.wz-druck,.wz-ansehen,.theme-toggle,body>div:first-child[style]{display:none!important}
  body{background:#fff!important;color:#000!important}
  .kdu-karte{opacity:1!important;animation:none!important}
  body::before{content:attr(data-druck-kopf);display:block;font:12px/1.4 Georgia,serif;color:#333;border-bottom:1px solid #999;padding-bottom:6px;margin-bottom:12px}
  main .kdu-grid{display:block!important}
  .kdu-karte{background:#fff!important;color:#000!important;border:1px solid #999!important;box-shadow:none!important;break-inside:avoid}
  .kdu-karte *{color:#000!important;background:transparent!important;box-shadow:none!important;opacity:1!important;animation:none!important;transform:none!important}
  html,main,main section{background:#fff!important}
  .kdu-karte::before{display:none!important}
  a{color:#000!important;text-decoration:none}
}
.kdu-karte .wz-weiter{display:inline-block;margin-top:12px;color:var(--gold-300,#e3c879);font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* Brief verstehen: Zwischenüberschriften in der dunklen Ergebniskarte */
.kdu-karte .bv-h{margin:16px 0 4px;font-size:1rem;letter-spacing:.01em;color:#fde68a}
.kdu-karte .bv-h+p{margin:0;color:#fff;line-height:1.55}
.kdu-karte .kdu-quelle-zeile{margin:12px 0 0;color:#d5deec;font-size:.85em}
/* Auswahlknöpfe in Listen: nicht die volle Feldbreite erben (sonst querscrollen am Handy) */
.kdu-form .rb-wahl input[type=radio]{width:20px;min-width:20px;height:20px;flex:0 0 20px;margin:2px 0 0;padding:0;accent-color:var(--gold-500)}
/* Ausgeblendete Felder bleiben aus, auch wenn .kdu-form label ein display setzt */
.kdu-form [hidden],.kdu-karte [hidden]{display:none!important}