/* Gemeinsame Typografie & Kontraste (identisch zu arzalpha.com). Wird NACH dem Inline-<style> geladen. */
@font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/mulish-400.ttf') format('truetype'); }
@font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/mulish-500.ttf') format('truetype'); }
@font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/mulish-600.ttf') format('truetype'); }

:root { --ink-l: #5a5148; --gold-text: #7a6238; --sans: 'Mulish', system-ui, sans-serif; }

body { font-family: var(--sans); font-weight: 400; }

/* Headlines: Cormorant, kräftig aber schlank */
h1, .profile-name, .newsletter-headline, .modal-title, .success-title, .link-title,
.post-title, .topic h2, .hero h1 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; }
h1 { letter-spacing: -.01em; line-height: 1.12; }
h1 em, .newsletter-headline em, .modal-title em { font-weight: 500; color: var(--gold-text); }
.link-title { font-size: 20px; }

/* Fließtext: Mulish 400 */
.profile-bio, .newsletter-body, .modal-sub, .success-sub, .hero p, .intro, .post-teaser,
.topic p, .closing p, p, address, ol, li { font-family: var(--sans); font-weight: 400; }
.profile-bio { font-size: 16px; }
.profile-bio em { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 18px; font-weight: 500; }
p, address, ol, .topic p { font-size: 15px; line-height: 1.7; }
.intro, .post-teaser, .newsletter-body, .hero p, .closing p { font-size: 15px; }

/* Labels, Buttons, Navigation */
.profile-title, .link-sub, .back-link, .subtitle, .eyebrow, .footer, .form-label,
.post-date, .post-arrow-row, .topic-source, .factor-tag, .btn-primary, .newsletter-eyebrow,
.newsletter-note, .ai-image-note, h2, h3 { font-family: var(--sans); }
.profile-title, .newsletter-eyebrow, .eyebrow, .post-date, .post-arrow-row, .form-label, h2, .factor-tag { font-weight: 600; letter-spacing: .14em; }
.link-sub { font-size: 13px; font-weight: 400; letter-spacing: .04em; color: var(--ink-l); }
.back-link, .footer { font-weight: 500; letter-spacing: .1em; font-size: 12px; }
.btn-primary { font-size: 12px; font-weight: 600; letter-spacing: .12em; }
.ai-image-note { font-size: 11px; }
.factor-tag { font-size: 11px; }
.topic-source, .subtitle { font-size: 12px; }
.topic h2 { font-family: 'Cormorant Garamond', Georgia, serif; letter-spacing: -.01em; }
h2 { font-size: 12px; }
.topic h2, .modal h2 { font-size: revert; }
h3 { font-weight: 600; }

/* Gold nur noch als dunkler Ton für Text */
h2, .eyebrow, .post-date, .post-arrow-row, .factor-tag, .newsletter-eyebrow { color: var(--gold-text); }
.topic h2 { color: var(--ink); }
a:hover, .back-link:hover, .footer a:hover { color: var(--gold-text); }
.post-arrow { color: var(--gold-text); }

/* Footer dezent goldbeige */
.footer { background: rgba(184,160,112,.16); padding: 14px 12px; color: #4a4238; }
.footer a { color: inherit; }

/* Cookie-Banner (Inline-Styles) */
#cookie-banner, #cookie-banner p, #cookie-banner button { font-family: var(--sans) !important; }
#cookie-banner p { font-weight: 400 !important; font-size: 14px !important; }

/* Kontrast: Gold-Textfarben auf hellem Grund abdunkeln */
h1 em, h2 em, h3 em, p > a, li > a, .hero-eyebrow, .section-eyebrow, .product-price, a.fallback, .link-arrow { color: var(--gold-text) !important; }
.offer-badge { font-size: 11px; }
.section-label { font-size: 11px; }
label a, .checkbox-row a, .consent a { color: var(--gold-text) !important; }
.footer a, .footer a:hover { color: #4a4238 !important; }