/* Gemeinsame Oberflächen für Tages- und Nachtmodus. */
:root{--surface:#fff;--heading:#142333;--page:#fff;--soft:#f4f7fa;--field:#f8fafc;--text:#425366;--secondary:#617286;--border:#dfe7ed;--accent:#087eb9;--header:rgba(255,255,255,.94);--radius:14px;--shadow:0 12px 32px #182b3a09;--shadow-sm:0 3px 12px #182b3a05}
html[data-theme="dark"]{color-scheme:dark;--surface:#15212e;--heading:#edf4fb;--page:#0b121b;--soft:#101a25;--field:#0f1925;--text:#c7d3e0;--secondary:#a4b4c6;--border:#2c3c4d;--accent:#62c9ff;--header:rgba(11,18,27,.94);--shadow:0 12px 32px #0002;--shadow-sm:0 3px 12px #0002;--bg:#0b121b;--bg-soft:#101a25;--bg-softer:#0f1925;--body:#c7d3e0;--muted:#a4b4c6;--line:#2c3c4d;--err:#ff9393}
html{color-scheme:light}body{background:var(--page);color:var(--text)}h1,h2,h3,h4,legend,.field label,.idswitch b,.trust-item b,.side-hours b,.quote-who b,.contact-card .big,.faq summary{color:var(--heading)}
a,.cat-link,.req{color:var(--accent)}section{padding-block:clamp(58px,7vw,90px)}.sec-soft{background:var(--soft)}.sec-head h2{letter-spacing:-.04em}.sec-head p,.cat-card p,.step p,.feat p,.contact-card p,.side-card p,.quote-who span,.input-hint,.legend-hint,.faq .faq-body,.form-foot{color:var(--secondary)}
.eyebrow{background:transparent;padding:0;border-radius:0;font-size:12px;letter-spacing:.16em;color:var(--accent)}.sec-dark .eyebrow{background:transparent;color:#70cef7}.sec-dark{background:#101e2c}
.site-header{background:var(--header);border-color:var(--border)}.nav{height:92px;gap:24px}.site-header .logo{margin-right:auto;flex-shrink:0}.site-header .brand-logo{width:78px;height:78px}.nav-links{gap:4px;margin-left:0}.nav-links a{color:var(--text);font-size:14px;padding:10px 12px}.nav-links a:hover{background:var(--soft);color:var(--heading)}.burger{background:var(--surface);border-color:var(--border);margin-left:0}.burger span,.burger span:before,.burger span:after{background:var(--heading)}.burger[aria-expanded="true"] span{background:transparent}.topbar{background:#101e2c;font-size:12px}.dot-live{animation:none;background:#ed3344;box-shadow:none}
.theme-toggle{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border);border-radius:999px;padding:4px;background:var(--soft);cursor:pointer;color:var(--secondary);flex-shrink:0}.theme-toggle span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;transition:background .18s,color .18s}.theme-toggle svg{width:18px;height:18px}.theme-toggle .theme-sun{background:var(--surface);color:#886018;box-shadow:0 2px 6px #14233312}html[data-theme="dark"] .theme-toggle .theme-sun{background:none;color:var(--secondary);box-shadow:none}html[data-theme="dark"] .theme-toggle .theme-moon{background:#30465b;color:#d1ecff}
.btn{border-radius:10px;font-weight:650;box-shadow:none;transition:background .18s,transform .18s}.btn:hover{box-shadow:none;transform:translateY(-1px)}.btn-wa{--btn-bg:#16734f;--btn-fg:#fff;color:#fff;box-shadow:none}.btn-wa:hover{--btn-bg:#105c3e;box-shadow:none}.site-footer a.btn-wa,.site-footer a.btn-wa:hover{color:#fff;background:#176447;border:1px solid #48816b;box-shadow:none}.site-footer a.btn-wa:hover{background:#20583f}.btn-ghost{color:var(--heading);border-color:var(--border)}.btn-ghost:hover{background:var(--soft);border-color:var(--secondary)}
.hero{background:var(--soft);color:var(--text);padding:54px 0 38px}.hero:after{display:none}.hero-grid{display:grid;grid-template-columns:1fr;gap:34px}.hero-intro{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:60px}.hero h1{color:var(--heading);font-size:clamp(2.7rem,5.1vw,4.35rem);line-height:1.06;letter-spacing:-.055em;max-width:820px}.hero h1 .hl{color:var(--accent)}.hero-lead{color:var(--secondary);max-width:710px;font-size:17px;margin-top:22px}.hero-logo-plaque{margin:0;display:flex;align-items:center;justify-content:center;align-self:center}.hero-logo{width:205px;height:205px;object-fit:contain;filter:drop-shadow(0 12px 24px #0285bc12)}.hero-badges{margin:20px 0;gap:14px}.hero-badges li{padding:0;border:0;background:none;color:var(--text);font-size:13px}.hero-badges svg{color:#087eb9}.hero .btn-ghost{color:var(--heading);--btn-fg:var(--heading);border-color:var(--border)}.hero .btn-ghost:hover{background:var(--surface);border-color:var(--secondary)}.hero-actions .btn{font-size:15px;padding:16px 23px}.hero-note{max-width:none;color:var(--secondary);font-size:12px;margin-bottom:0}.hero-visual{max-width:none;width:100%}.hero-card{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:16px;overflow:hidden;position:relative}.hero-card>img{display:block;width:100%;height:auto;aspect-ratio:2.45 / 1;object-fit:cover;object-position:center 56%;border-radius:16px}.hero-mini{display:flex;position:relative;gap:32px;margin:0;padding:18px 4px 0;justify-content:flex-start}.hero-mini div{padding:0 28px 0 0;border:0;border-right:1px solid var(--border);border-radius:0;text-align:left;background:none;display:flex;gap:10px;align-items:baseline}.hero-mini div:last-child{border:0}.hero-mini b{font-size:16px;color:var(--heading);white-space:nowrap}.hero-mini span{color:var(--secondary);font-size:13px}.float-pill{display:none}
.trustbar{background:var(--page);border-color:var(--border)}.trust-item .ico{background:var(--soft);border:0;color:var(--accent)}.trust-item span{color:var(--secondary)}.cat-card,.step,.feat,.quote,.contact-card,.side-card,.form-card,.faq details{background:var(--surface);border-color:var(--border);box-shadow:none}.cat-card:hover,.feat:hover,.contact-card:hover{box-shadow:var(--shadow);border-color:var(--accent)}.cat-ico,.feat .ico,.legend-num{background:var(--soft);color:var(--accent)}.step-num{border-radius:12px;background:#153249}.step:nth-child(3) .step-num{background:#16734f}.form-section{background:var(--soft)}.form-card{box-shadow:var(--shadow)}.input,select,textarea{background-color:var(--field);border-color:var(--border);color:var(--heading)}.input:focus,select:focus,textarea:focus{background-color:var(--surface)}select:disabled{background-color:var(--soft)}.idswitch label{background:var(--field);border-color:var(--border)}.idswitch input:checked+label{border-color:var(--accent);background:var(--soft);box-shadow:0 0 0 1px var(--accent)}.idswitch small{color:var(--secondary)}.side-card.accent{background:#122638}.side-card.accent h3{color:#fff}.side-card.accent p{color:#becddb}.side-card.accent .btn-ghost{color:#fff}.preview{background:#102233}.preview-bubble{background:#1b5645}.preview-foot{color:#becddb}.quote .stars{font-size:18px;color:#9c6513}.quote-who .avatar{color:#fff;background:#1d6c91}.contact-card .ico{background:var(--soft);color:var(--accent)}.contact-card .ico-wa{color:#16734f}.faq details[open]{border-color:var(--accent)}.cta-band{background:#123449}.site-footer{background:#0c1925;color:#adbdcc;padding-top:64px}.site-footer a{color:#c2d0de}.footer-note{color:#a0b1c2}.footer-about p{font-size:14px}.footer-logo{font-size:17px}.footer-logo .brand-logo{width:78px;height:78px}.footer-legal{align-items:center}.wa-float{background:#16734f;box-shadow:0 6px 20px #102a2726;width:52px;height:52px}.wa-float:after{display:none}.wa-float:hover{box-shadow:0 8px 24px #102a2733}.mobilebar{background:var(--header)}.mobilebar .m-wa{background:#16734f}.cookie-panel{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 15px 60px #0002}.cookie-panel h2{color:var(--heading)}.cookie-panel p{font-size:14px}.legal-page{background:var(--page)}
html[data-theme="dark"] .quote .stars{color:#e9b45c}html[data-theme="dark"] .callout,html[data-theme="dark"] .legal-page .pending{background:#33291b;border-color:#70552a;color:#efcd98}html[data-theme="dark"] .callout b{color:#ffe1b2}html[data-theme="dark"] .field.is-invalid .input,html[data-theme="dark"] .field.is-invalid select,html[data-theme="dark"] .field.is-invalid textarea{background:#372128}html[data-theme="dark"] .input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#9aacc0}
@media(max-width:1080px){.nav{gap:14px}.site-header .logo{margin-right:auto}.nav-links{top:92px;background:var(--surface);border-color:var(--border)}.theme-toggle{order:2}.burger{order:3}.hero-intro{grid-template-columns:1fr 170px;gap:30px}.hero-logo{width:160px;height:160px}}
@media(max-width:700px){.nav{height:80px}.site-header .brand-logo{width:68px;height:68px}.nav-links{top:80px}.hero{padding-top:30px}.hero-intro{grid-template-columns:minmax(0,1fr) 84px;gap:12px;align-items:start}.hero-logo-plaque{align-self:start;padding-top:6px}.hero-logo{width:84px;height:84px}.hero h1{font-size:clamp(2.2rem,8vw,3rem)}.hero-intro .hero-copy{display:contents}.hero-copy>.eyebrow{grid-column:1}.hero-copy>h1{grid-column:1;margin:0}.hero-logo-plaque{grid-column:2;grid-row:1 / 3}.hero-copy>.hero-lead,.hero-copy>.hero-badges,.hero-copy>.hero-actions,.hero-copy>.hero-note{grid-column:1 / -1}.hero-lead{margin:8px 0;font-size:16px}.hero-badges{margin:4px 0 8px;font-size:12px;gap:10px}.hero-actions{width:100%}.hero-note{margin-top:4px}.hero-grid{gap:24px}.hero-card>img{aspect-ratio:16/9;object-position:center}.hero-mini{gap:16px;flex-wrap:wrap;padding-top:16px}.hero-mini div{padding-right:14px;display:block;flex:1;min-width:70px}.hero-mini b{font-size:14px}.hero-mini span{font-size:12px;display:block}.hero-mini div:last-child{padding-right:0}.sec-head{text-align:left}.sec-head h2{font-size:2rem}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat-card{padding:18px 14px}.cat-card h3{font-size:16px}.cat-card p{font-size:13px}.cat-link{font-size:12px}.cookie-panel{bottom:94px}.theme-toggle span{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Dezent getönte Tagesansicht und einheitliche Kontaktbuttons. */
:root{--wa-start:#208544;--wa-end:#187a42;--wa-hover-start:#1d8042;--wa-hover-end:#146d3a}
.hero-intro{display:block;max-width:940px}
.hero-intro .hero-copy{display:block}
.hero-copy h1{max-width:880px}
.hero-copy .hero-lead{max-width:750px}
.sec-dark .eyebrow{color:#62c9ff}
.quote-who .avatar{background:#087eb9}
.cta-band{background:linear-gradient(120deg,#171b24,#232c3a)}
html:not([data-theme="dark"]) .form-section{
  background:radial-gradient(ellipse at 90% 10%,#cbd7e780,transparent 55%),linear-gradient(155deg,#e3e6ec,#dfe4eb 60%,#e9ecf1);
  border-block:1px solid #cdd4df;
}
html:not([data-theme="dark"]) .form-card{
  background:linear-gradient(150deg,#f0f2f6,#e6eaf0);
  border:1px solid #cbd3df;
  box-shadow:0 18px 55px #182b4910,inset 0 1px 0 #ffffffa6;
}
html:not([data-theme="dark"]) .form-card .input,
html:not([data-theme="dark"]) .form-card select,
html:not([data-theme="dark"]) .form-card textarea{background-color:#f8f9fc;border-color:#c0cbd9}
html:not([data-theme="dark"]) .form-card .input:focus,
html:not([data-theme="dark"]) .form-card select:focus,
html:not([data-theme="dark"]) .form-card textarea:focus{background-color:#fff;border-color:#087eb9;box-shadow:0 0 0 4px #087eb914}
html:not([data-theme="dark"]) .form-card .idswitch label{background:#e4e9f0;border-color:#c4cedc}
html:not([data-theme="dark"]) .form-card .idswitch input:checked+label{background:#d9eafa;border-color:#087eb9;box-shadow:0 0 0 1px #087eb9}
html:not([data-theme="dark"]) .form-section .side-card:not(.accent){background:#e9edf3;border-color:#cbd3df;box-shadow:0 8px 24px #182b4908}
html:not([data-theme="dark"]) .form-card .legend-num{background:#dbe8f5;color:#096a9b}
html:not([data-theme="dark"]) .form-card .btn-ghost{background:#e1e7ef;border-color:#bdc9d8}
html:not([data-theme="dark"]) .form-card .field.is-invalid .input,
html:not([data-theme="dark"]) .form-card .field.is-invalid select,
html:not([data-theme="dark"]) .form-card .field.is-invalid textarea{background:#fff1f0;border-color:var(--err)}
.btn-wa,
.nav-links a.btn-wa,
.site-footer a.btn-wa,
.mobilebar a.m-wa,
.wa-float{
  color:#fff;
  background:linear-gradient(135deg,var(--wa-start),var(--wa-end));
  border-color:#187a42;
  box-shadow:0 4px 12px #20744320,inset 0 1px 0 #ffffff20;
  text-shadow:0 1px 1px #06432130;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn-wa:hover,
.nav-links a.btn-wa:hover,
.site-footer a.btn-wa:hover,
.mobilebar a.m-wa:hover,
.wa-float:hover{
  color:#fff;
  background:linear-gradient(135deg,var(--wa-hover-start),var(--wa-hover-end));
  border-color:#146d3a;
  box-shadow:0 7px 18px #20744330,inset 0 1px 0 #ffffff25;
  transform:translateY(-2px);
}
.btn-wa:active,.nav-links a.btn-wa:active,.site-footer a.btn-wa:active,.mobilebar a.m-wa:active,.wa-float:active{transform:translateY(0);box-shadow:inset 0 2px 5px #06432125}
.nav-links li.mob-cta a.btn-wa{color:#fff;border-radius:10px;justify-content:center;padding:15px 18px;display:flex}
@media(max-width:700px){.hero-copy h1{margin:0 0 16px}.hero-copy .hero-lead{margin:16px 0}.hero-copy .hero-badges{margin:18px 0}.hero-copy .hero-note{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.btn-wa,.nav-links a.btn-wa,.site-footer a.btn-wa,.mobilebar a.m-wa,.wa-float{transition:none}.btn-wa:hover,.nav-links a.btn-wa:hover,.site-footer a.btn-wa:hover,.mobilebar a.m-wa:hover,.wa-float:hover{transform:none}}

/* Blau, Signalrot und Anthrazit aus dem bereitgestellten Markenmotiv. */
:root{--brand-red:#c9192b;--brand-red-bright:#ef3547}
html[data-theme="dark"]{--brand-red:#ff6c7a}
.hero .eyebrow,.sec-head .eyebrow{color:var(--brand-red)}
.hero .eyebrow:before,.sec-head .eyebrow:before{content:"";width:22px;height:3px;background:var(--brand-red);border-radius:2px}
.hero h1 .hl{color:var(--accent);text-decoration:underline;text-decoration-color:var(--brand-red);text-decoration-thickness:3px;text-underline-offset:10px}
.hero{background:radial-gradient(ellipse at 100% 0%,#087eb910,transparent 52%),var(--soft)}
.form-card{border-top:3px solid var(--brand-red)}
html:not([data-theme="dark"]) .form-card{border-top:3px solid var(--brand-red)}
.step:nth-child(3) .step-num{background:#c9192b}
.sec-dark{background:#171c25}.topbar{background:#171c25}.site-footer{background:#111720}
.preview{background:#172333}.preview-bubble{background:linear-gradient(135deg,#14567b,#173e60)}
.side-list svg{color:var(--accent)}
.cat-card:before{background:var(--brand-red)}
.cat-card:hover{border-color:var(--brand-red)}
.cta-band{border-top:3px solid #c9192b}

/* Lokale Fahrzeughilfe */
#f-andereMarke{margin-top:14px}
.vin-result{padding:18px 20px;background:var(--field);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;margin:18px 0;font-size:14px}
.vin-result>strong{display:block;color:var(--heading);font-size:16px;margin-bottom:8px}
.vin-result p{margin:8px 0}.vin-result .vin-brand{margin:6px 8px 6px 0;color:var(--heading);white-space:normal}
.vin-brand:disabled{opacity:.7;cursor:default;transform:none}.vin-warning{font-weight:650;color:var(--brand-red)}
.vin-year{margin-top:18px}