:root{--ink:#0a1118;--muted:#66717d;--lime:#b8ef42;--paper:#f5f6f2;--line:#dce1dc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);z-index:50;border-bottom:1px solid #e8ebe6}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.06em}.brand small{display:block;font-size:8px;letter-spacing:.18em;color:#7b858c;margin-top:3px}.mark{width:38px;height:38px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:13px}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.navcta{background:var(--ink);color:white;padding:12px 18px;border-radius:9px}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:720px;padding:80px max(5vw,28px) 65px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 30%,#e8f7c6 0,transparent 31%),linear-gradient(135deg,#fff,#f4f6f1)}.eyebrow,.kicker{font-size:12px;letter-spacing:.17em;font-weight:900;color:#64705e}.hero h1{font-size:clamp(54px,6.2vw,94px);line-height:.9;letter-spacing:-.065em;margin:20px 0 28px}.hero h1 em,.dark h2 em{font-style:normal;color:#6f9f00}.lead{font-size:20px;line-height:1.55;max-width:680px;color:#4d5964}.actions{display:flex;gap:12px;margin:34px 0 28px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 21px;border-radius:10px;font-weight:850;font-size:14px;border:1px solid transparent;cursor:pointer}.primary{background:var(--ink);color:white}.primary:hover{background:#1d2934}.ghost{border-color:#cfd5ce;background:white}.light{background:white;color:var(--ink)}.trust{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:700;color:#56616a}.hero-art{position:relative;min-height:530px;display:grid;place-items:center}.hero-art img{width:100%;max-width:720px;position:relative;z-index:2;filter:drop-shadow(0 28px 35px rgba(9,20,27,.18))}.orbit{position:absolute;width:480px;height:480px;border:1px solid #b8d279;border-radius:50%;box-shadow:0 0 0 70px rgba(184,239,66,.08),0 0 0 140px rgba(184,239,66,.05)}.float-card{position:absolute;z-index:3;background:rgba(255,255,255,.94);padding:13px 16px;border-radius:12px;box-shadow:0 15px 45px #1a2a1a20;border:1px solid #e3e8de}.float-card b,.float-card span{display:block}.float-card span{font-size:11px;color:#778078;margin-top:3px}.fc1{right:3%;top:16%}.fc2{left:3%;bottom:15%}.proof{display:grid;grid-template-columns:repeat(4,1fr);padding:28px max(5vw,28px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof div{padding:8px 28px;border-right:1px solid var(--line)}.proof div:last-child{border:0}.proof b,.proof span{display:block}.proof b{font-size:20px}.proof span{font-size:12px;color:var(--muted);margin-top:5px}.section{padding:110px max(5vw,28px)}.section-head{max-width:850px;margin-bottom:48px}.section-head h2,.split h2,.feature h2,.base h2,.demo h2{font-size:clamp(38px,4vw,64px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 18px}.section-head p,.split p,.feature>div>p,.base>div>p,.demo p{font-size:18px;line-height:1.6;color:var(--muted)}.center{text-align:center;margin-left:auto;margin-right:auto}.usegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.usegrid article{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.usegrid h3,.usegrid p{margin-left:20px;margin-right:20px}.usegrid h3{font-size:22px;margin-bottom:8px}.usegrid p{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:22px}.usepic{height:220px;background-size:cover;background-position:center}.facade{background:linear-gradient(135deg,#aebbc4,#edf0ec);position:relative}.facade:after{content:"";position:absolute;inset:25px;background:repeating-linear-gradient(90deg,#73828b 0 2px,transparent 2px 55px),repeating-linear-gradient(0deg,#73828b 0 2px,transparent 2px 55px)}.glass{background:linear-gradient(150deg,#9cc4d3,#e8f3f5);box-shadow:inset 0 0 0 28px #27323a}.pv{background:repeating-linear-gradient(90deg,#182a3d 0 58px,#b7c9d7 58px 61px),repeating-linear-gradient(0deg,#223c58 0 48px,#b7c9d7 48px 51px);transform:none}.roof{background:linear-gradient(155deg,#c6c9c2 0 48%,#5e6870 49% 58%,#9da6a8 59%)}.dark{background:var(--ink);color:white}.lime{color:var(--lime)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split p{color:#aeb8bf}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.node{min-height:190px;background:#111c25;border:1px solid #27343d;border-radius:18px;padding:22px;display:flex;flex-direction:column}.node b{color:var(--lime);font-size:12px}.node strong{font-size:18px;margin:45px 0 8px}.node span{font-size:12px;color:#aab5bc}.flow i{font-style:normal;color:var(--lime);font-size:24px}.note{display:block;margin-top:35px;color:#7f8c95}.feature,.base{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-art,.base-art{background:var(--paper);border-radius:28px;padding:30px;min-height:500px;display:grid;place-items:center}.feature-art img,.base-art img{width:100%;max-height:520px}.checks{list-style:none;padding:0;margin:30px 0}.checks li{padding:18px 0;border-bottom:1px solid var(--line)}.checks b,.checks span{display:block}.checks span{font-size:13px;color:var(--muted);margin-top:4px}.base{background:#f5f7f2}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.chips span{border:1px solid #cbd3c8;background:white;padding:10px 13px;border-radius:999px;font-size:12px;font-weight:750}.package{background:#f3f5f0}.pricecard{max-width:1050px;margin:auto;background:white;border:1px solid #dfe5dc;border-radius:26px;padding:42px;box-shadow:0 30px 80px rgba(20,35,20,.08)}.price-top{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:30px}.price-top>div>span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#6d776e}.price-top h3{font-size:34px;margin:10px 0 0}.price{text-align:right}.price small,.price span{display:block;color:var(--muted)}.price b{font-size:44px;letter-spacing:-.04em}.columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:25px 0}.columns ul{list-style:none;padding:0;margin:0}.columns li{padding:9px 0;font-size:14px}.upgrade{background:#f1f6e7;border-radius:12px;padding:18px;margin-bottom:20px;font-size:13px}.wide{width:100%}.pricecard>small{display:block;color:#7b858b;margin-top:12px;line-height:1.4}.stepgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stepgrid>div{padding:28px;border:1px solid var(--line);border-radius:16px}.stepgrid b{font-size:12px;color:#719600}.stepgrid h3{font-size:22px;margin:30px 0 8px}.stepgrid p{font-size:13px;color:var(--muted);line-height:1.5}.cta-band{margin:0 max(3vw,18px);border-radius:26px;background:var(--ink);color:white;padding:65px max(4vw,30px);display:flex;align-items:end;justify-content:space-between}.cta-band h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.05em;margin:12px 0 0}.accord{max-width:1000px}.accord details{border-top:1px solid var(--line);padding:20px 0}.accord details:last-child{border-bottom:1px solid var(--line)}summary{font-size:18px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";font-size:24px}details[open] summary:after{content:"–"}.accord p{color:var(--muted);line-height:1.6;max-width:800px}.demo{background:var(--ink);color:white;padding:100px max(5vw,28px);display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.demo p{color:#b4bec5}.contact{display:flex;flex-direction:column;gap:8px;margin-top:30px;font-weight:750}.contact span{font-size:13px;color:#9ca8af}form{background:white;color:var(--ink);border-radius:22px;padding:30px}label{display:block;font-size:12px;font-weight:800;margin-bottom:15px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d8ded8;background:#f8f9f7;border-radius:9px;padding:13px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#88aa36}form small{display:block;color:#78828a;line-height:1.4;margin-top:10px}footer{padding:38px max(5vw,28px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;font-size:12px;color:#6c767d;border-top:1px solid var(--line)}footer>div:last-child{text-align:right}@media(max-width:900px){nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{min-height:420px}.proof{grid-template-columns:1fr 1fr}.proof div{border-bottom:1px solid var(--line)}.usegrid,.stepgrid{grid-template-columns:1fr 1fr}.split,.feature,.base,.demo{grid-template-columns:1fr;gap:50px}.flow{grid-template-columns:1fr}.flow i{transform:rotate(90deg);text-align:center}.feature-art{order:2}.cta-band{align-items:flex-start;flex-direction:column;gap:30px}}@media(max-width:560px){.hero h1{font-size:50px}.actions{flex-direction:column}.trust{flex-direction:column;gap:8px}.hero-art{min-height:330px}.orbit{width:300px;height:300px}.float-card{display:none}.proof,.usegrid,.stepgrid,.columns{grid-template-columns:1fr}.proof div{border-right:0}.section{padding:75px 22px}.pricecard{padding:24px}.price-top{flex-direction:column}.price{text-align:left}.price b{font-size:38px}.row{grid-template-columns:1fr}.demo{padding:75px 22px}.cta-band{padding:45px 25px}.cta-band h2{font-size:43px}footer{grid-template-columns:1fr}footer>div:last-child{text-align:left}}
/* v2 – Flyingworker classic orange/navy, sales-focused */
:root{--orange:#ff6a00;--orange2:#ff8a16;--navy:#071c33;--navy2:#0c2d4f;--white:#fff;--ink:#101d2d;--muted:#667281;--line:#dce2e8;--lime:var(--orange)}
body{background:#fff;color:var(--ink)}
header{border-bottom:1px solid #e7ebef;background:rgba(255,255,255,.96)}
.mark,.btn.primary,.navcta{background:linear-gradient(135deg,var(--orange),var(--orange2))!important;color:#fff!important}
.hero{background:linear-gradient(115deg,#fff 0%,#fff 48%,#f2f5f8 100%)}
.hero h1 em,.kicker,.price b,.stepgrid b{color:var(--orange)!important}
.hero-art img{width:100%;max-width:720px;filter:drop-shadow(0 24px 38px rgba(5,25,45,.16));border-radius:20px}
.orbit{border-color:rgba(255,106,0,.22)!important}
.dark,.cta-band,.demo,footer{background:var(--navy)!important}
.lime{color:#ff8a16!important}
.proof{background:#f7f8fa;border-top:1px solid #e8ebef;border-bottom:1px solid #e8ebef}
.proof b{color:var(--navy)}
.feature-art.real{background:#fff;border:1px solid #e4e8ed;border-radius:24px;padding:12px;overflow:hidden}
.feature-art.real img{width:100%;height:auto;display:block;border-radius:16px}
.flybase-teaser{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;background:#f5f7f9}
.flybase-teaser .teaser-img img{width:100%;display:block;border-radius:20px;box-shadow:0 18px 48px rgba(5,25,45,.14)}
.textlink{color:var(--orange);font-weight:800;text-decoration:none}
.pricecard{border-top:5px solid var(--orange)!important}
.chips span,.upgrade{border-color:#ffd0ae!important}
.float-card{border-left:3px solid var(--orange)}
@media(max-width:800px){.flybase-teaser{grid-template-columns:1fr;gap:24px}.hero-art img{max-width:100%}}

.brand-logo img{display:block;width:230px;max-height:58px;object-fit:contain;object-position:left center}.footer-logo img{width:190px;max-height:52px}@media(max-width:560px){.brand-logo img{width:185px;max-height:48px}}

/* V5: realistische Einsatzbereich-Fotografie */
.usegrid-photo{display:block}.usecases-photo{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 12px 34px rgba(10,17,24,.08)}
.hp-field{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{margin-top:14px;font-size:14px;line-height:1.5;font-weight:700}
.form-status.success{padding:12px 14px;border-radius:10px;background:#edf8ef;color:#1f6b2b}
.form-status.error{padding:12px 14px;border-radius:10px;background:#fff0ed;color:#a42b1f}
#leadForm button:disabled{opacity:.65;cursor:wait}

/* V8: Consent & Datenschutz */
.privacy-check{display:flex!important;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;margin:4px 0 12px}.privacy-check input{width:auto!important;margin-top:3px}.privacy-check a{text-decoration:underline}.consent-banner{position:fixed;z-index:9999;left:18px;right:18px;bottom:18px;background:#0b1d2d;color:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 16px 50px rgba(0,0,0,.3);display:flex;gap:24px;align-items:center;justify-content:space-between}.consent-banner[hidden],.consent-settings[hidden]{display:none!important}.consent-copy{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:14px}.consent-copy strong{font-size:17px}.consent-copy a{color:#fff;text-decoration:underline}.consent-actions{display:flex;gap:10px;white-space:nowrap}.consent-btn{border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}.consent-btn.primary{background:#f36f21;color:#fff}.consent-btn.secondary{background:#fff;color:#0b1d2d}.consent-settings{position:fixed;z-index:9998;left:16px;bottom:16px;border:1px solid #d8dee5;background:#fff;color:#0b1d2d;border-radius:999px;padding:9px 13px;box-shadow:0 5px 20px rgba(0,0,0,.15);cursor:pointer;font-size:12px}@media(max-width:760px){.consent-banner{left:10px;right:10px;bottom:10px;display:block;padding:16px}.consent-copy{display:block}.consent-copy>*{display:block;margin-bottom:7px}.consent-actions{margin-top:12px}.consent-actions button{flex:1}}

/* =========================================================
   V9 RESPONSIVE HARDENING – Android / iPhone / Tablet / Desktop
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
.hero>*,.split>*,.feature>*,.base>*,.demo>*,.price-top>*,.row>*{min-width:0}
.hero h1,.section-head h2,.split h2,.feature h2,.base h2,.demo h2,.cta-band h2,
.hero .lead,.section-head p,.demo p,.price-top h3{overflow-wrap:anywhere;word-break:normal;hyphens:auto}
input,select,textarea,button{max-width:100%}

@media(max-width:900px){
  header{height:72px;padding-left:20px;padding-right:20px}
  .brand-logo img{width:min(220px,65vw);height:auto;max-height:52px}
  .menu{flex:0 0 auto;font-size:28px;line-height:1;padding:8px}
  .hero{min-height:0;padding:48px 22px 48px;grid-template-columns:minmax(0,1fr);gap:26px;overflow:hidden}
  .hero>div:first-child{width:100%;min-width:0}
  .hero h1{font-size:clamp(42px,10.5vw,68px);line-height:.96;letter-spacing:-.045em;margin:16px 0 22px;max-width:100%}
  .lead{font-size:clamp(17px,4.4vw,20px);line-height:1.52;max-width:100%}
  .actions{width:100%;flex-wrap:wrap}
  .actions .btn{min-height:52px}
  .hero-art{width:100%;min-width:0;min-height:0;padding:8px 0 0;overflow:hidden}
  .hero-art img{width:100%;max-width:680px;height:auto;object-fit:contain}
  .orbit{width:min(72vw,420px);height:min(72vw,420px)}
  .section,.demo{padding-left:22px;padding-right:22px}
  .feature-art,.base-art{min-height:0;padding:20px}
  .pricecard{width:100%}
  form{width:100%;max-width:100%}
}

@media(max-width:600px){
  header{height:68px;padding:0 18px}
  .brand-logo img{width:min(205px,64vw);max-height:46px}
  .hero{padding:38px 18px 38px}
  .hero h1{font-size:clamp(38px,11vw,52px);line-height:.98;letter-spacing:-.035em}
  .eyebrow,.kicker{font-size:11px;letter-spacing:.12em}
  .lead{font-size:17px;line-height:1.5}
  .actions{display:grid;grid-template-columns:1fr;gap:10px;margin:26px 0 22px}
  .actions .btn,.btn.wide{width:100%;min-height:52px;padding:14px 16px;text-align:center;white-space:normal}
  .trust{gap:10px;font-size:14px}
  .hero-art{margin-top:2px}
  .hero-art img{border-radius:14px}
  .proof{padding-left:18px;padding-right:18px}
  .proof div{padding:14px 4px}
  .section{padding:64px 18px}
  .section-head{margin-bottom:30px}
  .section-head h2,.split h2,.feature h2,.base h2,.demo h2{font-size:clamp(32px,9.2vw,44px);line-height:1.05;letter-spacing:-.035em}
  .section-head p,.split p,.feature>div>p,.base>div>p,.demo p{font-size:16px;line-height:1.55}
  .usegrid,.stepgrid{gap:14px}
  .usegrid h3{font-size:20px}
  .usegrid p{font-size:14px}
  .feature,.base,.demo,.split{gap:34px}
  .feature-art,.base-art{border-radius:18px;padding:12px}
  .pricecard{padding:20px 16px;border-radius:18px}
  .price-top{gap:18px;padding-bottom:22px}
  .price-top h3{font-size:27px;line-height:1.1}
  .price b{font-size:36px}
  .columns{gap:12px;padding:18px 0}
  .cta-band{margin:0 10px;padding:38px 18px;border-radius:18px}
  .cta-band h2{font-size:clamp(34px,10vw,44px);line-height:1}
  .demo{padding:64px 18px}
  form{padding:20px 16px;border-radius:16px}
  .row{grid-template-columns:minmax(0,1fr);gap:0}
  label{font-size:13px;margin-bottom:13px}
  input,select,textarea{font-size:16px!important;line-height:1.3;min-height:48px;padding:12px;margin-top:6px}
  textarea{min-height:120px;resize:vertical}
  select{appearance:auto}
  .privacy-check{font-size:13px!important}
  .privacy-check input{min-height:0!important;flex:0 0 auto}
  footer{padding:32px 18px;gap:18px}
  .footer-logo img{width:min(190px,65vw)}
  .consent-banner{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-height:calc(100dvh - 16px);overflow:auto;padding:15px;border-radius:14px}
  .consent-copy{font-size:13px;line-height:1.4}
  .consent-copy strong{font-size:16px}
  .consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;white-space:normal}
  .consent-btn{width:100%;min-height:46px;padding:10px 8px;font-size:13px}
  .consent-settings{left:10px;bottom:max(10px,env(safe-area-inset-bottom));font-size:12px;max-width:calc(100vw - 20px)}
}

@media(max-width:390px){
  .hero h1{font-size:clamp(35px,10.7vw,43px);letter-spacing:-.03em}
  .hero,.section,.demo{padding-left:16px;padding-right:16px}
  .brand-logo img{width:min(185px,62vw)}
  .consent-actions{grid-template-columns:1fr}
}

/* iPhone safe-area support */
@supports(padding:max(0px)){
  header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  @media(max-width:600px){
    .hero,.section,.demo{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  }
}

/* V10 – Live-Vorführung & Echtzeit-Kostenrechner */
.demo-planner{background:#f5f8fb}.demo-choice-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;max-width:1120px;margin:0 auto}.demo-choice{position:relative;background:#fff;border:1px solid #e1e8ef;border-radius:24px;padding:30px;box-shadow:0 12px 35px rgba(11,34,57,.07)}.demo-choice h3{font-size:28px;line-height:1.1;margin:14px 0 10px;color:#0b2239}.demo-choice p{color:#5b6b79;line-height:1.55}.demo-badge{display:inline-block;border-radius:999px;padding:7px 11px;background:#eaf8ed;color:#247235;font-size:11px;font-weight:900;letter-spacing:.08em}.demo-badge.onsite{background:#fff1e7;color:#bd4c0b}.free-demo>strong{display:block;font-size:54px;line-height:1;margin:28px 0 4px;color:#0b2239}.net-note{display:block;color:#687784;margin-bottom:25px}.route-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:20px}.route-input input{margin:0;min-height:52px;border:1px solid #ccd8e3;border-radius:12px;padding:0 14px;font-size:16px}.route-input .btn{border:0;cursor:pointer;white-space:nowrap}.route-status{font-size:14px;margin-top:12px;color:#526575;min-height:20px}.route-status.error{color:#a42b1f;font-weight:700}.cost-result{margin-top:16px;border:1px solid #dce6ee;border-radius:18px;padding:22px;background:#fbfdff}.cost-place{font-size:14px;color:#617385;margin-bottom:6px}.cost-total{display:flex;align-items:baseline;gap:9px;padding-bottom:18px;border-bottom:1px solid #dce6ee}.cost-total b{font-size:42px;line-height:1;color:#0b2239}.cost-total span{color:#607183}.cost-lines{padding:14px 0}.cost-lines>div{display:flex;justify-content:space-between;gap:18px;padding:7px 0;color:#263e52}.cost-lines b{white-space:nowrap}.credit-note{background:#eaf8ed;color:#1f6b2b;border-radius:12px;padding:12px 14px;font-weight:800;margin:6px 0 14px}.cost-result small,.route-privacy{display:block;color:#72808d;font-size:12px;line-height:1.5}.cost-result .btn{margin-top:18px}.route-privacy{margin-top:12px}
@media(max-width:900px){.demo-choice-grid{grid-template-columns:1fr}.demo-choice{padding:24px}.route-input{grid-template-columns:1fr}.route-input .btn{width:100%}}
@media(max-width:600px){.demo-choice{padding:20px 16px;border-radius:18px}.demo-choice h3{font-size:24px}.free-demo>strong{font-size:44px}.cost-total b{font-size:36px}.cost-lines>div{align-items:flex-start;font-size:14px}.route-input input{font-size:16px!important}}

/* V11 – eigenes Anfrageformular für Vorführung vor Ort */
.onsite-form-wrap{margin-top:18px;padding-top:20px;border-top:1px solid #dce6ee}.onsite-form-head h4{font-size:25px;margin:8px 0 6px;color:#0b2239}.onsite-form-head p{margin:0 0 18px;font-size:14px}.onsite-form-wrap form{display:grid;gap:14px}.onsite-form-wrap label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#263e52}.onsite-form-wrap input,.onsite-form-wrap textarea{width:100%;border:1px solid #ccd8e3;border-radius:11px;padding:12px 13px;font:inherit;background:#fff}.onsite-form-wrap textarea{resize:vertical}.onsite-form-wrap .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onsite-form-wrap .privacy-check{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.45}.onsite-form-wrap .privacy-check input{width:auto;margin-top:3px}.onsite-form-wrap .privacy-check a{text-decoration:underline}.optional{font-weight:500;color:#758491}.calc-summary{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:8px;margin-bottom:4px}.calc-summary>div{background:#f2f6f9;border-radius:10px;padding:10px 12px}.calc-summary span,.calc-summary b{display:block}.calc-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#748493;font-weight:800}.calc-summary b{font-size:13px;margin-top:4px;color:#0b2239;overflow-wrap:anywhere}.onsite-form-wrap .form-status{margin-top:0}
@media(max-width:600px){.onsite-form-wrap .row,.calc-summary{grid-template-columns:1fr}.onsite-form-head h4{font-size:22px}}


/* V12 – Wirtschaftlichkeitsanalyse / separater Lead-Funnel */
.roi-section{background:linear-gradient(180deg,#fff 0,#f5f8fb 100%)}.roi-section em{color:#f36f21;font-style:normal}.roi-shell{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:start}.roi-benefits{background:#0b2239;color:#fff;border-radius:24px;padding:34px;position:sticky;top:96px}.roi-benefits h3{font-size:30px;line-height:1.08;margin:18px 0 12px}.roi-benefits p{color:#c9d5df;line-height:1.6}.roi-benefits ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px;color:#e8eef3}.roi-pill{display:inline-block;background:#173b57;color:#fff;border:1px solid #2c526e;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:.07em}.roi-price-ref{margin-top:28px;padding-top:22px;border-top:1px solid #2a465d}.roi-price-ref span,.roi-price-ref b{display:block}.roi-price-ref span{font-size:12px;color:#aebdca}.roi-price-ref b{font-size:31px;margin-top:5px;color:#fff}.roi-form{background:#fff;border:1px solid #e0e7ed;border-radius:24px;padding:32px;box-shadow:0 14px 38px rgba(11,34,57,.08)}.roi-form h3{font-size:28px;line-height:1.12;color:#0b2239;margin:10px 0 24px}.roi-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px}.roi-progress span{height:5px;background:#e5ebf0;border-radius:999px}.roi-progress span.active{background:#f36f21}.roi-step-label{text-align:right;font-size:11px;color:#71808d;margin-bottom:22px}.roi-step{display:none}.roi-step.active{display:block}.roi-grid{display:grid;gap:14px}.roi-grid.two{grid-template-columns:1fr 1fr}.roi-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#2b4356}.roi-form input,.roi-form select,.roi-form textarea{width:100%;border:1px solid #ccd8e3;border-radius:11px;padding:12px 13px;font:inherit;background:#fff}.roi-form input,.roi-form select{min-height:49px}.roi-form textarea{resize:vertical}.roi-full{margin-top:14px}.roi-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.roi-buttons .btn{border:0;cursor:pointer}.roi-next{margin-top:24px;border:0;cursor:pointer}.roi-note{background:#f3f7fa;border-left:4px solid #f36f21;border-radius:8px;padding:13px 15px;color:#4d6172;font-size:14px;line-height:1.5;margin:-8px 0 20px}.roi-disclaimer{display:block;color:#73818d;line-height:1.5;margin-top:16px}.roi-hp{position:absolute!important;left:-9999px!important;opacity:0!important}.roi-inline-link{display:block;text-align:center;margin:13px 0 10px;color:#0b2239;font-weight:800;text-decoration:none}.roi-inline-link:hover{text-decoration:underline}.roi-form .privacy-check{display:flex;align-items:flex-start;gap:9px;margin-top:18px;font-weight:500;line-height:1.45}.roi-form .privacy-check input{width:auto;min-height:0;margin-top:3px}.roi-form .privacy-check a{text-decoration:underline}.form-status.success{color:#216b32;font-weight:800}.form-status.error{color:#a42b1f;font-weight:800}
@media(max-width:900px){.roi-shell{grid-template-columns:1fr}.roi-benefits{position:static}.roi-grid.two{grid-template-columns:1fr}}
@media(max-width:600px){.roi-form,.roi-benefits{padding:20px 16px;border-radius:18px}.roi-form h3,.roi-benefits h3{font-size:24px}.roi-buttons{display:grid;grid-template-columns:1fr}.roi-buttons .btn{width:100%}.roi-price-ref b{font-size:27px}}
