@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/dmsans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/dmsans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Teko';font-style:normal;font-weight:500 600;font-display:swap;src:url(../fonts/teko-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Teko';font-style:normal;font-weight:500 600;font-display:swap;src:url(../fonts/teko-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* =====================================================================
   HOCHWALD AUTOMOBILE · Stylesheet
   Farben, Logo und Schriften aus der Bestandsseite (Teko / DM Sans,
   Königsblau #3973D3, Schwarz #0A0A0A). Layout: Hybrid Cruze × Schmid.
   ===================================================================== */
:root{
  --intro:1.1s;
  --black:#0A0A0A; --black-2:#16191C; --night:#05070A;
  --brand:#3973D3; --brand-ink:#2A5AA8; --brand-soft:#E8F0FC; --navy:#122A5C;
  --ink:#101214; --muted:#565C62; --wash:#F2F4F6; --line:#DCE0E4; --white:#fff;
  --ok:#1F7A4D; --err:#B42318; --gold:#F5B301;
  --f-head:"Teko","Arial Narrow",sans-serif;
  --f-body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --max:1280px; --gut:clamp(16px,4vw,40px); --hdr:84px;
  --r-sm:4px; --r-md:6px; --r-lg:6px; --r-xl:8px;
  --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --shadow:0 1px 2px rgba(10,10,10,.05),0 12px 32px rgba(10,10,10,.08);
  --shadow-lg:0 30px 60px -20px rgba(5,7,10,.35);
}
/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;font-family:var(--f-body);font-size:17px;line-height:1.6;color:var(--ink);background:#fff;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
svg{width:1.15em;height:1.15em;flex:none}
figure,blockquote,dl,dd{margin:0}
[hidden]{display:none!important}
h1,h2,h3,h4,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
address{font-style:normal}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:#fff;color:var(--ink);padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{top:16px}

/* ---------- Typo ---------- */
h1,h2,h3,.h{font-family:var(--f-head);font-weight:600;line-height:.95;letter-spacing:.005em;overflow-wrap:break-word;hyphens:auto}
h1{font-size:clamp(46px,7.4vw,104px)}
h2{font-size:clamp(38px,5vw,68px)}
h3{font-size:clamp(25px,2.2vw,30px);line-height:1}
h1 em,h2 em{font-style:normal;color:var(--brand)}
.on-dark h1 em,.on-dark h2 em{color:#7FA8EE}
.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--muted)}
.on-dark .lead,.on-dark p{color:rgba(255,255,255,.82)}
.small{font-size:15px}
.xs{font-size:13px}
.muted{color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink)}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--brand);border-radius:2px;transform:rotate(45deg)}
.on-dark .eyebrow{color:#9BBCF3}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--brand-ink);border-bottom:2px solid currentColor;padding-bottom:2px;transition:gap .3s var(--ease)}
.link:hover{gap:14px}
.on-dark .link{color:#fff}
.footnote{font-size:13px;line-height:1.55;color:var(--muted);margin-top:28px;max-width:980px}
.on-dark .footnote{color:rgba(255,255,255,.7)}

/* ---------- Layout ---------- */
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.sec{padding-block:clamp(72px,9vw,130px)}
.sec-tight{padding-block:clamp(48px,6vw,80px)}
.bg-wash{background:var(--wash)}
.bg-black{background:var(--black);color:#fff}
.bg-navy{background:var(--navy);color:#fff}
.sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(36px,4vw,56px)}
.sec-head > *{max-width:760px}
.sec-head.row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sec-head.row > div{display:flex;flex-direction:column;gap:16px;max-width:760px}
.sec-head.center{align-items:center;text-align:center}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

/* ---------- Buttons (Cruze-Pill mit Pfeil-Kreis) ---------- */
.btn{--bg:var(--black);--fg:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:8px 10px 8px 26px;border-radius:999px;background:var(--bg);color:var(--fg);font-weight:700;font-size:16px;line-height:1.1;border:2px solid var(--bg);transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease);isolation:isolate;overflow:hidden;white-space:nowrap}
.btn .bi{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.16);transition:transform .45s var(--ease-out),background .3s}
.btn .bi svg{width:18px;height:18px}
.btn:hover .bi{transform:rotate(-45deg)}
.btn:hover{transform:translateY(-2px)}
.btn-brand{--bg:var(--brand)}
.btn-brand:hover{--bg:var(--brand-ink)}
.btn-dark:hover{--bg:var(--black-2)}
.btn-light{--bg:#fff;--fg:var(--ink)}
.btn-light .bi{background:var(--black);color:#fff}
.btn-ghost{--bg:transparent;--fg:#fff;border-color:rgba(255,255,255,.45)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-ghost .bi{background:rgba(255,255,255,.14)}
.btn-outline{--bg:transparent;--fg:var(--ink);border-color:var(--line)}
.btn-outline:hover{border-color:var(--ink)}
.btn-outline .bi{background:var(--wash)}
.btn.plain{padding:8px 26px}
.btn-block{width:100%}
.btn-sm{min-height:44px;font-size:15px;padding:6px 8px 6px 20px}
.btn-sm .bi{width:30px;height:30px}
.btn-sm.plain{padding:6px 18px}
.btn[disabled]{opacity:.55;pointer-events:none}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.rbtn{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(10,10,10,.12);transition:transform .3s var(--ease),background .3s,color .3s}
.rbtn:hover{background:var(--brand);color:#fff;transform:scale(1.06)}
.rbtn svg{width:20px;height:20px}
.rbtn[disabled]{opacity:.4;pointer-events:none}

/* ---------- Logo ---------- */
.brand{display:inline-flex;align-items:center;gap:12px;color:#fff}
.brand .logo{width:46px;height:46px}
.brand .wm{display:flex;flex-direction:column;font-family:var(--f-head);line-height:.82}
.brand .wm-a{font-size:27px;font-weight:600;letter-spacing:.06em}
.brand .wm-b{font-size:15.5px;font-weight:500;letter-spacing:.32em}

/* ---------- Header ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:90;height:var(--hdr);color:#fff;transition:background .4s var(--ease),height .4s var(--ease),box-shadow .4s,transform .45s var(--ease)}
.hdr::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,10,.65),rgba(5,7,10,0));pointer-events:none;transition:opacity .4s}
.hdr.stuck{background:rgba(10,10,10,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:72px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.hdr.stuck::before{opacity:0}
.hdr.hide{transform:translateY(-100%);box-shadow:none}
.hdr-in{position:relative;height:100%;display:flex;align-items:center;gap:28px}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav > a,.nav .dd > button{position:relative;display:inline-flex;white-space:nowrap;align-items:center;gap:6px;padding:10px 13px;font-size:15.5px;font-weight:500;color:rgba(255,255,255,.78);transition:color .25s}
/* Navigation: blauer Punkt statt Hover-Fläche (Kundenwunsch 02.10.2026) */
.nav > a::after,.nav .dd > button::after{content:"";position:absolute;left:50%;bottom:1px;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:0;transform:translate(-50%,7px) scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .2s ease,box-shadow .4s ease;pointer-events:none}
.nav .dd > button::after{margin-left:-10px}
.nav > a:hover,.nav .dd > button:hover,.nav > a:focus-visible,.nav .dd > button:focus-visible,.nav > a[aria-current="page"],.nav .dd.on > button{color:#fff}
.nav > a:hover::after,.nav .dd > button:hover::after,.nav > a:focus-visible::after,.nav .dd > button:focus-visible::after{opacity:1;transform:translate(-50%,0) scale(1)}
.nav > a[aria-current="page"]::after,.nav .dd.on > button::after{opacity:1;transform:translate(-50%,0) scale(1);box-shadow:0 0 0 3px rgba(57,115,211,.22),0 0 12px 2px rgba(57,115,211,.7)}
.nav > a[aria-current="page"]:hover::after,.nav .dd.on > button:hover::after{transform:translate(-50%,0) scale(1.25)}
.nav .dd{position:relative}
.nav .dd > button svg{width:15px;height:15px;transition:transform .3s}
.nav .dd:hover > button svg,.nav .dd.open > button svg{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 10px);left:50%;width:330px;transform:translate(-50%,8px);background:#fff;color:var(--ink);border-radius:var(--r-md);padding:8px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .25s,transform .3s var(--ease),visibility .25s}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav .dd:hover .dd-menu,.nav .dd.open .dd-menu,.nav .dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-menu a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:6px;transition:background .2s}
.dd-menu a:hover{background:var(--wash)}
.dd-menu img{width:64px;height:48px;object-fit:cover;border-radius:8px}
.dd-menu b{display:block;font-size:15px}
.dd-menu span{font-size:13px;color:var(--muted);line-height:1.35}
.hdr-cta{display:flex;align-items:center;gap:10px}
.hdr-tel{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:8px 6px;color:#fff}
.hdr-tel svg{width:17px;height:17px;color:#9BBCF3}
.burger{display:none;margin-left:auto;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:rgba(255,255,255,.1);color:#fff}
.burger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .35s var(--ease),opacity .2s}
.menu-open .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
/* Mobile-Menü: fällt von oben (Cruze) */
.mnav{position:fixed;inset:0;z-index:85;background:var(--black);color:#fff;padding:calc(var(--hdr) + 16px) var(--gut) 32px;display:flex;flex-direction:column;gap:28px;overflow-y:auto;transform:translateY(-100%);visibility:hidden;transition:transform .6s var(--ease-out),visibility 0s .6s}
.menu-open .mnav{transform:none;visibility:visible;transition:transform .6s var(--ease-out),visibility 0s}
.mnav ul{display:flex;flex-direction:column}
.mnav li{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}
.mnav li a{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;font-family:var(--f-head);font-size:38px;font-weight:600;line-height:1;transform:translateY(105%);transition:transform .6s var(--ease-out),color .2s}
.mnav li a small{font-family:var(--f-body);font-size:13px;font-weight:500;color:rgba(255,255,255,.65);letter-spacing:.02em}
.mnav li a:hover,.mnav li a[aria-current="page"]{color:#9BBCF3}
.menu-open .mnav li a{transform:none}
.mnav .btns{flex-direction:column}
.mnav .mnav-foot{font-size:14px;color:rgba(255,255,255,.7);margin-top:auto}
.menu-open{overflow:hidden}

/* ---------- Hero (Startseite) ---------- */
.hero{position:relative;min-height:100svh;background:var(--night);color:#fff;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:scale(1.04);transform-origin:60% 55%}
/* Startseite 02.10.2026: Autohaus-Foto als ruhiger Hintergrund, Imagefilm rechts */
.hero-shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(5,7,10,.93) 0%,rgba(5,7,10,.84) 42%,rgba(5,7,10,.66) 100%),
  linear-gradient(0deg,rgba(5,7,10,.9) 0%,rgba(5,7,10,0) 38%)}
.hero-in{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,4.5vw,80px);align-items:center;padding-top:calc(var(--hdr) + clamp(24px,4vh,56px));padding-bottom:clamp(48px,7vh,88px)}
.hero-video{margin:0;display:flex;flex-direction:column;gap:18px;min-width:0}
.hv-frame{position:relative;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:#000;box-shadow:0 40px 90px -30px rgba(0,0,0,.85);outline:1px solid rgba(255,255,255,.14);outline-offset:-1px}
.hv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;transform:scale(1.012)}
.hv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hv-play{position:absolute;z-index:2;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border:0;cursor:pointer;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(57,115,211,.25),0 20px 40px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.hv-play svg{width:30px;height:30px;margin-left:4px}
.hv-play:hover{transform:scale(1.08)}
.hv-play[hidden],.hv-sound[hidden]{display:none}
.hv-frame iframe.live{pointer-events:auto;transform:none;z-index:3}
.hv-sound{position:absolute;z-index:2;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(10,10,10,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font:700 13.5px/1 var(--f-body);cursor:pointer;transition:background .25s,border-color .25s}
.hv-sound svg{width:18px;height:18px}
.hv-sound:hover{background:var(--brand);border-color:var(--brand)}
/* Google-Bewertungs-Badge, bündig unter dem Imagefilm (02.10.2026) */
.hero-video{gap:12px}
.gbadge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:12px 16px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.16);background:rgba(10,10,10,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
.gb-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff}
.gb-logo svg{width:21px;height:21px}
.gb-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.gb-score{display:inline-flex;align-items:center;gap:10px}
.gb-score b{font-family:var(--f-head);font-size:28px;font-weight:600;line-height:.9;padding-top:3px}
.gb-stars{display:inline-flex;gap:2px;color:#FBBC04}
.gb-stars svg{width:15px;height:15px}
.gb-sub{font-size:13px;color:rgba(255,255,255,.72)}
.gb-sub b{color:#fff;font-weight:700}
.gb-locs{display:flex;gap:6px}
.gb-locs a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 30px 7px 12px;border-radius:4px;background:#16191C;border:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1.2;color:rgba(255,255,255,.7);transition:background .2s,border-color .2s,color .2s}
.gb-locs a b{font-family:var(--f-head);font-size:20px;font-weight:600;color:#fff;line-height:1}
.gb-locs a::after{content:"";position:absolute;top:8px;right:9px;width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s}
.gb-locs a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.gb-locs a:hover::after{transform:translate(2px,-2px)}
@media (max-width:520px){.gbadge{grid-template-columns:auto minmax(0,1fr)}.gb-locs{grid-column:1 / -1}.gb-locs a{flex:1}}
/* Hero-Überschrift: Standorte als zweite Zeile */
.hero h1 .h1-sub{display:block;margin-top:.18em;font-size:.46em;line-height:1.05;font-weight:500;color:rgba(255,255,255,.9)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.hero-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 10px 2px rgba(57,115,211,.7)}
@media (max-width:1100px){.hero-in{grid-template-columns:minmax(0,1fr)}.hero-video{max-width:760px}}
.hero-copy{display:flex;flex-direction:column;gap:20px;max-width:620px}
.hero h1{font-size:clamp(50px,min(5.6vw,8.6vh),84px);line-height:.9}
.hero .lead{color:rgba(255,255,255,.86);max-width:560px}
.rating{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;font-weight:500;color:rgba(255,255,255,.88)}
.rating b{font-family:var(--f-head);font-size:28px;line-height:1;font-weight:600;color:#fff}
.stars{display:inline-flex;gap:2px;color:var(--gold)}
.stars svg{width:15px;height:15px}
.ticks{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:10px 28px}
.ticks li{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:500;color:#fff}
.ticks li svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--brand);color:#fff}
/* Fahrzeugfinder (Schmid) als Such-Dock */
.hero-dock{position:relative;display:flex;flex-direction:column}
.finder{background:#fff;color:var(--ink);border-radius:8px;padding:18px 18px 18px 26px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-bottom:22px}
.finder .fhead{display:flex;flex-direction:column;gap:4px;align-self:center}
.finder h2{font-size:28px;display:flex;align-items:center;gap:10px}
.finder h2::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft);flex:none}
.finder .fhead p{font-size:13.5px;color:var(--muted);line-height:1.4}
.finder .btn{min-height:50px}
.finder .inp{min-height:50px}
/* Fahrzeug-Reel (Cruze-Slider-Leiste) */
.reel{position:relative;border-top:1px solid rgba(255,255,255,.16);padding-block:16px 18px;background:linear-gradient(180deg,rgba(5,7,10,.62),rgba(5,7,10,.8));backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}
.reel-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:clamp(16px,2.2vw,36px);align-items:center}
.reel-count{display:flex;flex-direction:column;gap:4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);font-weight:700}
.reel-count b{font-family:var(--f-head);font-size:34px;letter-spacing:0;color:#fff;line-height:1}
.reel-count b span{color:rgba(255,255,255,.5);font-size:22px}
.reel-stage{position:relative;min-height:74px}
.reel-item{position:absolute;inset:0;display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:24px;align-items:center;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.reel-item.on{opacity:1;visibility:visible;position:relative}
.reel-item .nm{display:flex;flex-direction:column;gap:4px;min-width:0}
.reel-item .nm small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9BBCF3;font-weight:700}
.reel-item .nm strong{font-family:var(--f-head);font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-item .nm strong,.reel-item .specs > div{transform:translateY(16px);transition:transform .7s var(--ease-out)}
.reel-item.on .nm strong,.reel-item.on .specs > div{transform:none}
.reel-item .specs{display:flex;gap:clamp(16px,2vw,32px)}
.reel-item .specs div{display:flex;flex-direction:column;gap:2px}
.reel-item .specs span{font-size:12px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.reel-item .specs b{font-family:var(--f-head);font-size:28px;font-weight:500;line-height:1;white-space:nowrap}
.reel-item .specs .rt b{color:#9BBCF3}
.reel-thumbs{display:flex;gap:6px}
.reel-thumbs button{position:relative;width:60px;height:44px;border-radius:4px;overflow:hidden;opacity:.5;border:2px solid transparent;transition:opacity .3s,border-color .3s,transform .3s}
.reel-thumbs button img{width:100%;height:100%;object-fit:cover}
.reel-thumbs button.on{opacity:1;border-color:#fff}
.reel-thumbs button:hover{opacity:1;transform:translateY(-3px)}
.reel-nav{display:flex;gap:10px}
.reel-nav .rbtn{width:46px;height:46px;background:rgba(255,255,255,.12);color:#fff;box-shadow:none}
.reel-nav .rbtn:hover{background:#fff;color:var(--ink)}
.reel-bar{position:absolute;left:0;right:0;top:-1px;height:2px;background:transparent}
.reel-bar i{display:block;height:100%;width:0;background:var(--brand)}
.reel-bar i.run{animation:reelbar 6s linear forwards}
@keyframes reelbar{to{width:100%}}
.reel-link{position:absolute;inset:0;z-index:1}
.reel-item .specs,.reel-item .nm{position:relative;z-index:2;pointer-events:none}

/* Intro-Vorhang (Wow): Signet auf Blau, Vorhang hebt sich, Bild zoomt */
.curtain{position:fixed;inset:0;z-index:120;display:none;place-items:center;background:var(--brand);pointer-events:none}
.curtain svg{width:min(26vw,150px);height:auto;opacity:0;transform:scale(.86)}
.js .curtain{display:grid;animation:curtainUp 1s var(--ease-out) 1.05s forwards}
.js .curtain svg{animation:signetIn .8s var(--ease-out) .1s forwards,signetOut .45s ease-in .95s forwards}
@keyframes signetIn{to{opacity:1;transform:none}}
@keyframes signetOut{to{opacity:0;transform:translateY(-24px)}}
@keyframes curtainUp{to{transform:translateY(-100%)}}
.js.no-intro .curtain{display:none}
.hero-media img{animation:heroZoom 3.2s var(--ease-out) both;animation-delay:var(--intro,1.1s)}
@keyframes heroZoom{from{transform:scale(1.22)}to{transform:scale(1.04)}}
.hero .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em;margin-bottom:-.06em}
.hero .wd > span{display:inline-block;transform:translateY(105%);animation:wordUp 1s var(--ease-out) forwards;animation-delay:calc(var(--intro,1.1s) + .25s + var(--i) * 70ms)}
@keyframes wordUp{to{transform:none}}
.hero .fx{opacity:0;transform:translateY(26px);animation:fxUp .9s var(--ease-out) forwards;animation-delay:calc(var(--intro,1.1s) + var(--d,0s))}
@keyframes fxUp{to{opacity:1;transform:none}}
.hero .finder.fx{transform:translateY(40px)}
.no-intro{--intro:.05s}

.anim-done .hero .fx,.anim-done .hero .wd>span,.anim-done .phead .fx,.anim-done .phead .wd>span,.anim-done .hero-media img,.anim-done .phead .bimg img{animation:none!important;opacity:1!important;transform:none!important}
.anim-done .hero-media img{transform:scale(1.04)!important}
.anim-done .curtain{display:none!important}
/* USP-Ticker */
.ticker{background:var(--brand);color:#fff;overflow:hidden;padding-block:16px;position:relative;z-index:2}
.ticker-track{display:flex;width:max-content;animation:tick 38s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker ul{display:flex;align-items:center}
.ticker li{display:flex;align-items:center;gap:18px;padding-right:18px;font-family:var(--f-head);font-size:28px;font-weight:500;line-height:1;white-space:nowrap;letter-spacing:.02em}
.ticker li::after{content:"";width:9px;height:9px;background:#fff;transform:rotate(45deg);border-radius:1px;opacity:.85}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- Reveal-System (Cruze: Wortmasken + Bildzoom, Schmid: Fade-up) ---------- */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition-delay:calc(var(--d,0) * 90ms)}
.js .rv.in{opacity:1;transform:none}
.js .split .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.js .split .wd > span{display:inline-block;transform:translateY(105%);transition:transform 1s var(--ease-out);transition-delay:calc(var(--i) * 55ms)}
.js .split.in .wd > span{transform:none}
.frame{display:block;position:relative;overflow:hidden;border-radius:var(--r-lg);clip-path:inset(0 round var(--r-lg))}
.frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease-out)}
.js .frame.rvi img{transform:scale(1.22)}
.js .frame.rvi.in img{transform:scale(1)}
.js .frame.wipe{clip-path:inset(0 0 100% 0 round var(--r-lg));transition:clip-path 1.3s var(--ease-out)}
.js .frame.wipe.in{clip-path:inset(0 0 0 0 round var(--r-lg))}

/* ---------- Beweis-Sektion (Siegel + Zähler) ---------- */
.proof-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end}
.seals{display:flex;gap:clamp(14px,2vw,28px);align-items:flex-end;justify-content:flex-end}
.seal{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:12.5px;line-height:1.35;color:var(--muted);max-width:150px}
.seal img{height:clamp(110px,12vw,150px);width:auto;filter:drop-shadow(0 18px 24px rgba(10,10,10,.14));transition:transform .5s var(--ease-out)}
.seal:hover img{transform:translateY(-6px) rotate(-2deg)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--line)}
.stat{padding:28px 24px 4px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.stat:first-child{border-left:0;padding-left:0}
.stat b{font-family:var(--f-head);font-size:clamp(56px,6vw,88px);font-weight:600;line-height:.85;color:var(--ink);display:flex;align-items:flex-start;gap:4px}
.stat b sup{font-size:.42em;color:var(--brand);line-height:1;margin-top:.1em}
.stat > span{overflow-wrap:anywhere;hyphens:auto;font-size:15px;color:var(--muted);font-weight:500}
.stat a{color:var(--brand-ink);font-weight:700}

/* ---------- Fahrzeugkarten / Karussell (Cruze-Featured) ---------- */
.car-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * 24px) / 3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 24px;margin:-6px -2px 0;overscroll-behavior-x:contain;cursor:grab}
.car-track::-webkit-scrollbar{display:none}
.car-track.drag{cursor:grabbing;scroll-snap-type:none}
.car-track.drag a{pointer-events:none}
.car-track > *{scroll-snap-align:start}
.car-nav{display:flex;align-items:center;gap:18px;margin-top:8px}
.dots{display:flex;gap:8px;flex-wrap:wrap}
.dots button{width:10px;height:10px;border-radius:50%;background:#C3C9CF;transition:width .35s var(--ease),background .3s}
.dots button.on{width:30px;border-radius:6px;background:var(--brand)}
.car-nav .arrows{display:flex;gap:10px;margin-left:auto}
.vcard{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .45s var(--ease-out),box-shadow .45s}
.vcard:hover{transform:translateY(-6px);box-shadow:0 28px 50px -24px rgba(10,10,10,.35)}
.vcard .vimg{position:relative;aspect-ratio:16/10.5;overflow:hidden;background:#d9dde1}
.vcard .vimg img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease-out)}
.vcard .vimg::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(0deg,rgba(5,7,10,.85),rgba(5,7,10,0))}
.vcard .chips{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:6px;flex-wrap:wrap;z-index:1}
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:var(--ink)}
.chip.dark{background:rgba(10,10,10,.82);color:#fff}
.chip.blue{background:var(--brand);color:#fff}
.vcard .vtitle{position:absolute;left:20px;right:20px;bottom:16px;z-index:1;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.vcard .vtitle h3{font-size:32px;color:#fff}
.vcard .vtitle span{display:block;font-size:13.5px;color:rgba(255,255,255,.85);margin-top:4px;font-family:var(--f-body);font-weight:500;line-height:1.3}
.vbody{padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px;flex:1}
.vspecs{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--muted)}
.vspecs span{display:inline-flex;align-items:center;gap:6px}
.vspecs svg{width:16px;height:16px;color:var(--brand-ink)}
.vprice{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.rate{display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-family:var(--f-head);font-weight:600;color:var(--ink);line-height:.9}
.rate .pre{font-family:var(--f-body);font-size:13px;font-weight:500;color:var(--muted)}
.rate .num{font-size:40px;color:var(--brand-ink)}
.rate sup{font-family:var(--f-body);font-size:12px;color:var(--muted);align-self:flex-start}
.rate .per{font-family:var(--f-body);font-size:13px;font-weight:500;color:var(--muted)}
.cash{font-size:13px;color:var(--muted);text-align:right;line-height:1.4}
.cash b{display:block;font-size:16px;color:var(--ink)}
.vloc{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.vloc svg{width:15px;height:15px}
.envkv{font-size:12.5px;color:var(--muted);line-height:1.45}
.vcard .go{position:absolute;inset:0;z-index:2}
.vgrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

/* ---------- Rate-Prinzip (Cruze "About") ---------- */
.rateblock{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.rateblock .copy{display:flex;flex-direction:column;gap:22px}
.offer{position:relative}
.offer .frame{aspect-ratio:4/3.2}
.offer-card{position:absolute;left:-28px;bottom:-28px;right:28px;background:#fff;border-radius:var(--r-md);padding:20px 22px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:10px}
.offer-card small{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink)}
.offer-card .row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.offer-card h3{font-size:26px}
.usps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(64px,8vw,110px);border-top:1px solid var(--line)}
.usp{padding:30px 22px 6px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.usp:first-child{border-left:0;padding-left:0}
.usp .n{font-family:var(--f-head);font-size:20px;color:var(--brand-ink);font-weight:600}
.usp .ic{display:grid;place-items:center;width:54px;height:54px;border-radius:6px;background:var(--brand-soft);color:var(--brand-ink);transition:background .35s,color .35s,transform .45s var(--ease-out)}
.usp:hover .ic{background:var(--brand);color:#fff;transform:rotate(-8deg)}
.usp .ic svg{width:26px;height:26px}
.usp h3{font-size:26px}
.usp p{font-size:15px;color:var(--muted)}

/* ---------- Marken-Bento (Cruze "Gallery" mit Pills) ---------- */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(230px,1fr));gap:18px}
.tile{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;background:#1a1d20;color:#fff;isolation:isolate}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease-out)}
.tile:hover img{transform:scale(1.07)}
.tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,7,10,.94) 0%,rgba(5,7,10,.7) 24%,rgba(5,7,10,.2) 50%,rgba(5,7,10,0) 70%)}
.tile h3,.tile p{text-shadow:0 1px 12px rgba(0,0,0,.45)}
.tile .tcap{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.tile h3{font-size:clamp(30px,3vw,44px);color:#fff}
.tile p{font-size:14px;color:rgba(255,255,255,.85);margin-top:6px}
.tile .pill{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:700}
.tile .go-i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--ink);transition:transform .45s var(--ease-out),background .3s,color .3s;flex:none}
.tile:hover .go-i{transform:rotate(-45deg);background:var(--brand);color:#fff}
.tile-a{grid-column:1 / 3;grid-row:1 / 3}
.tile-b{grid-column:3 / 4;grid-row:1 / 2}
.tile-c{grid-column:4 / 5;grid-row:1 / 2}
.tile-d{grid-column:3 / 5;grid-row:2 / 3}

/* ---------- Wachstum (Schmid-Heritage, Navy) ---------- */
.growth{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:center}
.growth .frame{aspect-ratio:2/3;max-height:720px}
.growth .copy{display:flex;flex-direction:column;gap:22px}
.quote{border-left:3px solid var(--brand);padding:4px 0 4px 22px;font-family:var(--f-head);font-size:clamp(26px,2.6vw,36px);line-height:1.05;color:#fff;font-weight:500}
.quote cite{display:block;margin-top:10px;font-family:var(--f-body);font-size:14px;font-style:normal;color:rgba(255,255,255,.75)}
.gstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.16);margin-top:8px}
.gstats div{padding:20px 16px 0;border-left:1px solid rgba(255,255,255,.16)}
.gstats div:first-child{border-left:0;padding-left:0}
.gstats b{display:block;font-family:var(--f-head);font-size:clamp(44px,4.4vw,64px);line-height:.9;font-weight:600;color:#fff}
.gstats > div > span{font-size:14px;color:rgba(255,255,255,.75)}
.neubau{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border-radius:var(--r-xl);overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.neubau .frame{border-radius:0;clip-path:none;min-height:340px}
.neubau .frame img{position:absolute;inset:0}
.neubau > div:last-child{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;gap:16px;justify-content:center}
.badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;height:30px;padding:0 14px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.badge .pulse{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}

/* ---------- Standorte ---------- */
.locs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.loc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;transition:box-shadow .45s,transform .45s var(--ease-out)}
.loc:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.loc .frame{border-radius:0;clip-path:none;aspect-ratio:16/9.5}
.loc .frame .chip{position:absolute;top:18px;left:18px;z-index:1}
.loc-body{padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:18px;flex:1}
.loc-body h3{font-size:clamp(32px,3vw,42px)}
.loc-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.loc-meta dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.loc-meta dd{font-size:15.5px}
.open{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--muted)}
.open::before{content:"";width:9px;height:9px;border-radius:50%;background:#9AA1A8}
.open.is{color:var(--ok)}
.open.is::before{background:#22A05B;box-shadow:0 0 0 4px rgba(34,160,91,.18)}
.on-dark .open{color:rgba(255,255,255,.85)}
.on-dark .open.is{color:#7EE2A8}
.gr{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.gr b{font-family:var(--f-head);font-size:28px;color:var(--ink);line-height:1;font-weight:600}
.gr:hover span{text-decoration:underline}
.loc .btns{margin-top:auto}

/* ---------- Ankauf-Band ---------- */
.band{position:relative;overflow:hidden;color:#fff;isolation:isolate;background:var(--night)}
.band .bimg{position:absolute;inset:-12% 0;z-index:-2}
.band .bimg img{width:100%;height:100%;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,10,.93) 0%,rgba(5,7,10,.8) 45%,rgba(5,7,10,.35) 100%)}
.band-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(36px,6vw,96px);align-items:center}
.band .copy{display:flex;flex-direction:column;gap:22px}
.steps3{display:flex;flex-direction:column;gap:14px;counter-reset:s}
.steps3 li{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:var(--r-md);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-weight:500;font-size:17px;color:#fff}
.steps3 li::before{counter-increment:s;content:"0" counter(s);font-family:var(--f-head);font-size:34px;line-height:1;color:#9BBCF3;font-weight:600;min-width:36px}

/* ---------- Leistungen ---------- */
.svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.scard{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 24px;background:#fff;border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .45s var(--ease-out),border-color .3s,color .35s}
.scard::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--black);transform:translateY(101%);transition:transform .55s var(--ease-out)}
.scard:hover{transform:translateY(-5px);border-color:var(--black);color:#fff}
.scard:hover::before{transform:none}
.scard:hover p{color:rgba(255,255,255,.8)}
.scard .ic{display:grid;place-items:center;width:52px;height:52px;border-radius:6px;background:var(--brand-soft);color:var(--brand-ink);transition:background .35s,color .35s}
.scard:hover .ic{background:var(--brand);color:#fff}
.scard .ic svg{width:25px;height:25px}
.scard h3{font-size:27px}
.scard p{font-size:15px;color:var(--muted);transition:color .35s}
.scard .more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--brand-ink);transition:color .35s}
.scard:hover .more{color:#9BBCF3}
.scard .soon{position:absolute;top:22px;right:20px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--wash);color:var(--ink);padding:5px 10px;border-radius:999px}
.scard a.go{position:absolute;inset:0;z-index:1}

/* ---------- Team ---------- */
.team .frame{aspect-ratio:1600/520;border-radius:var(--r-xl);clip-path:inset(0 round var(--r-xl))}
.team-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-top:clamp(28px,4vw,44px)}
.team-row > div{display:flex;flex-direction:column;gap:14px;max-width:700px}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(32px,6vw,96px);align-items:stretch}
.faq-side{position:static;display:flex;flex-direction:column;gap:22px} /* 05.10.2026: kein Scroll-Pinning, Spalte so hoch wie die Fragen */
.askcard{background:var(--black);color:#fff;border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}
.ask-photo{position:relative;margin:0;flex:1;min-height:300px;overflow:hidden}
.ask-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.ask-photo::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,var(--black) 0%,rgba(10,10,10,0) 100%);pointer-events:none}
.ask-body{padding:6px 28px 28px;display:flex;flex-direction:column;gap:14px}
.askcard h3{color:#fff}
.askcard p{color:rgba(255,255,255,.8);font-size:15px}
.acc{display:flex;flex-direction:column;gap:12px}
.acc details{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;transition:border-color .3s,box-shadow .3s}
.acc details[open]{border-color:var(--ink);box-shadow:var(--shadow)}
.acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;font-weight:700;font-size:17px}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--wash);flex:none;transition:transform .4s var(--ease-out),background .3s,color .3s}
.acc summary i svg{width:17px;height:17px}
.acc details[open] summary i{transform:rotate(45deg);background:var(--brand);color:#fff}
.acc .ans{padding:0 22px;color:var(--muted);font-size:16px}
.acc .ans::after{content:"";display:block;height:22px}
@keyframes ansIn{from{opacity:0;transform:translateY(-8px)}}

/* ---------- Closing CTA ---------- */
.closing{position:relative;overflow:hidden;color:#fff;background:var(--night);isolation:isolate;--team-h:clamp(320px,39.7vw,900px)}
/* 02.10.2026: Teambild statt KI-Motiv; Team unten, Text mittig darüber */
.cta-team{position:absolute;left:0;right:0;bottom:0;z-index:-2}
.cta-team img{display:block;width:100%;height:var(--team-h);object-fit:cover;object-position:50% 100%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 18%,#000 36%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 18%,#000 36%)}
.cta-team::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,10,.6) 0%,rgba(5,7,10,0) 16%,rgba(5,7,10,0) 84%,rgba(5,7,10,.6) 100%)}
.closing-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding-top:clamp(80px,9vw,130px);padding-bottom:calc(var(--team-h) * .7)}
.closing-in > *{max-width:680px}
.closing .btns{justify-content:center}
.closing .hours-mini{justify-content:center}
.closing .hours-mini{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;color:rgba(255,255,255,.85)}
.closing .hours-mini span{display:inline-flex;align-items:center;gap:8px}
.closing .hours-mini svg{color:#9BBCF3}

/* ---------- Footer ---------- */
.ftr{background:var(--black);color:rgba(255,255,255,.8);padding-top:clamp(64px,8vw,100px);overflow:hidden}
.ftr-top{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px}
.ftr-brand{display:flex;flex-direction:column;gap:18px;max-width:360px}
.ftr-brand p{font-size:15px;color:rgba(255,255,255,.75)}
.ftr h3{font-family:var(--f-body);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:16px;line-height:1.4}
.ftr ul{display:flex;flex-direction:column;gap:10px;font-size:15px}
.ftr a{transition:color .2s}
.ftr a:hover{color:#fff}
.ftr .contact a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:500}
.ftr .contact svg{color:#9BBCF3}
.ftr address{font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.75)}
.ftr address b{color:#fff;font-weight:700}
.ftr-rev{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12)}
.fr-head{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.fr-cards{display:flex;flex-wrap:wrap;gap:12px}
.fr-card{display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;border-radius:var(--r-md);background:#16191C;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.75);transition:border-color .2s,background .2s}
.fr-card:hover{border-color:rgba(57,115,211,.8);background:#1A1F26}
.fr-g{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;flex:none}
.fr-g svg{width:20px;height:20px}
.fr-txt{display:flex;flex-direction:column;gap:3px;padding-left:14px;border-left:1px solid rgba(255,255,255,.14)}
.fr-loc{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9BBCF3;line-height:1.2}
.fr-line{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.2;white-space:nowrap}
.fr-line b{color:#fff;font-weight:700}
.fr-stars{display:inline-flex;gap:2px;color:#FBBC04}
.fr-stars svg{width:14px;height:14px}
.fr-sep{color:rgba(255,255,255,.35)}
.fr-ext{display:grid;place-items:center;width:30px;height:30px;margin-left:6px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;flex:none;transition:background .2s,transform .25s var(--ease)}
.fr-ext svg{width:14px;height:14px}
.fr-card:hover .fr-ext{background:var(--brand);transform:translate(2px,-2px)}
.ftr-rev + .ftr-bot{margin-top:32px}
@media (max-width:640px){.fr-cards{width:100%;flex-direction:column}.fr-card{width:100%}}
.ftr-bot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:56px;padding-block:24px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:rgba(255,255,255,.7)}
.ftr-bot nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.mgc{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.8)}
.mgc img{width:48px;height:48px;border-radius:50%}
.mgc:hover{color:#fff}

/* ---------- Seitenkopf Unterseiten ---------- */
.phead{position:relative;background:var(--black);color:#fff;padding-top:calc(var(--hdr) + clamp(48px,8vw,110px));padding-bottom:clamp(56px,7vw,96px);overflow:hidden;isolation:isolate}
.phead .bimg{position:absolute;inset:0;z-index:-2}
.phead .bimg img{width:100%;height:100%;object-fit:cover} /* Unterseiten: Bild statisch, kein Lade-Zoom (Kundenwunsch 02.10.2026) */
.phead.img::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,10,.92) 0%,rgba(5,7,10,.72) 50%,rgba(5,7,10,.35) 100%),linear-gradient(0deg,rgba(5,7,10,.6),rgba(5,7,10,0) 50%)}
.phead-in{display:flex;flex-direction:column;gap:20px}
.phead-in > *{max-width:820px}
.phead h1{font-size:clamp(46px,6.4vw,92px)}
.phead .lead{color:rgba(255,255,255,.85)}
.phead .wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em;margin-bottom:-.06em}
.phead .wd > span{display:inline-block} /* Unterseiten: Text sofort sichtbar, keine Lade-Animation */
.phead .fx{opacity:1}
.phead-meta{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}

/* ---------- Bestand (Liste) ---------- */
.filters{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line);padding-block:14px}
.filters form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:10px;align-items:end}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld label,.fld .lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fld .req{color:var(--err)}
.inp,select.inp,textarea.inp{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--line);border-radius:6px;background:#fff;font-size:16px;transition:border-color .2s,box-shadow .2s}
select.inp{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101214' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}
textarea.inp{min-height:130px;resize:vertical}
.inp:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.inp[aria-invalid="true"]{border-color:var(--err)}
.err-msg{font-size:13px;color:var(--err);font-weight:500}
.list-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.list-head b{font-family:var(--f-head);font-size:34px;font-weight:600;line-height:1}
.vlist{display:flex;flex-direction:column;gap:20px}
.vrow{position:relative;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr) minmax(0,250px);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .4s,transform .4s var(--ease-out),border-color .3s}
.vrow:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:transparent}
.vrow[hidden]{display:none}
.vrow .vimg{position:relative;overflow:hidden;min-height:240px;background:#d9dde1}
.vrow .vimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.vrow .vimg .chips{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap}
.vrow .mid{padding:24px 26px;display:flex;flex-direction:column;gap:12px;min-width:0}
.vrow h2{font-size:34px}
.vrow h2 + p{font-size:15px;color:var(--muted);margin-top:-4px}
.feat{display:flex;flex-wrap:wrap;gap:6px}
.feat span{font-size:13px;padding:5px 10px;border-radius:999px;background:var(--wash);color:var(--ink)}
.vrow .side{padding:24px 26px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:10px;justify-content:center;background:linear-gradient(180deg,#fff,#F8F9FA)}
.vrow .side .cash{text-align:left}
.vrow .go{position:absolute;inset:0;z-index:1}
.vrow .side .btn{position:relative;z-index:2}
.empty{display:none;flex-direction:column;align-items:flex-start;gap:16px;padding:40px;border:2px dashed var(--line);border-radius:var(--r-lg)}
.empty.on{display:flex}

/* ---------- Fahrzeug-Detail ---------- */
.dhead{background:var(--black);color:#fff;padding-top:calc(var(--hdr) + 36px);padding-bottom:150px}
.dhead-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.dhead h1{font-size:clamp(44px,5.6vw,80px)}
.dhead .sub{font-size:18px;color:rgba(255,255,255,.82);margin-top:10px}
.dhead .back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:22px}
.dhead .back:hover{color:#fff}
.dgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);margin-top:-120px;align-items:start}
.gallery{display:flex;flex-direction:column;gap:12px;min-width:0}
.gmain{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:#cfd4d9;box-shadow:var(--shadow-lg)}
.gmain img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s,transform 1.2s var(--ease-out);transform:scale(1.04)}
.gmain img.on{opacity:1;transform:none}
.gmain .rbtn{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.gmain .prev{left:16px}
.gmain .next{right:16px}
.gmain .rbtn:hover{transform:translateY(-50%) scale(1.06)}
.gmain .zoom{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;background:rgba(10,10,10,.75);color:#fff;font-size:14px;font-weight:700}
.gmain .cnt{position:absolute;left:16px;bottom:16px;z-index:2;height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:#fff;font-size:13px;font-weight:700}
.gthumbs{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:10px}
.gthumbs button{aspect-ratio:4/3;border-radius:6px;overflow:hidden;opacity:.55;border:2px solid transparent;transition:opacity .25s,border-color .25s}
.gthumbs button img{width:100%;height:100%;object-fit:cover}
.gthumbs button.on{opacity:1;border-color:var(--brand)}
.gthumbs button:hover{opacity:1}
.dpanel{position:sticky;top:96px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:28px;display:flex;flex-direction:column;gap:18px;border:1px solid var(--line)}
.dpanel .rate .num{font-size:64px}
.dpanel .rate .per{font-size:15px}
.dpanel .cash{text-align:left;font-size:14px}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}
.kv div{background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.kv span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kv b{font-size:16px}
.dsec{margin-top:clamp(48px,6vw,72px);display:flex;flex-direction:column;gap:22px}
.dsec h2{font-size:clamp(34px,3.6vw,48px)}
.tech{width:100%;font-size:15.5px}
.tech tr{border-bottom:1px solid var(--line)}
.tech th{text-align:left;font-weight:500;color:var(--muted);padding:13px 0;width:44%}
.tech td{padding:13px 0;font-weight:700}
.equip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.equip li{display:flex;gap:10px;align-items:center;font-size:15.5px}
.equip svg{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink)}
.finbox{background:var(--wash);border-radius:var(--r-md);padding:22px 24px;font-size:14px;line-height:1.6;color:var(--ink)}
.lightbox{position:fixed;inset:0;z-index:150;background:rgba(5,7,10,.96);display:none;align-items:center;justify-content:center;padding:60px 70px}
.lightbox.on{display:flex}
.lightbox img{max-height:100%;max-width:100%;width:auto;border-radius:6px;object-fit:contain}
.lightbox .rbtn{position:absolute;top:50%;transform:translateY(-50%)}
.lightbox .prev{left:14px}
.lightbox .next{right:14px}
.lightbox .close{position:absolute;top:14px;right:14px;transform:none}
.lightbox .lcnt{position:absolute;top:24px;left:24px;color:#fff;font-weight:700;font-size:14px}

/* ---------- Formulare ---------- */
.formcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3.4vw,40px);display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow)}
.formcard h2{font-size:clamp(34px,3.4vw,46px)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--muted);cursor:pointer}
.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand);flex:none}
.check a{color:var(--brand-ink);text-decoration:underline}
.form-err{display:none;padding:14px 16px;border-radius:6px;background:#FDECEA;color:var(--err);font-size:14.5px;font-weight:500}
.form-err.on{display:block}
.lgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.aside{display:flex;flex-direction:column;gap:20px}
.aside-card{border-radius:var(--r-lg);overflow:hidden;background:var(--black);color:#fff}
.aside-card .frame{border-radius:0;clip-path:none;aspect-ratio:16/10}
.aside-card > div:last-child{padding:26px;display:flex;flex-direction:column;gap:14px}
.aside-card h3{color:#fff}
.aside-card p{color:rgba(255,255,255,.8);font-size:15px}
.checks{display:flex;flex-direction:column;gap:10px}
.checks li{display:flex;gap:10px;align-items:center;font-size:15.5px}
.checks svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--brand);color:#fff}
/* Wizard */
.wiz-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;counter-reset:w}
.wiz-steps li{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}
.wiz-steps li::before{content:"";height:5px;border-radius:5px;background:var(--line);transition:background .4s}
.wiz-steps li.done::before,.wiz-steps li.cur::before{background:var(--brand)}
.wiz-steps li.cur{color:var(--ink)}
.wiz-panel{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;min-width:0}
.wiz-panel[hidden]{display:none}
.wiz-panel legend{font-family:var(--f-head);font-size:clamp(28px,2.8vw,36px);font-weight:600;line-height:1;margin-bottom:6px;padding:0}
.wiz-nav{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
/* Rechner */
.calc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.calc-in{padding:clamp(24px,3.6vw,44px);display:flex;flex-direction:column;gap:28px;background:#fff}
.rng{display:flex;flex-direction:column;gap:12px}
.rng-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rng-top label,.rng-top .lbl{font-weight:700}
.rng-top output,.rng-top .inp{font-family:var(--f-head);font-size:28px;font-weight:600;line-height:1}
.rng-top .inp{width:150px;min-height:44px;padding:6px 12px;text-align:right}
.rng-scale{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--brand) var(--p,50%),var(--line) var(--p,50%));outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 4px 12px rgba(42,90,168,.35);cursor:pointer}
input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--brand);cursor:pointer}
.seg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.seg button{min-height:46px;border-radius:6px;border:1.5px solid var(--line);font-weight:700;transition:all .2s}
.seg button[aria-pressed="true"]{background:var(--black);border-color:var(--black);color:#fff}
.calc-out{background:var(--black);color:#fff;padding:clamp(24px,3.6vw,44px);display:flex;flex-direction:column;gap:20px;justify-content:center}
.calc-out .big{font-family:var(--f-head);font-size:clamp(72px,8vw,110px);font-weight:600;line-height:.85}
.calc-out .big small{font-size:.32em;font-family:var(--f-body);font-weight:500;color:rgba(255,255,255,.75)}
.calc-out dl{display:grid;grid-template-columns:1fr auto;gap:8px 16px;font-size:15px;border-top:1px solid rgba(255,255,255,.16);padding-top:18px}
.calc-out dt{color:rgba(255,255,255,.75)}
.calc-out dd{font-weight:700;text-align:right}
/* Prozess */
.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.process.p3{grid-template-columns:repeat(3,minmax(0,1fr))}
.process li{position:relative;padding:28px 24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.process .n{font-family:var(--f-head);font-size:64px;line-height:.8;color:var(--brand);font-weight:600}
.process h3{font-size:26px}
.process p{font-size:15px;color:var(--muted)}

/* Standortseite */
.lgal{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;height:clamp(380px,46vw,560px)}
.lgal .frame{height:100%}
.lgal .frame:first-child{grid-row:1 / 3}
.lgal figcaption{position:absolute;left:14px;bottom:14px;z-index:1;background:#fff;color:var(--ink);font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px}
.infocard{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow)}
.hours td{padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.hours td:last-child{text-align:right;font-weight:700}
.hours tr.today td{color:var(--brand-ink);font-weight:700}
.award-row{display:flex;gap:14px;align-items:center;font-size:14px;color:var(--muted)}
.award-row img{height:76px;width:auto}
.map{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;background:var(--black);color:#fff;isolation:isolate}
.map > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:-1}
.map .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}
.map .c h3{color:#fff}
.map .c p{color:rgba(255,255,255,.85);font-size:14px;max-width:420px}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Über uns */
.timeline{position:relative;display:flex;flex-direction:column;gap:0;border-left:2px solid var(--line);margin-left:10px}
.timeline li{position:relative;padding:0 0 38px 36px}
.timeline li::before{content:"";position:absolute;left:-9px;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--brand)}
.timeline b{font-family:var(--f-head);font-size:40px;line-height:.9;color:var(--brand-ink);font-weight:600;display:block}
.timeline h3{margin:6px 0 8px;font-size:26px}
.timeline p{color:var(--muted);font-size:16px;max-width:620px}
.awards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.award{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;transition:transform .45s var(--ease-out),box-shadow .45s}
.award:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.award img{height:130px;width:auto;align-self:flex-start}
.award p{font-size:15px;color:var(--muted)}
.split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.split2 .copy{display:flex;flex-direction:column;gap:18px}
.split2 .copy p{color:var(--muted)}
.bg-black .split2 .copy p,.bg-navy .split2 .copy p{color:rgba(255,255,255,.8)}
.split2 .frame{aspect-ratio:4/3}
.jobs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.jobs li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}
.jobs h3{font-size:32px}
.jobs p{font-size:14px;color:var(--muted);margin-top:4px}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
/* Rechtliches */
.legal{max-width:860px;display:flex;flex-direction:column;gap:14px}
.legal h2{font-size:clamp(30px,3vw,40px);margin-top:26px}
.legal h3{font-size:24px;margin-top:14px}
.legal p,.legal li{color:#2b3036;font-size:16px}
.legal ul{list-style:disc;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.legal a{color:var(--brand-ink);text-decoration:underline}
.todo{border-left:4px solid var(--gold);background:#FFF8E5;padding:14px 18px;border-radius:8px;font-size:14.5px}

/* ---------- Mobile CTA-Leiste ---------- */
.mbar{display:none}

/* =====================================================================
   Responsive
   ===================================================================== */
@media (max-width:1520px){
  .reel-item .specs .ps{display:none}
}
@media (max-width:1560px){
  .hdr-tel{display:none!important}
}
@media (max-width:1280px){
  .finder .fhead p{display:none}
  .finder{grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,1fr)) auto}
}
@media (max-width:1180px){
  .nav,.hdr-cta .hdr-tel{display:none}
  .hdr-cta{margin-left:auto}
  .burger{display:flex;margin-left:0}
  .reel-thumbs{display:none}
  .usps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .usp:nth-child(4){border-left:0;padding-left:0}
  .usps .usp:nth-child(n+4){border-top:1px solid var(--line);margin-top:20px}
  .usps .usp:nth-child(5){grid-column:span 2}
  .svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters form{grid-template-columns:repeat(3,minmax(0,1fr))}
  .filters form .fbtn{grid-column:1 / -1}
  .vrow{grid-template-columns:minmax(0,320px) minmax(0,1fr)}
  .vrow .side{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line);flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
}
@media (max-width:1024px){
  .finder{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px}
  .finder .fhead,.finder .btn{grid-column:1 / -1}
  .car-track{grid-auto-columns:calc((100% - 24px) / 2)}
  .proof-top,.rateblock,.growth,.band-in,.faq,.lgrid,.dgrid,.split2{grid-template-columns:minmax(0,1fr)}
  .seals{justify-content:flex-start}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .offer{max-width:640px;margin-bottom:28px}
  .growth .frame{aspect-ratio:4/3.4;max-height:none}
  .growth .frame img{object-position:50% 20%}
  .faq-side{position:static}
  .dpanel,.infocard{position:static}
  .dgrid{margin-top:-110px}
  .calc{grid-template-columns:minmax(0,1fr)}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .awards{grid-template-columns:minmax(0,1fr)}
  .award{flex-direction:row;align-items:center}
  .award img{height:110px}
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .neubau{grid-template-columns:minmax(0,1fr)}
  .neubau .frame{min-height:0;aspect-ratio:16/9}
}
@media (max-width:860px){
  :root{--hdr:72px}
  body{font-size:16.5px}
  .brand .logo{width:40px;height:40px}
  .brand .wm-a{font-size:24px}
  .brand .wm-b{font-size:13.5px}
  .hdr-cta .btn{display:none}
  .hero{min-height:0}
  .hero-media{bottom:auto;height:62svh;min-height:420px}
  .hero-media img{object-position:50% 50%}
  .hero-shade{background:linear-gradient(180deg,rgba(5,7,10,.55) 0%,rgba(5,7,10,0) 22%,rgba(5,7,10,0) 48%,rgba(5,7,10,.8) 72%,var(--night) 100%)}
  .hero-in{padding-top:calc(max(62svh,420px) - 104px);padding-bottom:28px}
  .hero-dock .finder-wrap{order:-1}
  .hero h1{font-size:clamp(44px,12.6vw,76px)}
  .hero .copy-more{order:3}
  .ticks{grid-template-columns:minmax(0,1fr)}
  .reel{padding-block:18px 22px}
  .reel-in{grid-template-columns:minmax(0,1fr) auto;gap:16px}
  .reel-count{display:none}
  .reel-item{grid-template-columns:minmax(0,1fr)}
  .reel-item .specs{gap:18px;flex-wrap:wrap}
  .reel-item .specs b{font-size:24px}
  .reel-item .specs .ps{display:none}
  .reel-nav{flex-direction:column}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:220px}
  .tile-a{grid-column:1 / 3;grid-row:span 2}
  .tile-b,.tile-c{grid-column:auto;grid-row:auto}
  .tile-d{grid-column:1 / 3;grid-row:auto}
  .locs{grid-template-columns:minmax(0,1fr)}
  .gstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gstats div:nth-child(3){border-left:0;padding-left:0}
  .gstats div:nth-child(n+3){margin-top:16px;border-top:1px solid rgba(255,255,255,.16)}
  .team-row{grid-template-columns:minmax(0,1fr)}
  .team .frame{aspect-ratio:16/9}
  .team .frame img{object-position:50% 50%}
  .vgrid3{grid-template-columns:minmax(0,1fr)}
  .lgal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;height:auto}
  .lgal .frame{aspect-ratio:4/3;height:auto}
  .lgal .frame:first-child{grid-column:1 / 3;grid-row:auto;aspect-ratio:16/10}
  .mbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:fixed;left:12px;right:12px;bottom:12px;z-index:80;padding:8px;border-radius:999px;background:rgba(10,10,10,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 34px rgba(0,0,0,.35);transform:translateY(140%);transition:transform .5s var(--ease-out)}
  .mbar.on{transform:none}
  .mbar a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;font-weight:700;font-size:15px;color:#fff}
  .mbar a:last-child{background:var(--brand)}
  .ftr{padding-bottom:84px}
}
@media (max-width:640px){
  .sec-head.row{flex-direction:column;align-items:flex-start}
  .car-track{grid-auto-columns:86%;gap:14px}
  .car-nav .arrows{display:none}
  .stats{grid-template-columns:minmax(0,1fr)}
  .stat{border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .stat:first-child{border-top:0}
  .stat{padding:22px 14px 4px}
  .stat b{font-size:54px}
  .seals{gap:10px;justify-content:space-between}
  .seal{font-size:11.5px}
  .seal img{height:96px}
  .usps{grid-template-columns:minmax(0,1fr)}
  .usps .usp{border-left:0;padding-left:0;border-top:1px solid var(--line);margin-top:0;padding-top:24px;padding-bottom:20px}
  .usps .usp:first-child{border-top:0}
  .usps .usp:nth-child(5){grid-column:auto}
  .usp{flex-direction:column}
  .offer-card{position:relative;left:0;right:0;bottom:0;margin:-60px 14px 0}
  .offer{margin-bottom:0}
  .svc{grid-template-columns:minmax(0,1fr)}
  .bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:240px}
  .tile-a,.tile-b,.tile-c,.tile-d{grid-column:1 / -1;grid-row:auto}
  .tile-a{grid-row:span 2}
  .loc-meta{grid-template-columns:minmax(0,1fr)}
  .filters{position:static}
  .filters form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vrow{grid-template-columns:minmax(0,1fr)}
  .vrow .vimg{min-height:0;aspect-ratio:16/10}
  .vrow .mid,.vrow .side{padding:20px}
  .vrow .side{flex-direction:column;align-items:stretch}
  .grid-2,.equip,.kv{grid-template-columns:minmax(0,1fr)}
  .kv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gthumbs{gap:6px}
  .gthumbs button{border-radius:8px}
  .gmain .rbtn{width:42px;height:42px}
  .lightbox{padding:60px 10px}
  .seg{grid-template-columns:repeat(3,minmax(0,1fr))}
  .process,.process.p3,.benefits{grid-template-columns:minmax(0,1fr)}
  .award{flex-direction:column;align-items:flex-start}
  .ftr-top{grid-template-columns:minmax(0,1fr)}
  .btns .btn{flex:1 1 auto}
  .closing .btns{flex-direction:column}
  .wiz-steps li{font-size:12px}
  .rng-top .inp{width:130px}
  .dpanel{padding:22px}
  .dpanel .rate .num{font-size:54px}
  .dhead{padding-bottom:130px}
  .jobs li .btn{width:100%}
}
@media (max-width:380px){
  .brand .wm-a{font-size:21px}
  .brand .wm-b{font-size:12px;letter-spacing:.26em}
  .brand .logo{width:36px;height:36px}
  .seal img{height:80px}
  .kv{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1180px),(max-height:760px){
  .filters{position:static}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .curtain{display:none}
  .ticker-track{animation:none}
}
#nl-badge-frame{display:none!important}

/* Back-to-Top (02.10.2026) */
.totop{position:fixed;right:24px;bottom:24px;z-index:85;width:52px;height:52px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(57,115,211,.7),0 4px 12px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(16px) scale(.9);transition:opacity .3s,visibility .3s,transform .45s cubic-bezier(.34,1.56,.64,1),background .2s}
.totop.on{opacity:1;visibility:visible;transform:none}
.totop:hover{background:var(--brand-ink)}
.totop:hover svg{transform:translateY(-3px)}
.totop svg{width:22px;height:22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.totop:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (max-width:860px){.totop{right:16px;bottom:calc(96px + env(safe-area-inset-bottom));width:48px;height:48px}}
@media print{.totop{display:none}}

/* Standort-Bühne mit Reel (02.10.2026) */
.stage-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr) minmax(0,1.04fr);gap:clamp(14px,2vw,28px);align-items:center;margin-top:clamp(28px,4vw,48px)}
.stage-loc{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:var(--r-lg);background:var(--night);isolation:isolate}
.stage-loc .frame{position:absolute;inset:0;border-radius:0;clip-path:none;z-index:-2}
.stage-loc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,7,10,.92) 0%,rgba(5,7,10,.55) 32%,rgba(5,7,10,0) 58%),linear-gradient(180deg,rgba(5,7,10,.55) 0%,rgba(5,7,10,0) 26%);pointer-events:none}
.stage-loc:hover .frame img{transform:scale(1.04)}
.stage-cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;gap:14px;color:#fff}
.stage-cap h3{font-size:clamp(34px,3.4vw,52px);line-height:.9}
.stage-cap h3 a{color:#fff}
.stage-cap .btns{display:flex;flex-wrap:wrap;gap:8px}
.stage-reel{position:relative;margin:0;isolation:isolate;aspect-ratio:9/16;width:100%;max-height:min(78vh,700px);justify-self:center;overflow:hidden;border-radius:var(--r-lg);background:#000;box-shadow:0 50px 90px -40px rgba(5,7,10,.7);align-self:center}
@supports (aspect-ratio:1){.stage-reel{height:auto;width:min(100%,calc(min(78vh,700px) * 9 / 16))}}
.stage-reel video{position:absolute;top:-1px;left:-1px;max-width:none;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;cursor:pointer}
.reel-sound{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border-radius:999px;border:0;background:var(--brand);color:#fff;font:700 14px/1 var(--f-body);cursor:pointer;white-space:nowrap;box-shadow:0 0 0 6px rgba(57,115,211,.25),0 14px 28px -10px rgba(0,0,0,.6);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}
.reel-sound svg{width:18px;height:18px}
.reel-sound:hover{transform:translateX(-50%) scale(1.05);background:var(--brand-ink)}
.stage-reel.live .reel-sound{display:none}
@media (max-width:980px){
  .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-reel{grid-column:1 / -1;order:-1;justify-self:center;width:min(100%,380px);height:auto}
}
@media (max-width:560px){.stage-grid{grid-template-columns:minmax(0,1fr)}.stage-loc{aspect-ratio:4/5}}

/* Seitenübergang: blauer Vorhang mit Logo bei jedem internen Seitenwechsel (02.10.2026) */
.pt{position:fixed;inset:0;z-index:150;display:none;place-items:center;background:var(--brand);pointer-events:none;will-change:transform}
.pt .pt-logo{width:min(22vw,120px);height:auto}
.pt-in .pt{display:grid;animation:ptUp .62s cubic-bezier(.7,0,.2,1) .2s forwards}
.pt-in .pt .pt-logo{animation:ptLogoOut .28s ease-in .1s forwards}
.pt-out .pt{display:grid;pointer-events:auto;transform:translateY(100%);animation:ptDown .4s cubic-bezier(.7,0,.3,1) forwards}
.pt-out .pt .pt-logo{opacity:0;transform:translateY(14px);animation:ptLogoIn .3s ease-out .14s forwards}
.pt-in .curtain{display:none!important}
.pt-in{--intro:.55s}
@keyframes ptUp{to{transform:translateY(-100%)}}
@keyframes ptDown{to{transform:none}}
@keyframes ptLogoIn{to{opacity:1;transform:none}}
@keyframes ptLogoOut{to{opacity:0;transform:translateY(-16px)}}
@media (prefers-reduced-motion: reduce){.pt{display:none!important}}

@media (max-width:1024px){.ask-photo{flex:none;height:420px}}
@media (max-width:640px){.ask-photo{height:360px}}

/* Angebote direkt nach dem Hero: Karussell läuft rechts bis an den Bildschirmrand */
.offers{overflow:hidden;padding-block:clamp(56px,6vw,88px)}
.offers .wrap{container-type:inline-size}
.offers .sec-head{margin-bottom:clamp(24px,3vw,36px)}
.sec-head.row > .sec-act{display:flex;flex-direction:row;align-items:center;gap:14px}
.sec-act .arrows{display:flex;gap:8px}
.sec-act .rbtn{width:48px;height:48px;background:#fff;box-shadow:0 1px 2px rgba(10,10,10,.06),0 6px 16px rgba(10,10,10,.08)}
.sec-act .rbtn:hover{background:var(--brand);color:#fff}
.sec-act .rbtn[disabled]{opacity:.35}
.offers .car-track{grid-auto-columns:calc((100cqw - 2 * 24px) / 3);padding:16px calc((100vw - 100cqw) / 2) 44px 28px;margin:-16px calc((100cqw - 100vw) / 2) -44px -28px;scroll-padding-inline-start:28px}
.offers .vcard{box-shadow:0 1px 2px rgba(10,10,10,.04),0 10px 26px rgba(10,10,10,.07);transition:transform .45s var(--ease-out),box-shadow .45s,opacity .45s,filter .45s}
.offers .vcard.peek{opacity:.45;filter:grayscale(.85)}
.offers .vcard.peek:hover{opacity:.7}
.offers .vcard.gone{opacity:0;pointer-events:none}
.car-stage{position:relative}
.peek-next,.peek-prev{position:absolute;top:50%;left:calc(100% + 12px);z-index:3;display:grid;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--brand);color:#fff;box-shadow:0 0 0 6px rgba(57,115,211,.18),0 10px 24px rgba(10,10,10,.18);transition:transform .3s var(--ease),opacity .35s,background .25s}
.peek-prev{left:-12px}
.peek-next svg,.peek-prev svg{width:22px;height:22px;transition:transform .3s var(--ease)}
.peek-next:hover,.peek-prev:hover{background:var(--brand-ink);transform:scale(1.06)}
.peek-prev:hover svg{transform:translateX(-2px)}
.peek-next:hover svg{transform:translateX(2px)}
.peek-next.off,.peek-prev.off{opacity:0;pointer-events:none;transform:scale(.8)}
@media (max-width:640px){.peek-next{left:auto;right:-6px;margin:-23px 0 0;width:46px;height:46px}.peek-prev{left:-6px;margin:-23px 0 0;width:46px;height:46px}}
.offers .footnote{margin-top:12px}
@media (max-width:1100px){.offers .car-track{grid-auto-columns:calc((100cqw - 24px) / 2)}}
@media (max-width:640px){.offers .car-track{grid-auto-columns:86cqw;gap:14px;padding-left:16px;margin-left:-16px;scroll-padding-inline-start:16px}.sec-head.row > .sec-act{width:100%;justify-content:space-between}.offers .vcard.peek{opacity:.6}}
/* FAQ 05.10.2026: links nur der Bildkasten, rechts Überschrift + Fragen; Kasten exakt so hoch wie die rechte Spalte */
.faq-main{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,28px)}
.faq-h{font-size:clamp(30px,3.2vw,44px);line-height:1;text-align:left}
.acc .ans{overflow:hidden}
.acc details.anim .ans{will-change:height}
.acc .ans > *{transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.acc details.closing .ans > *{opacity:0;transform:translateY(-4px)}
/* Bildkasten wächst beim Aufklappen nicht mit: Höhe wird einmal im geschlossenen Zustand gemessen */
.faq.locked{align-items:start}
.faq.locked .faq-side{height:var(--faq-h)}
.faq-h em{color:var(--brand);font-style:normal}
@media (max-width:1024px){.faq-side{order:2}}
/* 05.10.2026: Fahrzeug-Infos (Chips) in die Karte statt aufs Bild, damit man mehr vom Auto sieht */
.vtags,.dp-tags{display:flex;gap:6px;flex-wrap:wrap}
.vtags .chip,.dp-tags .chip{height:24px;padding:0 10px;font-size:11px;background:var(--wash);color:var(--ink)}
.vtags .chip.dark,.dp-tags .chip.dark{background:rgba(57,115,211,.1);color:var(--brand-ink)}
.vtags .chip.blue,.dp-tags .chip.blue{background:rgba(57,115,211,.1);color:var(--brand-ink)}
.vcard .vbody > .vtags{margin-bottom:2px}

/* Fahrzeugseite: Kopfband mit Bestandsfoto, Name + Standort in der Preisbox */
.dhead{position:relative;isolation:isolate;overflow:hidden;padding-top:calc(var(--hdr) + 44px);padding-bottom:200px}
.dhead-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 58%}
.dhead.has-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.62) 40%,rgba(10,10,10,.72) 75%,rgba(10,10,10,.92) 100%)}
.dhead .back{margin-bottom:0}
.dgrid{margin-top:-140px;position:relative;z-index:1}
.dp-head{display:flex;flex-direction:column;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.dp-head .dp-tags{margin-bottom:4px}
.dp-head h1{font-size:clamp(34px,3.2vw,46px);line-height:.95;color:var(--ink)}
.dp-sub{font-size:15px;color:var(--muted)}
.dp-loc{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 14px;border-radius:var(--r-md);background:var(--wash);font-size:14px;line-height:1.35;color:var(--muted);transition:background .2s}
.dp-loc svg{width:18px;height:18px;flex:none;color:var(--brand)}
.dp-loc b{display:block;color:var(--ink);font-weight:700}
.dp-loc:hover{background:#E6EBF2}
.btn-mde{--bg:#FF6600;--fg:#fff;color:#fff}
.btn-mde:hover{--bg:#E85D00;color:#fff}
.btn-mde .bi{background:rgba(255,255,255,.22)}
.mde-mark{font-weight:800;letter-spacing:-.01em}
@media (max-width:1024px){.dgrid > .dpanel{order:-1}.dgrid{margin-top:-130px}.dhead{padding-bottom:170px}}
/* Preisbox kompakt: komplette Karte auf einen Blick (05.10.2026) */
.dpanel{padding:24px;gap:14px;container-type:inline-size}
.dpanel .rate .num{font-size:54px}
.dp-head{gap:6px;padding-bottom:16px}
.dp-loc{padding:8px 12px;margin-top:6px}
.dpanel .cash{font-size:13.5px}
.dp-btns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.dp-btns .btn{min-height:50px;padding:6px 6px 6px 16px;gap:8px;font-size:14px;width:100%}
.dp-btns .btn .bi{width:28px;height:28px}
.dp-btns .btn .bi svg{width:15px;height:15px}
.dpanel .checks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}
.dpanel .checks li{font-size:13.5px;gap:8px;line-height:1.25}
.dpanel .checks svg{width:20px;height:20px;flex:none}
@container (max-width:380px){
  .dp-btns .btn{padding:6px 10px;font-size:13px}
  .dp-btns .btn .bi{display:none}
}
#anfrage{scroll-margin-top:96px}
/* Galerie: Bilder gleiten seitlich statt Überblendung */
.gmain img{opacity:0;transform:none;transition:none;will-change:transform}
.gmain img.on,.gmain img.out{opacity:1}
.gmain img.on{z-index:1}
.gmain{touch-action:pan-y}
/* Standortseiten (05.10.2026) */
.ic-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.ic-row .btn{width:100%;padding:6px 6px 6px 16px;gap:8px;font-size:14.5px}
.ic-row .btn .bi{width:30px;height:30px}
.neubau.fade .frame{position:relative}
.neubau.fade .frame::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;z-index:1;background:linear-gradient(0deg,var(--black) 0%,rgba(10,10,10,.6) 45%,rgba(10,10,10,0) 100%);pointer-events:none}
.neubau.fade > div:last-child{padding-top:clamp(8px,1.5vw,16px);margin-top:-1px}
@media (max-width:420px){.ic-row .btn{padding:6px 10px;font-size:13.5px}.ic-row .btn .bi{display:none}}
/* FAQ: Fragen erscheinen gemeinsam, sauber von oben nach unten (1 bis 7) */
.js .acc.rv-stagger details{opacity:0;transform:translateY(22px)}
.js .acc.rv-stagger.in details{animation:accIn .7s var(--ease-out) both;animation-delay:calc(var(--d,0) * 80ms)}
@keyframes accIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
/* Standort-Hero: Bewertungen in die Infokarte verschoben, Hero-Höhe bleibt gleich (05.10.2026) */
.loc-hero .phead-in{padding-bottom:48px}
.ic-rating{flex-wrap:wrap;gap:6px 10px}
.ic-rating > svg:last-child{width:15px;height:15px;color:var(--muted)}
/* Footer: Auszeichnungen neben den Google-Bewertungen */
.fr-left{display:flex;flex-direction:column;gap:14px}
.ftr .fr-seals{display:flex;flex-direction:row;align-items:flex-end;gap:10px;list-style:none;margin:0;padding:0}
.fr-seals li{display:block;padding:6px 8px;border-radius:var(--r-md);background:#fff;line-height:0}
.fr-seals img{display:block;height:64px;width:auto;max-width:none}
@media (max-width:640px){.fr-seals img{height:58px}}
/* Über uns 05.10.2026: Zeitstrahl mit Bildern */
.timeline li{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:22px;align-items:start}
.tl-img{margin:0;aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;background:#d9dde1;box-shadow:var(--shadow)}
.tl-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}
.timeline li:hover .tl-img img{transform:scale(1.05)}
.tl-txt h3{margin:6px 0 8px}
@media (max-width:640px){.timeline li{grid-template-columns:minmax(0,1fr);gap:14px}.tl-img{aspect-ratio:16/9}}

/* Team: Geschäftsführung oben (Niaz breit + John Mike), darunter zwei Viererreihen inkl. Karriere-Karte */
.crew-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.crew-lead{grid-column:span 3;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);border-radius:var(--r-lg);overflow:hidden;background:var(--black);color:#fff;box-shadow:var(--shadow-lg)}
.crew-lead figure{margin:0;position:relative;min-height:100%}
.crew-lead figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.crew-lead figure::after{content:"";position:absolute;inset:0 0 0 auto;width:45%;background:linear-gradient(90deg,rgba(10,10,10,0),var(--black))}
.crew-lead-txt{padding:clamp(24px,3.4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.crew-role{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9BBCF3}
.crew-lead h3{font-size:clamp(40px,4.2vw,62px);color:#fff}
.crew-lead .quote{font-size:clamp(20px,1.9vw,27px)}
.crew-card{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:#d9dde1;box-shadow:var(--shadow)}
.crew-card img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform 1s var(--ease-out)}
.crew-card:hover img{transform:scale(1.04)}
.crew-card::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(5,7,10,.88),rgba(5,7,10,0));pointer-events:none}
.crew-cap{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;color:#fff;display:flex;flex-direction:column;gap:3px}
.crew-cap h3{font-size:25px;color:#fff;line-height:1}
.crew-cap span{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:rgba(255,255,255,.82)}
.crew-cap span svg{width:15px;height:15px;transition:transform .3s var(--ease)}
/* Karriere-Karte: schwarze Silhouette mit Fragezeichen */
.crew-join{background:#0A0A0A;color:#fff}
.crew-q{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;font-family:var(--f-head);font-size:clamp(64px,6vw,96px);font-weight:600;line-height:1;color:var(--brand);text-shadow:0 0 28px rgba(57,115,211,.75);transition:transform .45s var(--ease-out)}
.crew-join:hover .crew-q{transform:translate(-50%,-50%) scale(1.1) rotate(-6deg)}
.crew-join:hover .crew-cap span svg{transform:translateX(4px)}
.crew-join .crew-cap h3{color:#fff}
.crew-join .crew-cap span{color:var(--brand);font-weight:700}
@media (max-width:1024px){.crew-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-lead{grid-column:1 / -1}.crew-lead figure{min-height:340px}}
@media (max-width:640px){.crew-grid{gap:12px}.crew-lead{grid-template-columns:minmax(0,1fr)}.crew-lead figure{aspect-ratio:1/1;min-height:0}.crew-lead figure::after{inset:auto 0 0 0;width:auto;height:45%;background:linear-gradient(0deg,var(--black),rgba(10,10,10,0))}.crew-cap{left:12px;right:12px;bottom:12px}.crew-cap h3{font-size:19px}.crew-cap span{font-size:12px}}

/* Auszeichnungen: aussagekräftiger */
.award{position:relative;padding:28px 28px 30px}
.award img{height:150px;padding:10px;border-radius:var(--r-md);background:var(--wash);box-sizing:content-box}
.award-y{position:absolute;top:22px;right:26px;font-family:var(--f-head);font-size:52px;line-height:1;font-weight:600;color:rgba(57,115,211,.18)}
.award h3{font-size:24px}
/* Über uns: Geschichte links bleibt beim Scrollen durch den Zeitstrahl stehen */
@media (min-width:1025px){.story .copy{position:sticky;top:110px}}
/* Zeitstrahl: Linie beginnt exakt am ersten und endet exakt am letzten Punkt */
.timeline{border-left:0;padding-left:2px}
.timeline li::before{z-index:1}
.timeline li::after{content:"";position:absolute;left:-2px;top:14px;bottom:-14px;width:2px;background:var(--line)}
.timeline li:last-child::after{display:none}
/* Standortkarten Startseite: Telefonnummer je Standort */
.stage-tel{display:inline-flex;align-items:center;gap:8px;margin:-4px 0 4px;font-size:15px;font-weight:600;color:#fff;transition:color .2s}
.stage-tel svg{width:16px;height:16px;color:#9BBCF3}
.stage-tel:hover{color:#9BBCF3}
/* Leistungen Startseite: volle Breite, jede Leistung mit eigenem Bild (06.10.2026) */
.svx-wide{width:min(1440px,100% - 2 * var(--gut));margin-inline:auto}
.svx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.svx-tile{position:relative;display:block;aspect-ratio:4/4.3;overflow:hidden;color:#fff;isolation:isolate;background:var(--black);border-radius:var(--r-lg);box-shadow:var(--shadow);transition:transform .45s var(--ease-out),box-shadow .45s}
.svx-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.svx-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.95) brightness(.92);transition:filter .6s var(--ease-out)}
.svx-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,7,10,.35) 0%,rgba(5,7,10,0) 22%,rgba(5,7,10,0) 48%,rgba(5,7,10,.9) 100%);transition:background .5s}
.svx-tile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease-out)}
.svx-top{position:absolute;top:clamp(16px,1.6vw,24px);left:clamp(16px,1.6vw,24px);right:clamp(16px,1.6vw,24px);display:flex;align-items:center;gap:12px}
.svx-no{font-family:var(--f-head);font-size:20px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.75)}
.svx-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .35s}
.svx-ic svg{width:20px;height:20px}
.svx-soon{margin-left:auto;height:26px;padding:0 11px;display:inline-flex;align-items:center;border-radius:999px;background:#fff;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.svx-body{position:absolute;left:clamp(18px,1.8vw,28px);right:clamp(18px,1.8vw,28px);bottom:clamp(18px,1.8vw,28px);display:flex;flex-direction:column;gap:8px}
.svx-body h3{font-size:clamp(26px,2vw,34px);line-height:.95;color:#fff;hyphens:manual}
.svx-p{font-size:15px;line-height:1.45;color:rgba(255,255,255,.86);max-width:320px}
.svx-more{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:700;color:#fff}
.svx-more svg{width:16px;height:16px;transition:transform .35s var(--ease)}
.svx-tile:hover img,.svx-tile:focus-visible img{filter:saturate(1.05) brightness(1)}
.svx-tile:hover::after,.svx-tile:focus-visible::after{transform:scaleX(1)}
.svx-tile:hover .svx-ic{background:var(--brand);border-color:var(--brand)}
.svx-tile:hover .svx-more{color:#9BBCF3}
.svx-tile:hover .svx-more svg{transform:translateX(4px)}
@media (max-width:1024px){.svx{grid-template-columns:repeat(2,minmax(0,1fr))}.svx-tile{aspect-ratio:4/4.4}}
@media (max-width:560px){.svx{grid-template-columns:minmax(0,1fr)}.svx-tile{aspect-ratio:auto;height:340px}}
/* „So rechnen wir“ – Wunschrate (06.10.2026): ruhiger Hersteller-Look, eckige schwarze Buttons, Blau nur auf den Raten */
.wr .lead{margin-top:18px;max-width:54ch;color:#3B4147}
.wr h2 em{display:block;color:var(--brand-ink)}
.wr-main{display:grid;gap:28px;margin-top:36px}
.wr-label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.wr-num{font-family:var(--f-head);font-weight:500;color:var(--brand-ink);font-variant-numeric:tabular-nums;line-height:.8}
.wr-model{margin:0;display:flex;flex-direction:column}
.wr-legal{margin-top:10px;font-size:11.5px;color:var(--muted);line-height:1.5}
.wr-pick{border:1px solid var(--ink);padding:24px 20px;display:flex;flex-direction:column}
.wr-q{font-family:var(--f-head);font-weight:500;font-size:34px;line-height:1;margin-top:10px;color:var(--ink)}
.wr-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.wr-opt{font-family:var(--f-body);font-size:15px;font-weight:500;min-height:52px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color .15s,background .15s,color .15s}
.wr-opt:hover{border-color:var(--ink)}
.wr-opt.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
.wr-opt[aria-disabled="true"]{opacity:.4;cursor:not-allowed;border-color:var(--line)}
.wr-opt:focus-visible,.wr-btn:focus-visible,.wr-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.wr-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;padding:16px 26px;border-radius:var(--r-sm);background:#0A0A0A;color:#fff;font-weight:700;font-size:15px;text-align:center;transition:background .2s}
.wr-btn:hover{background:#1A1D20;color:#fff}
.wr-btn svg{width:18px;height:18px;flex:none;transition:transform .25s}
.wr-btn:hover svg{transform:translateX(3px)}
.wr-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;font-weight:700;font-size:15px;color:var(--ink)}
.wr-link{text-align:center}
.wr-link span{border-bottom:1px solid currentColor;padding-bottom:3px}
.wr-hint{font-size:13px;color:var(--muted);text-align:center;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.wr-feat{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);margin:44px calc(var(--gut) * -1) 0;padding:0 var(--gut) 6px;scrollbar-width:none;list-style:none}
.wr-feat::-webkit-scrollbar{display:none}
.wr-feat li{flex:0 0 74%;scroll-snap-align:start;border-top:1px solid var(--ink);padding-top:20px}
.wr-feat h3{font-family:var(--f-head);font-weight:500;font-size:27px;line-height:1.05;margin-top:18px}
.wr-feat p{font-size:14.5px;color:var(--muted);margin-top:8px}
@media (min-width:1024px){
  .wr-head{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:end}
  .wr-head .lead{margin:0 0 8px}
  .wr-main{grid-template-columns:7fr 5fr;gap:64px;margin-top:56px;align-items:stretch}
  .wr-pick{padding:36px}
  .wr-q{font-size:40px}
  .wr-opts{grid-template-columns:repeat(4,1fr)}
  .wr-feat{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;overflow:visible;margin:88px 0 0;padding:0}
  .wr-feat li{padding-top:26px}
  .wr-feat h3{font-size:28px;margin-top:22px}
}
/* Wunschrate v2: Fahrzeug als Bühne mit Overlay, lebendigere Zahl, stärkere Leistungs-Icons */
.wr-stage{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);background:#0A0A0A;color:#fff;isolation:isolate}
.wr-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.wr-img::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(0deg,#0A0A0A 0%,rgba(10,10,10,0) 100%);pointer-events:none}
.wr-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .5s var(--ease-out)}
.wr-stage img.swap{opacity:0;transform:translateX(-14px)}
.wr-badge{position:absolute;z-index:1;top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 10px;border-radius:var(--r-sm);background:#fff;color:var(--ink);font-size:12.5px;font-weight:700}
.wr-badge svg{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--brand);color:#fff;box-sizing:content-box}
.wr-over{position:relative;margin-top:-34px;padding:0 clamp(18px,2.4vw,30px) clamp(18px,2.4vw,26px);display:flex;flex-direction:column;gap:8px;transition:opacity .3s}
.wr-over.swap{opacity:0}
.wr-over .wr-label{color:rgba(255,255,255,.7)}
.wr-name{font-family:var(--f-head);font-weight:500;font-size:clamp(26px,2.6vw,38px);line-height:1;color:#fff}
.wr-specs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:2px 0 0;padding:0}
.wr-specs li{height:26px;padding:0 10px;display:inline-flex;align-items:center;border-radius:var(--r-sm);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:12.5px;font-variant-numeric:tabular-nums}
.wr-pricebar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}
.wr-loc{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.8)}
.wr-loc svg{width:15px;height:15px;color:#9BBCF3}
.wr-price{text-align:right;white-space:nowrap;font-size:13px;color:rgba(255,255,255,.8)}
.wr-price .wr-num{font-size:clamp(40px,4vw,56px);color:#9BBCF3;display:inline-block;margin:0 2px 0 6px}
.wr-price sup{color:#9BBCF3}
.wr-price small{display:block;margin-top:6px;font-size:12.5px;font-variant-numeric:tabular-nums}
.wr-stage:hover .wr-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.wr-show{display:flex;align-items:flex-end;gap:12px;margin:26px 0 22px;color:var(--muted);white-space:nowrap}
.wr-show-l{font-size:15px;padding-bottom:10px}
.wr-show .wr-num{font-size:92px}
.wr-show-r{display:flex;flex-direction:column;gap:6px;font-size:15px;padding-bottom:8px}
.wr-show-r b{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
.wr-show-r b::before{content:"";width:8px;height:8px;border-radius:50%;background:#1E9E5A;box-shadow:0 0 0 4px rgba(30,158,90,.15)}
.wr-pick{background:linear-gradient(180deg,#fff 0%,#fff 55%,var(--wash) 100%)}
.wr-feat li{position:relative;transition:border-color .3s}
.wr-feat li::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--brand);transition:width .5s var(--ease-out)}
.wr-feat li:hover::before{width:100%}
.wr-fi{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--wash);color:var(--brand-ink);transition:background .3s,color .3s,transform .4s var(--ease-out)}
.wr-fi svg{width:28px;height:28px}
.wr-feat li:hover .wr-fi{background:var(--brand);color:#fff;transform:translateY(-3px)}
@media (min-width:1024px){
  .wr-stage{flex:1}
  .wr-img{aspect-ratio:auto;flex:1;min-height:300px}
  .wr-show{margin:auto 0 26px;padding-top:30px}
  .wr-show .wr-num{font-size:120px}
}
.wr-main > *{min-width:0}
@media (max-width:640px){.wr-show{gap:8px}.wr-show .wr-num{font-size:74px}.wr-show-r{font-size:14px}.wr-show-r b{font-size:12px}.wr-pricebar{flex-wrap:wrap;align-items:flex-end}.wr-price{white-space:normal}.wr-price .wr-num{font-size:38px}.wr-badge{top:12px;left:12px}}
/* Bewerbung: Datei-Upload (06.10.2026) */
.fld .opt{font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
.fld .file{position:relative;display:block;cursor:pointer;text-transform:none;letter-spacing:0;font-size:15px;font-weight:400;color:var(--ink)}
.file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.file-ui{display:flex;align-items:center;gap:14px;min-height:62px;padding:12px 16px;border:1.5px dashed var(--line);border-radius:6px;background:#fff;transition:border-color .2s,background .2s,box-shadow .2s}
.file-ui > svg{width:22px;height:22px;flex:none;color:var(--brand)}
.file-txt{display:flex;flex-direction:column;min-width:0}
.file-name{font-size:15px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-txt small{font-size:12.5px;color:var(--muted)}
.file:hover .file-ui{border-color:var(--brand);background:#F7F9FD}
.file input:focus-visible + .file-ui{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.file.has .file-ui{border-style:solid;border-color:var(--brand);background:#F7F9FD}
.file input[aria-invalid="true"] + .file-ui{border-color:var(--err)}
/* WhatsApp-Button unten links (06.10.2026) */
.wa-fab{position:fixed;left:24px;bottom:24px;z-index:85;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(37,211,102,.65),0 4px 12px rgba(0,0,0,.22);transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s}
.wa-fab svg{width:30px;height:30px}
.wa-fab:hover{background:#1EBE5A;transform:scale(1.07)}
.wa-fab:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #25D366}
@media (max-width:860px){.wa-fab{left:16px;bottom:calc(96px + env(safe-area-inset-bottom));width:50px;height:50px}.wa-fab svg{width:27px;height:27px}}
@media print{.wa-fab{display:none}}
/* Marken: vier gleich große Kacheln, Einblendung nacheinander von oben nach unten (06.10.2026) */
.brand4{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto!important;gap:18px}
.brand4 .tile{aspect-ratio:3/4;grid-column:auto;grid-row:auto}
.brand4 .tile:hover img{transform:none}
.brand4 .tile .tcap{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:12px}
.brand4 .tile .tcap > span:first-child{min-width:0}
.brand4 .tile h3{font-size:clamp(32px,2.8vw,44px)}
.js .brand4 .tile.rv{opacity:1;transform:none;clip-path:inset(0 0 100% 0 round var(--r-lg));transition:clip-path 1.05s cubic-bezier(.65,0,.35,1);transition-delay:calc(var(--d,0) * 220ms)}
.js .brand4 .tile.rv.in{clip-path:inset(0 0 0 0 round var(--r-lg))}
.brand4 .tile img{transform:translateY(-8%) scale(1.08);transition:transform 1.4s var(--ease-out);transition-delay:calc(var(--d,0) * 220ms)}
.brand4 .tile.in img{transform:none}
@media (max-width:1024px){.brand4{grid-template-columns:repeat(2,minmax(0,1fr))}.brand4 .tile{grid-column:auto!important;grid-row:auto!important}}
@media (max-width:560px){.brand4{gap:12px}.brand4 .tile .tcap{left:14px;right:14px;bottom:14px;gap:8px}.brand4 .tile h3{font-size:28px}.brand4 .tile p{font-size:12.5px}.brand4 .tile .go-i{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.js .brand4 .tile.rv{clip-path:none}.brand4 .tile img{transform:none}}
/* Standort-Infokarte kompakt, damit sie beim Mitlaufen komplett sichtbar ist (06.10.2026) */
.infocard{padding:24px;gap:12px}
.infocard > h2{font-size:30px!important}
.infocard address{font-size:15px;line-height:1.45}
.infocard .hours td{padding-block:6px;font-size:14.5px}
.infocard .btn{min-height:46px;padding-block:5px;font-size:15px}
.infocard .btn .bi{width:32px;height:32px}
.infocard .award-row img{height:56px}
.infocard .award-row{font-size:13px;line-height:1.4}
@media (min-width:1025px) and (max-height:860px){
  .infocard{gap:10px;padding:20px 22px}
  .infocard .hours td{padding-block:3px;font-size:14px}
  .infocard .award-row img{height:44px}
  .infocard .btn{min-height:42px}
}
.loc-hero h1{max-width:none}
/* Karriere: Stellen mit Badges statt Buttons, Klick wählt die Stelle im Formular (06.10.2026) */
.jobs li{cursor:pointer;padding:20px 14px;margin:0 -14px;border-radius:var(--r-md);transition:background .2s}
.jobs li:hover,.jobs li:focus-visible{background:#fff;outline:0}
.jobs li:focus-visible{box-shadow:0 0 0 2px var(--brand)}
.jobs li.on{background:#fff;box-shadow:inset 3px 0 0 var(--brand)}
.job-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.job-tag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.job-tag svg{width:14px;height:14px;color:var(--brand)}
.jobs li:hover .job-tag{border-color:#C9D3E0}
@media (max-width:640px){.job-tags{justify-content:flex-start}}
.inp.flash{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
/* Mobiles Menü: WhatsApp-Button, schwebender Button ausgeblendet solange das Menü offen ist */
.btn-wa{--bg:#25D366;--fg:#fff;color:#fff}
.btn-wa:hover{--bg:#1EBE5A;color:#fff}
.btn-wa .bi{background:rgba(255,255,255,.22)}
.btn-wa .bi svg{width:20px;height:20px}
.mnav .btns{flex-direction:column}
.mnav .btns .btn{width:100%}
.menu-open .wa-fab{opacity:0;visibility:hidden;pointer-events:none}
.wa-fab{transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s,opacity .25s,visibility .25s}
/* Ankauf: 4 Schritte, Einblendung nacheinander von links nach rechts (06.10.2026) */
.process.p4{grid-template-columns:repeat(4,minmax(0,1fr))}
.js .steps4 .process li.rv{opacity:0;transform:translateX(-36px);transition:opacity .7s var(--ease-out),transform .8s var(--ease-out);transition-delay:calc(var(--d,0) * 180ms)}
.js .steps4 .process li.rv.in{opacity:1;transform:none}
.steps4 .process li::after{content:"";position:absolute;top:50px;right:-14px;width:10px;height:10px;border-top:2px solid var(--brand);border-right:2px solid var(--brand);transform:rotate(45deg);opacity:.5}
.steps4 .process li:last-child::after{display:none}
@media (max-width:1024px){.process.p4{grid-template-columns:repeat(2,minmax(0,1fr))}.steps4 .process li::after{display:none}}
@media (max-width:640px){.process.p4{grid-template-columns:minmax(0,1fr)}}
/* Bildkasten neben Formularen: weicher Übergang vom Bild in die schwarze Box (wie FAQ) */
.aside-card .frame{position:relative}
.aside-card .frame::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(0deg,var(--black) 0%,rgba(10,10,10,.6) 45%,rgba(10,10,10,0) 100%);pointer-events:none;z-index:1}
.aside-card > div:last-child{margin-top:-1px;padding-top:12px}
/* Ankauf: Foto-Upload mit Vorschau */
.photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;margin:4px 0 0;padding:0}
.photo-grid:empty{display:none}
.photo-grid li{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--wash)}
.photo-grid img{width:100%;height:100%;object-fit:cover}
.photo-rm{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(10,10,10,.75);color:#fff;font-size:17px;line-height:1;display:grid;place-items:center}
.photo-rm:hover{background:var(--err)}
.photo-drop input:disabled{cursor:not-allowed}
@media (max-width:480px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Formular-Schritte: sanftes Einblenden statt hartem Wechsel */
.wiz-panel:not([hidden]){animation:wizIn .38s var(--ease-out) both}
@keyframes wizIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wiz-panel:not([hidden]){animation:none}}
/* Danke-Seite (06.10.2026) */
.thx{position:relative;isolation:isolate;min-height:100vh;display:flex;align-items:center;padding:calc(var(--hdr) + 48px) 0 72px}
.thx-bg{position:absolute;inset:0;z-index:-1}
.thx-bg img{width:100%;height:100%;object-fit:cover}
.thx-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,10,.82),rgba(5,7,10,.66) 50%,rgba(5,7,10,.88))}
.thx-in{display:flex;justify-content:center}
.thx-card{width:min(640px,100%);background:#fff;color:var(--ink);border-radius:var(--r-xl);padding:clamp(28px,4vw,48px);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;animation:thxIn .7s var(--ease-out) both}
@keyframes thxIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.thx-check{width:88px;height:88px;margin-bottom:6px}
.thx-ring-bg{fill:none;stroke:#E3F5EA;stroke-width:5}
.thx-ring{fill:none;stroke:#1E9E5A;stroke-width:5;stroke-linecap:round;stroke-dasharray:226.2;stroke-dashoffset:226.2;transform:rotate(-90deg);transform-origin:center;animation:thxRing 1s cubic-bezier(.65,0,.35,1) .35s forwards}
.thx-tick{fill:none;stroke:#1E9E5A;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:thxTick .45s var(--ease-out) 1.3s forwards}
@keyframes thxRing{to{stroke-dashoffset:0}}
@keyframes thxTick{to{stroke-dashoffset:0}}
.thx-h{font-size:clamp(40px,5vw,60px);color:var(--ink)}
.thx-h em{color:var(--brand)}
.thx-lead{font-size:17px;color:var(--muted);max-width:480px}
.thx-card .todo{color:var(--ink);text-align:left;width:100%}
.thx-sum{width:100%;text-align:left;margin-top:6px;border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;background:var(--wash)}
.thx-sum h2{font-family:var(--f-body);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.thx-sum dl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:7px 16px;margin:0;font-size:14.5px}
.thx-sum dt{color:var(--muted)}
.thx-sum dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.thx-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
@media (max-width:520px){.thx-sum dl{grid-template-columns:minmax(0,1fr)}.thx-sum dd{margin-bottom:6px}.thx-btns .btn{width:100%}}
@media (prefers-reduced-motion:reduce){.thx-card{animation:none}.thx-ring,.thx-tick{animation:none;stroke-dashoffset:0}}
.on-dark .thx-card,.on-dark .thx-card h1,.on-dark .thx-card h2{color:var(--ink)}
.on-dark .thx-card .thx-lead,.on-dark .thx-card dt{color:var(--muted)}
.on-dark .thx-card .thx-h em{color:var(--brand)}
.on-dark .thx-card .eyebrow{color:var(--brand-ink)}
.thx-h{font-size:clamp(36px,4.4vw,54px)}
.thx-h{hyphens:manual;text-wrap:balance}
.lgrid:has(form.formcard){align-items:start}
/* Leistungen: nur Finanzierung, Inzahlungnahme, Probefahrt sind Links (Pfeil), der Rest reine Info */
.svx-tile:not(.is-link):hover{transform:none;box-shadow:var(--shadow)}
.svx-tile:not(.is-link):hover img{filter:saturate(.95) brightness(.92)}
.svx-tile:not(.is-link)::after{display:none}
.svx-tile.is-link .svx-body{right:84px}
.svx-go{position:absolute;right:clamp(18px,1.8vw,28px);bottom:clamp(18px,1.8vw,28px);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--ink);transition:transform .45s var(--ease-out),background .3s,color .3s}
.svx-go svg{width:20px;height:20px}
.svx-tile.is-link:hover .svx-go{transform:rotate(-45deg);background:var(--brand);color:#fff}
.js .acc.rv-stagger details.shown{animation:none;opacity:1;transform:none}
/* Bestand: Filter als mitlaufende Seitenleiste links (06.10.2026) */
.inv-grid{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:clamp(20px,2.4vw,36px);align-items:start;max-width:1440px}
.inv-side{position:sticky;top:96px}
.inv-side .filters{border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;background:#fff;box-shadow:var(--shadow)}
.inv-h{font-family:var(--f-head);font-size:26px;font-weight:600;line-height:1;margin-bottom:14px}
.inv-side .filters form{display:flex;flex-direction:column;gap:12px}
.inv-side .filters .inp{min-height:46px}
.inv-side .filters .fbtn{width:100%;margin-top:4px}
.inv-main{min-width:0}
@media (min-width:1181px){.inv-main .vrow{grid-template-columns:minmax(0,320px) minmax(0,1fr) minmax(0,220px)}}
@media (max-width:1180px) and (min-width:761px){.inv-main .vrow{grid-template-columns:minmax(0,280px) minmax(0,1fr)}.inv-main .vrow .side{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line)}}
@media (max-width:1024px){.inv-grid{grid-template-columns:minmax(0,1fr)}.inv-side{position:static}.inv-side .filters form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.inv-side .filters .fbtn{grid-column:1 / -1}}
.mk-sec{padding-top:clamp(40px,5.6vw,81px)}
/* Bestand: Filter sauber linksbündig, breitere Fahrzeugzeilen, Doppel-Schieberegler */
.inv-side .filters form{align-items:stretch}
.inv-side .filters .fld{width:100%}
.inv-grid{max-width:1600px;grid-template-columns:minmax(0,280px) minmax(0,1fr)}
@media (min-width:1181px){.inv-main .vrow{grid-template-columns:minmax(0,400px) minmax(0,1fr) minmax(0,210px)}}
.rng2{gap:8px}
.rng2-vals{display:flex;align-items:baseline;gap:6px;font-size:14px;font-variant-numeric:tabular-nums}
.rng2-vals b{font-weight:700;color:var(--ink)}
.rng2-vals span{color:var(--muted)}
.rng2-track{position:relative;height:28px;margin:0 2px}
.rng2-track::before{content:"";position:absolute;left:0;right:0;top:12px;height:4px;border-radius:2px;background:var(--line)}
.rng2-fill{position:absolute;top:12px;height:4px;border-radius:2px;background:var(--brand)}
.rng2-track input{position:absolute;left:0;top:0;width:100%;height:28px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;z-index:2}
.rng2-track input::-webkit-slider-runnable-track{background:none;height:28px}
.rng2-track input::-moz-range-track{background:none}
.rng2-track input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:22px;height:22px;margin-top:3px;border-radius:50%;background:#fff;border:2px solid var(--brand);box-shadow:0 2px 6px rgba(10,10,10,.18);cursor:grab}
.rng2-track input::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--brand);box-shadow:0 2px 6px rgba(10,10,10,.18);cursor:grab}
.rng2-track input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--brand-soft)}
@media (max-width:1024px){.inv-side .filters .rng2{grid-column:1 / -1}}
@media (max-width:1024px){.inv-grid{grid-template-columns:minmax(0,1fr)}}
/* Global: einheitlich großzügiger Abstand zwischen allen Sektionen (06.10.2026) */
:root{--sec-pad:clamp(80px,9vw,130px)}
.sec,.sec-tight{padding-block:var(--sec-pad)}
.mk-sec{padding-top:clamp(40px,5.6vw,81px)}
.closing{margin-top:0}
.inv-main .vrow .side .btn{width:100%;padding:6px 6px 6px 18px;gap:10px;justify-content:space-between;white-space:nowrap}
.inv-main .vrow .side .btn .bi{flex:none;width:34px;height:34px}
@media (min-width:1181px){.inv-main .vrow{grid-template-columns:minmax(0,400px) minmax(0,1fr) minmax(0,236px)}}
.inv-main .vrow .side{padding-inline:20px}.inv-main .vrow .side .btn{font-size:15px;padding-left:16px}
/* Navigation: „Fahrzeuge“ als Link mit Dropdown (Alle / Losheim / Hermeskeil) */
.nav .dd > .dd-t{position:relative;display:inline-flex;white-space:nowrap;align-items:center;gap:6px;padding:10px 13px;font-size:15.5px;font-weight:500;color:rgba(255,255,255,.78);transition:color .25s}
.nav .dd > .dd-t svg{width:15px;height:15px;transition:transform .3s}
.nav .dd:hover > .dd-t svg{transform:rotate(180deg)}
.nav .dd > .dd-t:hover,.nav .dd > .dd-t:focus-visible,.nav .dd > .dd-t[aria-current="page"]{color:#fff}
.nav .dd > .dd-t::after{content:"";position:absolute;left:50%;bottom:1px;width:6px;height:6px;margin-left:-10px;border-radius:50%;background:var(--brand);opacity:0;transform:translate(-50%,7px) scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .2s ease,box-shadow .4s ease;pointer-events:none}
.nav .dd > .dd-t:hover::after,.nav .dd > .dd-t:focus-visible::after{opacity:1;transform:translate(-50%,0) scale(1)}
.nav .dd > .dd-t[aria-current="page"]::after{opacity:1;transform:translate(-50%,0) scale(1);box-shadow:0 0 0 3px rgba(57,115,211,.22),0 0 12px 2px rgba(57,115,211,.7)}
/* Probefahrt-Seite: Buchungskalender */
.book-card{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow);overflow:hidden;min-height:560px;display:flex}
.book-pre{margin:auto;max-width:460px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.book-ic{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--wash);color:var(--brand)}
.book-ic svg{width:34px;height:34px}
.book-pre h2{font-size:clamp(30px,3vw,40px)}
.book-pre p{font-size:14.5px;color:var(--muted)}
.book-pre p a{color:var(--brand-ink);text-decoration:underline}
.book-alt{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.book-alt svg{width:14px;height:14px}
.book-card.loaded{display:block}
.book-frame{display:block;width:100%;height:860px;border:0}
@media (max-width:640px){.book-frame{height:980px}}
/* Unterseiten-Hero im Stil der Startseite (Ankauf mit Video) – ohne Intro-Animation */
.hero-sub .fx,.hero-sub h1 .wd > span{animation:none!important;opacity:1!important;transform:none!important}
.hero-sub{min-height:min(84svh,860px);padding-bottom:clamp(56px,7vw,96px)}
/* Probefahrt: Service-Liste */
.pf-svc{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}
.pf-svc li{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.pf-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:var(--wash);color:var(--brand)}
.pf-ic svg{width:20px;height:20px}
.pf-svc h3{font-size:24px;margin-bottom:4px}
.pf-svc p{font-size:15px;color:var(--muted)}
.faq-h-long{font-size:clamp(28px,2.85vw,42px);white-space:nowrap}@media (max-width:760px){.faq-h-long{white-space:normal}}
.phead h1 .h1-sub{display:block;margin-top:.18em;font-size:.46em;line-height:1.05;font-weight:500;color:rgba(255,255,255,.9)}
/* Karriere: Stellen im Detail */
.job-acc{max-width:980px}
.job-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:16px 0 6px}
.job-cols h3{font-family:var(--f-body);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:10px}
.job-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.job-ul li{position:relative;padding-left:22px;font-size:15px;color:var(--muted)}
.job-ul li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.job-apply{display:inline-flex;margin-top:8px;font-weight:700;color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.job-cols{grid-template-columns:minmax(0,1fr)}}
.pf-hero .phead-in{padding-bottom:82px}@media (max-width:640px){.pf-hero .phead-in{padding-bottom:125px}}
.hero-sub{padding-bottom:0}.hero-sub .hero-in{padding-top:calc(var(--hdr) + 48px);padding-bottom:48px;align-items:center}
.vcard[hidden]{display:none!important}
.vloc-tag{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border-radius:999px;background:rgba(8,10,14,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.01em;line-height:1.2;pointer-events:none}
.vloc-tag svg{width:14px;height:14px;color:#8fb0ff}
.locsw{display:inline-flex;gap:4px;padding:5px;margin:0 0 26px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(10,10,10,.06),0 6px 16px rgba(10,10,10,.08)}
.locsw button{font:inherit;font-size:14.5px;font-weight:600;padding:10px 18px;border:0;border-radius:999px;background:transparent;color:var(--ink,#0a0a0a);cursor:pointer;transition:background .2s,color .2s}
.locsw button:hover{background:var(--wash)}
.locsw button.on{background:var(--brand);color:#fff}
@media (max-width:520px){.locsw{display:flex;width:100%}.locsw button{flex:1;padding:10px 8px;font-size:13.5px}}
.locsw button{white-space:nowrap}@media (max-width:520px){.locsw .lx{display:none}}
.btn-mde{--bg:#fff;--fg:var(--ink,#0a0a0a);color:var(--ink,#0a0a0a);border-color:var(--line)}
.btn-mde:hover{--bg:#fff;color:var(--ink,#0a0a0a);border-color:#fa3c00}
.btn-mde .bi{background:#fff1eb;color:#fa3c00}
.btn-mde span:first-child{display:inline-flex;align-items:center;gap:8px}
.mde-logo{height:17px;width:auto;display:block;transform:translateY(1px)}
/* Startseiten-Hero ruhiger: Bild steht, Headline als Ganzes, Rest weich und kurz */
.hero-media img{animation:heroSoft 1.4s ease-out both;animation-delay:var(--intro,1.1s)}
@keyframes heroSoft{from{opacity:.55}to{opacity:1}}
.hero .wd{overflow:visible}
.hero .wd > span{transform:none;opacity:1;animation:none}
.hero h1{opacity:0;transform:translateY(14px);animation:fxUp .9s var(--ease-out) forwards;animation-delay:calc(var(--intro,1.1s) + .15s)}
.hero .fx{transform:translateY(10px);animation-duration:.8s}
.hero .finder.fx{transform:translateY(10px)}
.anim-done .hero h1{animation:none!important;opacity:1!important;transform:none!important}
.anim-done .hero-media img{opacity:1!important}
/* Fahrzeugseiten: Kopfband ohne Foto, nur Verlauf */
.dhead{background:radial-gradient(90% 160% at 88% -20%,rgba(57,115,211,.32) 0%,rgba(57,115,211,0) 60%),radial-gradient(60% 120% at 0% 120%,rgba(57,115,211,.12) 0%,rgba(57,115,211,0) 60%),linear-gradient(180deg,#0c0f15 0%,#0a0a0a 100%)}
/* Bildergalerie (Bento) */
.gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,15vw,230px);gap:12px;margin-top:clamp(28px,4vw,48px)}
.gal .frame{height:100%;aspect-ratio:auto}
.gal .g-big{grid-column:span 2;grid-row:span 2}
@media (max-width:760px){.gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px;gap:8px}.gal .g-big{grid-row:span 2}}
/* Bewertungen */
.rvw-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px;margin-top:clamp(24px,3.5vw,40px)}
.rvw-track::-webkit-scrollbar{display:none}
.rvc{flex:0 0 clamp(270px,31%,370px);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,2.4vw,30px);color:var(--ink)}
.rvc .st{display:flex;gap:3px;color:#FBBC04}.rvc .st svg{width:18px;height:18px}
.rvc blockquote{margin:0;font-size:16px;line-height:1.6;flex:1}
.rvc .who{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.rvc .who b{color:var(--ink)}
.rvc.sum{background:var(--black,#0a0a0a);color:#fff;border-color:transparent;justify-content:space-between}
.rvc.sum .big{font-family:Teko,var(--font-display,inherit);font-size:84px;line-height:.9;font-weight:600}
.rvc.sum p{color:rgba(255,255,255,.75);font-size:15px}
.rvc.loc-rv{justify-content:space-between}
.rvc.loc-rv h3{font-size:30px}
.rvc .rv-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--brand)}
.rvc.sum .rv-link{color:#fff}
.rvc .rv-link svg{width:16px;height:16px}
/* Kontakt: Standort-Panel mit Umschalter */
.lgrid.kgrid{align-items:stretch}
.cpanel{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.ctabs{display:flex;gap:4px;padding:6px;margin:14px 14px 0;border-radius:999px;background:var(--wash)}
.ctabs button{flex:1;font:inherit;font-size:14px;font-weight:700;padding:10px 8px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.ctabs button[aria-selected="true"]{background:var(--brand);color:#fff}
.cpane{display:flex;flex-direction:column;flex:1;min-height:0}
.cpane[hidden]{display:none}
.cpane .frame{flex:1 1 220px;min-height:200px;margin:14px 14px 0;border-radius:var(--r-lg);aspect-ratio:auto}
.cpane .frame .chip{position:absolute;top:14px;left:14px;z-index:1}
.cpane .loc-body{flex:0 0 auto}
.cpane .loc-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:520px){.ctabs{margin:10px 10px 0}.ctabs button{font-size:12.5px;padding:9px 4px}.cpane .loc-meta{grid-template-columns:minmax(0,1fr)}}
.ctabs .lx{display:inline}@media (max-width:1100px){.ctabs .lx{display:none}}
.lgrid.kgrid:has(form.formcard){align-items:stretch}
/* Ton-Button: klein, nur Icon, unten rechts */
.hv-sound{left:auto;right:12px;bottom:12px;width:36px;height:36px;padding:0;gap:0;justify-content:center;border-radius:50%}
.hv-sound svg{width:16px;height:16px}
/* Zulassung & Überführung: eine breite Kachel statt zwei */
.svx-tile.svx-wide2{grid-column:span 2;aspect-ratio:auto}
@media (max-width:1024px){.svx-tile.svx-wide2{aspect-ratio:8/4.4}}
@media (max-width:560px){.svx-tile.svx-wide2{grid-column:auto;aspect-ratio:auto}}
.scard.scard-wide{grid-column:span 2}
@media (max-width:640px){.scard.scard-wide{grid-column:auto}}
@media (min-width:1024px){.wr-feat{grid-template-columns:repeat(4,1fr)}}
.award img.wide{height:auto;width:100%;max-width:280px;object-fit:contain}
.fr-seals{flex-wrap:wrap}
/* Marken: 6 Kacheln (Mercedes-Benz links, BMW rechts) */
.brand6{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.brand6 .tile .tcap{left:16px;right:16px;bottom:16px}
.brand6 .tile h3{font-size:clamp(22px,1.9vw,30px);hyphens:manual;-webkit-hyphens:manual;line-height:1.05}
.brand6 .tile p{font-size:12.5px;margin-top:6px}
@media (min-width:1025px){.brand6 .tile .go-i{display:none}}
@media (max-width:1024px){.brand6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.brand6{grid-template-columns:repeat(2,minmax(0,1fr))}.brand6 .tile .go-i{display:none}}
.arrows[hidden]{display:none!important}
/* Intro-Text unter dem Hero */
.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,80px);align-items:start}
.intro-grid h2{margin-top:16px}
.intro-sub{margin-top:18px;font-weight:600;font-size:clamp(17px,1.3vw,19px)}
.intro-copy{display:flex;flex-direction:column;gap:18px;padding-top:6px}
.intro-claim{font-weight:700;font-size:clamp(18px,1.5vw,21px);padding-left:16px;border-left:3px solid var(--brand)}
@media (max-width:900px){.intro-grid{grid-template-columns:1fr}}
/* Teamkarten ohne Foto (Bild folgt) */
/* Hero: Hochformat-Video (Übergang bis zum Querformat-Film), Rahmen 4:5 ohne Ränder */
.hero-reel .hero-video{width:min(100%,calc(min(62vh,600px) * .8));justify-self:center}
.hv-frame.hv-tall{aspect-ratio:4/5}
.hv-tall .hv-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}
.hero-reel .gbadge{gap:12px;padding:10px 12px}
.hero-reel .gb-g{display:none}
.hero-reel .gb-locs a span,.hero-reel .gb-sub{white-space:nowrap}
.hero-reel .gb-locs a{padding:6px 24px 6px 10px}
.hero-reel .gb-locs a::after{top:7px;right:7px;width:10px;height:10px}
@media (max-width:860px){
  .hero-reel .hero-media{inset:0;height:auto;min-height:0}
  .hero-reel .hero-media img{object-position:50% 30%}
  .hero-reel .hero-shade{background:linear-gradient(180deg,rgba(5,7,10,.72) 0%,rgba(5,7,10,.62) 40%,rgba(5,7,10,.84) 75%,var(--night) 100%)}
  .hero-reel .hero-in{padding-top:calc(var(--hdr) + 10px);gap:28px}
  .hero-reel .hero-video{order:-1;width:100%}
}
@media (max-width:520px){
  .hero-reel .gbadge{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:9px 10px}
  .hero-reel .gb-locs{grid-column:auto;gap:5px}
  .hero-reel .gb-logo{width:32px;height:32px}
  .hero-reel .gb-logo svg{width:17px;height:17px}
  .hero-reel .gb-score{gap:6px}
  .hero-reel .gb-score b{font-size:22px}
  .hero-reel .gb-stars svg{width:10px;height:10px}
  .hero-reel .gb-sub{font-size:11px}
  .hero-reel .gb-locs a{padding:5px 8px;font-size:10.5px}
  .hero-reel .gb-locs a b{font-size:16px}
  .hero-reel .gb-locs a::after{display:none}


}
.hv-sound .i-off{display:none}
.hv-sound[aria-pressed="false"] .i-on{display:none}
.hv-sound[aria-pressed="false"] .i-off{display:block}

/* ---------- Live-Bestand ---------- */
.vskel{min-height:420px;border-radius:var(--r-lg);background:linear-gradient(100deg,#e7eaed 30%,#f4f6f7 50%,#e7eaed 70%) 0 0/300% 100%;animation:vskel 1.6s linear infinite}
.vlist .vskel{min-height:240px}
.car-track .vskel{flex:0 0 min(360px,84vw)}
@keyframes vskel{to{background-position:-150% 0}}
@media (prefers-reduced-motion: reduce){.vskel{animation:none}}
.vhinweis{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;font-size:15px;margin-bottom:16px}
.vgrid3 > .vhinweis,.car-track > .vhinweis{grid-column:1/-1;margin:0;flex:1}
.gthumbs.many{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 50px)/6);overflow-x:auto;padding-bottom:6px}
.dtext{white-space:pre-line;font-size:15.5px;line-height:1.65;overflow-wrap:anywhere}

/* ---------- Ankauf: Foto-Kacheln und Datei entfernen ---------- */
.photo-plus label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;min-height:96px;aspect-ratio:1;border:1.5px dashed var(--brand);border-radius:8px;background:var(--brand-soft);color:var(--brand-ink);cursor:pointer;text-align:center;text-transform:none;letter-spacing:0}
.photo-plus label:hover{background:#dce8fb}
.photo-plus span{font-size:34px;line-height:1;font-weight:500}
.photo-plus small{font-size:12px;font-weight:700;line-height:1.2;padding:0 6px}
.file-wrap{position:relative}
.file-rm{position:absolute;top:50%;right:12px;transform:translateY(-50%);z-index:2;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--err);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.file-rm:hover{border-color:var(--err)}
.file-wrap:has(.file-rm:not([hidden])) .file-txt{padding-right:96px}

/* ---------- Fahrzeugseite: H1 steht im Quelltext vorn, optisch bleibt die Spalte rechts ---------- */
.dgrid > .dpanel{grid-column:2;grid-row:1}
.dgrid > div{grid-column:1;grid-row:1;min-width:0}
@media (max-width:1100px){.dgrid > .dpanel,.dgrid > div{grid-column:auto;grid-row:auto}}

/* Einwilligungsfenster: Ablehnen und Akzeptieren bewusst gleichwertig */
html.ck-offen{overflow:hidden;scrollbar-gutter:stable}
html.ck-offen body{overflow:hidden}
.ck-wrap{position:fixed;inset:0;z-index:130;overscroll-behavior:contain;touch-action:none;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.55)}
.ck-frei{align-items:flex-end;background:none;pointer-events:none}
.ck-frei .ck{pointer-events:auto}
.ck{display:flex;flex-direction:column;width:min(780px,100%);max-height:100%;outline:0;border:1px solid #D5D9DE;border-radius:6px;background:#fff;color:#1E2226;box-shadow:0 8px 32px rgba(0,0,0,.28);font-size:14px;line-height:1.5}
.ck-tabs{display:flex;flex:none;border-bottom:1px solid #D5D9DE}
.ck-tabs button{flex:1;padding:13px 10px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:#565C62;font:inherit;font-weight:600;cursor:pointer}
.ck-tabs button[aria-selected="true"]{border-bottom-color:#2A5AA8;color:#2A5AA8}
.ck-body{flex:1 1 auto;min-height:0;overflow-y:auto;touch-action:pan-y;padding:18px 22px}
.ck-body[hidden]{display:none}
.ck-t{margin:0 0 6px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;color:#1E2226}
.ck h3{margin:14px 0 2px;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;color:#1E2226}
.ck h3:first-child{margin-top:0}
.ck p{margin:0;color:#3F454B}
.ck a{color:#2A5AA8;text-decoration:underline}
.ck table{width:100%;margin-top:8px;border-collapse:collapse;font-size:13px}
.ck th,.ck td{padding:6px 10px 6px 0;border-bottom:1px solid #E6E9EC;text-align:left;vertical-align:top}
.ck th{color:#565C62;font-weight:600}
.ck td:first-child{white-space:nowrap}
.ck-foot{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:12px 22px;border-top:1px solid #D5D9DE}
.ck-opts{display:flex;gap:20px}
.ck-opt{position:relative;display:inline-flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}
.ck-opt input{position:absolute;right:0;width:36px;height:20px;margin:0;opacity:0;cursor:pointer}
.ck-opt input:disabled{cursor:not-allowed}
.ck-opt i{position:relative;flex:none;width:36px;height:20px;border-radius:10px;background:#AEB4BA;transition:background .15s}
.ck-opt i::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.ck-opt input:checked+i{background:#2A5AA8}
.ck-opt input:checked+i::after{transform:translateX(16px)}
.ck-opt input:disabled+i{opacity:.55}
.ck-opt input:focus-visible+i{outline:2px solid #2A5AA8;outline-offset:2px}
.ck-btns{display:flex;flex-wrap:wrap;gap:8px}
.ck-btn{min-height:40px;padding:0 16px;border:1px solid #2A5AA8;border-radius:4px;background:#2A5AA8;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.ck-btn:hover{background:#214884}
.ck-btn-line{background:#fff;color:#2A5AA8}
.ck-btn-line:hover{background:#EEF2F8}
.ck-btn:focus-visible,.ck-tabs button:focus-visible{outline:2px solid #2A5AA8;outline-offset:2px}
@media (max-width:640px){.ck-wrap{padding:8px}.ck-body{padding:14px 16px}.ck-foot{padding:12px 16px}.ck-opts{width:100%;justify-content:space-between}.ck-btns{display:grid;grid-template-columns:1fr;width:100%}}
.hv-note{position:absolute;z-index:2;left:0;right:0;top:0;margin:0;padding:10px 16px 22px;background:linear-gradient(rgba(0,0,0,.7),transparent);color:rgba(255,255,255,.85);font-size:12.5px;line-height:1.4;text-align:center;pointer-events:none}
.hv-frame.is-live .hv-note{display:none}