body{margin:0;background:#fafaf8;color:#141414;font-family:'Franie','Instrument Sans',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
a{color:#1e3448;text-decoration:none}
a:hover{color:#b8943e}
input,select,textarea,button{font-family:'Franie','Instrument Sans',sans-serif}
#nav-burger{display:none}
.anim-lite #os-phone-col{position:static!important}
.anim-lite #os-stations{margin-top:0!important;padding-bottom:0!important}
.anim-lite #os-stations [data-station]{min-height:0!important;margin:0 auto 24px!important}
.verm-track{display:inline-block;width:52px;height:30px;border-radius:999px;background:#d8d5cc;position:relative;flex:none;transition:background .25s ease}
.verm-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(20,20,20,.25);transition:left .25s ease}
.verm-card{border-radius:16px;padding:18px 22px;background:#f4f3ef;border:1.5px dashed #d8d5cc;opacity:0.35;transform:translateY(6px);transition:opacity .4s ease, transform .4s ease, border-color .4s ease}
.verm-plus{align-self:center;width:28px;height:28px;border-radius:50%;background:#b8943e;color:#fafaf8;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;margin:-8px 0;position:relative;z-index:1;opacity:0.35;transition:opacity .4s ease}
.verm-dim{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:#1e3448;opacity:0.35;transition:opacity .4s ease}
.faq-chev{display:flex;color:#b8943e;transform:rotate(0deg);transition:transform .35s ease}
.faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}
.om-root{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(22,37,51,0.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.om-card{background:#fafaf8;color:#141414;border-radius:26px;padding:40px 38px;max-width:600px;width:100%;max-height:min(90vh,760px);overflow:auto;box-shadow:0 40px 90px rgba(10,20,30,.5);position:relative;box-sizing:border-box}
.om-step{display:none}
.om-dot{width:26px;height:4px;border-radius:2px;background:#e4e2da}
.om-big{font-size:56px;font-weight:700;font-variant-numeric:tabular-nums;color:#1e3448;line-height:1;min-width:2.2ch;text-align:center}
.om-stepbtn{width:52px;height:52px;border-radius:14px;border:1.5px solid #d8d5cc;background:#fff;color:#1e3448;font-size:24px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.om-stepbtn:hover{border-color:#b8943e}
.om-btn{background:#1e3448;color:#f4f3ef;border:none;padding:16px 32px;border-radius:13px;font-size:15.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:9px;min-height:44px;transition:background .2s}
.om-btn:hover{background:#2a4763}
.om-ghost{background:none;border:1.5px solid #d8d5cc;color:#55534e;padding:16px 26px;border-radius:13px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px}
.om-sumval{font-variant-numeric:tabular-nums;font-weight:700;color:#1e3448}
.is-on .verm-track{background:#b8943e!important}
.is-on .verm-knob{left:25px!important}
.is-on .verm-card{opacity:1!important;transform:translateY(0)!important;border-color:rgba(184,148,62,.7)!important}
.is-on .verm-plus,.is-on .verm-dim{opacity:1!important}
.is-open .faq-chev{transform:rotate(180deg)!important}
.is-open .faq-body{grid-template-rows:1fr!important}
@keyframes heroScroll{0%{transform:translateY(0)}100%{transform:translateY(-44%)}}
#hero-scrollui{animation:heroScroll 14s ease-in-out infinite alternate}
#hero-frame:hover #hero-scrollui{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){#hero-scrollui{animation:none}}
@media (max-width:1024px){
  #chip2,#chip3{display:none!important}
  #chip1{right:-10px!important;top:5%!important}
  #saleo-nav,#hdr-cta{display:none!important}
  #nav-burger{display:flex!important}
  [data-r="grid3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #weg-line{display:none}
  #weg-track [data-r="grid3"],#preise [data-r="grid3"]{grid-template-columns:1fr!important}
  #preise [data-gs]{transform:none!important}
  #os-cols{display:block!important}
  #os-phone-col{position:sticky;top:12vh;z-index:1}
  #os-phone{padding:0!important}
  #os-frame{width:216px!important;border-radius:38px!important}
  #os-stations{position:relative;z-index:2;margin-top:-52vh;padding-bottom:6vh}
  #os-stations [data-station]{min-height:0!important;background:rgba(22,37,51,0.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(244,243,239,0.12);border-radius:22px;padding:28px 26px!important;margin:0 auto 42vh;max-width:420px;box-sizing:border-box}
  #os-stations [data-station="4"]{margin-bottom:8vh}
}
@media (prefers-reduced-motion: reduce) and (max-width:1024px){
  #os-phone-col{position:static}
  #os-stations{margin-top:0;padding-bottom:0}
  #os-stations [data-station]{margin:0 auto 24px}
}
@media (max-width:768px){
  .sec-ghost{opacity:calc(var(--go)*0.5)!important;font-size:clamp(3.2rem,6.4vw,5.1rem)!important}
  #chip1{display:none!important}
  #hero-altbau{left:-40px!important;height:34%!important;opacity:0.07!important}
  .om-card{padding:28px 20px;max-height:94vh}
  .om-big{font-size:44px}
  .om-stepbtn{width:48px;height:48px}
  #top{padding-top:130px!important}
  h1{font-size:clamp(2rem,8.4vw,2.6rem)!important}
  [data-screen-label="CTA"]{margin-bottom:-100px!important}
  #saleo-footer{padding-top:160px!important}
  #bundle-stats{flex-wrap:wrap}
  #bundle-stats > div{flex:1 1 45%!important;max-width:none!important}
  #saleo-nav,#hdr-cta{display:none!important}
  #nav-burger{display:flex!important}
  [data-r="grid3"]{grid-template-columns:1fr!important}
  [data-r="form-grid"]{grid-template-columns:1fr!important}
  #weg-line{display:none}
  #preise [data-gs]{transform:none!important}
  #saleo-footer [data-fcols]{flex-direction:column!important;gap:36px!important}
  #saleo-hdr-in{padding:14px 20px!important}
  #price-num{font-size:40px!important;white-space:normal!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0}
  #price-num span{font-size:16px!important}
  #preise [style*="padding:48px 42px"]{padding:32px 24px!important}
  #preise [style*="padding:42px 38px"]{padding:30px 22px!important}
  #preise [style*="padding:36px 34px"]{padding:28px 22px!important}
  #synergie [style*="padding:clamp(32px,4vw,52px)"]{padding:24px 18px!important}
  #hero-panel{padding:44px 24px 60px!important}
}
@media (max-width:700px){
  #bundle-stage{min-height:0!important;padding:24px 24px 0!important;gap:0!important}
  #bundle-chips{position:static!important;display:flex!important;flex-wrap:wrap;gap:12px;justify-content:center;inset:auto!important}
  [data-bchip]{position:static!important;transform:none!important;font-size:14px!important;padding:10px 16px!important}
  #bundle-phone-wrap{position:static!important;transform:none!important;margin:32px auto 0!important;display:flex;justify-content:center;height:auto!important}
  #bundle-stats{flex-direction:column;gap:0}
  #bundle-stats > div{border-left:none!important;border-top:1px solid rgba(20,20,20,0.10);padding:18px 6px!important}
}
@media (max-width:480px){
  #hero-panel{padding:36px 16px 52px!important}
  #hero-frame{width:208px!important;border-radius:38px!important}
  #top{padding-top:120px!important}
  #bundle-stats > div{flex:1 1 100%!important;border-left:none!important}
  .om-ghost,.om-btn{flex:1 1 auto;justify-content:center;text-align:center}
  #syn-slider{min-width:0}
}

/* Aus style-hover ausgebacken (Builder-Attribut, kein CSS) */
.dch-1:hover, .dch-1:focus-visible { background:#2a4763;color:#f4f3ef;transform:translateY(-1px);box-shadow:0 10px 24px rgba(30,52,72,.22); }
.dch-2:hover, .dch-2:focus-visible { background:#2a4763;color:#f4f3ef;transform:translateY(-2px);box-shadow:0 16px 36px rgba(30,52,72,.28); }
.dch-3:hover, .dch-3:focus-visible { background:#eceae4;color:#1e3448;transform:translateY(-2px); }
.dch-4:hover, .dch-4:focus-visible { transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,20,.05),0 22px 48px rgba(30,52,72,.13); }
.dch-5:hover, .dch-5:focus-visible { transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,20,.05),0 22px 48px rgba(30,52,72,.13); }
.dch-6:hover, .dch-6:focus-visible { transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,20,.05),0 22px 48px rgba(30,52,72,.13); }
.dch-7:hover, .dch-7:focus-visible { transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,20,.05),0 22px 48px rgba(30,52,72,.13); }
.dch-8:hover, .dch-8:focus-visible { transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,20,.05),0 22px 48px rgba(30,52,72,.13); }
.dch-9:hover, .dch-9:focus-visible { transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,20,.05),0 22px 48px rgba(30,52,72,.13); }
.dch-10:hover, .dch-10:focus-visible { transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,20,.05),0 22px 48px rgba(30,52,72,.13); }
.dch-11:hover, .dch-11:focus-visible { transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,20,.05),0 22px 48px rgba(30,52,72,.13); }
.dch-12:hover, .dch-12:focus-visible { transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,20,20,.05),0 22px 48px rgba(30,52,72,.13); }
.dch-13:hover, .dch-13:focus-visible { color:#f4f3ef;transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,20,30,.25); }
.dch-14:hover, .dch-14:focus-visible { color:#f4f3ef;transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,20,30,.25); }
.dch-15:hover, .dch-15:focus-visible { color:#d4a84b; }
.dch-16:hover, .dch-16:focus-visible { color:#1e3448;transform:translateY(-2px);box-shadow:0 14px 30px rgba(10,20,30,.35); }
.dch-17:hover, .dch-17:focus-visible { background:#2a4763;color:#f4f3ef;transform:translateY(-2px); }
.dch-18:hover, .dch-18:focus-visible { color:#1e3448;transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.4); }
.dch-19:hover, .dch-19:focus-visible { color:#f4f3ef;transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,20,30,.25); }
.dch-20:hover, .dch-20:focus-visible { color:#f4f3ef;transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,20,30,.25); }
.dch-21:hover, .dch-21:focus-visible { color:#d4a84b; }
.dch-22:hover, .dch-22:focus-visible { color:#d4a84b; }
.dch-23:hover, .dch-23:focus-visible { color:#d4a84b; }
.dch-24:hover, .dch-24:focus-visible { color:#d4a84b; }
.dch-25:hover, .dch-25:focus-visible { color:#d4a84b; }
.dch-26:hover, .dch-26:focus-visible { color:#d4a84b; }
.dch-27:hover, .dch-27:focus-visible { color:#d4a84b; }
.dch-28:hover, .dch-28:focus-visible { color:#d4a84b; }
.dch-29:hover, .dch-29:focus-visible { color:#d4a84b; }
.dch-30:hover, .dch-30:focus-visible { color:#d4a84b; }
.dch-31:hover, .dch-31:focus-visible { color:#d4a84b; }
.dch-32:hover, .dch-32:focus-visible { color:#d4a84b; }
.dch-33:hover, .dch-33:focus-visible { color:#d4a84b; }
.dch-34:hover, .dch-34:focus-visible { color:#d4a84b; }
.dch-35:hover, .dch-35:focus-visible { color:#d4a84b; }
.dch-36:hover, .dch-36:focus-visible { color:#d4a84b; }
.dch-37:hover, .dch-37:focus-visible { color:#d4a84b; }
.dch-38:hover, .dch-38:focus-visible { color:#d4a84b; }