/* v5.css — Designsystem v5 „Graphit, Papier, Kupfer" (26.09.2026), Regelwerk: 02-brand/brand-design-system-v5.md.
   Wird auf allen React-Seiten als LETZTE Stildatei geladen und setzt die v5-Regeln gegen ältere Seiten-CSS durch.
   Farben und Schriften selbst kommen aus colors_and_type.css. */

/* Überschriften: Source Serif 4, 600, einfarbig, keine Kursive als Akzent */
h1, h2, h3, .sect-h2, .display { font-weight: 600 !important; }
h1 em, h2 em, h3 em, h1 span, h2 span { color: inherit !important; font-style: normal !important; }

/* Kein farbiger Punkt, keine Signatur in Kupfer */
.dot, .mark .dot, .foot-grid .mark-big .dot { color: inherit !important; }

/* Keine Versalien- oder Kleinbuchstaben-Labels */
body *:not(code):not(pre) { text-transform: none !important; }
[class*="eyebrow"], [class*="kicker"], [class*="-tag"], [class*="label"], [class*="-lab"] { letter-spacing: 0 !important; }

/* Einstiegszeile: Libre Franklin 600, kurzer Kupferstrich */
.sect-eyebrow { font-family: var(--font-body); font-size: 14px; font-weight: 600; color: var(--color-stone-3); }
.sect-eyebrow::before { width: 22px; height: 2px; background: var(--color-accent-ink); }
.sect.ink .sect-eyebrow { color: rgba(244,241,233,.72); }
.sect.ink .sect-eyebrow::before { background: var(--color-navy-tint); }

/* Buttons: Radius 6, primär immer volles Kupfer mit weißer Schrift */
.btn, button.btn, a.btn { border-radius: 6px !important; font-family: var(--font-body); }
.btn-primary, a.btn-primary, button.btn-primary {
  background: var(--color-accent-ink) !important; border-color: var(--color-accent-ink) !important; color: #fff !important;
}
.btn-primary:hover, a.btn-primary:hover, button.btn-primary:hover {
  background: var(--color-accent-hover) !important; border-color: var(--color-accent-hover) !important; color: #fff !important;
}

/* Fokus sichtbar, in Kupfer */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid var(--color-accent-ink); outline-offset: 2px;
}

/* Kopfzeilen-Button und dunkle CTA-Box: volles Kupfer, weiße Schrift, keine Apricot-Fläche */
.hdr-nav .cta { background: var(--color-accent-ink) !important; border-color: var(--color-accent-ink) !important; color: #fff !important; border-radius: 6px !important; }
.hdr-nav .cta:hover { background: var(--color-accent-hover) !important; border-color: var(--color-accent-hover) !important; }
.hdr-nav .cta::before { display: none; }
.dcta-btn-primary { background: var(--color-accent-ink) !important; color: #fff !important; border-radius: 6px; font-family: var(--font-body) !important; font-weight: 600; }
.dcta-btn-primary:hover { background: var(--color-accent-hover) !important; color: #fff !important; }
.btn-ghost { background: transparent; border-color: var(--hairline-strong); color: inherit; }