/* Autoankaufdirekt.de MVP */
:root{
  --navy:#0d1b2a;
  --navy-2:#11365e;
  --green:#2e7d32;
  --green-2:#3cae45;
  --ink:#172033;
  --muted:#657286;
  --line:#dfe5ec;
  --soft:#f5f7f9;
  --white:#fff;
  --shadow:0 18px 50px rgba(13,27,42,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.narrow{width:min(860px,calc(100% - 40px))}
.topbar{background:var(--navy);color:#fff;font-size:.86rem}
.topbar__inner{min-height:34px;display:flex;gap:28px;align-items:center;justify-content:center}
.topbar a{text-decoration:none}
.header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}
.header__inner{display:flex;align-items:center;justify-content:space-between;min-height:78px}
.brand img{width:310px;height:auto;object-fit:contain}
.nav{display:flex;gap:26px;align-items:center}
.nav>a{font-weight:700;text-decoration:none;font-size:.94rem}
.nav-toggle{display:none;border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px;font-weight:700}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:0;border-radius:8px;background:var(--navy-2);color:#fff;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}
.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(17,54,94,.22)}
.button--small{min-height:42px;padding-inline:18px}
.button--outline{background:#fff;color:var(--navy-2);border:1.5px solid var(--navy-2)}
.button--ghost{background:#eef2f6;color:var(--navy-2)}
.button--light{background:#fff;color:var(--navy-2)}
.button--full{width:100%}
.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 42%,#eef4f8 100%);border-bottom:1px solid var(--line)}
.hero__shape{position:absolute;inset:auto -10% -45% 20%;height:520px;background:radial-gradient(circle at center,rgba(60,174,69,.15),transparent 64%);pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center;min-height:640px;padding:68px 0}
.hero__content{max-width:650px;z-index:2}
.eyebrow,.section-heading>span{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
h1,h2,h3{line-height:1.15;color:var(--navy-2)}
h1{font-size:clamp(2.5rem,5vw,4.6rem);margin:.35em 0 .3em;letter-spacing:-.04em}
h1 span{color:var(--green)}
.hero__lead{font-size:1.16rem;max-width:680px;color:#374357}
.checklist{list-style:none;padding:0;margin:26px 0}
.checklist li{margin:12px 0;padding-left:31px;position:relative;font-weight:700}
.checklist li::before{content:"✓";position:absolute;left:0;top:0;color:#fff;background:var(--green);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.8rem}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.microcopy{font-size:.86rem;color:var(--muted);margin-top:18px}
.hero__visual{position:absolute;right:-110px;bottom:70px;width:min(56vw,760px);opacity:.97;z-index:0}
.lead-card{z-index:5;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:visible;align-self:center}
.lead-card__head{background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff;text-align:center;padding:22px 20px}
.lead-card__head h2{color:#fff;font-size:1.45rem;margin:0 0 5px}
.lead-card__head p{margin:0;opacity:.82}
.progress{height:5px;background:#e7ecf0}
.progress__bar{display:block;width:25%;height:100%;background:var(--green);transition:.3s width}
.form-step{display:none;padding:24px}
.form-step.is-active{display:block}
label{display:block;font-size:.88rem;font-weight:800;color:#293449;margin-bottom:15px}
input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfd8e2;border-radius:8px;padding:13px 14px;font:inherit;color:var(--ink);background:#fff}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(46,125,50,.14);border-color:var(--green)}
small{font-weight:500;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.step-actions{display:flex;gap:10px;justify-content:space-between}
.step-actions .button{flex:1}
.checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:600}
.checkbox input{width:18px;margin:3px 0 0}
.honeypot{position:absolute!important;left:-10000px!important}
.form-message{padding:0 24px 18px;font-weight:700}
.form-message.is-error{color:#a12020}
.form-message.is-success{color:var(--green)}
.security-note{font-size:.78rem;text-align:center;color:var(--muted);padding:0 24px 20px;margin:0}
.trust-strip{background:var(--navy-2);color:#fff}
.trust-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-strip__grid>div{padding:24px;border-right:1px solid rgba(255,255,255,.18)}
.trust-strip__grid>div:last-child{border-right:0}
.trust-strip strong,.trust-strip span{display:block}
.trust-strip span{font-size:.86rem;opacity:.76;margin-top:4px}
.section{padding:78px 0}
.section--soft{background:var(--soft)}
.section-heading{text-align:center;margin-bottom:36px}
.section-heading h2{font-size:clamp(2rem,4vw,3rem);margin:.25em 0 0;letter-spacing:-.035em}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.steps article{text-align:center;padding:12px 20px}
.steps b{width:40px;height:40px;border-radius:50%;background:var(--navy-2);color:#fff;display:grid;place-items:center;margin:0 auto 16px}
.steps h3{margin:.3em 0}
.steps p{color:var(--muted)}
.legal-note{text-align:center;color:var(--muted);font-size:.85rem;margin-top:25px}
.vehicle-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.vehicle-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 16px;text-align:center;box-shadow:0 7px 25px rgba(13,27,42,.05)}
.vehicle-icon{font-size:2.35rem}
.vehicle-grid h3{font-size:1rem;margin:.7em 0 .3em}
.vehicle-grid p{font-size:.86rem;color:var(--muted);margin:0}
.brand-band{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;padding:42px 0}
.brand-band__grid{display:grid;grid-template-columns:120px 1fr auto;gap:30px;align-items:center}
.brand-band img{width:110px}
.brand-band span{font-weight:800;color:#8cdd91}
.brand-band h2{color:#fff;font-size:2rem;margin:.15em 0}
.brand-band p{margin:0;max-width:650px;opacity:.8}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;font-weight:800;color:var(--navy-2)}
details p{color:var(--muted)}
.cta{background:var(--navy-2);color:#fff;padding:38px 0}
.cta__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{color:#fff;font-size:2rem;margin:0 0 6px}
.cta p{margin:0;opacity:.78}
.cta__actions{display:flex;gap:12px;flex-wrap:wrap}
.footer{background:#fff;padding:42px 0 24px;border-top:1px solid var(--line)}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
.footer__grid>img{width:270px}
.footer p{color:var(--muted)}
.footer a{text-decoration:none}
.footer__bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;color:var(--muted);font-size:.86rem}
.mobile-bar{display:none}
@media(max-width:1000px){
  .topbar__inner{justify-content:flex-start;overflow:auto;white-space:nowrap}
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}
  .nav.is-open{display:flex}
  .hero__grid{grid-template-columns:1fr;min-height:auto;padding:52px 0}
  .hero__content{padding-right:0}
  .hero__visual{position:relative;right:auto;bottom:auto;width:100%;order:2}
  .lead-card{order:3}
  .trust-strip__grid{grid-template-columns:1fr 1fr}
  .trust-strip__grid>div:nth-child(2){border-right:0}
  .steps{grid-template-columns:1fr 1fr}
  .vehicle-grid{grid-template-columns:repeat(3,1fr)}
  .brand-band__grid{grid-template-columns:100px 1fr}
  .brand-band .button{grid-column:1/-1}
}
@media(max-width:680px){
  body{padding-bottom:62px}
  .container,.narrow{width:min(100% - 26px,1180px)}
  .topbar{display:none}
  .header__inner{min-height:66px}
  .brand img{width:225px}
  .nav{top:66px}
  .hero{background:linear-gradient(#fff,#f4f7fa)}
  .hero__grid{padding:40px 0}
  h1{font-size:2.45rem}
  .hero__visual{margin:-10px 0 -15px}
  .form-grid,.trust-strip__grid,.steps,.vehicle-grid,.footer__grid{grid-template-columns:1fr}
  .trust-strip__grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
  .trust-strip__grid>div:last-child{border-bottom:0}
  .section{padding:58px 0}
  .brand-band__grid{grid-template-columns:1fr;text-align:center}
  .brand-band img{margin:auto}
  .cta__inner{flex-direction:column;align-items:flex-start}
  .cta__actions{width:100%}
  .cta__actions .button{flex:1}
  .mobile-bar{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(13,27,42,.12)}
  .mobile-bar a{padding:14px 8px;text-align:center;text-decoration:none;font-weight:800;font-size:.8rem}
  .mobile-bar a:last-child{background:var(--green);color:#fff}
}

.conditional-fields{border:1px solid var(--line);background:var(--soft);padding:14px;border-radius:10px;margin-bottom:15px}
.service-section{padding-top:20px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-grid article{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff;box-shadow:0 8px 25px rgba(13,27,42,.06)}
.service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#eaf6eb;color:var(--green);font-size:1.4rem;font-weight:900}
.service-grid h3{margin:.8em 0 .35em}
.service-grid p{color:var(--muted);margin:0}
@media(max-width:900px){.service-grid{grid-template-columns:1fr}}


.lead-card__head{border-radius:16px 16px 0 0}
.vehicle-step{position:relative;border-radius:0 0 16px 16px}
.form-step__intro{margin-bottom:22px}
.form-step__intro span{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green);font-weight:900}
.form-step__intro h3{font-size:1.55rem;margin:.25rem 0 .3rem}
.form-step__intro p{color:var(--muted);margin:0}
.vehicle-search-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.search-field{position:relative;margin-bottom:0}
.search-field>label,.registration-block>label{display:block;font-size:.88rem;font-weight:800;color:#293449;margin-bottom:7px}
.search-control{position:relative;display:flex;align-items:center}
.search-control input{margin:0;padding:15px 48px 15px 42px;min-height:54px;background:#fff}
.search-control__icon{position:absolute;left:15px;z-index:2;color:var(--navy-2);font-size:1.35rem;line-height:1}
.search-toggle{position:absolute;right:0;top:0;bottom:0;width:46px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--navy-2);font-size:1.35rem;cursor:pointer}
.search-menu{position:absolute;z-index:100;left:0;right:0;top:calc(100% + 7px);background:#fff;border:1px solid #cfd8e2;border-radius:10px;box-shadow:0 18px 45px rgba(13,27,42,.18);overflow:hidden}
.search-menu__title{padding:11px 14px;background:#f5f7f9;border-bottom:1px solid var(--line);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.search-options{max-height:265px;overflow-y:auto;overscroll-behavior:contain}
.search-option{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:13px 15px;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.search-option:hover,.search-option.is-active{background:#eef7ef;color:#205f25}
.search-option--manual{font-weight:800;color:var(--green)}
.search-option small{font-size:.72rem;color:var(--muted)}
.search-empty{padding:18px 15px;color:var(--muted);font-size:.88rem}
.registration-block{margin:5px 0 18px}
.registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.select-label{margin:0}
.select-label>span{display:block;margin-bottom:7px}
.select-label select{margin:0;min-height:54px;padding:15px 42px 15px 14px}
.search-field--year>label{margin-bottom:7px}
.search-field--year .search-control input{padding-left:14px}
.search-menu--year .search-options{max-height:240px}
.mileage-field{margin-bottom:18px}
.input-with-suffix{position:relative}
.input-with-suffix input{margin:7px 0 0;padding-right:55px;min-height:54px}
.input-with-suffix span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--muted)}
.vehicle-step .button--full{font-size:1rem;gap:10px}
.footer__grid>img{width:300px;object-fit:contain}
@media(max-width:680px){
  .brand img{width:245px}
  .vehicle-search-grid,.registration-grid{grid-template-columns:1fr}
  .search-options{max-height:220px}
  .search-menu{position:fixed;left:12px;right:12px;top:auto;bottom:74px;max-height:58vh}
  .search-menu__title{padding:14px}
  .search-options{max-height:calc(58vh - 48px)}
}


.brand-values{
  padding:70px 0;
  background:#fff;
  border-top:1px solid var(--line);
}
.brand-values__heading{
  text-align:center;
  margin-bottom:34px;
}
.brand-values__heading>span{
  color:var(--green);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.8rem;
}
.brand-values__heading h2{
  margin:.3em 0 0;
  font-size:clamp(2rem,4vw,3rem);
  letter-spacing:-.035em;
}
.brand-values__grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.brand-value{
  text-align:center;
  padding:22px 14px;
  border:1px solid transparent;
  border-radius:14px;
  transition:.2s transform,.2s border-color,.2s box-shadow;
}
.brand-value:hover{
  transform:translateY(-3px);
  border-color:var(--line);
  box-shadow:0 10px 28px rgba(13,27,42,.08);
}
.brand-value__icon{
  width:66px;
  height:66px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f1f7f2;
}
.brand-value__icon svg{
  width:42px;
  height:42px;
  fill:none;
  stroke:var(--navy-2);
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.brand-value:nth-child(2) .brand-value__icon svg,
.brand-value:nth-child(4) .brand-value__icon svg{
  stroke:var(--green);
}
.brand-value h3{
  margin:.35em 0;
  font-size:1.05rem;
}
.brand-value p{
  margin:0;
  color:var(--muted);
  font-size:.87rem;
}
@media(max-width:1000px){
  .brand-values__grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .brand-values{padding:54px 0}
  .brand-values__grid{grid-template-columns:1fr 1fr;gap:8px}
  .brand-value{padding:18px 8px}
  .brand-value:last-child{grid-column:1/-1;max-width:260px;margin:auto}
  .brand-value p{font-size:.8rem}
}


.service-grid{
  grid-template-columns:repeat(3,1fr);
}
.fixed-price-section{
  padding:42px 0;
  background:linear-gradient(135deg,var(--green),#246c2a);
  color:#fff;
}
.fixed-price-section__grid{
  display:grid;
  grid-template-columns:120px 1fr auto;
  gap:28px;
  align-items:center;
}
.fixed-price-section__badge{
  width:110px;
  height:110px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--green);
  font-size:1.7rem;
  font-weight:950;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.fixed-price-section span{
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.82;
}
.fixed-price-section h2{
  color:#fff;
  font-size:clamp(1.8rem,3.5vw,2.8rem);
  margin:.2em 0 .25em;
}
.fixed-price-section p{
  margin:0;
  max-width:760px;
  opacity:.9;
}
@media(max-width:900px){
  .fixed-price-section__grid{grid-template-columns:90px 1fr}
  .fixed-price-section__badge{width:82px;height:82px;font-size:1.25rem}
  .fixed-price-section .button{grid-column:1/-1}
}
@media(max-width:680px){
  .fixed-price-section__grid{grid-template-columns:1fr;text-align:center}
  .fixed-price-section__badge{margin:auto}
  .fixed-price-section .button{width:100%}
}


.section-lead{
  width:min(760px,100%);
  margin:14px auto 0;
  color:var(--muted);
  font-size:1.02rem;
}
.security-section{
  padding:78px 0;
  background:#fff;
}
.security-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.security-grid article{
  border:1px solid var(--line);
  border-radius:14px;
  padding:24px 20px;
  background:#fff;
  box-shadow:0 8px 26px rgba(13,27,42,.05);
}
.security-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#eaf6eb;
  color:var(--green);
  font-size:1.4rem;
  font-weight:950;
}
.security-grid h3{margin:.8em 0 .35em}
.security-grid p{margin:0;color:var(--muted)}
.security-callout{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-top:26px;
  padding:18px 20px;
  border-left:5px solid var(--green);
  background:#f3f8f3;
  border-radius:8px;
}
.guide-teaser{
  padding:46px 0;
  background:#eef3f8;
}
.guide-teaser__grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:center;
}
.guide-teaser span,
.content-hero span{
  color:var(--green);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.78rem;
  font-weight:900;
}
.guide-teaser h2{font-size:clamp(1.8rem,3.5vw,2.7rem);margin:.25em 0}
.guide-teaser p{margin:0;color:var(--muted);max-width:760px}
.city-service-section{
  padding:78px 0;
  background:#f5f7f9;
}
.city-link-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.city-link-grid a{
  padding:15px 16px;
  background:var(--navy-2);
  color:#fff;
  text-decoration:none;
  text-align:center;
  font-weight:800;
  border-radius:8px;
  transition:.2s transform,.2s background;
}
.city-link-grid a:hover{
  transform:translateY(-2px);
  background:var(--green);
}
.city-service__action{text-align:center;margin-top:28px}

/* Content pages */
.content-page{background:#fff}
.content-hero{
  padding:72px 0;
  background:linear-gradient(135deg,#f7f9fb,#eaf1f6);
  border-bottom:1px solid var(--line);
}
.content-hero__inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:40px;
  align-items:center;
}
.content-hero h1{
  font-size:clamp(2.4rem,5vw,4rem);
  margin:.25em 0;
  letter-spacing:-.04em;
}
.content-hero p{
  max-width:820px;
  font-size:1.1rem;
  color:#465267;
}
.content-section{padding:68px 0}
.content-section--soft{background:#f5f7f9}
.prose{width:min(900px,calc(100% - 40px))}
.prose h2{font-size:2rem;margin:1.5em 0 .45em}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.25rem;margin:1.2em 0 .35em}
.prose p,.prose li{font-size:1.02rem;color:#344054}
.prose li{margin:.35em 0}
.prose a{color:var(--navy-2)}
.info-panel,.highlight-panel,.checklist-panel{
  margin:30px 0;
  padding:24px;
  border-radius:12px;
  background:#eef5fb;
  border:1px solid #d6e3ef;
}
.highlight-panel{
  background:#eff8f0;
  border-color:#c9e6cc;
}
.checklist-panel{
  background:#fff8e8;
  border-color:#ead9ad;
}
.comparison-table-wrap{overflow-x:auto;margin:24px 0 40px}
.comparison-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}
.comparison-table th,.comparison-table td{
  padding:14px;
  border:1px solid var(--line);
  text-align:left;
  vertical-align:top;
}
.comparison-table th{background:var(--navy-2);color:#fff}
.comparison-table tbody tr:nth-child(even){background:#f7f9fb}
.service-area-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.service-area-card{
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  padding:22px;
  scroll-margin-top:100px;
}
.service-area-card>span{
  color:var(--green);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-weight:900;
}
.service-area-card h2{font-size:1.3rem;margin:.35em 0}
.service-area-card p{color:var(--muted);font-size:.9rem}
.service-area-card a{color:var(--navy-2);font-weight:800}

@media(max-width:1000px){
  .security-grid{grid-template-columns:1fr 1fr}
  .city-link-grid{grid-template-columns:repeat(3,1fr)}
  .service-area-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .security-section,.city-service-section{padding:56px 0}
  .security-grid,.city-link-grid,.service-area-grid{grid-template-columns:1fr}
  .security-callout{display:block}
  .security-callout strong{display:block;margin-bottom:7px}
  .guide-teaser__grid,.content-hero__inner{grid-template-columns:1fr}
  .guide-teaser .button,.content-hero .button{width:100%}
  .content-hero{padding:50px 0}
  .content-section{padding:50px 0}
  .prose{width:min(100% - 26px,900px)}
}


/* V11 – Navigation und Footer veredelt */
.header--premium{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(255,255,255,.97);
  backdrop-filter:saturate(180%) blur(10px);
  box-shadow:0 10px 25px rgba(13,27,42,.05);
}
.header--premium .header__inner{
  min-height:92px;
  gap:26px;
}
.header--premium .brand img{
  width:330px;
  max-width:min(100%,330px);
}
.nav--premium{
  gap:22px;
  align-items:center;
  flex-wrap:nowrap;
}
.nav--premium a{
  font-size:1.02rem;
  font-weight:800;
  color:var(--navy-2);
  position:relative;
  white-space:nowrap;
}
.nav--premium a:not(.button)::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:3px;
  border-radius:999px;
  background:var(--green);
  transition:width .22s ease;
}
.nav--premium a:not(.button):hover::after{
  width:100%;
}
.nav--premium .button{
  padding:14px 22px;
  border-radius:14px;
  box-shadow:0 12px 22px rgba(17,54,94,.16);
}
.footer--premium{
  background:linear-gradient(180deg,#f6f8fa 0%, #edf2f6 100%);
  border-top:1px solid #d8e0e9;
  margin-top:0;
}
.footer__grid--premium{
  grid-template-columns:1.35fr .9fr .9fr .9fr;
  gap:48px;
  padding:58px 0 28px;
  align-items:start;
}
.footer__brandcol img{
  width:300px;
  max-width:100%;
  margin-bottom:16px;
}
.footer__claim{
  margin:0 0 18px;
  color:#536277;
  max-width:420px;
  line-height:1.7;
}
.footer__company{
  color:#213a5a;
  line-height:1.7;
}
.footer--premium strong{
  display:block;
  margin-bottom:12px;
  color:#0d1b2a;
  font-size:1.08rem;
}
.footer--premium p{
  margin:0;
  line-height:2;
}
.footer--premium a{
  color:#49617f;
  text-decoration:none;
}
.footer--premium a:hover{
  color:var(--green);
}
.footer__bottom--premium{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:18px 0 28px;
  border-top:1px solid #d8e0e9;
  color:#617184;
  font-size:.95rem;
}
@media (max-width: 1180px){
  .nav--premium{gap:16px}
  .nav--premium a{font-size:.95rem}
  .header--premium .brand img{width:285px}
}
@media (max-width: 980px){
  .footer__grid--premium{
    grid-template-columns:1fr 1fr;
    gap:30px;
  }
  .footer__bottom--premium{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width: 780px){
  .header--premium .header__inner{
    min-height:80px;
  }
  .header--premium .brand img{
    width:250px;
  }
  .nav--premium{
    flex-wrap:wrap;
    gap:12px 16px;
    padding-top:10px;
  }
}
@media (max-width: 620px){
  .footer__grid--premium{
    grid-template-columns:1fr;
  }
  .footer__brandcol img{
    width:250px;
  }
}


/* V12 – Premium-Look, kompakter Header, sichtbarer WhatsApp-Button */
.topbar--premium{
  background:linear-gradient(90deg,#0d2b4e 0%, #11365e 55%, #194572 100%);
  color:#fff;
  font-size:.92rem;
}
.topbar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:42px;
  flex-wrap:wrap;
}
.topbar__item{
  display:flex;
  align-items:center;
  gap:8px;
}
.topbar__item a{
  color:#fff;
  text-decoration:none;
}
.topbar__item a:hover{
  color:#bdf09a;
}
.header--compact .header__inner{
  min-height:76px;
  gap:18px;
}
.header--compact .brand img{
  width:285px;
  max-width:min(100%,285px);
}
.header--compact .nav--premium{
  gap:18px;
}
.header--compact .nav--premium a{
  font-size:.98rem;
}
.header--compact .nav--premium .button{
  padding:12px 18px;
  border-radius:12px;
}
.footer--premium{
  background:
    radial-gradient(circle at top left, rgba(46,125,50,.08), transparent 28%),
    linear-gradient(180deg,#fcfdff 0%, #eef3f8 52%, #e8edf3 100%);
  border-top:1px solid #d6e0ea;
}
.footer__grid--premium{
  gap:56px;
}
.footer__brandcol{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(17,54,94,.08);
  border-radius:22px;
  padding:24px;
  box-shadow:0 18px 40px rgba(13,27,42,.06);
}
.footer--premium > .container:not(.footer__grid--premium){
  position:relative;
}
.footer--premium strong{
  font-weight:900;
  letter-spacing:.01em;
}
.footer--premium p, .footer__company{
  color:#47576a;
}
.footer__grid--premium > div:not(.footer__brandcol){
  background:rgba(255,255,255,.42);
  border:1px solid rgba(17,54,94,.06);
  border-radius:18px;
  padding:22px 22px 18px;
}
.footer__bottom--premium{
  background:rgba(255,255,255,.55);
  border-radius:16px;
  padding:16px 18px;
  margin-bottom:24px;
  box-shadow:0 10px 28px rgba(13,27,42,.05);
}
.contact-panel--premium{
  padding:28px 0 0;
}
.contact-panel__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:28px;
}
.contact-card{
  background:linear-gradient(180deg,#ffffff 0%, #f7fafc 100%);
  border:1px solid #dde6ef;
  border-radius:20px;
  padding:24px 20px;
  box-shadow:0 16px 34px rgba(13,27,42,.06);
  transition:transform .22s ease, box-shadow .22s ease;
}
.contact-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 42px rgba(13,27,42,.09);
}
.contact-card__icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-size:1.35rem;
  background:linear-gradient(135deg,#11365e 0%, #2e7d32 100%);
  color:#fff;
  margin-bottom:16px;
  box-shadow:0 14px 26px rgba(17,54,94,.20);
}
.contact-card strong{
  display:block;
  margin-bottom:10px;
  font-size:1.05rem;
  color:#0d1b2a;
}
.contact-card p{
  margin:0 0 8px;
  color:#213a5a;
  line-height:1.6;
}
.contact-card small{
  color:#6b7989;
  line-height:1.5;
}
.contact-card a{
  color:#11365e;
  text-decoration:none;
}
.contact-card a:hover{
  color:#2e7d32;
}
.floating-whatsapp{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:60;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg,#2dbb54 0%, #1f8f43 100%);
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  padding:14px 18px;
  font-weight:900;
  box-shadow:0 16px 35px rgba(20,94,39,.35);
}
.floating-whatsapp:hover{
  transform:translateY(-2px);
  color:#fff;
}
.floating-whatsapp__icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:1rem;
}
.floating-whatsapp__text{
  letter-spacing:.01em;
}
@media (max-width: 1180px){
  .contact-panel__grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width: 920px){
  .topbar__inner{
    justify-content:flex-start;
  }
  .header--compact .brand img{
    width:245px;
  }
}
@media (max-width: 680px){
  .contact-panel__grid{
    grid-template-columns:1fr;
  }
  .topbar__inner{
    gap:8px;
    min-height:unset;
    padding:10px 0;
  }
  .header--compact .header__inner{
    min-height:72px;
  }
  .floating-whatsapp{
    right:12px;
    left:12px;
    justify-content:center;
    bottom:12px;
  }
}


/* V13 – Premium-Startseite und Leistungsfeld */
.hero{
  background:
    radial-gradient(circle at 18% 20%, rgba(46,125,50,.11), transparent 28%),
    radial-gradient(circle at 80% 10%, rgba(17,54,94,.12), transparent 30%),
    linear-gradient(120deg,#ffffff 0%,#f7fafc 48%,#edf3f8 100%);
}
.hero__grid{
  min-height:680px;
  padding:72px 0;
}
.hero__content{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.88);
  border-radius:26px;
  padding:34px;
  box-shadow:0 24px 65px rgba(13,27,42,.09);
  backdrop-filter:blur(8px);
}
.hero__content h1{
  font-size:clamp(2.55rem,4.4vw,4.25rem);
  line-height:1.03;
  letter-spacing:-.045em;
}
.hero__content h1 span{
  position:relative;
  color:var(--green);
}
.hero__content h1 span::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:8px;
  border-radius:999px;
  background:rgba(46,125,50,.14);
  z-index:-1;
}
.hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.hero-proof span{
  padding:8px 11px;
  border-radius:999px;
  background:#f0f7f1;
  border:1px solid #d8ead9;
  color:#245e29;
  font-size:.8rem;
  font-weight:850;
}
.hero__visual{
  filter:drop-shadow(0 24px 28px rgba(13,27,42,.12));
}
.lead-card{
  border:1px solid rgba(17,54,94,.12);
  border-radius:24px;
  box-shadow:0 30px 75px rgba(13,27,42,.16);
}
.lead-card__head{
  border-radius:24px 24px 0 0;
  padding:25px 22px;
  background:
    radial-gradient(circle at 10% 20%,rgba(255,255,255,.14),transparent 25%),
    linear-gradient(135deg,#0d2b4e,#174a77);
}
.lead-card__badge{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  margin-bottom:9px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color:#dff8d8;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.form-step{
  padding:27px;
}
.form-step__intro{
  padding-bottom:18px;
  border-bottom:1px solid #edf1f5;
}
.vehicle-spec-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:14px;
  margin-bottom:18px;
}
.vehicle-spec-grid label{
  margin:0;
}
.power-preview{
  display:block;
  margin-top:7px;
  color:#637286;
  font-size:.78rem;
}
.vehicle-step input,
.vehicle-step select{
  border-color:#d6dfe8;
  border-radius:11px;
}
.vehicle-step input:focus,
.vehicle-step select:focus{
  border-color:var(--green);
  box-shadow:0 0 0 4px rgba(46,125,50,.10);
}
.progress{
  height:7px;
  background:#edf1f5;
}
.progress__bar{
  background:linear-gradient(90deg,#2e7d32,#56a75c);
}
.trust-strip{
  background:
    radial-gradient(circle at 20% 50%,rgba(73,166,80,.17),transparent 30%),
    linear-gradient(90deg,#0d2b4e,#11365e);
}
.trust-strip__grid>div{
  position:relative;
}
.trust-strip__grid>div::before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:25px;
  height:25px;
  margin-bottom:10px;
  border-radius:50%;
  background:rgba(255,255,255,.13);
  color:#bdf09a;
  font-weight:950;
}
.vehicle-grid article{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  padding:27px 17px;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.vehicle-grid article::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--navy-2),var(--green));
}
.vehicle-grid article:hover{
  transform:translateY(-6px);
  border-color:#cbd9e5;
  box-shadow:0 20px 40px rgba(13,27,42,.10);
}
.vehicle-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  border-radius:18px;
  background:linear-gradient(145deg,#edf5fb,#ffffff);
  border:1px solid #dce6ee;
  box-shadow:0 12px 25px rgba(13,27,42,.08);
  font-size:1.65rem;
}
.brand-values__grid .brand-value{
  background:linear-gradient(180deg,#fff,#f8fafc);
  border:1px solid #e2e8ef;
  box-shadow:0 13px 28px rgba(13,27,42,.045);
}
.brand-values__grid .brand-value:hover{
  box-shadow:0 22px 42px rgba(13,27,42,.09);
}
@media(max-width:900px){
  .hero__content{
    padding:26px;
  }
  .vehicle-spec-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  .hero__grid{
    padding:34px 0;
  }
  .hero__content{
    border-radius:20px;
    padding:22px;
  }
  .hero__content h1{
    font-size:2.3rem;
  }
  .form-step{
    padding:21px 17px;
  }
  .hero-proof{
    display:grid;
  }
}


/* V14 – Header aufgeräumt, größeres Logo, kompaktere Navigation */
.header--compact .header__inner{
  min-height:68px;
  gap:22px;
  justify-content:space-between;
}
.header--compact .brand{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}
.header--compact .brand img{
  width:360px;
  max-width:min(100%,360px);
}
.nav--compact-clean{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
  flex-wrap:wrap;
}
.nav--compact-clean a{
  font-size:1rem;
  font-weight:850;
}
.topbar__inner{
  min-height:38px;
}
.topbar--premium{
  font-size:.88rem;
}
@media (max-width: 1180px){
  .header--compact .brand img{
    width:320px;
  }
  .nav--compact-clean{
    gap:20px;
  }
}
@media (max-width: 920px){
  .header--compact .header__inner{
    gap:14px;
    min-height:64px;
  }
  .header--compact .brand img{
    width:260px;
  }
  .nav--compact-clean{
    gap:14px;
  }
  .nav--compact-clean a{
    font-size:.95rem;
  }
}
@media (max-width: 680px){
  .header--compact .brand img{
    width:220px;
  }
  .nav--compact-clean{
    width:100%;
    justify-content:flex-start;
    gap:10px 14px;
    padding-top:8px;
  }
}


/* ==========================================================
   V15 – Luxury UI
   ========================================================== */

:root{
  --luxury-navy:#0a2747;
  --luxury-navy-2:#123f6b;
  --luxury-green:#32913a;
  --luxury-gold:#d9b65b;
  --luxury-surface:#f6f9fc;
}

/* Elegante Kontaktleiste */
.topbar--luxury{
  background:
    radial-gradient(circle at 15% 50%,rgba(85,176,92,.18),transparent 26%),
    linear-gradient(90deg,#092541 0%,#123f6b 100%);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.topbar__inner--luxury{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.topbar__availability,
.topbar__contact{
  display:flex;
  align-items:center;
  gap:12px;
}
.topbar__availability strong{
  font-size:.86rem;
}
.topbar__availability>span:last-child{
  color:rgba(255,255,255,.72);
  font-size:.83rem;
}
.status-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#70d978;
  box-shadow:0 0 0 5px rgba(112,217,120,.13);
}
.topbar__contact a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:5px 9px;
  border-radius:8px;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:.84rem;
  transition:.2s background;
}
.topbar__contact a:hover{
  background:rgba(255,255,255,.1);
}
.topbar__contact svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:#aee7b2;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Header-Balance */
.header--premium{
  border-bottom:1px solid rgba(17,54,94,.1);
  box-shadow:0 12px 30px rgba(13,27,42,.055);
}
.header--compact .header__inner{
  min-height:74px;
}
.header--compact .brand img{
  width:344px;
  filter:drop-shadow(0 8px 14px rgba(13,27,42,.06));
}
.nav--compact-clean{
  gap:32px;
}
.nav--compact-clean a{
  font-size:.98rem;
  letter-spacing:-.01em;
}
.nav--compact-clean a::after{
  bottom:-9px;
}

/* Luxuriöser Hero */
.hero{
  isolation:isolate;
  background:
    linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),
    linear-gradient(90deg,rgba(17,54,94,.04) 1px,transparent 1px),
    linear-gradient(rgba(17,54,94,.04) 1px,transparent 1px),
    radial-gradient(circle at 84% 18%,rgba(46,125,50,.13),transparent 30%),
    linear-gradient(120deg,#fbfdff 0%,#edf4f8 100%);
  background-size:auto,46px 46px,46px 46px,auto,auto;
}
.hero::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  left:-210px;
  top:-190px;
  border-radius:50%;
  background:rgba(46,125,50,.08);
  filter:blur(1px);
  z-index:-1;
}
.hero__grid{
  min-height:700px;
  padding:64px 0 76px;
}
.hero__content{
  border:1px solid rgba(255,255,255,.95);
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(255,255,255,.76));
  box-shadow:
    0 32px 80px rgba(13,27,42,.10),
    inset 0 1px 0 rgba(255,255,255,.85);
}
.hero__content .eyebrow{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:#edf7ee;
  border:1px solid #d8ead9;
}
.hero__lead{
  line-height:1.72;
}
.hero-proof--metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:20px 0 3px;
  padding:10px;
  border-radius:16px;
  background:rgba(238,244,248,.78);
  border:1px solid #dce5ec;
}
.hero-proof--metrics span{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:8px 12px;
  background:transparent;
  border:0;
  border-right:1px solid #d8e1e9;
  border-radius:0;
}
.hero-proof--metrics span:last-child{
  border-right:0;
}
.hero-proof--metrics strong{
  color:var(--luxury-navy);
  font-size:1.22rem;
  line-height:1;
}
.hero-proof--metrics small{
  color:#647286;
  font-size:.71rem;
}
.hero__visual{
  overflow:visible;
}
.hero__seal{
  position:absolute;
  right:82px;
  bottom:34px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 16px;
  border-radius:15px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(17,54,94,.12);
  box-shadow:0 18px 40px rgba(13,27,42,.16);
  backdrop-filter:blur(8px);
}
.hero__seal>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,#2e7d32,#51a958);
  color:#fff;
  font-weight:950;
}
.hero__seal strong,
.hero__seal small{
  display:block;
}
.hero__seal strong{
  color:#11365e;
}
.hero__seal small{
  color:#647286;
}

/* Hochwertige Formularfläche */
.lead-card{
  background:rgba(255,255,255,.97);
  box-shadow:
    0 38px 90px rgba(13,27,42,.19),
    0 0 0 1px rgba(255,255,255,.85);
}
.lead-card__head{
  position:relative;
  overflow:hidden;
}
.lead-card__head::after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-85px;
  top:-110px;
  border-radius:50%;
  background:rgba(84,171,92,.25);
}
.lead-card__head>*{
  position:relative;
  z-index:1;
}

/* Schwebender Vertrauensstreifen */
.trust-strip{
  position:relative;
  z-index:8;
  margin-top:-22px;
  background:transparent;
}
.trust-strip__grid{
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(135deg,#0a2747,#164b78);
  box-shadow:0 24px 55px rgba(13,27,42,.19);
}
.trust-strip__grid>div{
  padding:26px 25px;
}

/* Gemeinsamer Premium-Kartenstil */
.security-grid article,
.steps article,
.service-grid article,
.vehicle-grid article,
.brand-values__grid .brand-value,
.contact-card{
  border:1px solid rgba(17,54,94,.095);
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,252,.96));
  box-shadow:
    0 14px 35px rgba(13,27,42,.055),
    inset 0 1px 0 rgba(255,255,255,.9);
}
.security-grid article,
.service-grid article{
  position:relative;
  overflow:hidden;
}
.security-grid article::after,
.service-grid article::after{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  right:-56px;
  top:-56px;
  border-radius:50%;
  background:rgba(46,125,50,.055);
}
.security-grid article:hover,
.service-grid article:hover,
.steps article:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 50px rgba(13,27,42,.10);
}
.security-grid article,
.service-grid article,
.steps article{
  transition:.24s transform,.24s box-shadow;
}

/* Ablaufkarten */
.steps{
  position:relative;
}
.steps::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:31px;
  height:2px;
  background:linear-gradient(90deg,#dce6ed,#6db273,#dce6ed);
  z-index:0;
}
.steps article{
  position:relative;
  z-index:1;
  border-radius:18px;
  padding:24px 19px;
}
.steps b{
  width:48px;
  height:48px;
  box-shadow:0 9px 20px rgba(17,54,94,.20);
  border:4px solid #fff;
}

/* Premium-CTA */
.cta--premium{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 50%,rgba(101,198,108,.22),transparent 27%),
    linear-gradient(110deg,#092541,#164d79);
}
.cta--premium::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-90px;
  top:-100px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.13);
}

/* Kontaktbereich */
.contact-panel--premium{
  padding:70px 0;
  background:
    radial-gradient(circle at 92% 20%,rgba(46,125,50,.11),transparent 27%),
    linear-gradient(180deg,#f4f8fb,#ffffff);
}
.contact-panel__shell{
  border-radius:28px;
  padding:40px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(17,54,94,.095);
  box-shadow:0 30px 70px rgba(13,27,42,.09);
}
.section-intro{
  text-align:center;
  max-width:760px;
  margin:0 auto;
}
.section-intro h2{
  font-size:clamp(2rem,4vw,3rem);
  margin:.25em 0;
  letter-spacing:-.035em;
}
.section-intro p{
  color:var(--muted);
}

/* Luxury-Footer */
.footer--luxury{
  position:relative;
  overflow:hidden;
  padding:0;
  color:#dbe6ef;
  background:
    radial-gradient(circle at 15% 10%,rgba(61,151,68,.15),transparent 26%),
    linear-gradient(145deg,#071d33 0%,#0b2d4e 54%,#0a243f 100%);
  border-top:0;
}
.footer__ambient{
  position:absolute;
  width:460px;
  height:460px;
  right:-220px;
  bottom:-280px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);
}
.footer-trust{
  position:relative;
  z-index:1;
  transform:translateY(-28px);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  color:#172033;
  box-shadow:0 24px 65px rgba(4,18,31,.28);
}
.footer-trust>div{
  display:flex;
  align-items:center;
  gap:13px;
  padding:21px 24px;
  border-right:1px solid #e2e8ee;
}
.footer-trust>div:last-child{
  border-right:0;
}
.footer-trust__icon{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#edf7ee;
  color:#2e7d32;
  font-weight:950;
  font-size:1.1rem;
}
.footer-trust p,
.footer-trust strong,
.footer-trust small{
  display:block;
  margin:0;
}
.footer-trust strong{
  color:#12365a;
}
.footer-trust small{
  color:#6b7889;
  margin-top:2px;
}
.footer__grid--luxury{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.35fr 1.1fr .85fr .9fr;
  gap:38px;
  padding:28px 0 46px;
}
.footer__logo-card{
  display:inline-flex;
  padding:15px 17px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.17);
}
.footer__logo-card img{
  width:290px;
}
.footer__claim{
  max-width:430px;
  color:#aebdca;
  line-height:1.75;
  margin:19px 0;
}
.footer__company{
  color:#c9d4de;
  line-height:1.7;
}
.footer__company strong{
  color:#fff;
}
.footer__column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
}
.footer__column>strong{
  color:#fff;
  font-size:1.02rem;
  margin-bottom:7px;
}
.footer__column>a{
  color:#b9c8d5;
  text-decoration:none;
  transition:.2s color,.2s transform;
}
.footer__column>a:hover{
  color:#8ee095;
  transform:translateX(3px);
}
.footer__contact-link{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.footer__contact-link>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.075);
  color:#8ee095;
}
.footer__contact-link div{
  color:#e4edf4;
}
.footer__contact-link small{
  display:block;
  color:#8fa2b2;
  font-size:.73rem;
  margin-top:1px;
}
.footer__register{
  margin-top:8px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#8fa2b2;
  font-size:.82rem;
  line-height:1.7;
}
.footer__bottom--luxury{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:21px 0 26px;
  border-top:1px solid rgba(255,255,255,.095);
  color:#8fa2b2;
  font-size:.84rem;
}

/* WhatsApp veredelt */
.floating-whatsapp{
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 20px 45px rgba(20,94,39,.40);
}
.floating-whatsapp::after{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:999px;
  border:1px solid rgba(45,187,84,.25);
  animation:waPulse 2.2s infinite;
}
@keyframes waPulse{
  0%,100%{transform:scale(1);opacity:.8}
  50%{transform:scale(1.06);opacity:.2}
}

/* Responsive */
@media(max-width:1000px){
  .topbar__inner--luxury{
    justify-content:center;
  }
  .footer__grid--luxury{
    grid-template-columns:1fr 1fr;
  }
  .hero__seal{
    right:22px;
  }
}
@media(max-width:760px){
  .topbar__contact{
    display:none;
  }
  .topbar__availability{
    width:100%;
    justify-content:center;
  }
  .header--compact .brand img{
    width:250px;
  }
  .hero-proof--metrics{
    grid-template-columns:1fr 1fr 1fr;
  }
  .hero-proof--metrics span{
    padding:8px 7px;
  }
  .hero__seal{
    position:relative;
    right:auto;
    bottom:auto;
    width:max-content;
    max-width:100%;
    margin:-12px auto 22px;
  }
  .steps::before{
    display:none;
  }
  .contact-panel__shell{
    padding:27px 18px;
  }
  .footer-trust{
    grid-template-columns:1fr;
  }
  .footer-trust>div{
    border-right:0;
    border-bottom:1px solid #e2e8ee;
  }
  .footer-trust>div:last-child{
    border-bottom:0;
  }
  .footer__grid--luxury{
    grid-template-columns:1fr;
  }
  .footer__bottom--luxury{
    flex-direction:column;
  }
}
@media(max-width:520px){
  .hero-proof--metrics{
    grid-template-columns:1fr;
  }
  .hero-proof--metrics span{
    border-right:0;
    border-bottom:1px solid #d8e1e9;
  }
  .hero-proof--metrics span:last-child{
    border-bottom:0;
  }
  .footer__logo-card img{
    width:240px;
  }
}


/* V16 – Footer-Typografie und Kontrast verbessert */
.footer__brandcol{
  background:linear-gradient(180deg,#ffffff 0%, #f6f9fc 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  padding:26px;
  box-shadow:0 22px 52px rgba(0,0,0,.14);
}
.footer__logo-card{
  background:#fff;
  border:1px solid #eef2f6;
}
.footer__claim{
  color:#44566b;
  font-size:1.03rem;
}
.footer__company{
  color:#36506a;
  font-size:1.05rem;
}
.footer__company strong{
  color:#112e4f;
  font-size:1.12rem;
}
.footer__column>a{
  color:#d8e5ef;
}
.footer__column>a:hover{
  color:#9df0a3;
}
.footer__bottom--luxury{
  color:#c9d7e4;
}
.footer__bottom--luxury span:last-child{
  color:#ecf3f8;
  font-weight:800;
  letter-spacing:.01em;
}
@media(max-width:760px){
  .footer__brandcol{
    padding:20px;
  }
  .footer__claim{
    font-size:1rem;
  }
}


/* V17 – separate form page and compact header CTA */
.header__inner{
  gap:18px;
}
.header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:14px;
  background:linear-gradient(135deg,#11365e,#184a7b);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  box-shadow:0 12px 28px rgba(17,54,94,.18);
  white-space:nowrap;
}
.header-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(17,54,94,.22);
}
.form-focus-strip{
  padding:0 0 24px;
}
.form-focus-strip__inner{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.form-focus-strip__inner > div{
  background:#ffffff;
  border:1px solid #e1e7ee;
  border-radius:20px;
  padding:20px 22px;
  box-shadow:0 12px 30px rgba(17,54,94,.08);
}
.form-focus-strip__inner strong{
  display:block;
  color:#11365e;
  font-size:1.05rem;
  margin-bottom:6px;
}
.form-focus-strip__inner p{
  margin:0;
  color:#536375;
  line-height:1.65;
}
.page-formular .hero{
  padding-bottom:54px;
}
@media(max-width:980px){
  .header-cta{
    min-height:44px;
    padding:0 14px;
    font-size:.92rem;
  }
}
@media(max-width:820px){
  .header-cta{
    order:4;
    width:100%;
  }
  .form-focus-strip__inner{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   V19 – vollständige Inhalte und mobile Optimierung
   ========================================================== */

html{
  scroll-padding-top:110px;
  overflow-x:hidden;
}
body{
  max-width:100%;
  overflow-x:hidden;
}
button,
a,
input,
select,
textarea,
summary{
  -webkit-tap-highlight-color:transparent;
}
section[id]{
  scroll-margin-top:110px;
}

/* Mobile Schnellzugriff */
.mobile-action-bar{
  display:none;
}

/* Zurückleiste auf der Formularseite */
.form-page-backbar{
  background:#eef4f8;
  border-bottom:1px solid #dbe4ec;
}
.form-page-backbar .container{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#647386;
  font-size:.86rem;
}
.form-page-backlink{
  color:#11365e;
  text-decoration:none;
  font-weight:850;
}

/* Formularseite – wieder mit allen wichtigen Inhalten */
.form-page-overview,
.form-page-process,
.form-page-vehicles,
.form-page-values,
.form-page-faq{
  padding:72px 0;
}
.form-page-overview{
  background:linear-gradient(180deg,#f5f8fb,#ffffff);
}
.form-page-process{
  background:#fff;
}
.form-page-vehicles{
  background:#f4f7fa;
}
.form-page-values{
  background:linear-gradient(135deg,#0a2949,#164c79);
  color:#fff;
}
.form-page-values .section-heading h2{
  color:#fff;
}
.form-page-values .section-heading>span{
  color:#9ee8a4;
}
.form-page-faq{
  background:#fff;
}
.form-service-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.form-service-grid article{
  position:relative;
  overflow:hidden;
  padding:25px 22px;
  border:1px solid #dde6ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 38px rgba(13,27,42,.07);
}
.form-service-grid article::after{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  right:-52px;
  top:-52px;
  border-radius:50%;
  background:rgba(46,125,50,.07);
}
.form-service-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#eaf6eb;
  color:#2e7d32;
  font-size:1.25rem;
  font-weight:950;
}
.form-service-grid h3{
  margin:.8em 0 .35em;
}
.form-service-grid p{
  margin:0;
  color:#5d6c7e;
}
.form-process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.form-process-grid article{
  position:relative;
  padding:24px 20px;
  border-radius:19px;
  border:1px solid #e0e7ee;
  background:#fff;
  text-align:center;
  box-shadow:0 13px 30px rgba(13,27,42,.055);
}
.form-process-grid b{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
  border-radius:15px;
  background:linear-gradient(135deg,#11365e,#2e7d32);
  color:#fff;
}
.form-process-grid h3{
  margin:.25em 0;
}
.form-process-grid p{
  color:#657286;
  margin:0;
}
.form-vehicle-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}
.form-vehicle-grid article{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding:22px 12px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dde5ed;
  box-shadow:0 11px 26px rgba(13,27,42,.05);
  text-align:center;
}
.form-vehicle-grid span{
  font-size:2rem;
}
.form-vehicle-grid strong{
  color:#143759;
}
.form-values-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.form-values-grid article{
  padding:22px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
}
.form-values-grid strong{
  display:block;
  color:#fff;
  font-size:1.05rem;
  margin-bottom:7px;
}
.form-values-grid p{
  margin:0;
  color:#c9d7e4;
}
.form-page-links{
  padding:0 0 72px;
  background:#fff;
}
.form-page-links__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.form-page-links__grid a{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:22px;
  border:1px solid #dce5ed;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f7fafc);
  text-decoration:none;
  box-shadow:0 12px 30px rgba(13,27,42,.055);
}
.form-page-links__grid span{
  color:#2e7d32;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-weight:900;
}
.form-page-links__grid strong{
  color:#11365e;
}

/* Tablet */
@media(max-width:1020px){
  .form-service-grid,
  .form-process-grid{
    grid-template-columns:1fr 1fr;
  }
  .form-vehicle-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .form-values-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .form-page-links__grid{
    grid-template-columns:1fr;
  }
}

/* Mobile */
@media(max-width:760px){
  :root{
    --mobile-safe-bottom:calc(76px + env(safe-area-inset-bottom));
  }

  html{
    scroll-padding-top:78px;
  }
  body{
    padding-bottom:var(--mobile-safe-bottom);
    background:#fff;
  }

  .container,
  .narrow{
    width:min(100% - 24px,1180px);
  }

  /* Kopfbereich */
  .topbar--luxury{
    display:block;
  }
  .topbar__inner--luxury{
    min-height:34px;
    justify-content:center;
  }
  .topbar__availability{
    gap:8px;
    font-size:.78rem;
  }
  .topbar__availability strong{
    font-size:.78rem;
  }
  .topbar__availability>span:last-child{
    font-size:.76rem;
  }
  .status-dot{
    width:7px;
    height:7px;
    box-shadow:0 0 0 4px rgba(112,217,120,.13);
  }
  .topbar__contact{
    display:none;
  }

  .header--premium{
    top:0;
  }
  .header--compact .header__inner,
  .header__inner{
    min-height:66px;
    gap:10px;
    flex-wrap:nowrap;
  }
  .header--compact .brand img,
  .brand img{
    width:225px;
    max-width:calc(100vw - 100px);
  }
  .nav-toggle{
    flex:0 0 auto;
    display:inline-flex;
    min-width:48px;
    min-height:44px;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#11365e;
    background:#f4f7fa;
  }
  .header-cta{
    display:none;
  }
  .nav--compact-clean,
  .nav{
    position:absolute;
    top:66px;
    left:10px;
    right:10px;
    width:auto;
    margin:0;
    padding:12px;
    gap:6px;
    border:1px solid #dbe4ec;
    border-radius:0 0 18px 18px;
    background:#fff;
    box-shadow:0 22px 45px rgba(13,27,42,.16);
    z-index:80;
  }
  .nav--compact-clean a,
  .nav a{
    width:100%;
    padding:13px 14px;
    border-radius:10px;
    background:#f7f9fb;
    font-size:.98rem;
  }
  .nav--compact-clean a::after,
  .nav a::after{
    display:none;
  }

  /* Hero und Formular */
  .hero{
    background:
      radial-gradient(circle at 90% 5%,rgba(46,125,50,.10),transparent 30%),
      linear-gradient(180deg,#fff,#f2f6f9);
  }
  .hero__grid{
    display:flex;
    flex-direction:column;
    min-height:auto;
    gap:18px;
    padding:24px 0 38px;
  }
  .hero__content{
    width:100%;
    max-width:none;
    padding:21px 18px;
    border-radius:20px;
  }
  .hero__content h1{
    font-size:clamp(2rem,10vw,2.65rem);
    line-height:1.02;
    margin:.34em 0 .35em;
    overflow-wrap:anywhere;
  }
  .hero__lead{
    font-size:1rem;
    line-height:1.65;
  }
  .eyebrow{
    font-size:.69rem;
    line-height:1.45;
  }
  .checklist{
    margin:20px 0;
  }
  .checklist li{
    margin:11px 0;
    padding-left:30px;
    font-size:.94rem;
  }
  .hero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .hero__actions .button{
    width:100%;
    min-height:52px;
  }
  .microcopy{
    text-align:center;
    margin-top:14px;
  }
  .hero-proof--metrics{
    grid-template-columns:repeat(3,1fr);
    padding:6px;
    margin-top:14px;
  }
  .hero-proof--metrics span{
    min-width:0;
    padding:8px 5px;
    text-align:center;
  }
  .hero-proof--metrics strong{
    font-size:1rem;
  }
  .hero-proof--metrics small{
    font-size:.62rem;
    overflow-wrap:anywhere;
  }
  .hero__visual{
    display:none;
  }
  .lead-card{
    order:2;
    width:100%;
    margin:0;
    border-radius:22px;
    box-shadow:0 22px 55px rgba(13,27,42,.16);
  }
  .lead-card__head{
    border-radius:22px 22px 0 0;
    padding:21px 16px;
  }
  .lead-card__head h2{
    font-size:1.35rem;
  }
  .form-step{
    padding:20px 16px 22px;
  }
  .form-step__intro{
    margin-bottom:18px;
  }
  .form-step__intro h3{
    font-size:1.35rem;
  }
  .form-grid,
  .vehicle-search-grid,
  .vehicle-spec-grid,
  .registration-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  label{
    margin-bottom:14px;
  }
  input,
  select,
  textarea{
    min-height:49px;
    padding:13px 12px;
    border-radius:11px;
    font-size:16px;
  }
  textarea{
    min-height:115px;
  }
  .search-control input{
    min-height:52px;
    font-size:16px;
  }
  .search-menu{
    left:0;
    right:0;
    max-height:290px;
    overflow-y:auto;
    overscroll-behavior:contain;
    border-radius:12px;
    z-index:200;
  }
  .search-option{
    min-height:47px;
    padding:12px;
  }
  .step-actions{
    position:sticky;
    bottom:calc(var(--mobile-safe-bottom) - 1px);
    z-index:25;
    margin:18px -16px -22px;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);
    border-top:1px solid #dfe6ed;
    backdrop-filter:blur(12px);
  }
  .step-actions .button{
    min-height:50px;
    padding:0 12px;
    font-size:.94rem;
  }
  .upload-grid{
    grid-template-columns:1fr 1fr;
  }
  .security-note{
    padding:14px 16px 22px;
  }

  /* Inhaltsbereiche */
  .trust-strip{
    margin:0;
  }
  .trust-strip__grid{
    grid-template-columns:1fr 1fr;
    border-radius:0;
  }
  .trust-strip__grid>div{
    padding:17px 13px;
    min-width:0;
  }
  .trust-strip strong{
    font-size:.9rem;
  }
  .trust-strip span{
    font-size:.72rem;
  }
  .security-section,
  .section,
  .city-service-section,
  .brand-values,
  .form-page-overview,
  .form-page-process,
  .form-page-vehicles,
  .form-page-values,
  .form-page-faq{
    padding:52px 0;
  }
  .section-heading{
    margin-bottom:25px;
  }
  .section-heading h2,
  .section-intro h2{
    font-size:clamp(1.75rem,8.5vw,2.3rem);
    overflow-wrap:anywhere;
  }
  .section-lead{
    font-size:.94rem;
  }
  .security-grid,
  .service-grid,
  .steps,
  .contact-panel__grid,
  .form-service-grid,
  .form-process-grid,
  .form-values-grid{
    grid-template-columns:1fr;
    gap:13px;
  }
  .security-grid article,
  .service-grid article,
  .steps article,
  .form-service-grid article,
  .form-process-grid article{
    padding:20px 18px;
    text-align:left;
  }
  .steps article,
  .form-process-grid article{
    display:grid;
    grid-template-columns:48px 1fr;
    column-gap:14px;
    align-items:start;
  }
  .steps b,
  .form-process-grid b{
    grid-row:1/3;
    margin:0;
  }
  .steps h3,
  .steps p,
  .form-process-grid h3,
  .form-process-grid p{
    text-align:left;
  }
  .vehicle-grid,
  .form-vehicle-grid{
    grid-template-columns:1fr 1fr;
    gap:11px;
  }
  .vehicle-grid article,
  .form-vehicle-grid article{
    padding:18px 10px;
    min-width:0;
  }
  .vehicle-grid h3,
  .form-vehicle-grid strong{
    font-size:.9rem;
  }
  .brand-values__grid{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .brand-value{
    padding:17px 12px;
  }
  .brand-value__icon{
    width:62px;
    height:62px;
  }
  .brand-value h3{
    font-size:.94rem;
  }
  .brand-value p{
    font-size:.78rem;
  }
  .brand-band__grid,
  .fixed-price-section__grid,
  .guide-teaser__grid{
    grid-template-columns:1fr;
    text-align:center;
  }
  .brand-band img{
    width:82px;
  }
  .fixed-price-section__badge{
    margin:auto;
  }
  .fixed-price-section .button,
  .guide-teaser .button,
  .brand-band .button{
    width:100%;
  }
  .city-link-grid{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }
  .city-link-grid a{
    padding:13px 8px;
    font-size:.8rem;
  }
  details{
    padding:16px 0;
  }
  summary{
    font-size:.95rem;
    line-height:1.45;
  }
  details p{
    font-size:.9rem;
  }
  .cta{
    padding:30px 0;
  }
  .cta__inner{
    align-items:stretch;
  }
  .cta__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .cta__actions .button{
    width:100%;
  }
  .contact-panel--premium{
    padding:50px 0 28px;
  }
  .contact-panel__shell{
    padding:24px 15px;
    border-radius:22px;
  }
  .contact-card{
    padding:19px 17px;
  }

  /* Formularseite */
  .form-page-backbar .container{
    min-height:42px;
  }
  .form-page-backbar .container>span{
    display:none;
  }
  .form-page-links{
    padding-bottom:50px;
  }
  .form-page-links__grid{
    grid-template-columns:1fr;
  }
  .form-values-grid article{
    padding:19px 17px;
  }
  .form-vehicle-grid article{
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
  }
  .form-vehicle-grid span{
    font-size:1.55rem;
  }

  /* Footer */
  .footer-trust{
    transform:translateY(-18px);
    grid-template-columns:1fr;
    border-radius:17px;
  }
  .footer-trust>div{
    padding:16px 17px;
  }
  .footer__grid--luxury{
    grid-template-columns:1fr;
    gap:20px;
    padding:10px 0 32px;
  }
  .footer__brandcol,
  .footer__column{
    border-radius:18px;
  }
  .footer__logo-card{
    width:100%;
    justify-content:center;
  }
  .footer__logo-card img{
    width:min(250px,100%);
  }
  .footer__column{
    padding:18px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
  }
  .footer__bottom--luxury{
    flex-direction:column;
    gap:6px;
    padding-bottom:24px;
  }

  /* Fester mobiler Schnellzugriff */
  .floating-whatsapp{
    display:none;
  }
  .mobile-action-bar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1000;
    display:grid;
    grid-template-columns:.8fr .9fr 1.5fr;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom));
    gap:6px;
    background:rgba(255,255,255,.97);
    border-top:1px solid #dbe3eb;
    box-shadow:0 -12px 35px rgba(13,27,42,.16);
    backdrop-filter:blur(14px);
  }
  .mobile-action-bar a{
    min-width:0;
    min-height:50px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    border-radius:11px;
    background:#eef3f7;
    color:#11365e;
    text-decoration:none;
    font-size:.68rem;
    font-weight:850;
    line-height:1.1;
    text-align:center;
  }
  .mobile-action-bar__icon{
    font-size:1.05rem;
  }
  .mobile-action-bar__primary{
    background:linear-gradient(135deg,#2e7d32,#3b9e43)!important;
    color:#fff!important;
  }
}

/* Sehr kleine Geräte */
@media(max-width:390px){
  .container,
  .narrow{
    width:min(100% - 18px,1180px);
  }
  .header--compact .brand img,
  .brand img{
    width:205px;
    max-width:calc(100vw - 86px);
  }
  .hero__content{
    padding:18px 14px;
  }
  .hero__content h1{
    font-size:1.88rem;
  }
  .hero-proof--metrics{
    grid-template-columns:1fr;
  }
  .hero-proof--metrics span{
    border-right:0;
    border-bottom:1px solid #d8e1e9;
  }
  .hero-proof--metrics span:last-child{
    border-bottom:0;
  }
  .vehicle-grid,
  .form-vehicle-grid,
  .brand-values__grid,
  .city-link-grid,
  .upload-grid{
    grid-template-columns:1fr;
  }
  .mobile-action-bar{
    grid-template-columns:.75fr .85fr 1.55fr;
    padding-inline:5px;
  }
  .mobile-action-bar a{
    font-size:.62rem;
  }
}


/* ==========================================================
   V20 – Mobiles Drawer-Menü und reine Formularseite
   ========================================================== */

.nav-close,
.nav-backdrop{
  display:none;
}

/* Tablet und Mobil: Menü öffnet seitlich, nicht nach unten */
@media(max-width:1000px){
  body.nav-open{
    overflow:hidden;
  }

  .nav-backdrop{
    position:fixed;
    inset:0;
    z-index:890;
    display:block;
    background:rgba(6,24,42,.58);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .24s ease,visibility .24s ease;
    backdrop-filter:blur(3px);
  }
  body.nav-open .nav-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .nav--drawer,
  .nav--compact-clean.nav--drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    z-index:900!important;
    display:flex!important;
    width:min(350px,88vw)!important;
    height:100dvh!important;
    margin:0!important;
    padding:18px 16px 28px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-y:auto!important;
    border:0!important;
    border-radius:22px 0 0 22px!important;
    background:#fff!important;
    box-shadow:-24px 0 60px rgba(4,19,34,.25)!important;
    transform:translateX(108%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:transform .26s ease,opacity .22s ease,visibility .22s ease;
  }
  .nav--drawer.is-open{
    transform:translateX(0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .nav--drawer .nav-close{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:52px;
    margin:0 0 10px;
    padding:0 13px;
    border:0;
    border-radius:13px;
    background:#eef3f7;
    color:#11365e;
    cursor:pointer;
  }
  .nav--drawer .nav-close span{
    font-size:1.75rem;
    line-height:1;
  }
  .nav--drawer .nav-close strong{
    font-size:.92rem;
  }
  .nav--drawer>a,
  .nav--compact-clean.nav--drawer>a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:52px!important;
    padding:13px 15px!important;
    border-radius:13px!important;
    background:#f7f9fb!important;
    color:#163654!important;
    font-size:1rem!important;
    font-weight:800!important;
    text-decoration:none!important;
  }
  .nav--drawer>a:hover{
    background:#edf6ee!important;
    color:#2e7d32!important;
  }
  .nav--drawer>a::after{
    display:none!important;
  }
}

/* Reine Formularseite */
.page-form-only{
  min-height:100vh;
  margin:0;
  padding:0;
  background:
    radial-gradient(circle at 10% 0%,rgba(46,125,50,.09),transparent 28%),
    linear-gradient(180deg,#f6f9fc 0%,#edf3f8 100%);
  color:#172033;
}

.form-only-header{
  position:sticky;
  top:0;
  z-index:120;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #dce4ec;
  box-shadow:0 8px 25px rgba(13,27,42,.06);
  backdrop-filter:blur(14px);
}
.form-only-header__inner{
  width:min(980px,calc(100% - 32px));
  min-height:78px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.form-only-brand img{
  width:315px;
  height:auto;
}
.form-only-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 14px;
  border:1px solid #d8e1e9;
  border-radius:12px;
  background:#f7f9fb;
  color:#11365e;
  text-decoration:none;
  font-weight:800;
  white-space:nowrap;
}
.form-only-back:hover{
  border-color:#b9c9d8;
  background:#eef3f7;
}

.form-only-main{
  width:min(900px,calc(100% - 28px));
  margin:0 auto;
  padding:42px 0 55px;
}
.form-only-intro{
  max-width:760px;
  margin:0 auto 24px;
  text-align:center;
}
.form-only-eyebrow{
  display:inline-flex;
  padding:7px 12px;
  border:1px solid #d5e8d7;
  border-radius:999px;
  background:#edf7ee;
  color:#2e7d32;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.form-only-intro h1{
  margin:.28em 0 .18em;
  color:#10365d;
  font-size:clamp(2.2rem,6vw,3.5rem);
  letter-spacing:-.045em;
}
.form-only-intro p{
  max-width:690px;
  margin:0 auto;
  color:#56677a;
  font-size:1.03rem;
  line-height:1.7;
}
.form-only-benefits{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
}
.form-only-benefits span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 13px;
  border:1px solid #dce5ed;
  border-radius:999px;
  background:#fff;
  color:#5f6f81;
  font-size:.82rem;
  box-shadow:0 7px 20px rgba(13,27,42,.045);
}
.form-only-benefits strong{
  color:#11365e;
  font-size:.96rem;
}

.form-only-form{
  max-width:760px;
  margin:0 auto;
}
.page-form-only .lead-card{
  width:100%;
  margin:0;
  border:1px solid rgba(17,54,94,.12);
  border-radius:24px;
  background:#fff;
  box-shadow:0 30px 75px rgba(13,27,42,.16);
}
.page-form-only .lead-card__head{
  padding:24px 20px;
  border-radius:24px 24px 0 0;
}
.page-form-only .form-step{
  padding:28px;
}
.page-form-only .security-note{
  padding-bottom:24px;
}
.page-form-only .form-message{
  padding-inline:28px;
}

.form-only-help{
  max-width:760px;
  margin:18px auto 0;
  padding:17px 19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid #dce5ed;
  border-radius:17px;
  background:rgba(255,255,255,.86);
}
.form-only-help strong,
.form-only-help span{
  display:block;
}
.form-only-help strong{
  color:#11365e;
}
.form-only-help span{
  color:#647386;
  font-size:.83rem;
  margin-top:2px;
}
.form-only-help__links{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.form-only-help__links a{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  padding:0 13px;
  border-radius:11px;
  background:#11365e;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  font-size:.86rem;
}
.form-only-help__links a:last-child{
  background:#2e7d32;
}

.form-only-footer{
  border-top:1px solid #dce4ec;
  background:#fff;
}
.form-only-footer>div{
  width:min(980px,calc(100% - 32px));
  min-height:70px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#68778a;
  font-size:.82rem;
}
.form-only-footer nav{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.form-only-footer a{
  color:#526579;
  text-decoration:none;
}

/* Mobile Formularseite */
@media(max-width:700px){
  .page-form-only{
    background:#f4f7fa;
    padding-bottom:0!important;
  }
  .form-only-header__inner{
    width:min(100% - 20px,980px);
    min-height:64px;
  }
  .form-only-brand img{
    width:215px;
    max-width:calc(100vw - 125px);
  }
  .form-only-back{
    min-width:44px;
    width:44px;
    min-height:44px;
    padding:0;
    justify-content:center;
    border-radius:12px;
  }
  .form-only-back span:last-child{
    display:none;
  }

  .form-only-main{
    width:100%;
    padding:22px 0 28px;
  }
  .form-only-intro{
    width:min(100% - 28px,760px);
    margin-bottom:17px;
    text-align:left;
  }
  .form-only-eyebrow{
    font-size:.65rem;
    line-height:1.35;
  }
  .form-only-intro h1{
    font-size:2rem;
    margin:.34em 0 .25em;
  }
  .form-only-intro p{
    font-size:.92rem;
    line-height:1.58;
  }
  .form-only-benefits{
    justify-content:flex-start;
    gap:7px;
    margin-top:14px;
  }
  .form-only-benefits span{
    padding:7px 9px;
    font-size:.7rem;
  }
  .form-only-benefits strong{
    font-size:.78rem;
  }

  .form-only-form{
    max-width:none;
    margin:0;
  }
  .page-form-only .lead-card{
    border-right:0;
    border-left:0;
    border-radius:22px 22px 0 0;
    box-shadow:0 18px 44px rgba(13,27,42,.13);
  }
  .page-form-only .lead-card__head{
    padding:19px 15px;
    border-radius:22px 22px 0 0;
  }
  .page-form-only .lead-card__head h2{
    font-size:1.26rem;
  }
  .page-form-only .lead-card__head p{
    font-size:.8rem;
  }
  .page-form-only .form-step{
    padding:20px 15px 22px;
  }
  .page-form-only .form-step__intro{
    margin-bottom:18px;
  }
  .page-form-only .form-step__intro h3{
    font-size:1.28rem;
  }
  .page-form-only .form-grid,
  .page-form-only .vehicle-search-grid,
  .page-form-only .vehicle-spec-grid,
  .page-form-only .registration-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  .page-form-only label{
    margin-bottom:14px;
  }
  .page-form-only input,
  .page-form-only select,
  .page-form-only textarea{
    min-height:50px;
    padding:13px 12px;
    font-size:16px;
    border-radius:11px;
  }
  .page-form-only textarea{
    min-height:110px;
  }
  .page-form-only .search-control input{
    min-height:52px;
  }
  .page-form-only .search-menu{
    position:fixed;
    z-index:1200;
    left:10px;
    right:10px;
    top:80px;
    max-height:calc(100dvh - 100px);
    border-radius:16px;
    overflow-y:auto;
    box-shadow:0 25px 70px rgba(4,19,34,.28);
  }
  .page-form-only .search-option{
    min-height:49px;
    padding:13px;
  }
  .page-form-only .step-actions{
    position:sticky;
    bottom:0;
    z-index:40;
    margin:18px -15px -22px;
    padding:12px 15px calc(12px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.97);
    border-top:1px solid #dfe6ed;
    box-shadow:0 -10px 28px rgba(13,27,42,.08);
    backdrop-filter:blur(14px);
  }
  .page-form-only .step-actions .button{
    min-height:50px;
    padding:0 10px;
    font-size:.91rem;
  }
  .page-form-only .form-message{
    padding-inline:15px;
  }
  .page-form-only .security-note{
    padding:0 15px 22px;
  }

  .form-only-help{
    width:min(100% - 24px,760px);
    margin-top:14px;
    padding:15px;
    flex-direction:column;
    align-items:flex-start;
  }
  .form-only-help__links{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .form-only-help__links a{
    justify-content:center;
  }

  .form-only-footer>div{
    width:min(100% - 24px,980px);
    min-height:auto;
    padding:20px 0 26px;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .form-only-footer nav{
    gap:12px;
  }

  /* Auf der reinen Formularseite niemals andere mobile Leisten zeigen */
  .page-form-only .mobile-action-bar,
  .page-form-only .floating-whatsapp,
  .page-form-only .nav,
  .page-form-only .nav-toggle,
  .page-form-only .topbar,
  .page-form-only .header{
    display:none!important;
  }
}

@media(max-width:370px){
  .form-only-brand img{
    width:195px;
  }
  .form-only-intro h1{
    font-size:1.8rem;
  }
  .form-only-benefits{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
  }
  .form-only-benefits span{
    justify-content:center;
    text-align:center;
    flex-direction:column;
    gap:0;
  }
}


/* ==========================================================
   V21 – mobile Marken-/Modellsuche korrigiert
   ========================================================== */

.search-control__icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  font-size:0;
}
.search-control__icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.search-menu__title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.search-menu__close{
  display:none;
  width:38px;
  height:38px;
  flex:0 0 38px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:11px;
  background:#e8eef3;
  color:#11365e;
  font-size:1.55rem;
  line-height:1;
  cursor:pointer;
}

@media(max-width:700px){
  body.search-menu-open{
    overflow:hidden;
  }
  body.search-menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:1180;
    background:rgba(5,21,38,.56);
    backdrop-filter:blur(3px);
  }

  .page-form-only .search-menu{
    position:fixed;
    z-index:1200;
    left:10px;
    right:10px;
    top:auto;
    bottom:calc(10px + env(safe-area-inset-bottom));
    max-height:min(68dvh,560px);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.72);
    border-radius:22px;
    background:#fff;
    box-shadow:0 28px 90px rgba(4,19,34,.38);
    animation:searchSheetIn .22s ease-out;
  }
  .page-form-only .search-menu__title{
    position:sticky;
    top:0;
    z-index:2;
    min-height:58px;
    padding:10px 11px 10px 17px;
    background:#f4f7fa;
    border-bottom:1px solid #dfe6ed;
    font-size:.8rem;
  }
  .page-form-only .search-menu__close{
    display:inline-flex;
  }
  .page-form-only .search-options{
    max-height:calc(min(68dvh,560px) - 58px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .page-form-only .search-option{
    min-height:53px;
    padding:14px 17px;
    font-size:1rem;
  }
  .page-form-only .search-option small{
    font-size:.7rem;
  }
  .page-form-only .search-empty{
    padding:22px 17px;
  }
  .page-form-only .search-control__icon{
    left:14px;
  }
  .page-form-only .search-control input{
    padding-left:43px;
  }
  .page-form-only .search-toggle{
    width:48px;
  }

  @keyframes searchSheetIn{
    from{transform:translateY(18px);opacity:0}
    to{transform:translateY(0);opacity:1}
  }
}

.online-inspection-section{padding:76px 0;background:linear-gradient(135deg,#eef5fa,#fff)}
.online-inspection-section__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:center}
.online-inspection-section h2{font-size:clamp(2rem,4vw,3.25rem);color:#11365e;margin:.25em 0}
.online-inspection-section p,.online-inspection-section li{color:#56677a;line-height:1.75}
.online-inspection-card{min-height:310px;border-radius:30px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at top,#2e7d3255,transparent 35%),linear-gradient(145deg,#082541,#154b78);color:#fff;box-shadow:0 30px 70px #0d1b2a2b}
.online-inspection-card strong{font-size:2rem}.online-inspection-card span{max-width:280px;color:#d4e2ed;margin:12px 0 25px}.online-inspection-card b{display:grid;place-items:center;width:110px;height:110px;border-radius:30px;background:#fff;color:#2e7d32;font-size:1.35rem;box-shadow:0 18px 40px #0003}
@media(max-width:800px){.online-inspection-section{padding:52px 0}.online-inspection-section__grid{grid-template-columns:1fr}.online-inspection-card{min-height:230px}}
/* Mobile menu stacking fix */
@media(max-width:1000px){
  body.nav-open .header--premium{z-index:2200!important}
  .nav-backdrop{z-index:2100!important;backdrop-filter:none!important;background:rgba(5,20,36,.64)!important}
  .nav--drawer,.nav--compact-clean.nav--drawer{z-index:2300!important;pointer-events:none!important}
  .nav--drawer.is-open{pointer-events:auto!important}
}


/* V24 – optionale Fahrgestellnummer im Erstformular */
.optional-label{
  display:inline-flex;
  margin-left:5px;
  padding:2px 7px;
  border-radius:999px;
  background:#eef3f7;
  color:#647386;
  font-size:.68rem;
  font-weight:800;
  line-height:1.4;
  vertical-align:middle;
}


/* ==========================================================
   V25 – zuverlässige Marken- und Modellauswahl
   ========================================================== */

.vehicle-select-grid{
  align-items:start;
}
.vehicle-select-field{
  min-width:0;
}
.vehicle-select-field>label{
  display:block;
  margin-bottom:7px;
  color:#293449;
  font-size:.88rem;
  font-weight:800;
}
.vehicle-select-field>small{
  display:block;
  margin-top:7px;
  color:#69788a;
  font-size:.74rem;
  line-height:1.45;
}
.vehicle-select-control{
  position:relative;
}
.vehicle-select-control__icon{
  position:absolute;
  left:14px;
  top:50%;
  z-index:2;
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  color:#17466f;
  transform:translateY(-50%);
  pointer-events:none;
}
.vehicle-select-control__icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.vehicle-select-control select{
  width:100%;
  min-height:54px;
  margin:0;
  padding:13px 44px 13px 45px;
  border:1px solid #cfd8e2;
  border-radius:11px;
  background-color:#fff;
  color:#172033;
  font:inherit;
  font-size:1rem;
  cursor:pointer;
  appearance:auto;
}
.vehicle-select-control select:focus{
  outline:3px solid rgba(46,125,50,.14);
  border-color:#2e7d32;
}
.vehicle-select-control select:disabled{
  cursor:not-allowed;
  background:#f1f4f7;
  color:#8b98a6;
}
.vehicle-custom-selection{
  margin-top:-3px;
  margin-bottom:18px;
}
.vehicle-custom-selection input{
  background:#fff;
}

@media(max-width:700px){
  .vehicle-select-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .vehicle-select-control select{
    min-height:56px;
    padding-top:14px;
    padding-bottom:14px;
    font-size:16px;
    border-radius:13px;
  }
  .vehicle-select-field>small{
    font-size:.72rem;
  }
  .vehicle-custom-selection{
    margin-top:0;
  }
}


/* ==========================================================
   V26 – Fahrzeughistorie direkt sichtbar
   ========================================================== */

.progress-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  padding:13px 18px 0;
  background:#fff;
}
.progress-steps span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 6px;
  border-radius:11px;
  background:#f2f5f8;
  color:#778495;
  font-size:.74rem;
  font-weight:850;
  text-align:center;
  transition:.2s ease;
}
.progress-steps b{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  flex:0 0 23px;
  border-radius:50%;
  background:#dce4eb;
  color:#526276;
  font-size:.7rem;
}
.progress-steps span.is-active{
  background:#eaf3fb;
  color:#11365e;
}
.progress-steps span.is-active b{
  background:#11365e;
  color:#fff;
}
.progress-steps span.is-complete{
  background:#edf7ee;
  color:#2e7d32;
}
.progress-steps span.is-complete b{
  background:#2e7d32;
  color:#fff;
}

.vehicle-history-section{
  margin:24px 0;
  padding:21px;
  border:1px solid #d7e5da;
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0,rgba(46,125,50,.08),transparent 34%),
    linear-gradient(145deg,#fbfefb,#f3f8f4);
  box-shadow:0 13px 32px rgba(19,78,37,.06);
}
.vehicle-history-section__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid #dce9de;
}
.vehicle-history-section__head>div:first-child>span{
  display:block;
  margin-bottom:4px;
  color:#2e7d32;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.vehicle-history-section h4{
  margin:0;
  color:#11365e;
  font-size:1.2rem;
}
.vehicle-history-section__badges{
  display:flex;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}
.vehicle-history-section__badges span{
  padding:6px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid #d6e5d8;
  color:#35633a;
  font-size:.68rem;
  font-weight:850;
}
.vehicle-history-section .conditional-fields:not([hidden]){
  margin-top:13px;
  padding:15px;
  border:1px solid #ead5bc;
  border-radius:15px;
  background:#fff9f1;
}
.vehicle-history-section #accident-details:not([hidden])::before{
  content:"Bitte den bekannten Unfallschaden genauer angeben";
  display:block;
  margin-bottom:12px;
  color:#87561e;
  font-size:.78rem;
  font-weight:900;
}

@media(max-width:700px){
  .progress-steps{
    gap:5px;
    padding:10px 10px 0;
  }
  .progress-steps span{
    min-height:47px;
    padding:7px 3px;
    flex-direction:column;
    gap:3px;
    font-size:.59rem;
    line-height:1.15;
  }
  .progress-steps b{
    width:21px;
    height:21px;
    flex-basis:21px;
  }
  .vehicle-history-section{
    margin:20px -3px;
    padding:17px 14px;
    border-radius:17px;
  }
  .vehicle-history-section__head{
    display:block;
  }
  .vehicle-history-section__badges{
    justify-content:flex-start;
    margin-top:11px;
  }
  .vehicle-history-section h4{
    font-size:1.08rem;
  }
}

/* V27: robuste iOS/Mac-Bedienung */
.no-js .form-step{display:block!important}.no-js .progress,.no-js .progress-steps,.no-js .next-step,.no-js .prev-step{display:none!important}
.js .form-step{display:none}.js .form-step.is-active{display:block}
.vehicle-select-field select{width:100%;min-height:54px;margin-top:7px;padding:13px 14px;border:1px solid #cfd8e2;border-radius:12px;background:#fff;color:#172033;font:inherit;font-size:16px;-webkit-appearance:menulist;appearance:auto}
.vehicle-select-field optgroup{font-weight:800}.vehicle-select-field option{font-weight:400}
@media(max-width:1000px){
 .nav-backdrop{z-index:9000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
 body.nav-open .nav-backdrop{pointer-events:auto!important}
 .nav--drawer,.nav--compact-clean.nav--drawer{z-index:9100!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(108%,0,0)!important;-webkit-transform:translate3d(108%,0,0)!important}
 .nav--drawer.is-open{visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important}
 .nav--drawer a,.nav--drawer button{pointer-events:auto!important;touch-action:manipulation}
}
.akd-company-relation{font-size:.78rem;color:#8391a0;margin-top:7px}


/* ==========================================================
   V28 – robuste Marken-/Modellauswahl für iOS, Mac und Desktop
   ========================================================== */

.vehicle-enhanced-picker{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:18px;
}
.vehicle-enhanced-picker[hidden],
.vehicle-native-fallback[hidden],
.vehicle-picker-panel[hidden]{
  display:none!important;
}
.vehicle-picker-field{
  min-width:0;
}
.vehicle-picker-label{
  display:block;
  margin-bottom:7px;
  color:#293449;
  font-size:.88rem;
  font-weight:850;
}
.vehicle-picker-trigger{
  width:100%;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  border:1px solid #cbd7e2;
  border-radius:13px;
  background:#fff;
  color:#5f6e7f;
  font:inherit;
  font-size:16px;
  font-weight:700;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-appearance:none;
  appearance:none;
}
.vehicle-picker-trigger:hover,
.vehicle-picker-trigger:focus-visible{
  border-color:#2e7d32;
  outline:3px solid rgba(46,125,50,.12);
}
.vehicle-picker-trigger.has-value{
  color:#172033;
}
.vehicle-picker-trigger:disabled{
  cursor:not-allowed;
  background:#eef2f5;
  color:#8995a2;
}
.vehicle-picker-trigger__text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vehicle-picker-trigger__arrow{
  flex:0 0 auto;
  color:#17466f;
  font-size:1.3rem;
  line-height:1;
}
.vehicle-picker-panel{
  grid-column:1/-1;
  width:100%;
  margin-top:9px;
  padding:13px;
  border:1px solid #cbd8e3;
  border-radius:17px;
  background:#fff;
  box-shadow:0 18px 45px rgba(13,27,42,.13);
  position:static!important;
  z-index:auto!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}
.vehicle-picker-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
  color:#11365e;
}
.vehicle-picker-close{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  padding:0;
  border:0;
  border-radius:12px;
  background:#edf2f6;
  color:#11365e;
  font-size:1.6rem;
  line-height:1;
  cursor:pointer;
  touch-action:manipulation;
}
.vehicle-picker-search-label{
  display:block;
  margin:0 0 10px!important;
  font-size:.76rem!important;
  color:#607184!important;
}
.vehicle-picker-search-label span{
  display:block;
  margin-bottom:5px;
  font-weight:800;
}
.vehicle-picker-search-label input{
  width:100%;
  min-height:50px;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid #cbd7e2;
  border-radius:11px;
  font-size:16px!important;
}
.vehicle-picker-options{
  max-height:330px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  overflow-y:auto;
  padding:2px;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.vehicle-picker-option{
  width:100%;
  min-height:49px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:11px 13px;
  border:1px solid #e0e7ee;
  border-radius:11px;
  background:#f8fafc;
  color:#183753;
  font:inherit;
  font-size:.9rem;
  font-weight:750;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  pointer-events:auto!important;
}
.vehicle-picker-option:hover,
.vehicle-picker-option:focus-visible{
  border-color:#a8c9ab;
  background:#eef7ef;
  outline:none;
}
.vehicle-picker-option.is-selected{
  border-color:#2e7d32;
  background:#eaf6eb;
  color:#245f2a;
}
.vehicle-picker-option strong{
  color:#2e7d32;
}
.vehicle-picker-empty{
  grid-column:1/-1;
  margin:0;
  padding:20px;
  border-radius:11px;
  background:#f4f7fa;
  color:#68788a;
  text-align:center;
}
.vehicle-picker-error{
  grid-column:1/-1;
  display:none;
  padding:12px 14px;
  border:1px solid #edcaca;
  border-radius:11px;
  background:#fff0f0;
  color:#8f2929;
  font-size:.86rem;
  font-weight:800;
}
.vehicle-picker-error.is-visible{
  display:block;
}
.vehicle-picker-fallback-button{
  grid-column:1/-1;
  justify-self:start;
  padding:8px 0;
  border:0;
  background:transparent;
  color:#315a7d;
  font:inherit;
  font-size:.76rem;
  font-weight:800;
  text-decoration:underline;
  cursor:pointer;
  touch-action:manipulation;
}
.vehicle-picker-fallback-button--return{
  margin:0 0 18px;
}
.vehicle-picker-noscript{
  margin:0 0 13px;
  padding:12px;
  border-radius:11px;
  background:#fff5dc;
  color:#664d17;
}
.vehicle-native-fallback{
  margin-bottom:10px;
}

/* Ohne erfolgreich geladenes JavaScript bleiben alle Schritte nutzbar. */
.no-js .vehicle-enhanced-picker{
  display:none!important;
}
.no-js .vehicle-native-fallback{
  display:grid!important;
}
.no-js .form-step{
  display:block!important;
}
.no-js .progress,
.no-js .progress-steps,
.no-js .next-step,
.no-js .prev-step{
  display:none!important;
}

/* Erst nach vollständiger V28-Initialisierung wird die Mehrschrittansicht aktiv. */
.js .form-step{
  display:none;
}
.js .form-step.is-active{
  display:block;
}

@media(max-width:700px){
  .vehicle-enhanced-picker{
    grid-template-columns:1fr;
    gap:14px;
  }
  .vehicle-picker-panel{
    grid-column:1;
    margin-top:-2px;
    padding:11px;
    border-radius:15px;
    box-shadow:0 14px 35px rgba(13,27,42,.12);
  }
  .vehicle-picker-options{
    grid-template-columns:1fr;
    max-height:42vh;
  }
  .vehicle-picker-option{
    min-height:52px;
    padding:13px 14px;
    font-size:.96rem;
  }
  .vehicle-picker-trigger{
    min-height:57px;
  }
}


/* V29 – eindeutige Firmenzuordnung */
.legal-brand-disclosure{padding:14px 18px;background:#071f38;color:#dce8f1;text-align:center;font-size:.78rem;line-height:1.5}.legal-brand-disclosure strong{color:#fff}

/* V29 – endgültige Ebenenreihenfolge für das mobile Menü.
   Der Drawer liegt innerhalb des Headers; deshalb muss auch der Header über dem Backdrop liegen. */
@media(max-width:1000px){
  body.nav-open .header--premium{
    position:relative!important;
    z-index:9300!important;
  }
  .nav-backdrop{
    z-index:9200!important;
  }
  .nav--drawer,
  .nav--compact-clean.nav--drawer{
    z-index:9400!important;
  }
}


/* ==========================================================
   V33 – symmetrischer Desktop-Hero
   ========================================================== */
@media(min-width:1001px){
  .hero__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.06fr) minmax(500px,.94fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    column-gap:54px!important;
    row-gap:18px!important;
    min-height:auto!important;
    padding:68px 0 82px!important;
  }
  .hero__content{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    width:100%!important;
    max-width:690px!important;
    margin:0!important;
  }
  .lead-card{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    justify-self:end!important;
    width:100%!important;
    max-width:620px!important;
    margin:0!important;
  }
  .hero__visual{
    position:relative!important;
    grid-column:1!important;
    grid-row:2!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:760px!important;
    margin:0!important;
    z-index:1!important;
  }
}


/* ==========================================================
   V35 – ausgewogener Desktop-Hero ohne Leerraum und Overlay
   ========================================================== */
.hero__left{min-width:0}
@media(min-width:1001px){
  .hero__grid{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(520px,.97fr)!important;grid-template-rows:auto!important;align-items:start!important;gap:48px!important;min-height:auto!important;padding:54px 0 72px!important}
  .hero__left{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important;width:100%!important;min-width:0!important}
  .hero__content{position:relative!important;grid-column:auto!important;grid-row:auto!important;align-self:stretch!important;width:100%!important;max-width:none!important;margin:0!important;padding:32px 34px!important}
  .lead-card{grid-column:2!important;grid-row:1!important;align-self:start!important;justify-self:stretch!important;width:100%!important;max-width:620px!important;margin:0 0 0 auto!important}
  .hero__visual{position:relative!important;grid-column:auto!important;grid-row:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:700px!important;margin:0 auto!important;padding:0 18px!important;opacity:1!important;overflow:visible!important;z-index:1!important;filter:none!important}
  .hero__visual svg{display:block!important;width:100%!important;height:auto!important;max-height:310px!important;filter:drop-shadow(0 22px 26px rgba(13,27,42,.12))}
  .hero__seal{position:relative!important;right:auto!important;bottom:auto!important;left:auto!important;top:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:auto!important;max-width:100%!important;margin:-1px auto 0!important;padding:10px 17px!important;border:1px solid #d8e5dc!important;border-radius:999px!important;background:#fff!important;box-shadow:0 12px 28px rgba(13,27,42,.10)!important;backdrop-filter:none!important;color:#153c5f!important;transform:none!important}
  .hero__seal>span{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%!important;font-size:.95rem!important}
  .hero__seal strong{display:block!important;color:#153c5f!important;font-size:.9rem!important;line-height:1.25!important;white-space:nowrap!important}
}
@media(min-width:1001px) and (max-width:1280px){
  .hero__grid{grid-template-columns:minmax(0,.96fr) minmax(500px,1.04fr)!important;gap:32px!important}
  .hero__content{padding:28px!important}
  .hero__content h1{font-size:clamp(2.35rem,4vw,3.45rem)!important}
  .hero__visual{max-width:620px!important}
}
@media(max-width:1000px){
  .hero__left{display:contents}
  .hero__seal{position:relative!important;right:auto!important;bottom:auto!important;left:auto!important;top:auto!important;width:max-content!important;max-width:calc(100% - 24px)!important;margin:-12px auto 8px!important;border-radius:999px!important;transform:none!important}
  .hero__seal strong{font-size:.84rem!important}
}


/* --- V36 homepage / vehicle variant / video refinements --- */
.hero__visual-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px 18px 20px;box-shadow:0 24px 50px rgba(13,27,42,.10)}
.hero__highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.hero__highlight{padding:14px 15px;border-radius:18px;background:linear-gradient(180deg,#f7fafc,#eef4f8);border:1px solid #dce5ed;text-align:left}
.hero__highlight strong{display:block;color:#0f3155;font-size:.98rem;line-height:1.25}
.hero__highlight small{display:block;margin-top:5px;color:#637689;font-size:.77rem;line-height:1.45}
.vehicle-variant-wrapper{margin-top:14px}
.vehicle-variant-field{display:block;padding:16px 18px;border:1px solid #dce5ed;border-radius:18px;background:#f8fbfd;color:#163754}
.vehicle-variant-field input{width:100%;margin-top:8px}
.vehicle-variant-field small{display:block;margin-top:8px;color:#6b7f91}
.optional-chip{display:inline-flex;align-items:center;margin-left:8px;padding:3px 8px;border-radius:999px;background:#edf4f8;color:#4a637a;font-size:.72rem;font-weight:700;vertical-align:middle}
.online-video-card{display:grid;gap:16px;padding:22px;border-radius:24px;background:#fff;border:1px solid #dbe4ec;box-shadow:0 22px 42px rgba(13,27,42,.08)}
.online-video-card__placeholder{min-height:290px;display:grid;place-items:center;padding:22px;text-align:center;border-radius:18px;background:linear-gradient(135deg,#123a60,#0b223f);color:#fff}
.online-video-card__play{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 14px;border-radius:50%;background:rgba(255,255,255,.14);font-size:1.9rem}
.online-video-card__placeholder strong{display:block;font-size:1.45rem}
.online-video-card__placeholder p{max-width:310px;margin:10px auto 0;color:#d4dfeb;line-height:1.65}
.online-video-card__player{display:block;width:100%;border-radius:18px;background:#091521;box-shadow:0 16px 28px rgba(0,0,0,.2)}
.online-video-card__meta{padding:14px 16px;border-radius:18px;background:#f6f9fb;border:1px solid #dce5ed;color:#274762}
.online-video-card__meta strong{display:block;margin-bottom:5px;color:#12385d}
.online-video-card__meta span{display:block;line-height:1.65;color:#617486}
.online-video-card__meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#eaf0f5;padding:2px 5px;border-radius:6px}
@media (max-width:1000px){
  .hero__visual-card{padding:16px}
  .hero__highlight-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .vehicle-variant-field{padding:14px}
  .online-video-card{padding:16px;border-radius:18px}
  .online-video-card__placeholder{min-height:220px}
}

/* V38 – dynamisch verwaltetes Homepage-Video */
.online-video-card__player[hidden],.online-video-card__placeholder[hidden]{display:none!important}.online-video-card__player{aspect-ratio:16/9;object-fit:contain}.online-video-card__placeholder{transition:opacity .2s ease}