/* UI 2027 Kit — Warmweiss / Ink / Markenakzent. Laedt NACH der Haupt-CSS. */
:root{--blue:#3F4D43;--blue-dark:#2c372f;--blue-light:#ECEFEC;--blue-mid:#bcc6bf;--primary:#3F4D43;--primary-hover:#2c372f;--primary-light:#ECEFEC;--primary-dark:#2c372f;--accent-2:#2c372f;
 --indigo:#3F4D43;--indigo-light:#ECEFEC;--purple:#3F4D43;--purple-light:#ECEFEC;
 --text:#182326;--bg:#FAFAF7;--bg-2:#F3F3EE;--bg-3:#ECECE6;--surface:#F3F3EE;--surface-2:#ECECE6;--border:#DDDED8;
 --radius:8px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--ink:#182326;--serif:'Fraunces',Georgia,serif;--shadow-sm:none;}
body{background:var(--bg);color:var(--text)}
h1,h2,.section-title,.hero-v2 h1,.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.015em}
h1 em,h1 .hl,h1 .hl-blue,h1 .hl-green,h1 .highlight,h1 .hero-hl,h1 .text-accent,h1 span.accent{font-style:italic;color:#3F4D43;background:none;-webkit-text-fill-color:#3F4D43}
.site-header{background:#FAFAF7;border-bottom:1px solid var(--border);backdrop-filter:none}
.logo-text,.site-logo .logo-text{font-family:var(--serif)}
.logo-icon,.logo-badge,.site-logo svg{filter:grayscale(1) brightness(.4)}
.btn{border-radius:8px}
.btn-primary,.btn-cta{background:#182326;border-color:#182326;color:#fff}
.btn-primary:hover,.btn-cta:hover{background:#3F4D43;border-color:#3F4D43;box-shadow:none}
.btn-outline,.btn-ghost{border-color:#182326;color:#182326;background:transparent}
.btn-outline:hover,.btn-ghost:hover{background:#182326;color:#fff;border-color:#182326}
.hero-badge,.hero-eyebrow{background:transparent!important;border:0!important;padding:0!important;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#626C69!important}
.site-footer{background:#182326!important;color:#c3cdca}
.site-footer a{color:#c3cdca}.site-footer a:hover{color:#fff}
[class*="-card"],.rechner-card,.card{border-radius:10px;box-shadow:none}

:root{--c-primary:#3F4D43;--c-primary-dark:#2c372f;--c-primary-light:#ECEFEC;--c-accent:#3F4D43;--c-accent-light:#ECEFEC;--c-rechner:#3F4D43;--c-ratgeber:#3F4D43;--c-finanzierung:#3F4D43;--c-kosten:#3F4D43;--c-checklisten:#3F4D43;--c-bundesland:#3F4D43;--c-staedte:#3F4D43;--c-bg:#FAFAF7;--c-bg-alt:#F3F3EE;--c-bg-dark:#ECECE6;--c-border:#DDDED8;--c-text:#182326;--c-text-muted:#626C69;--r:8px;--r-xl:12px}
.hero,.hero-split-section{background:#FAFAF7!important}.hero::before,.hero::after{display:none}
.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;font-size:clamp(38px,4.6vw,64px);line-height:1.06}
.hero h1 .hl-blue,.hero h1 .hl-green{color:#3F4D43;font-style:italic}
.hero-photo{border-radius:12px;box-shadow:0 18px 44px rgba(24,35,38,.16)}
.hero-badge{color:#626C69;background:transparent;border:0;padding:0}
.hero-badge .dot{background:#3F4D43}
.bg-alt{background:#F3F3EE}
[class*="cta"][class*="section"],.cta-section{background:#182326!important;background-image:none!important}

@media(max-width:700px){.header-actions .btn,.header-actions .btn-primary{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.site-footer .logo-icon,.site-footer .logo-badge,.site-footer svg,.logo-light svg{filter:none}


@media(min-width:1081px) and (max-width:1280px){.header-desktop{display:flex!important}.header-mobile{display:none!important}.main-nav a{padding:8px 10px}}