:root{color-scheme:dark;--bg:#030d19;--blue:#086bff;--text:#f6f8fc;--muted:#9eafc2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}.site-header{position:relative;z-index:10;background:#030d19;border-bottom:1px solid rgba(72,123,188,.13)}.header-inner{max-width:1440px;min-height:86px;padding:0 clamp(24px,6vw,84px);margin:auto;display:flex;align-items:center;gap:34px}.logo{display:flex;flex:0 0 auto}.logo img{width:225px;max-width:100%;height:auto;display:block}.main-nav{display:flex;align-items:center;gap:clamp(20px,2.3vw,40px);margin-left:auto}.main-nav a{font-size:13px;font-weight:700;text-decoration:none;color:#edf2fa;white-space:nowrap;transition:color .2s}.main-nav a:hover,.main-nav a:focus-visible{color:#49a2ff}.header-cta{margin-left:auto;background:var(--blue);border:1px solid #1680ff;padding:15px 21px;border-radius:8px;text-decoration:none;color:#fff;font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 6px 28px rgba(8,107,255,.16);transition:background .2s,transform .2s}.header-cta:hover{background:#2583ff;transform:translateY(-1px)}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;cursor:pointer;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px}.stage{min-height:calc(100vh - 86px);max-width:1440px;margin:auto;padding:clamp(100px,15vw,200px) clamp(24px,6vw,84px);background:radial-gradient(ellipse at 80% 10%,rgba(0,88,191,.11),transparent 45%)}.stage-label{font-size:12px;letter-spacing:.14em;font-weight:800;color:#2991ff}.stage h1{font-size:clamp(36px,6vw,76px);line-height:1.08;letter-spacing:-.035em;margin:20px 0}.stage h1 span{color:#167bff}.stage p{color:var(--muted);max-width:540px;font-size:18px;line-height:1.7}.stage-line{margin-top:60px;width:80px;height:3px;background:#167bff}@media(max-width:1050px){.header-inner{gap:20px}.main-nav{gap:17px}.logo img{width:195px}.header-cta{padding:13px 15px}}@media(max-width:820px){.header-inner{min-height:74px;padding:0 22px}.logo img{width:185px}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#071627;border-top:1px solid #15314e;padding:15px 22px 25px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 30px #0007}.main-nav.open{display:flex}.main-nav a{padding:14px 4px;border-bottom:1px solid #1c2e45;font-size:15px}.stage{min-height:calc(100vh - 74px)}}

/* Zusatz neben dem Original-SVG-Logo */
.logo{align-items:center;gap:15px;text-decoration:none;color:var(--text)}
.logo-divider{display:block;width:2px;height:34px;background:#167bff;flex:0 0 2px;border-radius:2px}
.logo-tagline{font-size:11px;font-weight:800;line-height:1.35;letter-spacing:.105em;white-space:nowrap}
@media(max-width:1200px) and (min-width:821px){.header-inner{gap:16px;padding-left:26px;padding-right:26px}.main-nav{gap:13px}.logo{gap:10px}.logo img{width:175px}.logo-tagline{font-size:9px}.header-cta{padding:12px 13px}}
@media(max-width:430px){.logo{gap:10px}.logo img{width:145px}.logo-divider{height:28px}.logo-tagline{font-size:9px}}

/* Schritt 2: Hero – der bestehende Header bleibt unverändert */
.hero{overflow:hidden;background:radial-gradient(ellipse at 12% 70%,rgba(0,87,181,.10),transparent 55%);border-bottom:1px solid rgba(92,142,199,.2)}
.hero-inner{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:clamp(30px,4vw,66px);padding:clamp(44px,5.5vw,80px) clamp(24px,6vw,84px)}
.hero-copy{min-width:0}.hero-eyebrow{font-size:clamp(10px,.88vw,13px);letter-spacing:.055em;color:#39a0ff;font-weight:800;margin:0 0 20px}.hero h1{font-size:clamp(37px,4.1vw,67px);line-height:1.06;letter-spacing:-.045em;font-weight:850;margin:0 0 22px;max-width:730px}.hero h1 span{color:#147cff}.hero-lead{font-size:clamp(15px,1.3vw,19px);font-weight:750;line-height:1.45;margin:0 0 15px}.hero-description{color:#d2dce8;font-size:clamp(14px,1.04vw,16px);line-height:1.65;max-width:610px;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:51px;padding:14px 21px;text-decoration:none;border-radius:7px;font-size:13px;font-weight:750;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#086bff;color:#fff;border:1px solid #2084ff}.button-primary:hover{background:#2887ff}.button-secondary{color:#fff;border:1px solid #087bff;background:transparent}.button-secondary:hover{background:#0b2340}.hero-benefits{display:flex;align-items:center;gap:clamp(16px,2.8vw,45px);flex-wrap:wrap}.benefit{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.35;color:#f4f7fd}.benefit-icon{font-size:26px;font-weight:700;color:#0a80ff;line-height:1}.hero-visual{min-width:0;align-self:stretch;display:flex;align-items:center}.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1.24/1;object-fit:cover;border-radius:13px;box-shadow:0 22px 75px rgba(0,0,0,.32)}.next-section{min-height:260px;display:grid;place-items:center;text-align:center;padding:65px 24px;background:#061526}.next-section span{color:#3299ff;font-size:11px;font-weight:800;letter-spacing:.14em}.next-section h2{margin:12px 0;font-size:clamp(28px,3vw,40px)}.next-section p{color:#aebdd0;margin:0}
@media(max-width:1100px){.hero-inner{gap:28px}.hero h1{font-size:clamp(35px,4.25vw,50px)}.hero-actions{gap:10px}.button{padding:13px 15px}.hero-benefits{gap:16px}}
@media(max-width:820px){.hero-inner{grid-template-columns:1fr;gap:32px;padding-top:48px;padding-bottom:48px}.hero h1{font-size:clamp(38px,7.5vw,60px)}.hero-visual img{aspect-ratio:1.6/1}.hero-benefits{gap:22px}}
@media(max-width:480px){.hero-inner{padding:37px 22px 43px}.hero h1{font-size:clamp(34px,9vw,44px)}.hero-eyebrow{line-height:1.5}.hero-actions{flex-direction:column}.button{width:100%}.hero-benefits{gap:15px;justify-content:space-between}.benefit{font-size:10px;gap:5px}.benefit-icon{font-size:20px}.hero-visual img{aspect-ratio:1.2/1}}

/* Schritt 3: breites Hintergrundbild – Header bleibt unverändert */
.hero{position:relative;isolation:isolate;background:#030d19 url("assets/hero-background.png") center center / cover no-repeat;}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(2,10,22,.97) 0%,rgba(2,10,22,.93) 24%,rgba(2,10,22,.78) 39%,rgba(2,10,22,.24) 61%,rgba(2,10,22,0) 82%);}
.hero-inner{display:flex;align-items:center;min-height:clamp(590px,49vw,760px);max-width:1600px;padding-top:70px;padding-bottom:70px;}
.hero-copy{max-width:650px;width:52%;text-shadow:0 2px 15px rgba(0,0,0,.34)}
.hero h1{font-size:clamp(38px,4.25vw,67px)}
.hero-description{max-width:570px;}
.hero-visual{display:none;}
@media(max-width:1100px){.hero-copy{width:57%;}.hero::before{background:linear-gradient(90deg,rgba(2,10,22,.96) 0%,rgba(2,10,22,.89) 38%,rgba(2,10,22,.30) 78%);}}
@media(max-width:820px){.hero{background-position:62% center}.hero-inner{min-height:650px;padding-top:62px;padding-bottom:62px}.hero-copy{width:100%;max-width:590px}.hero::before{background:linear-gradient(90deg,rgba(2,10,22,.96),rgba(2,10,22,.76)),linear-gradient(0deg,rgba(2,10,22,.5),transparent 70%);}}
@media(max-width:480px){.hero{background-position:64% center}.hero-inner{min-height:640px;padding-top:44px;padding-bottom:48px}.hero h1{font-size:clamp(35px,9vw,44px)}.hero-copy{max-width:100%}.hero::before{background:rgba(2,10,22,.79);}}

/* Gleichmaessiger, leichter dunkler Schleier ueber dem gesamten Hero-Bild.
   Die bisherigen Verlaeufe fuer die Textlesbarkeit bleiben erhalten. */
.hero::after{content:"";position:absolute;inset:0;background:rgba(1,8,19,.27);pointer-events:none;z-index:-1;}