/* =========================================================
HERO.CSS
Start-Hero und Unterseiten-Hero
========================================================= */
.hero{position:relative;min-height:78vh;display:flex;align-items:center;padding:145px 7vw 72px;overflow:hidden;background:#070707}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:heroZoom 18s ease-in-out infinite alternate}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.52),rgba(0,0,0,.14)),linear-gradient(to top,rgba(0,0,0,.52),transparent 60%)}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.04)}}
.hero-content{position:relative;z-index:2;max-width:720px;margin-left:3vw}
.hero-logo{width:min(320px,80vw);margin-bottom:22px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;padding:9px 14px;border-radius:7px;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:2px}
.hero h1{font-size:clamp(42px,4.6vw,64px);line-height:1.02;letter-spacing:-2.4px;margin:22px 0 18px;color:#fff}
.hero p{font-size:clamp(17px,1.55vw,20px);line-height:1.66;color:#eee;max-width:670px}
.hero-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero-points span{font-size:14px;font-weight:850;color:#eee;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:6px}
.hero-points i{color:var(--red)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.sub-hero{position:relative;min-height:520px;padding:175px 7vw 82px;display:flex;align-items:end;overflow:hidden;background:#070707}
.sub-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.sub-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.55),rgba(0,0,0,.18)),linear-gradient(to top,rgba(0,0,0,.75),transparent)}
.sub-hero-content{position:relative;z-index:2;max-width:820px}
.sub-hero h1{font-size:clamp(42px,6.3vw,74px);line-height:1.02;letter-spacing:-2.4px;margin:10px 0 20px;color:#fff}
.sub-hero p{color:#e7e7e7;font-size:20px;line-height:1.65}