/* UI 2027 Kit — Warmweiss / Ink / Markenakzent. Laedt NACH der Haupt-CSS. */
:root{--blue:#14584B;--blue-dark:#0e4036;--blue-light:#E7F0ED;--blue-mid:#b0cdc5;--primary:#14584B;--primary-hover:#0e4036;--primary-light:#E7F0ED;--primary-dark:#0e4036;--accent-2:#0e4036;
 --indigo:#14584B;--indigo-light:#E7F0ED;--purple:#14584B;--purple-light:#E7F0ED;
 --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:#14584B;background:none;-webkit-text-fill-color:#14584B}
.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:#14584B;border-color:#14584B;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{--blue:#14584B;--blue-hover:#0e4036;--blue-light:#E7F0ED;--blue-mid:#cfe0db;--green:#14584B;--bg:#FAFAF7;--border:#DDDED8;--text:#182326;--text-muted:#626C69;--radius:8px;--radius-lg:10px;--radius-xl:12px}
body{background:#FAFAF7}
.ra-hero{background:#FAFAF7;border-bottom:1px solid #DDDED8;padding:64px 0 56px}
.ra-hero-grid{display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center}
.ra-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#626C69;margin-bottom:16px}
.ra-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(38px,4.6vw,66px);line-height:1.05;letter-spacing:-.015em;color:#182326;margin-bottom:20px}
.ra-hero h1 em{font-style:italic;color:#14584B}
.ra-lead{font-size:1.1rem;color:#626C69;max-width:560px;margin-bottom:28px}
.ra-hero-card{background:#fff;border:1px solid #DDDED8;border-radius:12px;padding:28px;box-shadow:0 18px 44px rgba(24,35,38,.12)}
.ra-card-title{font-family:var(--serif);font-size:22px;font-weight:600;margin-bottom:14px}
.ra-hero-card ul{list-style:none;margin:0 0 18px;padding:0}
.ra-hero-card li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ECECE6;font-size:.92rem}
.ra-hero-card li span{color:#626C69;text-align:right}
.ra-note{font-size:.75rem;color:#626C69;margin:12px 0 0}
.btn-primary,.btn-primary-lg{background:#182326;color:#fff;border-color:#182326}.btn-primary:hover,.btn-primary-lg:hover{background:#14584B}
@media(max-width:900px){.ra-hero-grid{grid-template-columns:1fr;gap:28px}.ra-hero{padding:36px 0}}

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


/* UI 2027 generischer Mega-Menue-Panel */
.ui-megax{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #DDDED8;border-bottom:1px solid #DDDED8;box-shadow:0 24px 48px rgba(24,35,38,.12);z-index:1200}
.ui-megax[hidden]{display:none}
.ui-megax-grid{max-width:1240px;margin:0 auto;padding:26px 24px 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px}
.ui-megax-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.ui-megax-h{font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:600;color:#182326}
.ui-megax-l{font-size:14.5px;color:#4a5a5e;line-height:1.4}
.ui-megax-l:hover,.ui-megax-h:hover{color:var(--blue,var(--primary,var(--accent,#2F5D46)))}
.ui-megax-btn{display:inline-block;background:#182326;color:#fff!important;padding:12px 18px;border-radius:8px;text-align:center;font-weight:600}
.ui-megax-cta{justify-content:flex-end}
@media(max-width:1099px){.ui-megax{display:none!important}}
.cx-tt{position:relative;display:inline;border-bottom:1px dotted #c0392b;cursor:help;color:inherit}
.cx-tt-box{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:280px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;box-shadow:0 6px 24px rgba(0,0,0,.12);z-index:9999;font-size:13px;line-height:1.55;color:#1e293b;font-weight:400;text-align:left;pointer-events:none}
.cx-tt-box::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#e2e8f0}
.cx-tt:hover .cx-tt-box,.cx-tt:focus .cx-tt-box{display:block;pointer-events:auto}
.cx-tt-link{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;color:#c0392b;text-decoration:none}
.cx-tt-link:hover{text-decoration:underline}
@media(max-width:640px){.cx-tt-box{position:fixed!important;left:12px!important;right:12px!important;bottom:16px!important;top:auto!important;transform:none!important;width:auto!important;max-width:calc(100vw - 24px)!important}.cx-tt-box::after{display:none!important}}