/* Unterseiten (Tools, Wissensseiten, Danke, Rechtliches): einheitliche Überlagerung (Stand 09/2026).
   Wird NACH den seiteneigenen Styles geladen. Ändert Typografie, Kopf, Farben und Dekor,
   aber keine Layout-Breiten, damit interaktive Tools funktionsfähig bleiben. */

@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#172238;--navy:#1B2B4B;--muted:#4A5568;--faint:#6B7280;
  --line:#DCDFE4;--sand:#F6F5F1;--accent:#007A69;--accent-ink:#00604F;--warn:#9A3412;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
}

body{color:var(--ink);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
h1,h2,h3{font-family:var(--serif)!important;font-weight:600!important;letter-spacing:-.005em!important;-webkit-text-fill-color:currentColor}
h1{line-height:1.15!important}
h4{letter-spacing:0}

/* Kopfzeile */
body > nav,body > header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none!important}
.nav-content{max-width:1120px!important;padding:12px 24px!important}
.nav-logo img{height:28px!important;width:auto!important}
.nav-links a{color:var(--ink)!important;font-weight:500}
.nav-links a:hover{color:var(--accent-ink)!important;text-decoration:underline}
.nav-cta{background:var(--accent)!important;border-radius:4px!important;box-shadow:none!important}
.nav-cta:hover{background:var(--accent-ink)!important}
.header-nav a{color:var(--ink)!important}

/* Buttons flach, ohne Schwebe-Effekt */
.btn,.btn-primary,.btn-secondary,.cta-button,.nav-cta,.q-btn,.kit-cta a,button[type=submit]{border-radius:4px!important;box-shadow:none!important;transform:none!important;font-family:inherit}
a,button,[class*=card],[class*=box]{transition:color .15s,background-color .15s,border-color .15s!important}
*:hover{transform:none!important}

/* Karten und Boxen: ruhiger */
[class*=card],[class*=box]:not(.checkbox),.faq-item,.glossar-entry,.step,.cta-box,.highlight-box{box-shadow:none!important}
[class*=card],[class*=-box],.faq-item,.step,.glossar-entry{border-radius:4px!important}
.badge,.meta-pill,.new,[class*=pill],[class*=chip],[class*=tag]{border-radius:3px!important;letter-spacing:.02em}

/* Links und Akzent */
a{text-underline-offset:.18em;text-decoration-thickness:1px}

/* Tabellen: auf dem Handy horizontal scrollbar */
@media(max-width:720px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
img,svg{max-width:100%}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:560px){:has(> button[type=submit][style*="flex:0 0 auto"]){flex-wrap:wrap!important}button[type=submit][style*="flex:0 0 auto"]{flex:1 1 100%!important}}

/* Einheitlicher Kopf für Wissensseiten */
.header-container{max-width:1120px!important;margin:0 auto!important;padding:12px 24px!important;display:flex!important;align-items:center;justify-content:space-between;gap:24px}
.kc-brand img{height:26px;width:auto;display:block}
.header-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.header-nav a{margin:0!important;font-size:.93rem!important;font-weight:500;text-decoration:none}
.header-nav a.kc-nav-cta{background:var(--accent);color:#fff!important;padding:8px 14px;border-radius:4px;font-weight:600}
.header-nav a.kc-nav-cta:hover{background:var(--accent-ink)}
@media(max-width:640px){.header-nav a:not(.kc-nav-cta):not(.kc-keep){display:none}}

/* Überschrift ohne Zweifarb-Effekt, ruhige Hinweisleiste, Eyebrow ohne Pillenform */
h1 > span{color:inherit!important;background:none!important}
.alert-banner{background:var(--navy)!important;color:#E8ECF3!important}
.alert-banner a{color:#fff!important}
.hero-eyebrow{background:none!important;border:0!important;padding:0!important;color:var(--accent-ink)!important;border-radius:0!important}