/* SPN Auto-Team GmbH – Nachbau der Wix-Seite.
   Alle Maße in [N] = N Pixel der jeweiligen Vorlagenbreite (Desktop 1440 / Tablet 900 / Mobil 390),
   skaliert mit --u (wie im Original). Bild-/Kachel-/Blockpositionen werden aus bpdata.py erzeugt. */
:root{
  --fw:min(100vw,1600px);
  --u:calc(var(--fw)/1440);
  --navy:#082f7b;--blue:#00287a;
  --hel:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --mt:"Wix Madefor Text","Helvetica Neue",Helvetica,Arial,sans-serif;
  --md:"Wix Madefor Display","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--mt);color:#000;background:#fff;padding-top:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.frame{position:relative;width:var(--fw);margin-inline:auto;height:100%}
section[id],.svc[id],.faqs[id],.kf[id]{scroll-margin-top:90px}

/* ---------- Header ---------- */
.hdr{position:fixed;top:0;left:0;right:0;height:90px;background:#fff;z-index:1000}
.hdr .logo{position:absolute;left:calc(20*var(--u));top:15px;height:60px}
.hdr .logo img{height:60px;width:auto}
.hdr nav{position:absolute;right:calc(calc(203*var(--u)) + 120px);top:22px;height:39px;display:flex;align-items:center;gap:32px}
.hdr nav a{font-family:var(--hel);font-weight:700;font-size:calc(16.2*var(--u));color:var(--blue);white-space:nowrap;line-height:1.15}
.hdr nav a.on{color:#000}
.hdr .nx{display:none}
.hdr .k{position:absolute;right:calc(157*var(--u));top:25px;width:120px;height:40px;background:var(--blue);border:1px solid #fff;color:#fff;font:700 16px/38px Arial,sans-serif;letter-spacing:.8px;text-align:center}
.hdr .mde{position:absolute;right:calc(15*var(--u));top:24px;width:calc(92*var(--u));height:calc(38*var(--u))}
.hdr .mde img{width:100%;height:100%;object-fit:cover}
.burger{display:none}

/* ---------- Hero ---------- */
.hero{position:relative;height:calc(818*var(--u));overflow:hidden;background:#fff}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero .g1{position:absolute;left:0;right:0;top:calc(151*var(--u));bottom:0;background:linear-gradient(0deg,var(--navy) 15.4331%,rgba(243,248,240,0) 100%)}
.hero .g2{position:absolute;left:0;right:0;top:calc(-128*var(--u));height:calc(538*var(--u));background:linear-gradient(rgb(228,221,207),rgba(243,248,240,0))}
.hero .tx{position:absolute;left:calc(20*var(--u));top:calc(437*var(--u));width:calc(611*var(--u));color:#fff}
.hero h1{font-family:var(--hel);font-weight:700;font-size:calc(45.4*var(--u));line-height:calc(59*var(--u));margin-bottom:calc(17*var(--u))}
.hero .tx p{font-size:calc(27.2*var(--u));line-height:calc(32.7*var(--u));font-weight:400}
.hb{position:absolute;top:calc(642*var(--u));width:calc(190*var(--u));height:calc(40*var(--u));background:#fff;color:var(--navy);font-family:var(--hel);font-weight:700;font-size:calc(18*var(--u));display:flex;align-items:center;justify-content:center}
.hb.b1{left:calc(20*var(--u))}.hb.b2{left:calc(252*var(--u));font-size:calc(17.1*var(--u))}
.badge{position:absolute;right:0;top:calc(633*var(--u));width:calc(270*var(--u));height:calc(50*var(--u));border-radius:calc(4.5*var(--u));overflow:hidden}
.badge img{width:100%;height:100%;object-fit:cover}

/* ---------- Fahrzeug-Banner (aktueller Bestand, Hyundai-Look) ---------- */
.vbw{position:relative;height:calc(125*var(--u));z-index:3;background:var(--navy)}
.vb{position:absolute;left:0;right:0;top:calc(-96*var(--u));height:calc(192*var(--u));overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.vb .trk{position:absolute;top:0;bottom:0;left:calc(0px - calc(4200*var(--u)));display:flex;gap:calc(20*var(--u));animation:mqv 150s linear infinite}
.vb:hover .trk{animation-play-state:paused}
.vc{position:relative;flex:none;width:calc(190*var(--u));height:calc(192*var(--u));display:flex;flex-direction:column;background:#fff;border-radius:calc(6*var(--u));overflow:hidden;box-shadow:0 6px 18px rgba(0,20,60,.3);color:#002c5f;transition:transform .2s}
.vc:hover{transform:translateY(-3px)}
.vi{position:relative;display:block;height:calc(120*var(--u));background:#eef1f5}
.vi img{width:100%;height:100%;object-fit:cover}
.vi .tg{position:absolute;left:0;top:calc(10*var(--u));font-style:normal;font-weight:700;font-size:max(9px,calc(10*var(--u)));line-height:1;letter-spacing:.02em;padding:calc(4*var(--u)) calc(8*var(--u)) calc(4*var(--u)) calc(7*var(--u));background:#00aad2;color:#fff;border-radius:0 calc(3*var(--u)) calc(3*var(--u)) 0}
.vx{display:flex;flex-direction:column;flex:1;padding:calc(9*var(--u)) calc(12*var(--u)) calc(8*var(--u));min-width:0;border-top:calc(3*var(--u)) solid #002c5f}
.vx b{font-weight:700;font-size:max(11px,calc(13.5*var(--u)));line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vm{display:block;margin-top:calc(2*var(--u));font-size:max(10px,calc(10.5*var(--u)));line-height:1.3;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.vp i{font-style:normal;font-weight:800;font-size:max(13px,calc(18*var(--u)));line-height:1}
.va{display:grid;place-items:center;width:calc(22*var(--u));height:calc(22*var(--u));min-width:18px;min-height:18px;border-radius:50%;background:#002c5f;color:#fff;transition:background .2s}
.va svg{width:58%;height:58%}
.vc:hover .va{background:#00aad2}
@keyframes mqv{to{transform:translateX(calc(-4200*var(--u)))}}

/* ---------- Leistungen ---------- */
.leist{position:relative;height:calc(790*var(--u));background:var(--navy)}
.leist h2{position:absolute;left:calc(518*var(--u));top:calc(77*var(--u));width:calc(431*var(--u));text-align:center;font-family:var(--md);font-weight:700;font-size:calc(36.3*var(--u));line-height:calc(36.3*var(--u));color:#fff}
.tile{position:absolute;display:block}
.tile .tri{position:absolute;inset:0;width:100%;height:100%}
.tile .tri.flip{transform:rotate(180deg)}
.tile .ic{position:absolute;object-fit:cover}
.tile h3{position:absolute;display:flex;justify-content:center;white-space:nowrap;text-align:center;font-family:var(--mt);font-weight:700;font-size:calc(27*var(--u));line-height:calc(27*var(--u))}
.tile.t1{left:calc(79*var(--u));top:calc(197*var(--u));width:calc(496*var(--u));height:calc(248*var(--u))}
.tile.t1 .ic{left:calc(195*var(--u));top:calc(73*var(--u));width:calc(110*var(--u));height:calc(108*var(--u))}
.tile.t1 h3{left:calc(98*var(--u));top:calc(27.1*var(--u));width:calc(300*var(--u))}
.tile.t2{left:calc(341.1*var(--u));top:calc(197*var(--u));width:calc(496*var(--u));height:calc(248*var(--u))}
.tile.t2 .ic{left:calc(195*var(--u));top:calc(73*var(--u));width:calc(110*var(--u));height:calc(108*var(--u))}
.tile.t2 h3{left:calc(98*var(--u));top:calc(198.5*var(--u));width:calc(300*var(--u))}
.tile.t3{left:calc(603.3*var(--u));top:calc(197*var(--u));width:calc(496*var(--u));height:calc(248*var(--u))}
.tile.t3 .ic{left:calc(195*var(--u));top:calc(73*var(--u));width:calc(110*var(--u));height:calc(108*var(--u))}
.tile.t3 h3{left:calc(98*var(--u));top:calc(27.1*var(--u));width:calc(300*var(--u))}
.tile.t4{left:calc(865.4*var(--u));top:calc(197*var(--u));width:calc(496*var(--u));height:calc(248*var(--u))}
.tile.t4 .ic{left:calc(195*var(--u));top:calc(73*var(--u));width:calc(110*var(--u));height:calc(108*var(--u))}
.tile.t4 h3{left:calc(98*var(--u));top:calc(198.5*var(--u));width:calc(300*var(--u))}
.tile.t5{left:calc(79*var(--u));top:calc(455*var(--u));width:calc(496*var(--u));height:calc(248*var(--u))}
.tile.t5 .ic{left:calc(195*var(--u));top:calc(73*var(--u));width:calc(110*var(--u));height:calc(108*var(--u))}
.tile.t5 h3{left:calc(98*var(--u));top:calc(198.5*var(--u));width:calc(300*var(--u))}
.tile.t6{left:calc(341.1*var(--u));top:calc(455*var(--u));width:calc(496*var(--u));height:calc(248*var(--u))}
.tile.t6 .ic{left:calc(195*var(--u));top:calc(73*var(--u));width:calc(110*var(--u));height:calc(108*var(--u))}
.tile.t6 h3{left:calc(98*var(--u));top:calc(27.1*var(--u));width:calc(300*var(--u))}
.tile.t7{left:calc(603.3*var(--u));top:calc(455*var(--u));width:calc(496*var(--u));height:calc(248*var(--u))}
.tile.t7 .ic{left:calc(195*var(--u));top:calc(73*var(--u));width:calc(110*var(--u));height:calc(108*var(--u))}
.tile.t7 h3{left:calc(98*var(--u));top:calc(198.5*var(--u));width:calc(300*var(--u))}
.tile.t8{left:calc(865.4*var(--u));top:calc(455*var(--u));width:calc(496*var(--u));height:calc(248*var(--u))}
.tile.t8 .ic{left:calc(195*var(--u));top:calc(73*var(--u));width:calc(110*var(--u));height:calc(108*var(--u))}
.tile.t8 h3{left:calc(98*var(--u));top:calc(27.1*var(--u));width:calc(300*var(--u))}

/* ---------- Leistungs-Blöcke (sticky) ---------- */
.svcs{position:relative;background:#000}
.svc{position:sticky;top:0;overflow:hidden;background:#000;color:#fff}
.svc:last-child{top:-90px}
.svc .frame{position:absolute;left:50%;transform:translateX(-50%);top:0;height:100%}
.svc .ph{position:absolute;top:0;object-fit:cover}
.svc .ov{position:absolute;top:0;bottom:0}
.svc h2{position:absolute;font-family:var(--mt);font-weight:700;font-size:calc(36.3*var(--u));line-height:calc(47.2*var(--u))}
.svc .pp{position:absolute}
.svc .pp p{font-weight:500;font-size:calc(18.1*var(--u));line-height:calc(29*var(--u))}
.svc.r h2,.svc.r .pp{text-align:right}
.svc.s1{height:calc(818*var(--u))}
.svc.s1 .ph{left:calc(680*var(--u));width:calc(964*var(--u));height:calc(815*var(--u));object-position:0.0% 50.0%}
.svc.s1 .ov{left:calc(680*var(--u));width:calc(949*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s1 h2{left:calc(34*var(--u));right:auto;top:calc(307*var(--u));width:calc(641*var(--u))}
.svc.s1 .pp{left:calc(34*var(--u));right:auto;top:calc(425*var(--u));width:calc(645*var(--u))}
.svc.s2{height:calc(817*var(--u))}
.svc.s2 .ph{left:calc(-225*var(--u));width:calc(964*var(--u));height:calc(815*var(--u));object-position:50.0% 43.13%}
.svc.s2 .ov{left:calc(-15*var(--u));width:calc(949*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s2 h2{right:calc(22*var(--u));left:auto;top:calc(306*var(--u));width:calc(549*var(--u))}
.svc.s2 .pp{right:calc(22*var(--u));left:auto;top:calc(424*var(--u));width:calc(553*var(--u))}
.svc.s3{height:calc(818*var(--u))}
.svc.s3 .ph{left:calc(460*var(--u));width:calc(1202*var(--u));height:calc(814*var(--u));object-position:0.0% 50.0%}
.svc.s3 .ov{left:calc(455*var(--u));width:calc(1208*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s3 h2{left:calc(34*var(--u));right:auto;top:calc(330*var(--u));width:calc(603*var(--u))}
.svc.s3 .pp{left:calc(34*var(--u));right:auto;top:calc(401*var(--u));width:calc(607*var(--u))}
.svc.s4{height:calc(818*var(--u))}
.svc.s4 .ph{left:calc(-221*var(--u));width:calc(1201*var(--u));height:calc(815*var(--u));object-position:50.0% 50.0%}
.svc.s4 .ov{left:calc(85*var(--u));width:calc(949*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s4 h2{right:calc(22*var(--u));left:auto;top:calc(329*var(--u));width:calc(599*var(--u))}
.svc.s4 .pp{right:calc(22*var(--u));left:auto;top:calc(400*var(--u));width:calc(603*var(--u))}
.svc.s5{height:calc(821*var(--u))}
.svc.s5 .ph{left:calc(221*var(--u));width:calc(1441*var(--u));height:calc(821*var(--u));object-position:50.0% 50.0%}
.svc.s5 .ov{left:calc(216*var(--u));width:calc(1394*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s5 h2{left:calc(34*var(--u));right:auto;top:calc(331*var(--u));width:calc(570*var(--u))}
.svc.s5 .pp{left:calc(34*var(--u));right:auto;top:calc(402*var(--u));width:calc(473*var(--u))}
.svc.s6{height:calc(818*var(--u))}
.svc.s6 .ph{left:calc(-224*var(--u));width:calc(1160*var(--u));height:calc(814*var(--u));object-position:0.0% 50.0%}
.svc.s6 .ov{left:calc(-4*var(--u));width:calc(950*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s6 h2{right:calc(22*var(--u));left:auto;top:calc(306*var(--u));width:calc(674*var(--u))}
.svc.s6 .pp{right:calc(22*var(--u));left:auto;top:calc(424*var(--u));width:calc(475*var(--u))}
.svc.s7{height:calc(817*var(--u))}
.svc.s7 .ph{left:calc(494*var(--u));width:calc(1119*var(--u));height:calc(814*var(--u));object-position:0.0% 50.0%;clip-path:inset(0 0 0 calc(96*var(--u)))}
.svc.s7 .ov{left:calc(590*var(--u));width:calc(754*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 67.7632%)}
.svc.s7 h2{left:calc(34*var(--u));right:auto;top:calc(320*var(--u));width:calc(674*var(--u))}
.svc.s7 .pp{left:calc(34*var(--u));right:auto;top:calc(438*var(--u));width:calc(599*var(--u))}
.svc.s8{height:calc(819*var(--u))}
.svc.s8 .ph{left:calc(-166*var(--u));width:calc(1013*var(--u));height:calc(819*var(--u));object-position:95.61% 50.0%}
.svc.s8 .ov{left:calc(-94*var(--u));width:calc(951*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s8 h2{right:calc(22*var(--u));left:auto;top:calc(331*var(--u));width:calc(674*var(--u))}
.svc.s8 .pp{right:calc(22*var(--u));left:auto;top:calc(399*var(--u));width:calc(535*var(--u))}

/* ---------- Bewertungen (Google-Karten) ---------- */
.rev{position:relative;height:calc(381*var(--u));background:var(--blue);overflow:hidden}
.mq{position:absolute;left:0;right:0;overflow:hidden}
.rev .mq{top:calc(40*var(--u));height:calc(301*var(--u))}
.rev .trk{position:absolute;top:0;bottom:0;left:calc(calc(1*var(--u)) - calc(1720*var(--u)));display:flex;align-items:stretch;gap:calc(32*var(--u));animation:mqr 300s linear infinite}
.rev .trk:hover{animation-play-state:paused}
@keyframes mqr{to{transform:translateX(calc(-1720*var(--u)))}}
.review{flex:none;width:calc(398*var(--u));background:#fff;border:1px solid #eee;border-radius:calc(20*var(--u));padding:calc(24*var(--u)) calc(26*var(--u)) calc(20*var(--u));display:flex;flex-direction:column;color:#000}
.review .rh{display:flex;align-items:center;gap:calc(14*var(--u))}
.review .av{flex:none;width:calc(46*var(--u));height:calc(46*var(--u));border-radius:50%;color:#fff;display:grid;place-items:center;font-size:calc(22*var(--u));font-weight:500}
.review .rm{min-width:0}
.review .rm strong{display:block;font-size:calc(17*var(--u));font-weight:700;line-height:1.3;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.review .rm span{display:block;font-size:calc(13.5*var(--u));color:#70757a;line-height:1.3}
.review .g{width:calc(24*var(--u));height:calc(24*var(--u));margin-left:auto;align-self:flex-start;flex:none}
.review .rr{display:flex;align-items:center;gap:calc(8*var(--u));margin:calc(14*var(--u)) 0 calc(10*var(--u))}
.review .stm{font-size:calc(22*var(--u));line-height:1;letter-spacing:1px;color:#fbbc04}
.review .stm::before{content:"★★★★★"}
.review .vf{display:inline-flex;width:calc(18*var(--u));height:calc(18*var(--u))}
.review .vf svg{width:100%;height:100%}
.review .rt{color:#5f6368;font-size:calc(15*var(--u));line-height:1.55;margin:0}

/* ---------- Über uns ---------- */
.about{position:relative;height:calc(815*var(--u));background:#fff;overflow:hidden}
.about .pic{position:absolute;left:calc(641*var(--u));top:0;width:calc(964*var(--u));height:calc(815*var(--u));border-radius:0 0 0 calc(54*var(--u));overflow:hidden}
.about .pic img{width:100%;height:100%;object-fit:cover;object-position:64.19% 50%}
.about h2{position:absolute;left:calc(28*var(--u));top:calc(218*var(--u));width:calc(607*var(--u));font-family:var(--mt);font-weight:700;font-size:calc(36.3*var(--u));line-height:calc(47.2*var(--u));color:var(--blue)}
.about .at{position:absolute;left:calc(28*var(--u));top:calc(280*var(--u));width:calc(519*var(--u))}
.about .at p{font-weight:500;font-size:calc(18.1*var(--u));line-height:calc(29*var(--u));margin-bottom:calc(29*var(--u))}
.about .ab{position:absolute;left:calc(28*var(--u));top:calc(560*var(--u));width:calc(187*var(--u));height:calc(36*var(--u));background:var(--blue);color:#fff;font-family:var(--hel);font-weight:700;font-size:calc(18.1*var(--u));display:flex;align-items:center;justify-content:center}

/* ---------- Galerie ---------- */
.gal{position:relative;height:calc(324*var(--u));background:#fff;overflow:hidden}
.gal .mq{top:calc(45*var(--u));height:calc(234*var(--u))}
.gal .trk{position:absolute;top:0;left:calc(calc(145*var(--u)) - calc(2752*var(--u)));display:flex;gap:calc(32*var(--u));animation:mqg 220s linear infinite}
.gal .trk img{width:calc(312*var(--u));height:calc(234*var(--u));flex:none;border-radius:calc(16*var(--u));object-fit:cover}
@keyframes mqg{to{transform:translateX(calc(-2752*var(--u)))}}

/* ---------- FAQ + Kontakt ---------- */
.faqk{position:relative;min-height:calc(809*var(--u));background:#fff}
.faqk .frame{display:flex;align-items:flex-start;height:auto;min-height:calc(809*var(--u))}
.faqs{margin:calc(93*var(--u)) 0 0 calc(36*var(--u));width:calc(544*var(--u));flex:none}
.faqs h2{font-family:var(--md);font-weight:700;font-size:32px;line-height:38.4px;color:var(--blue);margin-bottom:23.6px}
.fq{display:flex;margin-bottom:12px}
.fq .num{flex:none;width:100px;background:var(--navy);color:#fff;font-size:20px;line-height:28px;display:flex;align-items:center;justify-content:center}
.fq .bd{flex:1;border:1px solid #000;min-width:0}
.qh{position:relative;display:flex;align-items:center;width:100%;min-height:98px;padding:0 56px 0 28px;text-align:left}
.qh h3{font-family:var(--mt);font-weight:400;font-size:20px;line-height:24px;width:340px;max-width:100%}
.qh .ch{position:absolute;right:26px;top:25px;width:30px;height:30px;transition:transform .2s}
.fq.two .qh{padding-top:8px}
.fq.three .qh{align-items:flex-start;padding:24px 56px 17px 28px}
.qa{display:none;padding:0 26px 0 29px}
.qa p{font-size:16px;line-height:24px;max-width:383px;padding-bottom:27px}
.fq.open .qa{display:block}
.fq.open .qh{align-items:flex-start;min-height:0;padding:24px 56px 0 28px}
.fq.open .qa p{padding-top:29px}
.fq.open .qh .ch{transform:rotate(180deg)}
.kf{position:relative;flex:none;margin:calc(89*var(--u)) 0 0 calc(289*var(--u));width:calc(557*var(--u));height:600px}
.kf h2{font-family:var(--md);font-weight:700;font-size:34px;line-height:51px}
.kf label{position:absolute;font-size:14px;line-height:19.6px}
.kf .l1{left:0;top:71px}.kf .l2{left:calc(291*var(--u));top:71px}.kf .l3{left:0;top:165px}.kf .l4{left:0;top:259px}.kf .l5{left:0;top:352px}
.kf .in{position:absolute;background:var(--blue);height:42px}
.kf .i1{left:0;top:99px;width:calc(267*var(--u))}.kf .i2{left:calc(291*var(--u));top:99px;width:calc(267*var(--u))}
.kf .i3{left:0;top:193px;width:100%}.kf .i4{left:0;top:286px;width:100%;border:1px solid rgba(0,0,0,.6)}
.kf .i5{left:0;top:380px;width:100%;height:92px}
.kf input[type=text],.kf input[type=tel],.kf input[type=email],.kf textarea,.kf select{width:100%;height:100%;background:transparent;border:0;outline:0;color:#fff;font:400 16px var(--mt);padding:8px 12px;resize:none}
.kf .i2 input{padding-left:47px}
.kf .flag{position:absolute;left:13px;top:14px;width:22px;height:14px}
.kf select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}
.kf select option{color:#000}
.kf .sc{position:absolute;right:14px;top:13px;width:16px;height:16px;pointer-events:none}
.kf .chk{position:absolute;left:0;top:498px;display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:24px;cursor:pointer}
.kf .chk input{position:absolute;opacity:0}
.kf .bx{flex:none;width:16px;height:16px;margin-top:4px;border:1px solid #000;background:#fff}
.kf .chk input:checked+.bx{background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") center/100% no-repeat}
.kf .chk input:focus-visible+.bx{outline:2px solid var(--blue);outline-offset:2px}
.kf .send{position:absolute;left:0;top:544px;width:calc(267*var(--u));height:41px;background:#000;color:#fff;font:400 16px var(--mt)}
.kf .ok{position:absolute;left:0;top:598px;font-size:16px;line-height:24px;color:var(--blue)}
.kf .ok[hidden]{display:none}
.kf .ok.fail{color:#c00}
.kf .send:disabled{opacity:.6;cursor:default}
.kf .err{outline:2px solid #c00}

/* ---------- Footer ---------- */
.foot{position:relative;height:calc(461*var(--u));background:var(--navy);color:#fff;font-size:max(14.6px,1.0139vw);line-height:1.6027}
.foot .fl{position:absolute;left:calc(50*var(--u));top:calc(100*var(--u));width:calc(252*var(--u));height:calc(128*var(--u));object-fit:cover}
.foot a,.foot p,.foot span{position:absolute;white-space:nowrap}
.foot .fc{position:absolute;top:0;left:0}
.foot .ft{top:calc(88*var(--u));font-weight:700}
.foot .c1 a,.foot .c2 a,.foot .c3 a{color:#f0f0f0}
.foot .c1{left:calc(481*var(--u))}.foot .c2{left:calc(862*var(--u))}.foot .c3{left:calc(1154*var(--u))}
.foot .c1 a:nth-of-type(1){top:calc(136*var(--u))}.foot .c1 a:nth-of-type(2){top:calc(159*var(--u))}.foot .c1 a:nth-of-type(3){top:calc(207*var(--u))}.foot .c1 a:nth-of-type(4){top:calc(254*var(--u))}
.foot .c2 a{font-weight:700}
.foot .c2 a:nth-of-type(1){top:calc(135*var(--u))}.foot .c2 a:nth-of-type(2){top:calc(174*var(--u))}.foot .c2 a:nth-of-type(3){top:calc(213*var(--u))}.foot .c2 a:nth-of-type(4){top:calc(251*var(--u))}.foot .c2 a:nth-of-type(5){top:calc(290*var(--u))}
.foot .c3 a:nth-of-type(1){top:calc(135*var(--u))}.foot .c3 a:nth-of-type(2){top:calc(175*var(--u))}
.foot .fh{position:absolute;left:calc(55*var(--u));top:calc(355*var(--u));width:calc(1331*var(--u));height:0;border:0;border-top:2px solid #fff}
.foot .fi{position:absolute;left:calc(55*var(--u));top:calc(396*var(--u));height:24px;width:calc(520*var(--u))}
.foot .fi a,.foot .fi button{position:static;display:inline;margin-right:calc(20*var(--u));color:#fff;font:inherit;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap}
.foot .fi a:hover,.foot .fi button:hover{text-decoration:underline}
.foot .fr{position:absolute;right:calc(54*var(--u));top:calc(385*var(--u));text-align:right;white-space:nowrap}
.foot .fr a,.foot .fr b{position:static;font-weight:700;text-decoration:underline}
.foot .fr b{text-decoration:inherit}

/* ---------- Unterseite Team ---------- */
.team{position:relative;background:#fff;height:calc(1892*var(--u))}
.team h1{position:absolute;left:0;right:0;top:calc(135*var(--u));text-align:center;font-family:var(--mt);font-weight:800;font-size:31.7px;line-height:47.6px;letter-spacing:.05em}
.tg{position:absolute;left:calc(34*var(--u));top:calc(247*var(--u));width:calc(1371*var(--u));display:grid;grid-template-columns:repeat(4,calc(327*var(--u)));column-gap:calc(20.7*var(--u));row-gap:0}
.tc{height:calc(491*var(--u))}
.tc:nth-child(n+5){margin-top:calc(56*var(--u))}
.tc:nth-child(n+9){margin-top:calc(43*var(--u))}
.tc img{width:calc(327*var(--u));height:calc(393*var(--u));object-fit:cover;background:#f0f0f0;box-shadow:3.8px 3.8px 11.8px rgba(0,0,0,.63)}
.tc figcaption{padding-left:3px}
.tc strong{display:block;margin-top:calc(30*var(--u));font-size:26px;line-height:39px;font-weight:700;letter-spacing:.05em}
.tc span{display:block;font-size:20px;line-height:30px;font-weight:500;letter-spacing:.05em}

/* ---------- Fahrzeugangebot (mobile.de) ---------- */
.fz{position:relative;background:#fff;padding:calc(135*var(--u)) 0 calc(70*var(--u))}
.fz .frame{height:auto}
.fz h1{text-align:center;font-family:var(--mt);font-weight:800;font-size:31.7px;line-height:47.6px;letter-spacing:.05em;margin-bottom:calc(40*var(--u))}
.fzbox{width:calc(1372*var(--u));margin:0 auto;min-height:calc(560*var(--u))}
.fzph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;min-height:calc(560*var(--u));padding:40px 24px;background:#f5f6f8;border:1px solid #e6e8ec;border-radius:16px}
.fzph img{width:160px;height:auto}
.fzph p{max-width:560px;font-size:16px;line-height:24px;color:#444}
.fzgo{background:var(--blue);color:#fff;font:700 16px var(--mt);padding:14px 28px}
.fzext{font-size:14px;color:var(--blue);text-decoration:underline}
.fzfoot{text-align:center;margin-top:14px;font-size:14px}.fzfoot a{color:var(--blue);text-decoration:underline}
.fzbox iframe{display:block;width:100%;height:min(1500px,170vh);border:0}


/* ---------- Rechtliche Seiten ---------- */
.legal{background:#fff;padding:calc(135*var(--u)) 0 calc(90*var(--u))}
.legal .frame{height:auto}
.legal h1{text-align:center;font-family:var(--mt);font-weight:800;font-size:31.7px;line-height:47.6px;letter-spacing:.05em;margin-bottom:calc(40*var(--u))}
.legal .lt{width:min(calc(800*var(--u)),100% - 40px);margin:0 auto;font-size:16px;line-height:1.7;color:#222}
.legal .lt p{margin-bottom:18px}
.legal .lt a{color:var(--blue);text-decoration:underline}
.legal .hinw{color:#6b7280;font-size:14px}

/* ---------- Cookie-Banner ---------- */
.consent{--consent-bg:#082f7b;--consent-tabs:#00287a;--consent-line:rgba(255,255,255,.18);--consent-text:#fff;--consent-btn-text:#082f7b;--consent-accent:#00aad2;
  position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px;background:rgba(0,12,40,.72);font-family:var(--mt);font-size:.875rem}
.consent-offen,.consent-offen body{overflow:hidden}
.consent__box{width:100%;max-width:640px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--consent-bg);color:var(--consent-text);border-radius:8px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.consent__tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--consent-tabs);border-bottom:1px solid var(--consent-line)}
.consent__tab{background:none;border:0;color:var(--consent-text);font:inherit;font-weight:600;padding:16px 12px 13px;cursor:pointer;border-bottom:3px solid transparent;opacity:.8}
.consent__tab.is-active{border-bottom-color:var(--consent-accent);opacity:1}
.consent__body{padding:20px 24px 14px;overflow-y:auto;min-height:0;flex:1 1 auto}
.consent__title{font-size:1.125em;color:var(--consent-text);margin:0 0 10px;font-weight:700}
.consent__body p{margin:0 0 10px;line-height:1.55;color:rgba(255,255,255,.9)}
.consent__detail{padding:12px 0;border-top:1px solid var(--consent-line)}
.consent__detail:first-child{border-top:0;padding-top:0}
.consent__detail h3{font-size:1em;color:var(--consent-text);margin:0 0 4px}
.consent__dienste{font-size:.9em;opacity:.75}
.consent__links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0 0!important}
.consent__links a,.consent__more{color:var(--consent-text);font:inherit;font-weight:700;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.consent__links a:hover,.consent__more:hover{text-decoration:underline}
.consent__toggles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--consent-line);border-bottom:1px solid var(--consent-line)}
.consent__toggle{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;border-left:1px solid var(--consent-line);font-weight:600;cursor:pointer;position:relative}
.consent__toggle:first-child{border-left:0}
.consent__toggle input{position:absolute;opacity:0;width:1px;height:1px}
.consent__switch{width:44px;height:24px;border-radius:34px;background:#000;position:relative;transition:background .2s}
.consent__switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.consent__toggle input:checked+.consent__switch{background:#fff}
.consent__toggle input:checked+.consent__switch::after{transform:translateX(20px);background:var(--consent-accent)}
.consent__toggle input:disabled+.consent__switch{background:#d6d6d6}
.consent__toggle input:disabled+.consent__switch::after{background:#fff}
.consent__toggle input:disabled{cursor:not-allowed}
.consent__toggle input:focus-visible+.consent__switch{outline:2px solid #fff;outline-offset:3px}
.consent__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 24px 22px}
.consent__buttons button{background:#fff;color:var(--consent-btn-text);border:0;border-radius:4px;padding:12px 10px;font:inherit;font-weight:700;cursor:pointer}
.consent__buttons button:hover{background:#dbe6f7}
.consent button:focus-visible,.consent a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:560px){
  .consent{padding:10px}
  .consent__body{padding:16px 16px 10px}
  .consent__toggles{grid-template-columns:repeat(2,1fr)}
  .consent__toggle:nth-child(3){border-left:0}
  .consent__toggle:nth-child(n+3){border-top:1px solid var(--consent-line)}
  .consent__buttons{grid-template-columns:1fr;gap:8px;padding:14px 16px 16px}
}
.fzset{background:none;border:0;color:var(--blue);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}

/* ====================================================================== */
/* ---------- Tablet (Vorlage 900 px) ---------- */
@media (max-width:1000px){
:root{--fw:min(100vw,1000px);--u:calc(var(--fw)/900)}
.hdr nav{right:calc(220*var(--u));top:calc(15*var(--u));height:calc(38*var(--u));gap:calc(24*var(--u))}
.hdr nav a{font-size:calc(15*var(--u))}
.hdr .k{right:calc(81*var(--u));top:calc(17*var(--u));width:calc(120*var(--u));height:calc(40*var(--u));font-size:calc(16*var(--u));line-height:calc(40*var(--u) - 2px)}
.hdr .mde{right:calc(9*var(--u));top:calc(20*var(--u));width:calc(58*var(--u));height:calc(24*var(--u))}
.hero{height:calc(511*var(--u))}
.hero .g1{top:calc(94*var(--u))}.hero .g2{top:calc(-80*var(--u));height:calc(337*var(--u))}
.hero .tx{left:calc(41*var(--u));top:calc(270*var(--u));width:calc(382*var(--u))}
.hero h1{font-size:calc(28.3*var(--u));line-height:calc(36.9*var(--u));margin-bottom:calc(22*var(--u))}
.hero .tx p{font-size:calc(17*var(--u));line-height:calc(20.4*var(--u))}
.hb{top:calc(394*var(--u));width:calc(130*var(--u));height:calc(34*var(--u));font-size:calc(13*var(--u))}
.hb.b1{left:calc(41*var(--u))}.hb.b2{left:calc(186*var(--u));font-size:calc(13*var(--u))}
.badge{right:calc(113*var(--u));top:calc(395*var(--u));width:calc(135*var(--u));height:calc(25*var(--u));border-radius:calc(2.3*var(--u))}
.vbw{height:calc(105*var(--u))}
.vb{top:calc(-59*var(--u));height:calc(152*var(--u))}
.vb .trk{left:calc(0px - calc(3320*var(--u)));gap:calc(16*var(--u));animation-name:mqv-t;animation-duration:120s}
.vc{width:calc(150*var(--u));height:calc(152*var(--u));border-radius:calc(5*var(--u))}
.vi{height:calc(94*var(--u))}
.vx{padding:calc(7*var(--u)) calc(9*var(--u)) calc(6*var(--u))}
@keyframes mqv-t{to{transform:translateX(calc(-3320*var(--u)))}}
.leist{height:calc(448*var(--u))}
.leist h2{left:calc(281*var(--u));top:calc(24*var(--u));width:calc(340*var(--u));font-size:calc(29.8*var(--u));line-height:calc(29.8*var(--u))}
.tile h3{font-size:calc(21.5*var(--u));line-height:calc(21.5*var(--u))}
.tile.t1{left:calc(41*var(--u));top:calc(82*var(--u));width:calc(309*var(--u));height:calc(154.5*var(--u))}
.tile.t1 .ic{left:calc(121.5*var(--u));top:calc(45.5*var(--u));width:calc(68.5*var(--u));height:calc(67.3*var(--u))}
.tile.t1 h3{left:calc(54.5*var(--u));top:calc(14.5*var(--u));width:calc(200*var(--u))}
.tile.t2{left:calc(204*var(--u));top:calc(82*var(--u));width:calc(309*var(--u));height:calc(154.5*var(--u))}
.tile.t2 .ic{left:calc(121.5*var(--u));top:calc(45.5*var(--u));width:calc(68.5*var(--u));height:calc(67.3*var(--u))}
.tile.t2 h3{left:calc(54.5*var(--u));top:calc(121.3*var(--u));width:calc(200*var(--u))}
.tile.t3{left:calc(367*var(--u));top:calc(82*var(--u));width:calc(309*var(--u));height:calc(154.5*var(--u))}
.tile.t3 .ic{left:calc(121.5*var(--u));top:calc(45.5*var(--u));width:calc(68.5*var(--u));height:calc(67.3*var(--u))}
.tile.t3 h3{left:calc(54.5*var(--u));top:calc(14.5*var(--u));width:calc(200*var(--u))}
.tile.t4{left:calc(530*var(--u));top:calc(82*var(--u));width:calc(309*var(--u));height:calc(154.5*var(--u))}
.tile.t4 .ic{left:calc(121.4*var(--u));top:calc(45.5*var(--u));width:calc(68.5*var(--u));height:calc(67.3*var(--u))}
.tile.t4 h3{left:calc(54.5*var(--u));top:calc(121.3*var(--u));width:calc(200*var(--u))}
.tile.t5{left:calc(41*var(--u));top:calc(242.5*var(--u));width:calc(309*var(--u));height:calc(154.5*var(--u))}
.tile.t5 .ic{left:calc(121.5*var(--u));top:calc(45.5*var(--u));width:calc(68.5*var(--u));height:calc(67.3*var(--u))}
.tile.t5 h3{left:calc(54.5*var(--u));top:calc(121.3*var(--u));width:calc(200*var(--u))}
.tile.t6{left:calc(204*var(--u));top:calc(242.5*var(--u));width:calc(309*var(--u));height:calc(154.5*var(--u))}
.tile.t6 .ic{left:calc(121.5*var(--u));top:calc(45.5*var(--u));width:calc(68.5*var(--u));height:calc(67.3*var(--u))}
.tile.t6 h3{left:calc(54.5*var(--u));top:calc(14.5*var(--u));width:calc(200*var(--u))}
.tile.t7{left:calc(367*var(--u));top:calc(242.5*var(--u));width:calc(309*var(--u));height:calc(154.5*var(--u))}
.tile.t7 .ic{left:calc(121.5*var(--u));top:calc(45.5*var(--u));width:calc(68.5*var(--u));height:calc(67.3*var(--u))}
.tile.t7 h3{left:calc(54.5*var(--u));top:calc(121.3*var(--u));width:calc(200*var(--u))}
.tile.t8{left:calc(530*var(--u));top:calc(242.5*var(--u));width:calc(309*var(--u));height:calc(154.5*var(--u))}
.tile.t8 .ic{left:calc(121.4*var(--u));top:calc(45.5*var(--u));width:calc(68.5*var(--u));height:calc(67.3*var(--u))}
.tile.t8 h3{left:calc(54.5*var(--u));top:calc(14.5*var(--u));width:calc(200*var(--u))}
.svc h2{font-size:calc(29.2*var(--u));line-height:calc(38*var(--u))}
.svc .pp p{font-size:calc(17.9*var(--u));line-height:calc(28.6*var(--u))}
.svc.s1{height:calc(508*var(--u))}
.svc.s1 .ph{left:calc(3*var(--u));width:calc(895*var(--u));height:calc(508*var(--u));object-position:50.0% 50.0%}
.svc.s1 .ov{left:0;width:calc(842*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s1 h2{left:calc(77*var(--u));right:auto;top:calc(122*var(--u));width:calc(367*var(--u))}
.svc.s1 .pp{left:calc(77*var(--u));right:auto;top:calc(213*var(--u));width:calc(350*var(--u))}
.svc.s2{height:calc(510*var(--u))}
.svc.s2 .ph{left:0;width:calc(529*var(--u));height:calc(509*var(--u));object-position:50.0% 41.63%}
.svc.s2 .ov{left:calc(130*var(--u));width:calc(521*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s2 h2{right:calc(70*var(--u));left:auto;top:calc(119*var(--u));width:calc(318*var(--u))}
.svc.s2 .pp{right:calc(70*var(--u));left:auto;top:calc(248*var(--u));width:calc(323*var(--u))}
.svc.s3{height:calc(509*var(--u))}
.svc.s3 .ph{left:calc(241*var(--u));width:calc(659*var(--u));height:calc(509*var(--u));object-position:42.69% 50.0%}
.svc.s3 .ov{left:calc(238*var(--u));width:calc(662*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s3 h2{left:calc(77*var(--u));right:auto;top:calc(144*var(--u));width:calc(318*var(--u))}
.svc.s3 .pp{left:calc(77*var(--u));right:auto;top:calc(235*var(--u));width:calc(350*var(--u))}
.svc.s4{height:calc(509*var(--u))}
.svc.s4 .ph{left:calc(-83*var(--u));width:calc(659*var(--u));height:calc(509*var(--u));object-position:50.0% 50.0%}
.svc.s4 .ov{left:calc(89*var(--u));width:calc(521*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s4 h2{right:calc(68*var(--u));left:auto;top:calc(157*var(--u));width:calc(318*var(--u))}
.svc.s4 .pp{right:calc(67*var(--u));left:auto;top:calc(248*var(--u));width:calc(321*var(--u))}
.svc.s5{height:calc(514*var(--u))}
.svc.s5 .ph{left:calc(194*var(--u));width:calc(790*var(--u));height:calc(513*var(--u));object-position:50.0% 50.0%}
.svc.s5 .ov{left:calc(190*var(--u));width:calc(765*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s5 h2{left:calc(77*var(--u));right:auto;top:calc(173*var(--u));width:calc(318*var(--u))}
.svc.s5 .pp{left:calc(77*var(--u));right:auto;top:calc(226*var(--u));width:calc(350*var(--u))}
.svc.s6{height:calc(509*var(--u))}
.svc.s6 .ph{left:calc(-85*var(--u));width:calc(636*var(--u));height:calc(509*var(--u));object-position:0.0% 50.0%}
.svc.s6 .ov{left:calc(37*var(--u));width:calc(521*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s6 h2{right:calc(69*var(--u));left:auto;top:calc(151*var(--u));width:calc(318*var(--u))}
.svc.s6 .pp{right:calc(69*var(--u));left:auto;top:calc(242*var(--u));width:calc(333*var(--u))}
.svc.s7{height:calc(510*var(--u))}
.svc.s7 .ph{left:calc(339*var(--u));width:calc(614*var(--u));height:calc(509*var(--u));object-position:0.0% 50.0%;clip-path:inset(0 0 0 calc(60*var(--u)))}
.svc.s7 .ov{left:calc(399*var(--u));width:calc(413*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 67.7632%)}
.svc.s7 h2{left:calc(76*var(--u));right:auto;top:calc(152*var(--u));width:calc(318*var(--u))}
.svc.s7 .pp{left:calc(76*var(--u));right:auto;top:calc(243*var(--u));width:calc(350*var(--u))}
.svc.s8{height:calc(512*var(--u))}
.svc.s8 .ph{left:calc(-49*var(--u));width:calc(556*var(--u));height:calc(512*var(--u));object-position:78.98% 50.0%}
.svc.s8 .ov{left:calc(-8*var(--u));width:calc(522*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s8 h2{right:calc(55*var(--u));left:auto;top:calc(152*var(--u));width:calc(318*var(--u))}
.svc.s8 .pp{right:calc(55*var(--u));left:auto;top:calc(243*var(--u));width:calc(350*var(--u))}
.rev{height:calc(376*var(--u))}
.rev .mq{top:calc(28*var(--u));height:calc(320*var(--u))}
.rev .trk{left:calc(calc(13*var(--u)) - calc(1492*var(--u)));gap:calc(32*var(--u));animation-name:mqr-t;animation-duration:262s}
.review{width:calc(341*var(--u))}
@keyframes mqr-t{to{transform:translateX(calc(-1492*var(--u)))}}
.about{height:calc(364*var(--u))}
.about .pic{left:calc(401*var(--u));width:calc(603*var(--u));height:calc(364*var(--u));border-radius:0 0 0 calc(33.75*var(--u))}
.about h2{left:calc(41*var(--u));top:calc(6*var(--u));width:calc(318*var(--u));font-size:calc(29.2*var(--u));line-height:calc(38*var(--u))}
.about .at{left:calc(41*var(--u));top:calc(59*var(--u));width:calc(374*var(--u))}
.about .at p{font-size:calc(16.4*var(--u));line-height:calc(26.2*var(--u));margin-bottom:calc(26.2*var(--u))}
.about .ab{left:calc(41*var(--u));top:calc(336*var(--u));width:calc(129*var(--u));height:calc(23*var(--u));font-size:calc(11.3*var(--u))}
.gal{height:calc(202*var(--u))}
.gal .mq{top:calc(29*var(--u));height:calc(146*var(--u))}
.gal .trk{left:calc(calc(91*var(--u)) - calc(1816*var(--u)));gap:calc(32*var(--u));animation-name:mqg-t;animation-duration:150s}
.gal .trk img{width:calc(195*var(--u));height:calc(146*var(--u));border-radius:calc(10*var(--u))}
@keyframes mqg-t{to{transform:translateX(calc(-1816*var(--u)))}}
.faqk,.faqk .frame{min-height:calc(909*var(--u))}
.faqs{margin:calc(81*var(--u)) 0 0 calc(89*var(--u));width:calc(322*var(--u))}
.faqs h2{font-size:20px;line-height:24px;margin-bottom:24px}
.qh h3{font-size:17px;line-height:23.8px;width:auto}
.qh,.fq.two .qh,.fq.three .qh{align-items:flex-start;padding:25px 60px 17px 28px}
.fq.open .qh{padding:25px 60px 0 28px}
.qa p{max-width:none}
.kf{margin:calc(64*var(--u)) 0 0 calc(59*var(--u));width:calc(355*var(--u));height:640px}
.kf h2{font-size:20px;line-height:30px}
.kf label{font-size:15px;line-height:18px}
.kf .l1{top:calc(58*var(--u))}.kf .l2{top:calc(58*var(--u));left:calc(190*var(--u))}.kf .l3{top:calc(150*var(--u))}.kf .l4{top:calc(242*var(--u));width:100%}.kf .l5{top:calc(352*var(--u))}
.kf .i1{top:calc(84*var(--u));width:calc(165*var(--u))}.kf .i2{top:calc(84*var(--u));left:calc(190*var(--u));width:calc(165*var(--u))}.kf .i3{top:calc(176*var(--u))}.kf .i4{top:calc(286*var(--u))}.kf .i5{top:calc(378*var(--u))}
.kf .chk{top:calc(496*var(--u));width:calc(330*var(--u))}
.kf .send{top:calc(566*var(--u));width:calc(165*var(--u))}
.kf .ok{top:calc(630*var(--u))}
.foot{height:calc(449*var(--u));font-size:14.3px;line-height:22.9px}
.foot .fl{left:calc(30*var(--u));top:calc(64*var(--u));width:calc(158*var(--u));height:calc(80*var(--u))}
.foot .ft{top:calc(45*var(--u))}
.foot .c1{left:calc(299*var(--u))}.foot .c2{left:calc(554*var(--u))}.foot .c3{left:calc(742*var(--u))}
.foot .c1 a:nth-of-type(1){top:calc(92*var(--u))}.foot .c1 a:nth-of-type(2){top:calc(115*var(--u))}.foot .c1 a:nth-of-type(3){top:calc(162*var(--u));font-weight:700}.foot .c1 a:nth-of-type(4){top:calc(209*var(--u))}
.foot .c2 a:nth-of-type(1){top:calc(92*var(--u))}.foot .c2 a:nth-of-type(2){top:calc(130*var(--u))}.foot .c2 a:nth-of-type(3){top:calc(169*var(--u))}.foot .c2 a:nth-of-type(4){top:calc(208*var(--u))}.foot .c2 a:nth-of-type(5){top:calc(247*var(--u))}
.foot .c3 a:nth-of-type(1){top:calc(92*var(--u))}.foot .c3 a:nth-of-type(2){top:calc(131*var(--u))}
.foot .fh{left:calc(34*var(--u));top:calc(327*var(--u));width:calc(832*var(--u))}
.foot .fi{left:calc(34*var(--u));top:calc(359*var(--u));width:calc(100*var(--u))}
.foot .fi a,.foot .fi button{display:block;margin:0 0 8px}
.foot .fr{right:calc(35*var(--u));top:calc(364*var(--u))}
.fz{padding:calc(95*var(--u)) 0 calc(50*var(--u))}
.fzbox{width:calc(860*var(--u))}
.team{height:calc(1173*var(--u))}
.team h1{top:calc(95*var(--u));font-size:22px;line-height:33px}
.tg{left:calc(20*var(--u));top:calc(150*var(--u));width:calc(860*var(--u));grid-template-columns:repeat(4,calc(179*var(--u)));column-gap:calc(12.7*var(--u))}
.tc{height:calc(340*var(--u))}
.tc:nth-child(n+5){margin-top:0}
.tc:nth-child(n+9){margin-top:calc(-7*var(--u))}
.tc img{width:calc(179*var(--u));height:calc(215*var(--u))}
.tc strong{margin-top:calc(36*var(--u));font-size:18px;line-height:27px}
.tc span{font-size:15px;line-height:23px}
}

/* ====================================================================== */
/* ---------- Mobil (Vorlage 390 px) ---------- */
@media (max-width:750px){
:root{--fw:min(100vw,750px);--u:calc(var(--fw)/390)}
.hdr{height:65px}
.hdr .logo{left:10px;top:12px}
.hdr .logo img{height:40px}
.hdr .k{right:calc(48*var(--u));top:calc(3*var(--u));width:calc(108*var(--u));height:calc(40*var(--u));font-size:calc(12*var(--u));letter-spacing:.6px;line-height:calc(40*var(--u) - 2px)}
.hdr .mde{right:calc(4*var(--u));top:calc(6*var(--u));width:calc(40*var(--u));height:calc(16*var(--u))}
.burger{display:flex;position:absolute;left:calc(186*var(--u));top:calc(9*var(--u));width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.burger span{display:block;width:22px;height:2px;background:var(--blue)}
.hdr nav{display:none}
.menu-open .hdr nav{display:flex;position:fixed;left:0;right:0;top:0;bottom:0;height:auto;background:#fff;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:100px;gap:0;z-index:1200}
.menu-open .hdr nav a{width:180px;text-align:center;font-family:var(--mt);font-weight:400;font-size:16px;line-height:46px;color:#1a6aff;text-transform:uppercase}
.menu-open .hdr nav a.on{color:#000}
.menu-open .hdr .nx{display:block;position:absolute;right:30px;top:40px;width:20px;height:20px}
.menu-open{overflow:hidden}
.hero{height:calc(359*var(--u))}
.hero .g1{top:calc(105*var(--u))}.hero .g2{top:calc(-97*var(--u));height:calc(146*var(--u))}
.hero .tx{left:calc(20*var(--u));top:calc(238*var(--u));width:calc(348*var(--u));text-align:center}
.hero h1{font-size:calc(16.6*var(--u));line-height:calc(21.6*var(--u));margin-bottom:calc(9*var(--u))}
.hero .tx p{font-size:calc(12*var(--u));line-height:calc(14.4*var(--u))}
.hb{top:calc(318*var(--u));width:calc(130*var(--u));height:calc(36*var(--u));font-size:calc(14*var(--u))}
.hb.b1{left:calc(56*var(--u))}.hb.b2{left:calc(203*var(--u));font-size:calc(14*var(--u))}
.badge{right:auto;left:calc(145*var(--u));top:calc(200*var(--u));width:calc(100*var(--u));height:calc(19*var(--u));border-radius:calc(2*var(--u))}
.vbw{height:calc(175*var(--u))}
.vb{top:calc(16*var(--u));height:calc(152*var(--u))}
.vb .trk{left:calc(0px - calc(3280*var(--u)));gap:calc(14*var(--u));animation-name:mqv-m;animation-duration:120s}
.vc{width:calc(150*var(--u));height:calc(152*var(--u));border-radius:calc(5*var(--u))}
.vi{height:calc(94*var(--u))}
.vx{padding:calc(7*var(--u)) calc(9*var(--u)) calc(6*var(--u))}
@keyframes mqv-m{to{transform:translateX(calc(-3280*var(--u)))}}
.leist{height:calc(1440*var(--u))}
.leist h2{left:calc(76*var(--u));top:calc(81*var(--u));width:calc(237*var(--u));font-size:calc(20.7*var(--u));line-height:calc(20.7*var(--u))}
.tile h3{font-size:calc(18.7*var(--u));line-height:calc(18.7*var(--u))}
.tile.t4{left:calc(41*var(--u));top:calc(130*var(--u));width:calc(308*var(--u));height:calc(154*var(--u))}
.tile.t4 .ic{left:calc(121.1*var(--u));top:calc(45.3*var(--u));width:calc(68.3*var(--u));height:calc(67.1*var(--u))}
.tile.t4 h3{left:calc(54*var(--u));top:calc(122.3*var(--u));width:calc(200*var(--u))}
.tile.t1{left:calc(41*var(--u));top:calc(290*var(--u));width:calc(308*var(--u));height:calc(154*var(--u))}
.tile.t1 .ic{left:calc(121.1*var(--u));top:calc(45.3*var(--u));width:calc(68.3*var(--u));height:calc(67.1*var(--u))}
.tile.t1 h3{left:calc(54*var(--u));top:calc(15.9*var(--u));width:calc(200*var(--u))}
.tile.t2{left:calc(41*var(--u));top:calc(450*var(--u));width:calc(308*var(--u));height:calc(154*var(--u))}
.tile.t2 .ic{left:calc(121.1*var(--u));top:calc(45.3*var(--u));width:calc(68.3*var(--u));height:calc(67.1*var(--u))}
.tile.t2 h3{left:calc(54*var(--u));top:calc(122.3*var(--u));width:calc(200*var(--u))}
.tile.t6{left:calc(41*var(--u));top:calc(610*var(--u));width:calc(308*var(--u));height:calc(154*var(--u))}
.tile.t6 .ic{left:calc(121.1*var(--u));top:calc(45.3*var(--u));width:calc(68.3*var(--u));height:calc(67.1*var(--u))}
.tile.t6 h3{left:calc(54*var(--u));top:calc(15.9*var(--u));width:calc(200*var(--u))}
.tile.t5{left:calc(41*var(--u));top:calc(770*var(--u));width:calc(308*var(--u));height:calc(154*var(--u))}
.tile.t5 .ic{left:calc(121.1*var(--u));top:calc(45.3*var(--u));width:calc(68.3*var(--u));height:calc(67.1*var(--u))}
.tile.t5 h3{left:calc(54*var(--u));top:calc(122.3*var(--u));width:calc(200*var(--u))}
.tile.t8{left:calc(41*var(--u));top:calc(930*var(--u));width:calc(308*var(--u));height:calc(154*var(--u))}
.tile.t8 .ic{left:calc(121.1*var(--u));top:calc(45.3*var(--u));width:calc(68.3*var(--u));height:calc(67.1*var(--u))}
.tile.t8 h3{left:calc(54*var(--u));top:calc(15.9*var(--u));width:calc(200*var(--u))}
.tile.t7{left:calc(41*var(--u));top:calc(1090*var(--u));width:calc(308*var(--u));height:calc(154*var(--u))}
.tile.t7 .ic{left:calc(121.1*var(--u));top:calc(45.3*var(--u));width:calc(68.3*var(--u));height:calc(67.1*var(--u))}
.tile.t7 h3{left:calc(54*var(--u));top:calc(122.3*var(--u));width:calc(200*var(--u))}
.tile.t3{left:calc(41*var(--u));top:calc(1250*var(--u));width:calc(308*var(--u));height:calc(154*var(--u))}
.tile.t3 .ic{left:calc(121.1*var(--u));top:calc(45.3*var(--u));width:calc(68.3*var(--u));height:calc(67.1*var(--u))}
.tile.t3 h3{left:calc(54*var(--u));top:calc(15.9*var(--u));width:calc(200*var(--u))}
.svc h2,.svc.r h2,.svc .pp,.svc.r .pp{text-align:center}
.svc h2{font-size:calc(18.7*var(--u));line-height:calc(24.3*var(--u))}
.svc .pp p{font-size:calc(13.5*var(--u));line-height:calc(21.6*var(--u))}
.svc.s1{height:calc(220*var(--u))}
.svc.s1 .ph{left:calc(-1*var(--u));width:calc(391*var(--u));height:calc(216*var(--u));object-position:50.0% 50.0%}
.svc.s1 .ov{left:calc(-5*var(--u));width:calc(396*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s1 h2{left:calc(32*var(--u));right:auto;top:calc(23*var(--u));width:calc(329*var(--u))}
.svc.s1 .pp{left:calc(30*var(--u));right:auto;top:calc(82*var(--u));width:calc(331*var(--u))}
.svc.s2{height:calc(221*var(--u))}
.svc.s2 .ph{left:calc(-2*var(--u));width:calc(229*var(--u));height:calc(233*var(--u));object-position:50.0% 40.67%}
.svc.s2 .ov{left:calc(63*var(--u));width:calc(328*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s2 h2{left:calc(36*var(--u));right:auto;top:calc(35*var(--u));width:calc(316*var(--u))}
.svc.s2 .pp{left:calc(34*var(--u));right:auto;top:calc(94*var(--u));width:calc(318*var(--u))}
.svc.s3{height:calc(221*var(--u))}
.svc.s3 .ph{left:calc(4*var(--u));width:calc(391*var(--u));height:calc(220*var(--u));object-position:50.0% 50.0%}
.svc.s3 .ov{left:calc(3*var(--u));width:calc(391*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s3 h2{left:calc(36*var(--u));right:auto;top:calc(31*var(--u));width:calc(318*var(--u))}
.svc.s3 .pp{left:calc(34*var(--u));right:auto;top:calc(65*var(--u));width:calc(320*var(--u))}
.svc.s4{height:calc(220*var(--u))}
.svc.s4 .ph{left:calc(-2*var(--u));width:calc(247*var(--u));height:calc(220*var(--u));object-position:50.0% 50.0%;clip-path:inset(0 calc(1*var(--u)) 0 0)}
.svc.s4 .ov{left:calc(-1*var(--u));width:calc(245*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s4 h2{left:calc(35*var(--u));right:auto;top:calc(47*var(--u));width:calc(322*var(--u))}
.svc.s4 .pp{left:calc(33*var(--u));right:auto;top:calc(82*var(--u));width:calc(324*var(--u))}
.svc.s5{height:calc(223*var(--u))}
.svc.s5 .ph{left:calc(91*var(--u));width:calc(328*var(--u));height:calc(222*var(--u));object-position:50.0% 50.0%}
.svc.s5 .ov{left:calc(90*var(--u));width:calc(317*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s5 h2{left:calc(34*var(--u));right:auto;top:calc(61*var(--u));width:calc(324*var(--u))}
.svc.s5 .pp{left:calc(32*var(--u));right:auto;top:calc(95*var(--u));width:calc(326*var(--u))}
.svc.s6{height:calc(220*var(--u))}
.svc.s6 .ph{left:calc(-29*var(--u));width:calc(264*var(--u));height:calc(220*var(--u));object-position:5.0% 50.0%}
.svc.s6 .ov{left:calc(21*var(--u));width:calc(216*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s6 h2{left:calc(26*var(--u));right:auto;top:calc(48*var(--u));width:calc(328*var(--u))}
.svc.s6 .pp{left:calc(24*var(--u));right:auto;top:calc(107*var(--u));width:calc(330*var(--u))}
.svc.s7{height:calc(221*var(--u))}
.svc.s7 .ph{left:calc(151*var(--u));width:calc(255*var(--u));height:calc(220*var(--u));object-position:0.0% 50.0%;clip-path:inset(0 0 0 calc(26*var(--u)))}
.svc.s7 .ov{left:calc(177*var(--u));width:calc(171*var(--u));background:linear-gradient(100deg,#000 15.4331%,rgba(243,248,240,0) 67.7632%)}
.svc.s7 h2{left:calc(31*var(--u));right:auto;top:calc(49*var(--u));width:calc(328*var(--u))}
.svc.s7 .pp{left:calc(29*var(--u));right:auto;top:calc(107*var(--u));width:calc(330*var(--u))}
.svc.s8{height:calc(222*var(--u))}
.svc.s8 .ph{left:calc(-14*var(--u));width:calc(230*var(--u));height:calc(221*var(--u));object-position:76.13% 50.0%}
.svc.s8 .ov{left:calc(3*var(--u));width:calc(216*var(--u));background:linear-gradient(270deg,#000 15.4331%,rgba(243,248,240,0) 100%)}
.svc.s8 h2{left:calc(30*var(--u));right:auto;top:calc(50*var(--u));width:calc(328*var(--u))}
.svc.s8 .pp{left:calc(28*var(--u));right:auto;top:calc(85*var(--u));width:calc(330*var(--u))}
.rev{height:calc(400*var(--u))}
.rev .mq{top:calc(25*var(--u));height:calc(350*var(--u))}
.rev .trk{left:calc(calc(20*var(--u)) - calc(1328*var(--u)));gap:calc(32*var(--u));animation-name:mqr-m;animation-duration:230s}
.review{width:calc(300*var(--u))}
@keyframes mqr-m{to{transform:translateX(calc(-1328*var(--u)))}}
.about{height:calc(566*var(--u))}
.about .pic{left:0;top:calc(346*var(--u));width:calc(388*var(--u));height:calc(158*var(--u));border-radius:0 0 0 calc(54*var(--u))}
.about h2{left:calc(22*var(--u));top:calc(38*var(--u));width:calc(346*var(--u));text-align:center;font-size:calc(18.7*var(--u));line-height:calc(24.3*var(--u))}
.about .at{left:calc(23*var(--u));top:calc(83*var(--u));width:calc(344*var(--u));text-align:center}
.about .at p{font-size:calc(12.4*var(--u));line-height:calc(19.9*var(--u));margin-bottom:calc(19.9*var(--u))}
.about .ab{left:calc(131*var(--u));top:calc(292*var(--u));width:calc(129*var(--u));height:calc(24*var(--u));font-size:calc(13.5*var(--u))}
.gal{height:calc(88*var(--u))}
.gal .mq{top:calc(12*var(--u));height:calc(63*var(--u))}
.gal .trk{left:calc(calc(57*var(--u)) - calc(928*var(--u)));gap:calc(32*var(--u));animation-name:mqg-m;animation-duration:75s}
.gal .trk img{width:calc(84*var(--u));height:calc(63*var(--u));border-radius:calc(16*var(--u))}
@keyframes mqg-m{to{transform:translateX(calc(-928*var(--u)))}}
.faqk,.faqk .frame{min-height:calc(1795*var(--u))}
.faqk .frame{display:block}
.faqs{margin:0 0 0 calc(42*var(--u));padding-top:calc(35*var(--u));width:calc(307*var(--u))}
.faqs h2{font-size:20px;line-height:24px;margin-bottom:20px}
.fq{display:block;margin-bottom:12px}
.fq .num{width:auto;height:60px;justify-content:flex-start;padding-left:calc(21*var(--u))}
.fq .bd{border:1px solid #000}
.fq:last-child{margin-bottom:0}
.qh,.fq.two .qh,.fq.three .qh{padding:24px 52px 24px 20px;min-height:96px;align-items:flex-start}
.fq.open .qh{padding:24px 52px 0 20px;min-height:0}
.qh .ch{right:calc(18*var(--u))}
.qa{padding:0 20px}
.fq.open .qa p{padding-top:16px}
.kf{margin:calc(68*var(--u)) 0 0 calc(49*var(--u));width:calc(286*var(--u));height:calc(745*var(--u))}
.kf .l1{top:calc(58*var(--u))}.kf .l2{top:calc(150*var(--u));left:0}.kf .l3{top:calc(242*var(--u))}.kf .l4{top:calc(334*var(--u));width:100%}.kf .l5{top:calc(444*var(--u))}
.kf .i1{top:calc(84*var(--u));width:100%}.kf .i2{top:calc(176*var(--u));left:0;width:100%}.kf .i3{top:calc(268*var(--u))}.kf .i4{top:calc(378*var(--u))}.kf .i5{top:calc(470*var(--u))}
.kf .chk{top:calc(588*var(--u));width:calc(250*var(--u))}
.kf .send{top:calc(682*var(--u));width:100%}
.kf .ok{top:calc(740*var(--u))}
.foot{height:calc(778*var(--u));font-size:12px;line-height:19.2px}
.foot .fl{left:calc(50% - calc(48*var(--u)));top:calc(56*var(--u));width:calc(96*var(--u));height:calc(48*var(--u))}
.foot .fc{left:0;right:0;width:100%}
.foot .fc a,.foot .fc p{left:0;right:0;text-align:center}
.foot .ft{top:calc(98*var(--u));font-size:12.4px}
.foot .c1 a:nth-of-type(1){top:calc(136*var(--u))}.foot .c1 a:nth-of-type(2){top:calc(156*var(--u))}.foot .c1 a:nth-of-type(3){top:calc(187*var(--u));font-weight:400}.foot .c1 a:nth-of-type(4){top:calc(218*var(--u))}
.foot .c2 .ft{top:calc(277*var(--u))}
.foot .c3 .ft{top:calc(490*var(--u))}
.foot .c2 a:nth-of-type(1){top:calc(315*var(--u))}.foot .c2 a:nth-of-type(2){top:calc(346*var(--u))}.foot .c2 a:nth-of-type(3){top:calc(378*var(--u))}.foot .c2 a:nth-of-type(4){top:calc(409*var(--u))}.foot .c2 a:nth-of-type(5){top:calc(440*var(--u))}
.foot .c3 a:nth-of-type(1){top:calc(528*var(--u))}.foot .c3 a:nth-of-type(2){top:calc(559*var(--u))}
.foot .c1{left:0}.foot .c2{left:0}.foot .c3{left:0}
.foot .fh{left:calc(15*var(--u));top:calc(652*var(--u));width:calc(360*var(--u))}
.foot .fi{left:calc(15*var(--u));top:calc(679*var(--u));width:calc(100*var(--u))}
.foot .fi a,.foot .fi button{display:block;margin:0 0 6px;padding:2px 0}
.foot .fr{right:calc(24*var(--u));top:calc(679*var(--u))}
.fz{padding:calc(81*var(--u)) 0 calc(40*var(--u))}
.fz h1{font-size:25px;line-height:38px}
.fzbox{width:calc(366*var(--u))}
.team{height:auto;padding-bottom:calc(40*var(--u))}
.team .frame{height:auto}
.team h1{position:static;padding-top:calc(81*var(--u));font-size:25px;line-height:38px}
.tg{position:static;width:auto;margin:calc(30*var(--u)) calc(12*var(--u)) 0;grid-template-columns:repeat(2,1fr);column-gap:calc(12*var(--u));row-gap:calc(24*var(--u))}
.tc{height:auto}
.tc:nth-child(n+5),.tc:nth-child(n+9){margin-top:0}
.tc img{width:100%;height:auto;aspect-ratio:327/393}
.tc strong{margin-top:calc(14*var(--u));font-size:16px;line-height:24px}
.tc span{font-size:14px;line-height:21px}
}

.hpw{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.legal .lt h2{font:700 20px/1.4 var(--mt);margin:30px 0 8px;color:#000}
.legal .lt ul{margin:0 0 18px 22px}

/* Moderner Look für FAQ und Kontaktformular: weiche Karten, runde Ecken, helle Felder */
.fq{background:#fff;border:1px solid rgba(0,40,122,.14);border-radius:18px;overflow:hidden;box-shadow:0 2px 10px rgba(0,30,90,.06);transition:box-shadow .25s,background-color .25s,border-color .25s}
.fq:hover{box-shadow:0 8px 24px rgba(0,30,90,.12);border-color:rgba(0,40,122,.28)}
.fq .num{background:linear-gradient(150deg,#0a3fa8,#00287a);font-weight:600;letter-spacing:.04em}
.fq .bd{border:0;background:transparent}
.fq.open{background:#f4f7fd;border-color:rgba(0,40,122,.3)}
.qh{cursor:pointer;border-radius:0 18px 18px 0}
.qh .ch{padding:6px;border-radius:50%;background:rgba(0,40,122,.08);box-sizing:border-box;transition:transform .25s,background-color .25s}
.fq:hover .qh .ch,.fq.open .qh .ch{background:rgba(0,40,122,.16)}
.kf .in{height:46px;background:#f1f4fb;border:1px solid rgba(0,40,122,.16);border-radius:12px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background-color .2s}
.kf .i4{border:1px solid rgba(0,40,122,.16)}
.kf .i5{height:92px}
.kf .in:hover{border-color:rgba(0,40,122,.4)}
.kf .in:focus-within{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,40,122,.14)}
.kf input[type=text],.kf input[type=tel],.kf input[type=email],.kf textarea,.kf select{color:#0b1b3d;border-radius:12px;padding:8px 14px}
.kf .i2 input{padding-left:48px}
.kf .flag{top:15px;border-radius:2px}
.kf .sc{top:14px}
.kf .sc path{stroke:#00287a}
.kf .err{outline:0;border-color:#c00;box-shadow:0 0 0 3px rgba(204,0,0,.14)}
.kf .bx{width:20px;height:20px;margin-top:2px;border:1.5px solid var(--blue);border-radius:6px;background:#fff;transition:background-color .2s}
.kf .chk input:checked+.bx{background-color:var(--blue);background-size:100%}
.kf .send{height:46px;border-radius:12px;background:var(--blue);font-weight:600;letter-spacing:.02em;box-shadow:0 6px 16px rgba(0,40,122,.25);transition:transform .2s,box-shadow .2s,background-color .2s;cursor:pointer}
.kf .send:hover:not(:disabled){background:#0a3fa8;transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,40,122,.3)}
@media (prefers-reduced-motion:reduce){.fq,.fq .qh .ch,.kf .in,.kf .send{transition:none}}

.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Moderner Header: schwebende, zentrierte Leiste mit Logo, Menü und Kontakt-Button */
.hdr{top:14px;left:50%;right:auto;transform:translateX(-50%);width:min(1180px,calc(100% - 48px));height:66px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-radius:20px;box-shadow:0 8px 28px rgba(0,25,80,.16),0 1px 0 rgba(255,255,255,.6) inset}
.hdr .frame{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;height:100%;padding:0 12px 0 22px}
.hdr .logo,.hdr nav,.hdr .k{position:static;right:auto;left:auto;top:auto}
.hdr .logo{height:46px;flex:none;display:flex;align-items:center}
.hdr .logo img{height:46px}
.hdr nav{height:auto;margin-left:auto;gap:clamp(16px,2.4vw,32px)}
.hdr nav a{font-size:15px;letter-spacing:.02em;position:relative;padding:6px 0}
.hdr nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.hdr nav a:hover::after,.hdr nav a.on::after{transform:scaleX(1)}
.hdr .k{flex:none;width:auto;height:44px;padding:0 24px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font:700 14px/1 Arial,sans-serif;letter-spacing:.08em;box-shadow:0 6px 16px rgba(0,40,122,.28);transition:transform .2s,box-shadow .2s,background-color .2s}
.hdr .k:hover{background:#0a3fa8;transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,40,122,.34)}
.hdr .mde{display:none}
@media (max-width:1000px){
.hdr{top:10px;width:calc(100% - 28px);height:60px;border-radius:18px}
.hdr .frame{padding:0 10px 0 16px;gap:14px}
.hdr .logo,.hdr .logo img{height:40px}
.hdr nav a{font-size:13.5px}
.hdr .k{height:40px;padding:0 18px;font-size:13px}
}
@media (max-width:750px){
.hdr{height:56px;top:8px;width:calc(100% - 20px)}
.hdr .frame{padding:0 8px 0 14px}
.hdr .logo,.hdr .logo img{height:36px}
.hdr .k{margin-left:auto;height:38px;padding:0 16px;font-size:12.5px}
.burger{position:static;left:auto;top:auto;flex:none;width:42px;height:42px;margin-left:2px}
.menu-open .hdr{transform:none;left:0;top:0;width:100%;height:100%;border-radius:0;background:#fff}
}

/* Hero: linke Seite bläulich hinterlegt, damit die Überschrift gut lesbar ist */
.hero .bg{z-index:0}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,40,122,.9) 0%,rgba(0,40,122,.74) 30%,rgba(0,40,122,.38) 55%,rgba(0,40,122,0) 78%)}
.hero .tx,.hero .hb,.hero .badge{z-index:3}
.hero .tx{text-shadow:0 2px 18px rgba(0,20,70,.45)}
@media (max-width:750px){
.hero::before{background:linear-gradient(180deg,rgba(0,40,122,.15) 0%,rgba(0,40,122,.6) 45%,rgba(0,40,122,.82) 100%)}
}

/* Hero-Textfeld breit genug für "… Fahrzeughandel in Laufeld." in einer Zeile */
.hero .tx{width:calc(760*var(--u))}
.hero::before{background:linear-gradient(90deg,rgba(0,40,122,.86) 0%,rgba(0,40,122,.66) 32%,rgba(0,40,122,.3) 56%,rgba(0,40,122,0) 78%)}
@media (max-width:1000px){.hero .tx{width:calc(500*var(--u))}}
@media (max-width:750px){.hero .tx{width:calc(366*var(--u));left:calc(12*var(--u))}.hero .tx p:first-of-type{font-size:calc(11.2*var(--u))}}
@media (max-width:750px){.hero::before{background:linear-gradient(180deg,rgba(0,40,122,0) 0%,rgba(0,40,122,.22) 42%,rgba(0,40,122,.62) 68%,rgba(0,40,122,.82) 100%)}}
.menu-open .hdr nav a::after{display:none}

/* Moderner Stil für die ganze Seite: runde Ecken, weiche Schatten, sanfte Hover-Effekte */
:root{--rad:max(12px,calc(14*var(--u)));--rad-lg:max(20px,calc(34*var(--u)));--sh:0 8px 24px rgba(0,25,80,.16)}
/* Hero */
.hb{border-radius:var(--rad);box-shadow:0 8px 22px rgba(0,20,70,.28);transition:transform .2s,box-shadow .2s,background-color .2s}
.hb:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,20,70,.34);background:#eef3ff}
.badge{border-radius:var(--rad);box-shadow:0 6px 18px rgba(0,20,70,.3)}
/* Fahrzeug-Band */
.vc{border-radius:var(--rad);box-shadow:0 10px 26px rgba(0,15,60,.34);transition:transform .25s,box-shadow .25s}
.vc:hover{box-shadow:0 16px 34px rgba(0,15,60,.42)}
.vi .tg{border-radius:0 8px 8px 0}
/* Leistungsblöcke: oben abgerundet, wie Karten, die übereinander gleiten */
.svcs{background:linear-gradient(var(--navy) 0,var(--navy) 60px,#000 60px)}
.svc{border-radius:var(--rad-lg) var(--rad-lg) 0 0}
/* Bewertungen, Über uns, Team */
.review{box-shadow:0 8px 22px rgba(0,15,60,.22);border-color:transparent}
.about .ab{border-radius:var(--rad);box-shadow:0 8px 20px rgba(0,40,122,.28);transition:transform .2s,box-shadow .2s,background-color .2s}
.about .ab:hover{background:#0a3fa8;transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,40,122,.34)}
.about .pic{border-radius:var(--rad-lg) 0 0 var(--rad-lg)}
.tc img{border-radius:var(--rad-lg);box-shadow:0 12px 30px rgba(0,25,80,.2);transition:transform .3s,box-shadow .3s}
.tc:hover img{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,25,80,.28)}
/* Fahrzeuge-Seite */
.fzph{border-radius:var(--rad-lg);background:#f1f4fb;border-color:rgba(0,40,122,.12)}
.fzgo{border-radius:var(--rad);box-shadow:0 8px 20px rgba(0,40,122,.28);cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s}
.fzgo:hover{background:#0a3fa8;transform:translateY(-2px)}
.fzbox iframe{border-radius:var(--rad-lg)}
/* Footer */
.foot{border-radius:var(--rad-lg) var(--rad-lg) 0 0}
/* Cookie-Fenster */
.consent__box{border-radius:22px}
.consent__buttons button{border-radius:12px;transition:transform .15s,background-color .2s}
.consent__buttons button:hover{transform:translateY(-1px)}
@media (max-width:750px){.about .pic{border-radius:0 var(--rad-lg) var(--rad-lg) 0}}
@media (prefers-reduced-motion:reduce){.hb,.vc,.about .ab,.tc img,.fzgo,.consent__buttons button{transition:none}.hb:hover,.about .ab:hover,.tc:hover img,.fzgo:hover{transform:none}}
@media (min-width:751px) and (max-width:1000px){
.fq .num{width:56px;font-size:16px}
.qh h3{font-size:16px;line-height:22px;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.qh,.fq.two .qh,.fq.three .qh{padding:20px 48px 18px 16px;min-height:80px}
.fq.open .qh{padding:20px 48px 0 16px;min-height:0}
.qh .ch{right:10px;top:18px;width:28px;height:28px}
.qa{padding:0 16px}
}

/* Kontaktformular: fließendes Layout (statt fester Positionen), damit das Terminfeld ein- und ausklappen kann */
.kf{display:flex;flex-direction:column;gap:18px;height:auto}
.kf h2{margin-bottom:2px}
.kf .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kf .fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.kf label,.kf .chk,.kf .in,.kf .send,.kf .ok{position:relative;left:auto;top:auto;right:auto;width:auto}
.kf .fld label{font-size:14px;line-height:19.6px}
.kf .in{width:100%}
.kf .in.i5{height:110px}
.kf .in.i5 textarea{padding-top:12px}
.kf .tel input{padding-left:48px}
.kf input[type=date]{width:100%;height:100%;background:transparent;border:0;outline:0;color:#0b1b3d;font:400 16px var(--mt);padding:8px 14px;border-radius:12px;color-scheme:light}
.kf .termin{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#e8eefb;border:1px solid rgba(0,40,122,.14)}
.kf .termin[hidden]{display:none}
.kf .tnote{font-size:13px;line-height:18px;color:#34436b}
.kf .chk{display:flex;align-items:flex-start;gap:12px;width:100%;margin-top:2px}
.kf .chk a{color:var(--blue);text-decoration:underline}
.kf .send{align-self:flex-start;width:calc(267*var(--u));min-width:170px;margin-top:4px}
.kf .ok{position:static;margin-top:2px}
@media (max-width:750px){
.kf .row2{grid-template-columns:1fr;gap:18px}
.kf .send{width:100%}
}

/* Karriereseite und Bewerbungs-Funnel */
.karp{background:#fff}
.kwrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.kar-hero{background:linear-gradient(160deg,#0a3fa8,var(--navy) 60%);color:#fff;padding:150px 0 80px;text-align:center}
.kar-kicker{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:13px;opacity:.8;margin-bottom:14px}
.kar-hero h1{font-family:var(--md);font-weight:700;font-size:clamp(28px,4.4vw,52px);line-height:1.15;max-width:820px;margin:0 auto 20px}
.kar-lead{max-width:680px;margin:0 auto 30px;font-size:18px;line-height:28px;opacity:.92}
.kar-cta{display:inline-block;background:#fff;color:var(--navy);font-weight:700;padding:15px 30px;border-radius:14px;box-shadow:0 10px 26px rgba(0,20,70,.3);transition:transform .2s,box-shadow .2s}
.kar-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,20,70,.36)}
.kar-bereiche{padding:80px 0 70px}
.kar-bereiche h2,.kar-fun h2{font-family:var(--md);font-weight:700;font-size:clamp(24px,3vw,34px);line-height:1.2;color:var(--blue);text-align:center;margin-bottom:34px}
.kar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kar-grid article{background:#fff;border:1px solid rgba(0,40,122,.14);border-radius:20px;padding:26px 22px;box-shadow:0 4px 16px rgba(0,30,90,.07)}
.kar-grid h3{font-family:var(--md);font-weight:700;font-size:20px;line-height:1.25;color:var(--blue);margin-bottom:10px}
.kar-grid p{font-size:15px;line-height:23px;color:#333}
.kar-fun{background:#f1f4fb;padding:80px 0 90px}
.fun{width:min(760px,100%);margin:0 auto;background:#fff;border-radius:26px;padding:34px;box-shadow:0 18px 50px rgba(0,25,80,.14)}
.fn-head{margin-bottom:26px}
.fn-step{display:block;font-size:14px;font-weight:600;color:#34436b;margin-bottom:10px}
.fn-bar{height:8px;border-radius:8px;background:#e3e9f6;overflow:hidden}
.fn-bar i{display:block;height:100%;width:20%;border-radius:8px;background:linear-gradient(90deg,#0a3fa8,var(--blue));transition:width .35s}
.fn-p{border:0;padding:0;margin:0;min-width:0}
.fn-p[hidden]{display:none}
.fn-p legend{font-family:var(--md);font-weight:700;font-size:clamp(20px,2.6vw,26px);line-height:1.25;color:#0b1b3d;margin-bottom:20px;padding:0}
.fn-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fn-o{position:relative;display:block;cursor:pointer}
.fn-o input{position:absolute;opacity:0;inset:0}
.fn-o span{display:flex;align-items:center;min-height:62px;padding:14px 18px;border:1.5px solid rgba(0,40,122,.2);border-radius:16px;background:#f7f9fe;font-size:16px;font-weight:600;color:#0b1b3d;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}
.fn-o:hover span{border-color:var(--blue);background:#fff;transform:translateY(-1px)}
.fn-o input:checked+span{border-color:var(--blue);background:#e8eefb;box-shadow:0 0 0 3px rgba(0,40,122,.14)}
.fn-o input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.fn-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}
.fun .fld{display:flex;flex-direction:column;gap:6px}
.fun .fld label{font-size:14px;line-height:19px}
.fun .in{position:relative;background:#f1f4fb;border:1px solid rgba(0,40,122,.16);border-radius:12px;height:46px;transition:border-color .2s,box-shadow .2s,background-color .2s}
.fun .in.i5{height:96px}
.fun .in:focus-within{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,40,122,.14)}
.fun .in.err{border-color:#c00;box-shadow:0 0 0 3px rgba(204,0,0,.14)}
.fun input[type=text],.fun input[type=email],.fun input[type=tel],.fun textarea{width:100%;height:100%;background:transparent;border:0;outline:0;color:#0b1b3d;font:400 16px var(--mt);padding:8px 14px;border-radius:12px;resize:none}
.fun textarea{padding-top:12px}
.fun .chk{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:21px;cursor:pointer;margin-bottom:10px}
.fun .chk input{position:absolute;opacity:0}
.fun .bx{flex:none;width:20px;height:20px;margin-top:1px;border:1.5px solid var(--blue);border-radius:6px;background:#fff;transition:background-color .2s}
.fun .chk input:checked+.bx{background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") center/100% no-repeat}
.fun .chk input:focus-visible+.bx{outline:2px solid var(--blue);outline-offset:2px}
.fun .chk a,.fn-hint a{color:var(--blue);text-decoration:underline}
.fn-hint{font-size:13px;line-height:19px;color:#34436b;margin-bottom:6px}
.fn-err{color:#c00;font-size:14px;margin-top:12px}
.fn-err[hidden]{display:none}
.fn-nav{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:26px}
.fn-back{background:none;border:1.5px solid rgba(0,40,122,.25);color:var(--blue);font:600 16px var(--mt);height:46px;padding:0 24px;border-radius:12px;cursor:pointer;transition:background-color .2s}
.fn-back:hover{background:#eef3ff}
.fn-back[hidden]{display:none}
.fun .send{position:static;margin-left:auto;width:auto;min-width:170px;height:46px;padding:0 28px;border-radius:12px;background:var(--blue);color:#fff;font:600 16px var(--mt);cursor:pointer;box-shadow:0 6px 16px rgba(0,40,122,.25)}
.fun .send:hover:not(:disabled){background:#0a3fa8}
.fun .send:disabled{opacity:.6;cursor:default}
.fun .ok{margin-top:14px;font-size:16px;line-height:24px;color:var(--blue)}
.fun .ok[hidden]{display:none}.fun .ok.fail{color:#c00}
.fn-done{text-align:center;padding:30px 10px}
.fn-done[hidden]{display:none}
.fn-done h3{font-family:var(--md);font-weight:700;font-size:26px;color:var(--blue);margin-bottom:10px}
@media (max-width:900px){.kar-grid{grid-template-columns:1fr 1fr}}
@media (max-width:750px){
.kar-hero{padding:118px 0 56px}.kar-lead{font-size:16px;line-height:25px}
.kar-bereiche{padding:56px 0 50px}.kar-fun{padding:56px 0 64px}
.kar-grid{grid-template-columns:1fr}
.fun{padding:22px 18px;border-radius:22px}
.fn-opts{grid-template-columns:1fr}
.fn-o span{min-height:56px}
.fn-nav{flex-wrap:wrap}.fun .send{flex:1}
}
@media (prefers-reduced-motion:reduce){.fn-bar i,.fn-o span,.kar-cta{transition:none}}

/* Footer mit sechs Navigationspunkten (Karriere ergänzt) */
.foot .c2 a:nth-of-type(1){top:calc(135*var(--u))}.foot .c2 a:nth-of-type(2){top:calc(170*var(--u))}.foot .c2 a:nth-of-type(3){top:calc(205*var(--u))}.foot .c2 a:nth-of-type(4){top:calc(240*var(--u))}.foot .c2 a:nth-of-type(5){top:calc(275*var(--u))}.foot .c2 a:nth-of-type(6){top:calc(310*var(--u))}
.badge a{display:block;width:100%;height:100%}
@media (max-width:1000px){
.foot .c2 a:nth-of-type(1){top:calc(92*var(--u))}.foot .c2 a:nth-of-type(2){top:calc(126*var(--u))}.foot .c2 a:nth-of-type(3){top:calc(160*var(--u))}.foot .c2 a:nth-of-type(4){top:calc(194*var(--u))}.foot .c2 a:nth-of-type(5){top:calc(228*var(--u))}.foot .c2 a:nth-of-type(6){top:calc(262*var(--u))}
.hdr nav{gap:clamp(12px,1.8vw,22px)}.hdr nav a{font-size:13px}
}
@media (max-width:750px){
.foot{height:calc(810*var(--u))}
.foot .c2 a:nth-of-type(1){top:calc(315*var(--u))}.foot .c2 a:nth-of-type(2){top:calc(346*var(--u))}.foot .c2 a:nth-of-type(3){top:calc(378*var(--u))}.foot .c2 a:nth-of-type(4){top:calc(409*var(--u))}.foot .c2 a:nth-of-type(5){top:calc(440*var(--u))}.foot .c2 a:nth-of-type(6){top:calc(471*var(--u))}
.foot .c3 .ft{top:calc(520*var(--u))}.foot .c3 a:nth-of-type(1){top:calc(558*var(--u))}.foot .c3 a:nth-of-type(2){top:calc(589*var(--u))}
.foot .fh{top:calc(684*var(--u))}.foot .fi{top:calc(711*var(--u))}.foot .fr{top:calc(711*var(--u))}
}
@media (max-width:750px){
.foot{height:calc(832*var(--u))}
.foot .c1 .ft{top:calc(122*var(--u))}
.foot .c1 a:nth-of-type(1){top:calc(158*var(--u))}.foot .c1 a:nth-of-type(2){top:calc(178*var(--u))}.foot .c1 a:nth-of-type(3){top:calc(209*var(--u))}.foot .c1 a:nth-of-type(4){top:calc(240*var(--u))}
.foot .c2 .ft{top:calc(299*var(--u))}
.foot .c2 a:nth-of-type(1){top:calc(337*var(--u))}.foot .c2 a:nth-of-type(2){top:calc(368*var(--u))}.foot .c2 a:nth-of-type(3){top:calc(400*var(--u))}.foot .c2 a:nth-of-type(4){top:calc(431*var(--u))}.foot .c2 a:nth-of-type(5){top:calc(462*var(--u))}.foot .c2 a:nth-of-type(6){top:calc(493*var(--u))}
.foot .c3 .ft{top:calc(542*var(--u))}.foot .c3 a:nth-of-type(1){top:calc(580*var(--u))}.foot .c3 a:nth-of-type(2){top:calc(611*var(--u))}
.foot .fh{top:calc(706*var(--u))}.foot .fi{top:calc(733*var(--u))}.foot .fr{top:calc(733*var(--u))}
}

/* Team-Seite: fünf Personen pro Zeile (Desktop und Tablet) */
@media (min-width:751px){
.team{height:calc(1190*var(--u))}
.tg{grid-template-columns:repeat(5,1fr);column-gap:calc(20*var(--u));row-gap:calc(52*var(--u))}
.tc,.tc:nth-child(n){height:auto;margin-top:0}
.tc img{width:100%;height:auto;aspect-ratio:327/393}
.tc strong{margin-top:calc(26*var(--u));font-size:clamp(15px,1.55vw,22px);line-height:1.45;letter-spacing:.04em;overflow-wrap:anywhere}
.tc span{font-size:clamp(12.5px,1.15vw,17px);line-height:1.45;letter-spacing:.03em}
}
@media (min-width:751px) and (max-width:1000px){
.team{height:calc(820*var(--u))}
.tg{left:calc(20*var(--u));width:calc(860*var(--u));column-gap:calc(12*var(--u));row-gap:calc(30*var(--u))}
}

/* Team: letzte Zeile mittig */
@media (min-width:751px){
.tg{--g:calc(20*var(--u));display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--g);row-gap:calc(52*var(--u))}
.tc,.tc:nth-child(n){flex:0 0 calc((100% - 4*var(--g))/5);min-width:0}
}
@media (min-width:751px) and (max-width:1000px){
.tg{--g:calc(12*var(--u));row-gap:calc(30*var(--u))}
}

/* Leistungsblöcke: Rundung oben nur beim Hereinscrollen, am oberen Rand verschwindet sie (--svr wird per Scroll von 1 auf 0 gesetzt) */
.svc{border-radius:calc(var(--rad-lg)*var(--svr,1)) calc(var(--rad-lg)*var(--svr,1)) 0 0}
/* Teambild bei "Über uns": oben eckig, unten rund */
.about .pic{border-radius:0 0 var(--rad-lg) var(--rad-lg)}
@media (max-width:750px){.about .pic{border-radius:0 0 var(--rad-lg) var(--rad-lg)}}
@media (min-width:751px) and (max-width:900px){
.tc strong{font-size:13px;letter-spacing:.02em}
.tc span{font-size:11.5px;letter-spacing:.01em}
}