/* AktienRenteRechner — UI 2027: Navy / Electric Blue / Mint / Ivory (nach CX-UI-Tokens geladen) */
:root{--cx-accent:#3882F6;--cx-accent-hover:#2468d8;--cx-accent-light:#E8F1FE;--cx-text:#081B30;--cx-bg-alt:#F7F8F5;--cx-bg-dark:#081B30;--mint:#B8F2D0;--navy:#081B30}
body{background:#fff;color:#081B30}
h1,h2{letter-spacing:-.02em}
.hero{background:linear-gradient(100deg,#081B30 0%,rgba(8,27,48,.92) 42%,rgba(8,27,48,.45) 100%),url(/assets/img/ui-hero.webp) center 55%/cover no-repeat!important;color:#fff}
.hero::before,.hero::after{display:none}
.hero h1 em{font-style:normal;color:#B8F2D0}
.hero-badge{background:rgba(184,242,208,.14)!important;border:1px solid rgba(184,242,208,.35)!important;color:#B8F2D0!important;letter-spacing:.06em;text-transform:uppercase;font-size:12px!important}
.hero .btn-primary{background:#B8F2D0!important;color:#081B30!important;font-weight:700;border-radius:12px}
.hero .btn-primary:hover{background:#9fe6bd!important}
.btn-primary{border-radius:12px}
.card,[class*="-card"]{border-radius:16px}
.site-footer,footer{background:#081B30}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Unterseiten-Heros (ratgeber/rechner/vergleich): Navy statt Blau/Petrol */
.rd-hero,.rd-hero[class],[class*="-hero"][style*="gradient"]{background:linear-gradient(100deg,#081B30,#0f2b49)!important;background-image:linear-gradient(100deg,#081B30,#0f2b49)!important}
.rd-hero h1{color:#fff}
.btn-primary,.rd-hero .btn{border-radius:12px}

.page-header{background:linear-gradient(100deg,#081B30,#0f2b49)!important}
.page-header h1{color:#fff}