/* UI 2027 Kit — Warmweiss / Ink / Markenakzent. Laedt NACH der Haupt-CSS. */
:root{--blue:#3E5E50;--blue-dark:#2c4439;--blue-light:#EAF0EC;--blue-mid:#b6c9bf;--primary:#3E5E50;--primary-hover:#2c4439;--primary-light:#EAF0EC;--primary-dark:#2c4439;--accent-2:#2c4439;
 --indigo:#3E5E50;--indigo-light:#EAF0EC;--purple:#3E5E50;--purple-light:#EAF0EC;
 --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:#3E5E50;background:none;-webkit-text-fill-color:#3E5E50}
.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:#3E5E50;border-color:#3E5E50;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}
.hero{position:relative;background:var(--bg)!important;background-image:none!important;overflow:hidden}
.hero::before{content:"";position:absolute;top:0;bottom:0;right:0;left:48%;width:auto;height:auto;border-radius:0;transform:none;opacity:1;background:url(/assets/img/ui-hero.webp) center 40%/cover no-repeat}
.hero::after{content:"";position:absolute;top:0;bottom:0;right:0;left:48%;width:auto;height:auto;border-radius:0;transform:none;opacity:1;background:linear-gradient(90deg,#FAFAF7 0,rgba(250,250,247,0) 24%)}
.hero-inner{position:relative;z-index:2}
@media(max-width:900px){.hero::before,.hero::after{top:auto;left:0;height:200px;opacity:.3}}
:root{--blue:#3E5E50;--blue-dark:#2c4439;--blue-light:#EAF0EC;--blue-mid:#3E5E50;--green:#3E5E50;--green-light:#EAF0EC;--bg-soft:#F3F3EE;--bg-blue:#F3F3EE;--bg:#FAFAF7;--radius:8px;--radius-lg:12px;--text:#182326;--text-muted:#626C69;--border:#DDDED8}
.hero{background:#FAFAF7!important;color:#182326;padding:3.5rem 0 4rem}.hero::before{background:url(/assets/img/ui-hero.webp) center 40%/cover no-repeat!important;top:0;bottom:0;right:0;left:58%;opacity:1!important;z-index:0!important}
.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(38px,4.4vw,62px);line-height:1.06;letter-spacing:-.015em;color:#182326}
.hero h1 span{color:#3E5E50;font-style:italic}
.hero-desc{color:#626C69;opacity:1}
.hero-badge{background:transparent!important;border:0!important;color:#626C69!important;padding:0!important}
.hero-trust{color:#626C69}.hero-stat{border-color:#DDDED8!important}.hero-stat strong{color:#182326}.hero-stat span{opacity:1;color:#626C69}
.hero::after{left:58%!important}
.hero-inner{grid-template-columns:1fr 440px;gap:2.5rem}.hero h1{font-size:clamp(36px,4vw,54px)}
.calc-card{background:#fff!important;border:1px solid #DDDED8;border-radius:12px;box-shadow:0 18px 44px rgba(24,35,38,.16);color:#182326}
.calc-card-header{background:#F3F3EE!important;border-bottom:1px solid #DDDED8}.calc-card-header h2{color:#182326}.calc-card-header .calc-tag{background:#3E5E50}
.calc-field label{color:#626C69}.calc-field input,.calc-field select{background:#FAFAF7!important;border:1px solid #DDDED8!important;color:#182326!important;border-radius:8px}
.calc-field input::placeholder{color:#9aa3a0}.calc-field select option{background:#fff;color:#182326}
.calc-btn{background:#182326!important;color:#fff!important;border-radius:8px}.calc-btn:hover{background:#3E5E50!important}
.calc-hint{color:#626C69}.hero-stats{flex-wrap:wrap}
.calc-result{color:#182326}.calc-result h3{color:#182326}
.stats-bar{background:#182326}

@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}