
:root{--red:#e32620;--red2:#ff3b32;--ink:#070707;--ink2:#0c0d0e;--panel:#111315;--muted:#a5abb2;--line:rgba(255,255,255,.11);--white:#fff;--max:1420px;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.display{font-family:Impact,'Arial Narrow Bold',Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em}.red{color:var(--red)}
.topbar{background:linear-gradient(180deg,#060607 0%,#0a0b0d 100%);border-bottom:1px solid #17191c;color:#d5d9de;font-size:12px}.topbar .container{min-height:46px;padding-top:8px;padding-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar .group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topbar a:hover{color:#fff}.topbar-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:999px;line-height:1}.topbar-item.hours{font-weight:800;color:#f1f3f5;margin:0;display:inline-flex;gap:8px;position:static}.topbar-item .icon{font-size:12px;opacity:.9}.pulse{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--red);box-shadow:0 0 16px var(--red)}
header{position:sticky;top:0;z-index:100;min-height:98px;background:rgba(7,7,7,.9);backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}.nav{min-height:98px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:14px;min-width:0;max-width:430px;flex:0 0 auto}.brand img{width:240px;height:auto;background:#fff;padding:7px 9px;border-radius:8px;box-shadow:0 12px 36px rgba(0,0,0,.35)}.brand-copy{display:grid;gap:4px;min-width:0}.brand-copy strong{font-size:16px;letter-spacing:.04em;white-space:nowrap;line-height:1.1}.brand-copy span{color:#9ca3aa;font-size:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;white-space:nowrap;line-height:1.2}nav{margin-left:0;min-width:0;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:nowrap}.nav-item{position:relative;flex:0 0 auto}nav>a{flex:0 0 auto}.nav-link,nav>a{font-size:11px;text-transform:uppercase;font-weight:900;color:#e4e6e8;position:relative;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;line-height:1.15;white-space:nowrap;text-align:center}.nav-link:after,nav>a:after{content:'';height:2px;position:absolute;left:0;right:100%;bottom:-13px;background:var(--red);transition:.2s}.nav-link:hover:after,nav>a:hover:after{right:0}.dropdown-caret{font-size:10px;opacity:.75}.has-dropdown .dropdown-menu{position:absolute;top:calc(100% + 20px);left:0;min-width:260px;padding:14px;background:#0d0f11;border:1px solid #23272b;border-radius:18px;box-shadow:0 22px 44px rgba(0,0,0,.38);display:grid;gap:6px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}.has-dropdown:hover .dropdown-menu,.has-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{padding:10px 12px;border-radius:12px;border:1px solid transparent;font-size:11px;font-weight:800;line-height:1.25}.dropdown-menu a span{display:block;color:#838b93;font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.dropdown-menu a:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}.header-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex:0 0 auto;min-width:max-content}.nav-cta{margin-left:0;min-height:46px;padding:0 18px;border:0;background:var(--red);font-weight:900;text-transform:uppercase;font-size:11px;cursor:pointer;box-shadow:0 10px 30px rgba(227,38,32,.25);line-height:1.15;white-space:nowrap;flex:0 0 auto}.menu{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);background:#111;cursor:pointer}
.hero{min-height:820px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-4;background-image:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.95) 35%,rgba(5,5,5,.44) 63%,rgba(5,5,5,.1)),linear-gradient(0deg,#070707 0%,transparent 35%),url('images/15bc36551444-1440.webp');background-size:cover;background-position:center 50%}.hero:before{content:'';position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 70% 42%,rgba(227,38,32,.17),transparent 26%),linear-gradient(115deg,transparent 55%,rgba(227,38,32,.09))}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:820px}.hero-content{padding:90px 0 120px;max-width:860px}.eyebrow{display:flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:12px;color:#f0f1f2}.eyebrow:before{content:'';width:44px;height:2px;background:var(--red)}.hero h1{font-size:clamp(70px,8.7vw,145px);line-height:.78;margin:22px 0 26px;text-shadow:0 16px 55px #000}.hero h1 span{display:block}.hero h1 .city{color:var(--red)}.hero-sub{font-size:clamp(19px,2vw,30px);font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px}.hero p{max-width:660px;color:#d5d9dd;font-size:17px;line-height:1.7;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:52px;padding:0 21px;border:1px solid transparent;background:var(--red);display:inline-flex;align-items:center;justify-content:center;gap:9px;text-transform:uppercase;font-size:11px;font-weight:950;letter-spacing:.07em;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px);background:#ff322c;box-shadow:0 15px 35px rgba(227,38,32,.24)}.btn.ghost{background:rgba(8,8,8,.44);border-color:rgba(255,255,255,.38);backdrop-filter:blur(12px)}.btn.ghost:hover{border-color:var(--red);background:rgba(227,38,32,.09)}.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.chip{padding:9px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(10,10,10,.48);backdrop-filter:blur(12px);font-size:11px;font-weight:800;color:#d5d9dc}.hero-side{align-self:end;justify-self:end;margin-bottom:62px;width:390px}.hero-side-card{background:linear-gradient(145deg,rgba(20,22,24,.85),rgba(8,8,9,.86));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);padding:24px;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.hero-side-card .big{font-size:44px;line-height:.9;margin:7px 0 10px}.hero-side-card p{font-size:13px;margin:0;color:#aeb4ba}.side-row{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.side-row:first-of-type{margin-top:18px}.side-row span{color:#939aa1}.hero-badge{position:absolute;right:4%;top:145px;border:1px solid rgba(255,255,255,.16);background:rgba(7,7,7,.55);backdrop-filter:blur(14px);padding:12px 16px;text-transform:uppercase;font-weight:950;letter-spacing:.11em;font-size:10px}
.marquee{border-block:1px solid var(--line);background:#0d0f10;overflow:hidden}.marquee-track{display:flex;min-width:max-content;animation:marquee 25s linear infinite}.marquee-item{height:58px;display:flex;align-items:center;padding:0 34px;border-right:1px solid var(--line);text-transform:uppercase;font-weight:900;letter-spacing:.08em;font-size:11px;color:#d0d4d7}.marquee-item b{color:var(--red);margin-right:9px}@keyframes marquee{to{transform:translateX(-50%)}}
section{padding:96px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.kicker{color:var(--red2);font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:950}.section-title{font-size:clamp(42px,5.3vw,76px);line-height:.9;margin:8px 0 13px}.section-copy{color:#a7adb4;line-height:1.72;max-width:760px;margin:0;font-size:15px}
.featured{background:linear-gradient(180deg,#08090a,#0e1012)}.featured-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.spotlight{min-height:560px;border:1px solid var(--line);border-radius:24px;overflow:hidden;position:relative;isolation:isolate;background:#111}.spotlight img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.spotlight:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,3,3,.97),rgba(3,3,3,.06) 65%),linear-gradient(90deg,rgba(227,38,32,.16),transparent 45%);z-index:-2}.spotlight-copy{position:absolute;left:32px;right:32px;bottom:30px}.spotlight-copy h3{font-size:clamp(38px,5vw,72px);line-height:.86;margin:8px 0 10px}.spotlight-copy p{margin:0 0 16px;color:#c8ccd0;max-width:650px}.price{font-size:30px;font-weight:950;margin:4px 0 15px}.price small{font-size:12px;color:#9ca3a9;font-weight:800;margin-right:5px}#vPrice{display:grid;gap:4px;line-height:1.02}#vPrice small{display:block;margin:0}#vPrice .price-amount{display:inline-block;white-space:nowrap;word-break:keep-all}.mini-grid{display:grid;gap:18px}.mini-card{min-height:271px;border:1px solid var(--line);border-radius:24px;overflow:hidden;position:relative;background:#101214;display:grid;grid-template-columns:1fr 1fr}.mini-card img{width:100%;height:100%;object-fit:cover;background:#eaeaea}.mini-copy{padding:24px;display:flex;flex-direction:column;justify-content:center}.mini-copy h3{font-size:27px;line-height:.96;margin:8px 0 9px}.mini-copy p{font-size:12px;line-height:1.55;color:#9fa6ad;margin:0 0 14px}.mini-copy .price{font-size:22px}
.finder{background:#f3f4f5;color:#111}.finder .section-copy{color:#5e656b}.finder-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;margin-top:32px}.finder-controls{background:#fff;border:1px solid #dedfe1;border-radius:22px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.07)}.finder-controls h3{font-size:35px;margin:0 0 7px}.finder-controls p{color:#6c7379;margin:0 0 20px;line-height:1.55;font-size:13px}.field{display:grid;gap:7px;margin-bottom:13px}.field label{font-size:10px;text-transform:uppercase;font-weight:950;letter-spacing:.08em;color:#5d6368}.field select,.field input,.field textarea{min-height:49px;border:1px solid #cdd1d5;background:#fafafa;color:#111;padding:0 12px;outline:none}.finder-result{background:#0d0f10;color:#fff;border-radius:22px;padding:24px;display:grid;grid-template-columns:1.02fr .98fr;gap:22px;min-height:420px;position:relative;overflow:hidden}.finder-result:before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(227,38,32,.12);filter:blur(10px);right:-160px;bottom:-230px}.finder-result img{width:100%;height:100%;min-height:370px;object-fit:cover;background:#e8e8e8;border-radius:16px;position:relative;z-index:1}.finder-result-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.finder-result-copy h3{font-size:46px;line-height:.88;margin:9px 0 13px}.finder-result-copy p{color:#aeb5bc;line-height:1.65;font-size:13px}.spec-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 19px}.spec-pill{border:1px solid rgba(255,255,255,.13);padding:8px 10px;font-size:10px;color:#d3d7da}
.models{background:#090a0b}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);background:#111315;border-radius:18px;margin-bottom:26px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{height:40px;padding:0 14px;border:1px solid #303338;background:#151719;color:#cbd0d4;text-transform:uppercase;font-size:10px;font-weight:950;cursor:pointer}.filter.active,.filter:hover{background:var(--red);border-color:var(--red);color:#fff}.sort{height:40px;background:#0b0c0d;color:white;border:1px solid #303338;padding:0 12px}.vehicle-grid{display:grid;gap:34px}.vehicle-group{display:grid;gap:18px;scroll-margin-top:140px}#fahrzeuge{scroll-margin-top:140px}.vehicle-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 2px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.vehicle-group-title{display:grid;gap:5px}.vehicle-group-title .group-brand{font-size:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:950;color:var(--red2)}.vehicle-group-title h3{font-size:31px;line-height:1;margin:0}.vehicle-group-title p{margin:0;color:#818991;font-size:11px;line-height:1.5}.vehicle-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:30px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#cbd0d4;font-size:10px;font-weight:900;white-space:nowrap}.vehicle-group-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.vehicle{background:#121416;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.24s;position:relative}.vehicle:hover{transform:translateY(-7px);border-color:rgba(227,38,32,.58);box-shadow:0 24px 60px rgba(0,0,0,.33)}.vehicle-media{height:245px;background:#efefef;position:relative;overflow:hidden}.vehicle-media img{width:100%;height:100%;object-fit:cover;transition:.28s}.vehicle:hover .vehicle-media img{transform:scale(1.035)}.badge{position:absolute;left:13px;top:13px;background:var(--red);padding:7px 10px;font-size:9px;text-transform:uppercase;font-weight:950;letter-spacing:.06em}.vehicle-body{padding:19px}.overline{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#aeb6bd;font-weight:900;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vehicle h3{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:27px;line-height:1.08;margin:8px 0 10px;font-weight:900;letter-spacing:.005em;text-transform:uppercase;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vehicle p{color:#c3c9cf;font-size:13px;line-height:1.6;min-height:56px;margin:0 0 12px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.meta span{font-size:9px;border:1px solid var(--line);padding:6px 8px;color:#c7ccd0}.vehicle-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:15px}.vehicle-bottom .price{display:grid;gap:4px;align-content:start;line-height:1.02;margin:0;min-width:0}.vehicle-bottom .price .price-label{display:block;font-size:11px;color:#9ca3a9;font-weight:800}.vehicle-bottom .price .price-amount{display:inline-block;font-size:24px;font-weight:950;white-space:nowrap;word-break:keep-all}.vehicle-actions{display:flex;gap:7px}
.vehicle[data-category="utv"] .badge{background:#0b7f66}.vehicle[data-category="buggy"] .badge{background:#ff6a00}.vehicle[data-category="utv"]{border-color:rgba(33,185,144,.18)}.vehicle[data-category="buggy"]{border-color:rgba(255,106,0,.22)}
.icon-btn{width:42px;height:42px;border:1px solid #33373b;background:#17191b;cursor:pointer;display:grid;place-items:center}.icon-btn:hover{background:var(--red);border-color:var(--red)}
.bento{background:#0e1012}.bento-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:330px 250px;gap:16px}.tile{border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;isolation:isolate;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:#111}.tile.media:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,3,3,.95),rgba(3,3,3,.05) 70%),var(--bg) center/cover;z-index:-2}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(227,38,32,.2),transparent 48%);z-index:-1;opacity:.65}.tile.big{grid-row:1/3}.tile.wide{grid-column:2/4}.tile h3{font-size:34px;line-height:.92;margin:7px 0 10px}.tile p{color:#b0b6bc;line-height:1.55;font-size:12px;max-width:520px;margin:0 0 12px}.tile .number{position:absolute;right:22px;top:18px;font-size:60px;color:rgba(255,255,255,.05)}
.about{background:#f4f5f6;color:#111}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.about-copy{padding:44px;background:#fff;border:1px solid #ddd;border-radius:22px}.about-copy .section-copy{color:#5c636a}.about-image{border-radius:22px;overflow:hidden;min-height:480px;box-shadow:0 28px 70px rgba(0,0,0,.16);position:relative;background:#111}.about-image img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center center}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0}.benefit{border:1px solid #e0e2e4;padding:16px}.benefit strong{display:block;font-size:13px;margin-bottom:5px}.benefit span{font-size:11px;color:#70777e;line-height:1.5}
.contact{background:#090a0b}.contact-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;background:#111315}.contact-info{padding:44px}.contact-info h2{font-size:56px;line-height:.88;margin:8px 0 16px}.contact-info p{color:#a8afb6;line-height:1.65;max-width:620px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.info{border:1px solid var(--line);padding:17px}.info span{display:block;color:#777f87;font-size:9px;text-transform:uppercase;font-weight:950;letter-spacing:.09em;margin-bottom:7px}.info strong,.info a{font-size:13px}.contact-side{padding:44px;background:linear-gradient(145deg,#181b1e,#0b0c0d);position:relative;overflow:hidden}.contact-side:after{content:'';position:absolute;width:360px;height:360px;border:55px solid rgba(227,38,32,.13);border-radius:50%;right:-155px;bottom:-180px}.contact-side h3{font-size:34px;margin:0 0 13px}
.location-map{position:relative;height:430px;margin:-18px -18px 28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:#0a0b0c;box-shadow:0 22px 60px rgba(0,0,0,.38)}
.location-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;filter:saturate(.92) contrast(1.02)}
.map-overlay{position:absolute;left:18px;right:18px;bottom:18px;padding:16px;background:rgba(8,9,10,.90);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.42);z-index:2}
.map-overlay strong{display:block;font-size:15px;letter-spacing:.02em;margin-bottom:3px}.map-overlay span{display:block;color:#adb4bb;font-size:11px;margin-bottom:12px}.map-route{width:100%;min-height:44px;font-size:11px;border-radius:10px}.map-note{font-size:10px;color:#8f979f;margin-top:8px;line-height:1.4}.map-label{position:absolute;top:16px;right:16px;z-index:2;background:#e31920;color:#fff;padding:9px 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 28px rgba(227,25,32,.3)}
.hours{display:grid;gap:10px;margin:20px 0 24px;position:relative;z-index:1}.hour{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:0 0 11px;font-size:12px}.hour span{color:#a8afb7}.hour-times{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.hour-times b{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:7px 9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:11px;white-space:nowrap}.hour.closed b{color:#9ba2aa}.social{display:flex;gap:9px;position:relative;z-index:1}.social a{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center}@media(max-width:560px){.hour{align-items:flex-start;flex-direction:column;gap:7px}.hour-times{justify-content:flex-start}.hour-times b{min-width:auto}}
footer{background:#050505;border-top:1px solid #181818}.footer{padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer img{width:220px;background:#fff;padding:6px 8px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:#90979e;font-size:11px}.copyright{border-top:1px solid #181818;padding:15px 0;color:#5f666d;font-size:10px;text-align:center}
.mobile-cta{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:110;background:#0c0d0e;border:1px solid var(--line);padding:8px;gap:8px;box-shadow:0 18px 55px rgba(0,0,0,.55)}.mobile-cta a,.mobile-cta button{flex:1;height:45px;border:0;background:#17191b;color:#fff;font-size:10px;text-transform:uppercase;font-weight:950}.mobile-cta .primary{background:var(--red)}

@media(max-width:1460px){.nav{grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px}.brand{max-width:350px}.brand img{width:220px}.brand-copy strong{font-size:15px}.brand-copy span{font-size:8px}.nav-link,nav>a{font-size:10px}.nav-cta{padding:0 16px;font-size:10px}.header-icon-btn{padding:0 11px}}
.modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.82);backdrop-filter:blur(9px);display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{width:min(1120px,100%);max-height:94vh;overflow:auto;background:#111315;border:1px solid rgba(255,255,255,.15);border-radius:22px;box-shadow:0 30px 100px #000}.modal-head{position:sticky;top:0;z-index:3;background:#111315;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:17px 20px}.modal-head h3{margin:0;font-size:15px}.close{width:39px;height:39px;border:1px solid var(--line);background:#1a1d20;cursor:pointer;font-size:20px}.modal-body{padding:22px}.vehicle-modal{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px}.vehicle-modal img{width:100%;height:430px;object-fit:contain;background:#f1f2f3;border-radius:15px}.modal-title{font-size:45px;line-height:.9;margin:8px 0 12px}.modal-copy{color:#b7bdc3;line-height:1.7;font-size:13px}.modal-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.modal-spec{border:1px solid var(--line);padding:12px;background:#0c0e10}.modal-spec span{display:block;color:#737b83;font-size:9px;text-transform:uppercase;margin-bottom:5px}.modal-spec strong{font-size:12px}
.vehicle-colors{margin:14px 0 2px;color:#9ea5ac;font-size:11px}
.vehicle-colors strong{color:#fff}
.vehicle-color-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.vehicle-color-head span{color:#c8cdd2;font-weight:700}
.vehicle-color-swatches{display:flex;flex-wrap:wrap;gap:8px}
.color-swatch-btn{appearance:none;border:1px solid rgba(255,255,255,.14);background:#0e1012;color:#e6e9ed;border-radius:999px;padding:6px 10px 6px 6px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-size:10px;font-weight:800;letter-spacing:.02em;transition:.2s}
.color-swatch-btn:hover{border-color:rgba(237,28,36,.45);transform:translateY(-1px)}
.color-swatch-btn.active{border-color:#ff3a40;box-shadow:0 0 0 1px rgba(255,58,64,.25) inset;background:rgba(237,28,36,.08)}
.color-dot{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.color-dot.card{width:14px;height:14px}
.card-color-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0}
.card-color-row small{font-size:9px;color:#7f8891;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.card-color-swatches{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.card-color-more{font-size:10px;color:#c7cbd0;font-weight:700}
.vehicle-color-preview{margin-top:10px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);background:#0c0e10;border-radius:14px}
.vehicle-color-preview-swatch{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.28);display:block;flex:0 0 auto}
.vehicle-color-preview-copy{display:flex;flex-direction:column;gap:2px}
.vehicle-color-preview-copy span{font-size:9px;color:#7f8891;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.vehicle-color-preview-copy strong{font-size:12px;color:#fff}
.vehicle-color-preview-copy small{font-size:10px;color:#8d959d}
.highlight-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px;padding:0;list-style:none}.highlight-list li{font-size:10px;font-weight:800;letter-spacing:.02em;background:rgba(237,28,36,.1);border:1px solid rgba(237,28,36,.28);padding:8px 10px;color:#f3f3f3}.datasheet{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.datasheet-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.datasheet-head h3{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:30px;text-transform:uppercase;letter-spacing:.03em;margin:0}.datasheet-head span{font-size:10px;color:#777f87;text-transform:uppercase;letter-spacing:.08em}.datasheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.datasheet-section{background:#0c0e10;border:1px solid var(--line);padding:17px}.datasheet-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#ff4147;margin:0 0 12px}.data-row{display:grid;grid-template-columns:1fr 1.15fr;gap:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px;line-height:1.35}.data-row:last-child{border-bottom:0}.data-row span{color:#737b83}.data-row strong{color:#e8ebee;font-weight:750}.spec-note{margin-top:13px;font-size:9px;color:#656d75;line-height:1.5}.data-link{display:inline-flex;align-items:center;gap:7px;margin-top:10px;border:0;background:none;padding:0;color:#ff3a40;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.data-link:hover{color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .field{margin:0}.form-grid .field.full{grid-column:1/-1}.form-grid label{color:#a6adb4}.form-grid input,.form-grid select,.form-grid textarea{background:#0c0d0f;border-color:#33373a;color:#fff}.form-grid textarea{min-height:120px;padding:12px;resize:vertical}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:1180px){.brand{min-width:auto;max-width:none}.brand-copy{display:none}nav{display:none;position:absolute;top:98px;left:0;right:0;background:#0a0b0c;padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.nav-cta{display:none}.has-dropdown .dropdown-menu{position:static;display:grid;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:8px 0 0 14px;background:transparent;min-width:0}.has-dropdown .dropdown-menu a{padding:8px 0;border:none;border-radius:0}.has-dropdown .dropdown-menu a:hover{background:transparent;color:#fff}.vehicle-group-grid{grid-template-columns:repeat(3,1fr)}.hero-side{display:none}.hero-grid{grid-template-columns:1fr}.featured-grid{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr 1fr}.mini-card{grid-template-columns:.95fr 1.05fr}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.tile.big{grid-row:auto;min-height:440px}.tile.wide{grid-column:1/3;min-height:300px}}
@media(max-width:820px){.datasheet-grid{grid-template-columns:1fr}.vehicle-modal img{height:300px}.datasheet-head{align-items:flex-start;flex-direction:column}.shop-cta-card{flex-direction:column;align-items:flex-start;padding:28px}.shop-cta-card .btn{width:100%}.topbar .container{padding-top:10px;padding-bottom:10px}.topbar .group{width:100%}.topbar-item{width:100%;justify-content:flex-start}.topbar-item.hours{width:auto}.topbar .group:last-child{justify-content:flex-start}.header{min-height:82px}header{min-height:82px}.brand img{width:205px;padding:5px 7px}nav{top:82px}.container{width:min(100% - 24px,var(--max))}.hero,.hero-grid{min-height:760px}.hero-content{padding:70px 0 100px}.hero h1{font-size:clamp(58px,17vw,95px)}.hero-badge{display:none}section{padding:72px 0}.section-head{align-items:flex-start;flex-direction:column}.finder-wrap{grid-template-columns:1fr}.finder-result{grid-template-columns:1fr}.finder-result img{min-height:260px;max-height:320px}.vehicle-group-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:1fr}.tile.wide{grid-column:auto}.about-grid,.contact-card{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}.mobile-cta{display:flex}body{padding-bottom:72px}.vehicle-modal{grid-template-columns:1fr}.vehicle-modal img{height:280px}}
@media(max-width:560px){.vehicle-group-head{align-items:flex-start}.vehicle-group-title h3{font-size:26px}.brand img{width:178px}.hero h1{font-size:57px}.hero-sub{font-size:18px}.hero p{font-size:14px}.actions .btn{width:100%}.mini-grid{grid-template-columns:1fr}.mini-card{grid-template-columns:1fr}.mini-card img{height:190px}.vehicle-group-grid{grid-template-columns:1fr}.contact-grid,.benefits,.form-grid{grid-template-columns:1fr}.form-grid .field.full{grid-column:auto}.contact-info,.contact-side,.about-copy{padding:28px}.contact-info h2{font-size:42px}}

/* Recht & Datenschutz */
.privacy-note{margin-top:4px;padding:12px 14px;border:1px solid #d9dde1;background:#f5f6f7;color:#596168;font-size:11px;line-height:1.55}
.privacy-note a{color:#d62520;font-weight:900;text-decoration:underline}
.map-consent{min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center;padding:34px;background:radial-gradient(circle at 50% 35%,rgba(227,38,32,.15),transparent 36%),linear-gradient(145deg,#151719,#08090a);color:#fff}
.map-consent-inner{max-width:440px}.map-pin{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#e32620;font-size:26px;box-shadow:0 12px 34px rgba(227,38,32,.28)}
.map-consent h4{font-size:24px;margin:0 0 10px}.map-consent p{font-size:12px;line-height:1.65;color:#b9c0c6;margin:0 0 18px}.map-consent small{display:block;color:#7f878e;font-size:10px;line-height:1.55;margin-top:12px}
.map-consent .btn{margin:auto}.legal-mini{color:#858c92;font-size:10px;line-height:1.55;margin-top:10px}
.footer-links a.legal-link{color:#fff}.footer-links a.legal-link:hover{color:#ff4a43}


.legal-modal-card{width:min(980px,100%);max-height:92vh}.legal-modal-body{padding:28px 30px 36px;line-height:1.7;color:#d7dbe0}.legal-modal-body h2{font-size:23px;margin:28px 0 8px;color:#fff}.legal-modal-body h2:first-child{margin-top:0}.legal-modal-body h3{font-size:16px;margin:22px 0 7px}.legal-modal-body p,.legal-modal-body li{color:#c9ced3}.legal-modal-body a{text-decoration:underline}.legal-modal-body .muted{color:#8f979f}.legal-modal-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.legal-modal-nav a{border:1px solid #34383c;padding:10px 13px;text-decoration:none;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.legal-modal-nav a:hover{border-color:var(--red);color:#fff}@media(max-width:700px){.legal-modal-body{padding:21px 18px 28px}.legal-modal-body h2{font-size:20px}}


/* Fahrzeugvergleich – bis zu 3 Modelle */
.toolbar-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.compare-jump{height:40px;padding:0 14px;border:1px solid #3a3e42;background:#0d0f10;color:#fff;display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.04em}.compare-jump:hover{border-color:var(--red);background:rgba(227,38,32,.08)}.compare-jump span{display:inline-grid;place-items:center;min-width:38px;height:24px;padding:0 7px;border-radius:999px;background:var(--red);font-size:9px}.compare-toggle{width:100%;min-height:39px;margin:2px 0 14px;border:1px solid #30353a;background:#0d0f10;color:#d8dde1;text-transform:uppercase;font-size:9px;font-weight:950;letter-spacing:.07em;cursor:pointer;transition:.2s}.compare-toggle:hover{border-color:var(--red);color:#fff}.compare-toggle.active{background:rgba(227,38,32,.12);border-color:var(--red);color:#fff}.compare-section{background:#f3f4f5;color:#111}.compare-section .section-copy{color:#626970}.compare-shell{background:#fff;border:1px solid #dfe2e5;border-radius:24px;padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.08)}.compare-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.compare-slot{min-height:112px;border:1px dashed #cdd2d6;border-radius:16px;background:#fafafa;padding:13px;display:flex;align-items:center;gap:13px;position:relative}.compare-slot.empty{justify-content:center;text-align:center;color:#92999f;font-size:11px;line-height:1.5}.compare-slot img{width:112px;height:84px;object-fit:contain;background:#eef0f2;border-radius:10px;flex:0 0 auto}.compare-slot-copy{min-width:0}.compare-slot-copy strong{display:block;font-size:14px;line-height:1.15;margin-bottom:5px}.compare-slot-copy span{display:block;color:#777f86;font-size:10px}.compare-remove{position:absolute;right:8px;top:8px;width:28px;height:28px;border:1px solid #d7dadd;background:#fff;color:#555;cursor:pointer;border-radius:50%;font-size:15px;line-height:1}.compare-remove:hover{background:var(--red);border-color:var(--red);color:#fff}.compare-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #e0e3e6;background:#f7f8f9;color:#626970;font-size:11px;line-height:1.5;margin-bottom:18px}.compare-notice.warn{border-color:rgba(227,38,32,.4);background:rgba(227,38,32,.05);color:#a41f1a}.compare-table-wrap{overflow-x:auto;border:1px solid #e0e3e6;border-radius:17px;background:#fff}.compare-table{width:100%;min-width:860px;border-collapse:separate;border-spacing:0}.compare-table th,.compare-table td{padding:14px 16px;border-right:1px solid #eceef0;border-bottom:1px solid #eceef0;vertical-align:middle}.compare-table th:last-child,.compare-table td:last-child{border-right:0}.compare-table tr:last-child td,.compare-table tr:last-child th{border-bottom:0}.compare-table thead th{background:#0f1113;color:#fff;text-align:left;vertical-align:top}.compare-table thead th:first-child{width:190px;background:#0a0b0c}.compare-table tbody th{width:190px;text-align:left;background:#f7f8f9;color:#525960;font-size:10px;text-transform:uppercase;letter-spacing:.06em;position:sticky;left:0;z-index:1}.compare-table tbody td{font-size:12px;color:#222;background:#fff}.compare-model-head{min-width:210px}.compare-model-head img{width:100%;height:110px;object-fit:contain;background:#f2f3f4;border-radius:11px;margin-bottom:10px}.compare-model-head strong{display:block;font-size:17px;line-height:1.1;margin-bottom:5px}.compare-model-head span{display:block;color:#aeb5bb;font-size:10px;margin-bottom:9px}.compare-head-actions{display:flex;gap:6px;flex-wrap:wrap}.compare-head-actions button{min-height:34px;border:1px solid #34383c;background:#17191b;color:#fff;padding:0 10px;font-size:9px;font-weight:900;text-transform:uppercase;cursor:pointer}.compare-head-actions button:hover{border-color:var(--red)}.compare-price{font-weight:950;color:#111}.compare-dash{color:#a3a9ae}.compare-hint{margin-top:12px;color:#747c83;font-size:10px;line-height:1.55}.compare-actions-top{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.compare-actions-top .btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:820px){.toolbar-right{width:100%;justify-content:space-between}.toolbar-right .sort{flex:1}.compare-selection{grid-template-columns:1fr}.compare-slot{min-height:100px}.compare-shell{padding:16px}.compare-section .section-head{margin-bottom:24px}}
@media(max-width:560px){.compare-jump{flex:1;justify-content:center}.compare-slot img{width:92px;height:70px}.compare-table th,.compare-table td{padding:12px}.compare-notice{align-items:flex-start;flex-direction:column}}



/* SYM Modellprogramm */
.vehicle[data-brand="SYM"]{border-color:rgba(31,116,206,.22)}
.vehicle[data-brand="SYM"] .badge{background:#1769c2}
.vehicle[data-brand="SYM"]:hover{border-color:rgba(31,116,206,.62);box-shadow:0 24px 60px rgba(0,61,130,.18)}
.vehicle[data-brand="SYM"] .data-link{color:#5da9ff}



/* === Premium Experience Upgrade 2026 === */
header{box-shadow:0 12px 36px rgba(0,0,0,.22)}
.nav{gap:14px}
.brand{min-width:300px}
.brand img{width:238px;border-radius:9px}
.brand-copy strong{font-size:16px}
.brand-copy span{font-size:9px}
nav{gap:13px}
.nav-link,nav>a{font-size:10px;letter-spacing:.055em}
.header-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.header-icon-btn{height:42px;min-width:42px;padding:0 12px;border:1px solid rgba(255,255,255,.12);background:#111315;color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;text-transform:uppercase;cursor:pointer;transition:.2s}
.header-icon-btn:hover{border-color:rgba(227,38,32,.65);background:rgba(227,38,32,.08);transform:translateY(-1px)}
.header-icon-btn .count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);display:inline-grid;place-items:center;font-size:9px}
.nav-cta{border-radius:12px;white-space:nowrap}
.has-dropdown .dropdown-menu.mega-menu{left:50%;transform:translate(-50%,10px);width:min(850px,calc(100vw - 64px));grid-template-columns:1fr 1fr .9fr;gap:12px;padding:18px;border-radius:22px;background:rgba(12,14,16,.98);backdrop-filter:blur(24px)}
.has-dropdown:hover .dropdown-menu.mega-menu,.has-dropdown:focus-within .dropdown-menu.mega-menu{transform:translate(-50%,0)}
.mega-col{display:grid;align-content:start;gap:6px;padding:4px}
.mega-col+.mega-col{border-left:1px solid rgba(255,255,255,.08);padding-left:16px}
.mega-title{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#777f87;font-weight:950;padding:4px 10px 8px}
.mega-menu a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:10px!important;border-radius:13px!important}
.mega-icon{width:34px;height:34px;border-radius:10px;background:#181b1e;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;font-size:15px}
.mega-copy strong{display:block;color:#fff;font-size:11px;line-height:1.2}
.mega-copy span{margin-top:3px}
.mega-feature{margin-top:6px;padding:14px;border:1px solid rgba(227,38,32,.25);background:linear-gradient(135deg,rgba(227,38,32,.12),rgba(255,255,255,.02));border-radius:15px}
.mega-feature strong{display:block;font-size:12px;margin-bottom:5px}.mega-feature span{font-size:10px;color:#9299a0;line-height:1.45}

/* Schöneres Design für die Kästchen im Fahrzeug-Dropdown */
.mega-menu a{position:relative}
.mega-icon{
  position:relative;
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  display:grid;
  place-items:center;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  color:#fff;
  text-transform:uppercase;
  background:linear-gradient(145deg,#1c2126,#121519);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 20px rgba(0,0,0,.22);
  overflow:hidden;
}
.mega-icon::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.12), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.03), transparent 60%);
  pointer-events:none;
}
.mega-icon::after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--mega-accent,#e32620);
  box-shadow:0 0 14px color-mix(in srgb, var(--mega-accent,#e32620) 55%, transparent);
}
.mega-menu a:hover .mega-icon{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 26px rgba(0,0,0,.28);
}
.icon-gen4{--mega-accent:#ef3a2f}
.icon-tour{--mega-accent:#ff6a3d}
.icon-pro{--mega-accent:#ffb238}
.icon-utv{--mega-accent:#4dc3ff}
.icon-buggy{--mega-accent:#ba6bff}

.icon-sym50{--mega-accent:#4fa7ff}
.icon-sym125{--mega-accent:#6fc1ff}
.icon-sym300{--mega-accent:#74d3d2}
.icon-symbike{--mega-accent:#68b78f}
.icon-symall{--mega-accent:#8b97a3;font-size:9px}

.icon-all{--mega-accent:#c8ced5;font-size:9px}
.icon-finder{--mega-accent:#ef3a2f;font-size:9px}
.icon-compare{--mega-accent:#ff7a41;font-size:9px}

@media(max-width:1180px){
  .mega-menu a{grid-template-columns:40px 1fr}
}


.toolbar{border-radius:22px;padding:16px;background:linear-gradient(145deg,#121416,#0d0f10);box-shadow:0 16px 45px rgba(0,0,0,.18)}
.filter{border-radius:10px;height:42px}
.sort,.compare-jump{border-radius:10px;height:42px}
.vehicle-group{gap:20px}
.vehicle-group-head{padding:8px 4px 15px}
.vehicle-group-title h3{font-size:34px}
.vehicle-group-count{height:34px}
.vehicle-group-grid{gap:20px}
.vehicle{border-radius:26px;background:linear-gradient(165deg,#14171a,#0e1012);box-shadow:0 16px 44px rgba(0,0,0,.16)}
.vehicle:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.4);border-color:rgba(227,38,32,.42)}
.vehicle-media{height:270px;background:linear-gradient(145deg,#f5f6f7,#e6e9ec)}
.vehicle-media:after{content:'';position:absolute;inset:auto 0 0;height:68px;background:linear-gradient(transparent,rgba(0,0,0,.08));pointer-events:none}
.vehicle-media img{object-fit:contain;padding:10px}
.badge{border-radius:999px;left:14px;top:14px;z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.favorite-btn{position:absolute;right:14px;top:14px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);color:#17191b;display:grid;place-items:center;cursor:pointer;font-size:18px;transition:.2s;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.favorite-btn:hover{transform:scale(1.06)}.favorite-btn.active{background:var(--red);color:#fff;border-color:var(--red)}
.vehicle-body{padding:20px 20px 18px}
.vehicle h3{font-size:27px;margin:8px 0 7px}
.vehicle p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;margin-bottom:10px}
.vehicle .meta{margin:11px 0 12px}.vehicle .meta span{border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.025)}
.vehicle-card-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 14px}
.vehicle-card-tools button{min-height:38px;border:1px solid #30353a;background:#0c0e10;color:#dce0e4;border-radius:10px;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.045em;cursor:pointer}
.vehicle-card-tools button:hover{border-color:var(--red);color:#fff}.vehicle-card-tools button.primary-lite{background:rgba(227,38,32,.08);border-color:rgba(227,38,32,.35)}
.finance-note{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);margin-bottom:13px}
.finance-note span{font-size:10px;color:#a8afb6}.finance-note b{font-size:10px;color:#fff;text-transform:uppercase}
.vehicle-bottom{padding-top:14px}.vehicle-bottom .price{font-size:25px}.vehicle-actions .icon-btn{border-radius:10px}
.card-color-row{margin-top:8px}

.quick-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}
.quick-search input{height:52px;border:1px solid #33383d;background:#0c0e10;color:#fff;border-radius:13px;padding:0 15px;outline:none}.quick-search input:focus{border-color:var(--red)}
.search-results{display:grid;gap:8px}.search-result{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;padding:10px;border:1px solid #272b2f;background:#0c0e10;border-radius:15px;cursor:pointer}.search-result:hover{border-color:rgba(227,38,32,.5)}.search-result img{width:90px;height:66px;object-fit:contain;background:#eef0f2;border-radius:10px}.search-result strong{display:block;font-size:14px}.search-result span{display:block;font-size:10px;color:#838b93;margin-top:3px}.search-result .price-mini{font-weight:950;color:#fff;font-size:12px;white-space:nowrap}

.garage-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border:1px solid #292d31;background:#0c0e10;border-radius:14px;margin-bottom:14px}.garage-summary span{font-size:11px;color:#9aa1a8}.garage-summary strong{font-size:14px}
.garage-list{display:grid;gap:10px}.garage-item{display:grid;grid-template-columns:100px 1fr auto;gap:14px;align-items:center;padding:10px;border:1px solid #272b2f;background:#0c0e10;border-radius:15px}.garage-item img{width:100px;height:74px;object-fit:contain;background:#eef0f2;border-radius:10px}.garage-item strong{display:block;font-size:14px}.garage-item span{display:block;font-size:10px;color:#858d95;margin-top:4px}.garage-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.garage-actions button{height:34px;padding:0 9px;border:1px solid #33383d;background:#14171a;color:#fff;border-radius:9px;font-size:9px;font-weight:900;text-transform:uppercase;cursor:pointer}.garage-actions button:hover{border-color:var(--red)}
.garage-tabs{display:flex;gap:8px;margin-bottom:14px}.garage-tab{height:38px;padding:0 13px;border:1px solid #30353a;background:#111315;color:#c9ced3;border-radius:10px;cursor:pointer;font-size:9px;font-weight:950;text-transform:uppercase}.garage-tab.active{background:var(--red);border-color:var(--red);color:#fff}
.empty-state{padding:28px;border:1px dashed #34393e;border-radius:16px;text-align:center;color:#899199;font-size:12px;line-height:1.6}

.vehicle-action-bar{position:sticky;bottom:-1px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px -22px -22px;padding:14px 18px;background:rgba(12,14,16,.96);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.12)}
.vehicle-action-info{display:flex;align-items:center;gap:13px;min-width:0}.vehicle-action-info strong{display:block;font-size:13px}.vehicle-action-info span{display:block;color:#8d959c;font-size:10px;margin-top:3px}.vehicle-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vehicle-action-buttons button{min-height:40px;padding:0 12px;border-radius:10px}

.compare-toolbar-modern{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.compare-diff-toggle{height:42px;padding:0 13px;border:1px solid #cfd4d8;background:#fff;color:#333;border-radius:10px;font-size:10px;font-weight:900;text-transform:uppercase;cursor:pointer}.compare-diff-toggle.active{background:#111315;color:#fff;border-color:#111315}.compare-table tr.compare-same{opacity:.48}.compare-table tr.compare-different th{background:#fff3f2;color:#8f1d18}.compare-table td.best-value{background:#eef9f0!important;box-shadow:inset 0 0 0 1px rgba(30,130,65,.15);font-weight:950}.best-tag{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:999px;background:#1d7a3a;color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.04em}

footer{background:linear-gradient(180deg,#070809,#030303)}.footer{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;align-items:start;padding:46px 0;gap:34px}.footer-brand strong{font-size:26px}.footer-brand span{display:block;color:#7e858c;font-size:11px;line-height:1.6;margin-top:7px;max-width:320px}.footer-col{display:grid;gap:9px}.footer-col h4{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 4px}.footer-col a,.footer-col span{font-size:11px;color:#8e959c;line-height:1.45}.footer-col a:hover{color:#fff}.footer-links{display:contents}

.mobile-cta{border-radius:16px;grid-template-columns:repeat(4,1fr);padding:6px}.mobile-cta a,.mobile-cta button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;border-radius:11px;font-size:8px}.mobile-cta .micon{font-size:15px}.mobile-cta .primary{background:var(--red)}


/* === Zubehörwelt: CFMOTO & SYM === */
.accessories{background:linear-gradient(180deg,#0b0c0e 0%,#08090a 100%);scroll-margin-top:132px}
.accessory-intro-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.accessory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);background:#111315;border-radius:18px;margin:8px 0 26px}
.accessory-filters{display:flex;gap:8px;flex-wrap:wrap}
.accessory-filter{height:40px;padding:0 14px;border:1px solid #30353a;background:#151719;color:#cbd0d4;text-transform:uppercase;font-size:9px;font-weight:950;letter-spacing:.04em;cursor:pointer;border-radius:9px;transition:.18s}
.accessory-filter:hover,.accessory-filter.active{background:var(--red);border-color:var(--red);color:#fff}
.accessory-toolbar-note{font-size:10px;color:#818991;line-height:1.4}
.accessory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.accessory-card{display:flex;flex-direction:column;min-width:0;background:#121416;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.24s}
.accessory-card:hover{transform:translateY(-6px);border-color:rgba(227,38,32,.55);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.accessory-media{height:220px;position:relative;background:#eceeef;overflow:hidden}
.accessory-media img{width:100%;height:100%;object-fit:cover;transition:.3s}.accessory-card:hover .accessory-media img{transform:scale(1.025)}
.accessory-brand{position:absolute;left:12px;top:12px;padding:7px 9px;background:rgba(8,10,12,.9);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;border-radius:8px}
.accessory-category{position:absolute;right:12px;top:12px;padding:7px 9px;background:var(--red);color:#fff;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;border-radius:8px}
.accessory-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.accessory-body h3{font-size:22px;line-height:1.05;margin:0}.accessory-body p{font-size:11px;color:#969ea5;line-height:1.55;margin:0;min-height:51px}
.accessory-fit{display:grid;gap:4px;padding:10px 11px;border:1px solid rgba(255,255,255,.08);background:#0d0f11;border-radius:12px}.accessory-fit span{font-size:8px;color:#737c84;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.accessory-fit strong{font-size:10px;color:#dde1e5;line-height:1.4}
.accessory-details{display:flex;flex-wrap:wrap;gap:6px}.accessory-details span{font-size:8.5px;color:#bec4c9;border:1px solid rgba(255,255,255,.1);padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.025)}
.accessory-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line)}
.accessory-price{display:grid;gap:3px}.accessory-price small{font-size:8px;color:#7f8790;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.accessory-price strong{font-size:18px;color:#fff;line-height:1.05}
.accessory-request{height:39px;padding:0 11px;border:1px solid rgba(227,38,32,.55);background:rgba(227,38,32,.09);color:#fff;border-radius:10px;font-size:8.5px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.accessory-request:hover{background:var(--red);border-color:var(--red)}
.accessory-disclaimer{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--red);background:rgba(255,255,255,.025);color:#777f87;font-size:9.5px;line-height:1.65}
.accessory-empty{grid-column:1/-1;padding:34px;border:1px dashed #34393e;border-radius:18px;text-align:center;color:#8d959c;font-size:12px}
@media(max-width:1180px){.accessory-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.accessory-grid{grid-template-columns:repeat(2,1fr)}.accessory-toolbar{align-items:flex-start}.accessory-toolbar-note{width:100%}.accessory-media{height:205px}}
@media(max-width:560px){.accessory-grid{grid-template-columns:1fr}.accessory-media{height:240px}.accessory-body p{min-height:0}.accessory-bottom{align-items:center}.accessory-request{white-space:normal;line-height:1.15}}

@media(max-width:1320px){.nav{grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px}.brand{max-width:240px}.brand img{width:200px}.brand-copy{display:none}nav{gap:10px}.nav-link,nav>a{font-size:9px}.header-icon-btn{padding:0 10px}.nav-cta{padding:0 13px;font-size:9px}}
@media(max-width:1180px){.nav{display:flex;gap:18px}.header-actions{margin-left:auto}.has-dropdown .dropdown-menu.mega-menu{width:auto;grid-template-columns:1fr;transform:none!important}.mega-col+.mega-col{border-left:0;border-top:1px solid rgba(255,255,255,.08);padding:10px 4px 4px}.mega-menu a{grid-template-columns:30px 1fr}.mega-feature{display:none}.header-icon-btn .btn-label{display:none}.header-icon-btn{padding:0;width:42px}}
@media(max-width:820px){.topbar{display:none}.footer{grid-template-columns:1fr 1fr}.vehicle-action-bar{flex-direction:column;align-items:stretch}.vehicle-action-buttons{justify-content:stretch}.vehicle-action-buttons button{flex:1}.garage-item{grid-template-columns:78px 1fr}.garage-item img{width:78px;height:58px}.garage-actions{grid-column:1/-1;justify-content:flex-start}.search-result{grid-template-columns:70px 1fr}.search-result img{width:70px;height:54px}.search-result .price-mini{grid-column:2}.mobile-cta{display:grid}}
@media(max-width:560px){.brand{min-width:0;max-width:none;flex:0 1 auto}.brand img{width:185px}.nav{gap:7px}.header-actions{margin-left:auto;gap:5px}.header-icon-btn{width:36px;min-width:36px;height:38px;padding:0}.menu{margin-left:0;width:38px;min-width:38px}.footer{grid-template-columns:1fr}.vehicle-media{height:240px}.vehicle-card-tools{grid-template-columns:1fr}.header-actions{gap:5px}.header-icon-btn{width:38px;height:38px}.garage-tabs{overflow-x:auto}.garage-tab{white-space:nowrap}.search-result{grid-template-columns:64px 1fr}.search-result img{width:64px}.vehicle-action-buttons{display:grid;grid-template-columns:1fr 1fr}.vehicle-action-info{display:none}}


@media(max-width:390px){.brand img{width:170px}.header-icon-btn{width:34px;min-width:34px}.menu{width:36px;min-width:36px}}


/* === Conversion & Engagement Upgrade 2026 === */
.purchase-center{background:radial-gradient(circle at 15% 10%,rgba(227,38,32,.11),transparent 26%),linear-gradient(180deg,#0b0c0e,#111315);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.purchase-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px}.purchase-tool{min-height:245px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.018));position:relative;overflow:hidden;display:flex;flex-direction:column;transition:.22s}.purchase-tool:before{content:'';position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(227,38,32,.08);right:-55px;top:-60px}.purchase-tool:hover{transform:translateY(-5px);border-color:rgba(227,38,32,.4);box-shadow:0 26px 55px rgba(0,0,0,.28)}.purchase-tool-icon{width:48px;height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:#16191c;display:grid;place-items:center;font-size:21px;margin-bottom:20px}.purchase-tool h3{font-size:25px;margin:0 0 9px}.purchase-tool p{color:#9da5ad;font-size:12px;line-height:1.65;margin:0 0 20px}.purchase-tool .tool-meta{display:flex;gap:7px;flex-wrap:wrap;margin:auto 0 16px}.purchase-tool .tool-meta span{font-size:9px;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#c1c7cc}.purchase-tool button,.purchase-tool .tool-download{align-self:flex-start}.tool-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;background:var(--red);color:#fff;border:0;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 10px 24px rgba(227,38,32,.2);transition:.2s}.tool-download:hover{transform:translateY(-2px);filter:brightness(1.05)}
.purchase-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.proof-item{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.proof-item strong{display:block;font-size:11px;text-transform:uppercase}.proof-item span{display:block;color:#7f8890;font-size:10px;margin-top:4px;line-height:1.45}
.journey-section{background:#f4f5f6;color:#111}.journey-section .section-copy{color:#60676d}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.journey-step{background:#fff;border:1px solid #dfe2e5;border-radius:22px;padding:24px;position:relative;box-shadow:0 14px 38px rgba(0,0,0,.05)}.journey-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:11px;font-weight:950;margin-bottom:18px}.journey-step.active .journey-num{background:var(--red)}.journey-step h3{font-size:22px;margin:0 0 7px}.journey-step p{font-size:12px;color:#697078;line-height:1.6;margin:0}.journey-step:after{content:'→';position:absolute;right:-13px;top:31px;font-weight:950;color:#a9afb5}.journey-step:last-child:after{display:none}
.faq-section{background:#0a0b0c}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-grid details{border:1px solid #24282c;background:#111315;border-radius:16px;padding:0 17px}.faq-grid summary{cursor:pointer;list-style:none;padding:18px 26px 18px 0;font-size:12px;font-weight:900;position:relative}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';position:absolute;right:0;top:15px;font-size:20px;color:var(--red)}.faq-grid details[open] summary:after{content:'–'}.faq-grid details p{color:#929aa1;font-size:11px;line-height:1.7;margin:0;padding:0 0 18px}
.availability-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#e2e6ea;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.availability-chip:before{content:'';width:6px;height:6px;border-radius:50%;background:#e4a11b;box-shadow:0 0 10px rgba(228,161,27,.38)}.availability-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 4px}.availability-row button{border:0;background:none;color:#ff5a5f;font-size:10px;font-weight:900;text-transform:uppercase;cursor:pointer;padding:3px 0;letter-spacing:.02em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.why-mini{display:grid;gap:5px;margin:10px 0 12px}.why-mini span{font-size:10px;color:#aeb5bb;display:flex;gap:7px;align-items:flex-start}.why-mini span:before{content:'✓';color:#ff4248;font-weight:950}.vehicle-buy-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 16px}.vehicle-buy-reasons div{padding:10px;border:1px solid rgba(255,255,255,.09);background:#0c0e10;border-radius:11px}.vehicle-buy-reasons span{font-size:9px;color:#787f86;text-transform:uppercase;display:block;margin-bottom:4px}.vehicle-buy-reasons strong{font-size:10px;color:#eef0f2;line-height:1.35;display:block}
.conversion-modal .modal-card{width:min(980px,100%)}.conversion-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.conversion-intro h2{font-size:34px;margin:0 0 6px}.conversion-intro p{color:#929aa1;line-height:1.6;font-size:12px;max-width:650px;margin:0}.safe-badge{font-size:9px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(71,178,114,.3);background:rgba(71,178,114,.07);color:#9ce2b7;border-radius:999px;padding:8px 10px;white-space:nowrap}.conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conversion-grid .field.full{grid-column:1/-1}.conversion-grid label{color:#9da5ac}.conversion-grid input,.conversion-grid select,.conversion-grid textarea{width:100%;min-height:48px;border:1px solid #33383d;background:#0c0e10;color:#fff;border-radius:11px;padding:0 12px}.conversion-grid textarea{min-height:96px;padding-top:12px}.conversion-result{margin-top:16px;padding:16px;border:1px solid rgba(227,38,32,.28);background:rgba(227,38,32,.06);border-radius:15px}.conversion-result h4{margin:0 0 8px;font-size:13px}.conversion-result p{font-size:11px;color:#aab1b7;line-height:1.6;margin:0}.conversion-result strong.big-result{font-size:27px;display:block;color:#fff;margin:5px 0}.tool-disclaimer{font-size:9px;color:#757d85;line-height:1.55;margin-top:10px}.modal-actions-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.advisor-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 20px}.advisor-progress span{height:5px;border-radius:999px;background:#292d31}.advisor-progress span.active{background:var(--red)}.advisor-step{display:none}.advisor-step.active{display:block}.advisor-step h3{font-size:26px;margin:0 0 6px}.advisor-step>p{color:#8e969d;font-size:11px;margin:0 0 16px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice-grid label{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #30353a;border-radius:13px;background:#0d0f11;cursor:pointer}.choice-grid label:hover{border-color:#6a3033}.choice-grid input{accent-color:#ed1c24;margin-top:2px}.choice-grid strong{display:block;font-size:11px}.choice-grid span{display:block;font-size:9px;color:#7f878e;margin-top:3px}.advisor-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.advisor-match{border:1px solid #292e32;background:#0c0e10;border-radius:15px;padding:12px}.advisor-match img{width:100%;height:130px;object-fit:contain;background:#edf0f2;border-radius:10px}.advisor-match h4{font-size:15px;margin:9px 0 4px}.advisor-match .match-score{display:inline-flex;padding:5px 7px;border-radius:999px;background:rgba(227,38,32,.1);color:#ff5257;font-size:9px;font-weight:950}.advisor-match p{font-size:9px;color:#858d94;line-height:1.5}.advisor-match .mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.advisor-match button{min-height:34px;border:1px solid #30353a;background:#131619;color:#fff;border-radius:8px;font-size:8px;font-weight:900;text-transform:uppercase;cursor:pointer}
.config-packages{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.config-option{display:flex;align-items:flex-start;gap:9px;border:1px solid #30353a;background:#0d0f11;border-radius:13px;padding:12px;cursor:pointer}.config-option input{width:auto;min-height:auto;margin-top:2px;accent-color:#ed1c24}.config-option strong{font-size:11px;display:block}.config-option span{font-size:9px;color:#7f878e;display:block;margin-top:3px;line-height:1.45}.config-summary-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.config-summary-list span{font-size:9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 8px;color:#c5cacf}
.photo-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:9px}.photo-preview-item{border:1px solid #2f3438;background:#0b0d0e;border-radius:10px;overflow:hidden}.photo-preview-item img{width:100%;height:72px;object-fit:cover}.photo-preview-item span{display:block;padding:6px;font-size:8px;color:#8c949b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fast-form-note{font-size:10px;color:#8a9299;line-height:1.55;margin:10px 0}.form-error{display:none;margin-top:9px;padding:9px 11px;border:1px solid rgba(227,38,32,.36);background:rgba(227,38,32,.08);border-radius:10px;color:#ff8a8d;font-size:10px}.form-error.show{display:block}
.compare-nudge{position:fixed;right:22px;bottom:22px;z-index:250;width:min(370px,calc(100vw - 28px));padding:16px;border:1px solid rgba(227,38,32,.4);background:rgba(12,14,16,.97);backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.5);display:none}.compare-nudge.show{display:block;animation:nudgeIn .25s ease-out}.compare-nudge strong{display:block;font-size:13px}.compare-nudge p{font-size:10px;color:#8d959c;line-height:1.55;margin:5px 0 11px}.compare-nudge-actions{display:flex;gap:7px}.compare-nudge-actions button{min-height:35px;padding:0 10px;border-radius:9px;font-size:8px}.compare-nudge-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#777;cursor:pointer;font-size:18px}@keyframes nudgeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:980px){.purchase-tool-grid,.journey-grid{grid-template-columns:1fr 1fr}.purchase-proof{grid-template-columns:1fr 1fr}.advisor-results{grid-template-columns:1fr 1fr}.journey-step:after{display:none}}
@media(max-width:700px){.purchase-tool-grid,.journey-grid,.purchase-proof,.faq-grid,.conversion-grid,.config-packages,.advisor-results{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.conversion-intro{flex-direction:column}.safe-badge{white-space:normal}.vehicle-buy-reasons{grid-template-columns:1fr}.photo-preview{grid-template-columns:repeat(3,1fr)}.compare-nudge{right:14px;bottom:82px}}


/* === Header Alignment Fix 2026-09-14 === */
@media(min-width:1181px){
  header{min-height:94px}
  header>.container.nav{min-height:94px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:16px}
  .brand{min-width:0;max-width:none;width:auto;gap:0}
  .brand img{width:238px;max-width:238px;padding:7px 9px}
  .brand-copy{display:none!important}
  nav#nav{margin-left:0;min-width:0;display:flex;justify-content:center;align-items:center;gap:15px;white-space:nowrap}
  nav#nav>.nav-item,nav#nav>a{flex:0 0 auto}
  .nav-link,nav#nav>a{font-size:9.5px;letter-spacing:.045em;line-height:1.1}
  .header-actions{margin-left:0;display:flex;gap:8px;white-space:nowrap}
  .header-icon-btn{height:42px;padding:0 11px;min-width:auto}
  .header-icon-btn .btn-label{display:inline}
  .nav-cta{margin-left:0;min-width:176px;height:46px;padding:0 17px;font-size:9.5px}
  .has-dropdown .dropdown-menu.mega-menu{left:0;transform:translate(0,10px);width:min(850px,calc(100vw - 56px))}
  .has-dropdown:hover .dropdown-menu.mega-menu,.has-dropdown:focus-within .dropdown-menu.mega-menu{transform:translate(0,0)}
}
@media(min-width:1181px) and (max-width:1380px){
  header>.container.nav{column-gap:11px}
  .brand img{width:205px;max-width:205px}
  nav#nav{gap:9px}
  .nav-link,nav#nav>a{font-size:8.5px;letter-spacing:.02em}
  .header-icon-btn{padding:0 9px;font-size:9px}
  .nav-cta{min-width:158px;padding:0 12px;font-size:8.5px}
}


/* === Next-Level Experience V2 === */
.business-status{font-weight:950!important;letter-spacing:.01em;transition:.2s;gap:9px!important;padding:7px 12px!important}.business-status .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto;background:#8a9198;box-shadow:0 0 0 3px rgba(138,145,152,.08)}.business-status-copy{display:grid;gap:2px;line-height:1.05}.business-status-main{font-size:10px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:inherit}.business-status-detail{font-size:8px;font-weight:800;letter-spacing:.02em;color:#9da5ac;text-transform:none}.business-status.open{border-color:rgba(58,188,105,.42);background:rgba(58,188,105,.10);color:#baf2cb}.business-status.open .status-dot{background:#3abc69;box-shadow:0 0 14px rgba(58,188,105,.72)}.business-status.open .business-status-detail{color:#8edca7}.business-status.closed{border-color:rgba(239,59,65,.28);background:rgba(239,59,65,.06);color:#ff7c80}.business-status.closed .status-dot{background:#ef3b41;box-shadow:0 0 14px rgba(239,59,65,.48)}.business-status.closed .business-status-detail{color:#c99a9c}.business-status.break{border-color:rgba(226,165,55,.32);background:rgba(226,165,55,.08);color:#f0d497}.business-status.break .status-dot{background:#e2a537;box-shadow:0 0 14px rgba(226,165,55,.52)}.business-status.break .business-status-detail{color:#cdb77f}
.recommendations{background:linear-gradient(180deg,#0b0d0f,#090a0b);padding-top:78px;padding-bottom:78px}.recommendation-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.recommend-card{min-width:0;border:1px solid rgba(255,255,255,.09);background:linear-gradient(165deg,#14171a,#0d0f11);border-radius:18px;overflow:hidden;transition:.2s}.recommend-card:hover{transform:translateY(-4px);border-color:rgba(227,38,32,.45);box-shadow:0 20px 48px rgba(0,0,0,.3)}.recommend-card img{width:100%;height:132px;object-fit:contain;background:linear-gradient(145deg,#f5f6f7,#e8eaec);padding:6px}.recommend-card-body{padding:13px}.recommend-card .rc-brand{font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#8e969d;font-weight:950}.recommend-card h3{font-size:15px;line-height:1.1;margin:6px 0 7px}.recommend-card .rc-price{font-size:14px;font-weight:950;color:#fff;white-space:nowrap}.recommend-card button{width:100%;height:34px;margin-top:10px;border:1px solid #34393d;background:#101214;color:#fff;border-radius:9px;font-size:8px;font-weight:950;text-transform:uppercase;cursor:pointer}.recommend-card button:hover{background:var(--red);border-color:var(--red)}
.audience-chips{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 12px}.audience-chip{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#b9c0c6}.audience-chip.accent{border-color:rgba(227,38,32,.28);background:rgba(227,38,32,.07);color:#ff7a7e}.vehicle-trust-line{display:flex;flex-wrap:wrap;gap:7px 11px;margin:9px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);color:#818991;font-size:8.5px;font-weight:800}.vehicle-trust-line span:before{content:'✓';color:#ef3b41;font-weight:950;margin-right:4px}.vehicle-trust-modal{display:flex;flex-wrap:wrap;gap:7px 12px;margin:3px 0 11px;color:#90989f;font-size:9px;font-weight:800}.vehicle-trust-modal span:before{content:'✓';color:#ef3b41;font-weight:950;margin-right:4px}
.vehicle-deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.vehicle-deep-card{border:1px solid rgba(255,255,255,.1);background:#0c0e10;border-radius:16px;padding:16px;min-width:0}.vehicle-deep-card.wide{grid-column:1/-1}.vehicle-deep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.vehicle-deep-head h3{font-size:17px;margin:0}.vehicle-deep-head span{font-size:8px;color:#777f86;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.similar-grid,.model-accessory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-product{border:1px solid rgba(255,255,255,.08);background:#111315;border-radius:12px;overflow:hidden;min-width:0}.mini-product img{width:100%;height:96px;object-fit:contain;background:#eef0f2}.mini-product-body{padding:10px}.mini-product small{display:block;color:#7e878e;font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.mini-product strong{display:block;font-size:11px;line-height:1.25;margin:4px 0}.mini-product .mini-sub{font-size:8.5px;line-height:1.4;color:#8f979e;min-height:24px}.mini-product button{width:100%;height:32px;border:1px solid #30353a;background:#0d0f11;color:#fff;border-radius:8px;margin-top:8px;font-size:8px;font-weight:900;text-transform:uppercase;cursor:pointer}.mini-product button:hover{border-color:var(--red);background:rgba(227,38,32,.08)}.decision-card{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.decision-model{padding:12px;border:1px solid rgba(255,255,255,.08);background:#111315;border-radius:12px}.decision-model.current{border-color:rgba(227,38,32,.35);background:rgba(227,38,32,.055)}.decision-model small{display:block;color:#7f878e;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.decision-model strong{display:block;font-size:13px;margin:4px 0}.decision-model span{display:block;color:#9aa2a9;font-size:9px;line-height:1.45}.decision-vs{font-size:9px;font-weight:950;color:#ff4b50;border:1px solid rgba(227,38,32,.25);border-radius:999px;padding:7px}.decision-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.decision-actions button{min-height:33px;padding:0 10px;border:1px solid #30353a;background:#121416;color:#fff;border-radius:8px;font-size:8px;font-weight:900;text-transform:uppercase;cursor:pointer}.vehicle-faq{display:grid;gap:7px}.vehicle-faq details{border:1px solid rgba(255,255,255,.08);background:#111315;border-radius:11px;padding:0 11px}.vehicle-faq summary{cursor:pointer;list-style:none;padding:12px 24px 12px 0;font-size:10px;font-weight:900;position:relative}.vehicle-faq summary::-webkit-details-marker{display:none}.vehicle-faq summary:after{content:'+';position:absolute;right:0;top:9px;color:#ff4a50;font-size:17px}.vehicle-faq details[open] summary:after{content:'–'}.vehicle-faq p{font-size:9px;color:#90989f;line-height:1.6;margin:0;padding:0 0 12px}
.accessory-packages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 26px}.accessory-package{border:1px solid rgba(255,255,255,.09);background:linear-gradient(165deg,#15181b,#0e1012);border-radius:17px;padding:16px;display:flex;flex-direction:column;min-width:0}.accessory-package .pack-brand{font-size:8px;color:#ff555a;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.accessory-package h3{font-size:18px;margin:5px 0 7px}.accessory-package p{font-size:9.5px;color:#8d959c;line-height:1.55;margin:0 0 10px}.accessory-package ul{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:6px}.accessory-package li{font-size:9px;color:#c2c7cc}.accessory-package li:before{content:'✓';color:#ef3b41;font-weight:950;margin-right:6px}.accessory-package .pack-price{font-size:11px;font-weight:950;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.accessory-package button{height:36px;margin-top:9px;border:1px solid rgba(227,38,32,.4);background:rgba(227,38,32,.08);color:#fff;border-radius:9px;font-size:8px;font-weight:950;text-transform:uppercase;cursor:pointer}.accessory-package button:hover{background:var(--red)}
.daily-tip-section{background:linear-gradient(180deg,#0b0c0e,#08090a);padding:58px 0}.daily-tip-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#14171a,#0d0f11);border-radius:22px;padding:20px 22px}.daily-tip-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(227,38,32,.1);border:1px solid rgba(227,38,32,.25);color:#ff4b50;font-weight:950;font-size:19px}.daily-tip-copy small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#ff565b;font-weight:950}.daily-tip-copy h3{font-size:20px;margin:4px 0 5px}.daily-tip-copy p{margin:0;color:#949ca3;font-size:10px;line-height:1.6}.daily-tip-card button{min-height:40px;padding:0 13px;border:1px solid #34393d;background:#111315;color:#fff;border-radius:10px;font-size:8px;text-transform:uppercase;font-weight:950;cursor:pointer}.daily-tip-card button:hover{border-color:var(--red)}
.quick-contact-dock{position:fixed;right:18px;top:55%;transform:translateY(-50%);z-index:190;display:grid;gap:8px}.quick-contact-dock a,.quick-contact-dock button{width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(13,15,17,.95);backdrop-filter:blur(14px);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 36px rgba(0,0,0,.3);font-size:16px}.quick-contact-dock button:hover,.quick-contact-dock a:hover{background:var(--red);border-color:var(--red)}.quick-contact-dock .dock-label{position:absolute;right:55px;white-space:nowrap;background:#101214;border:1px solid #30353a;padding:7px 9px;border-radius:8px;font-size:8px;text-transform:uppercase;font-weight:900;opacity:0;visibility:hidden;transition:.15s}.quick-contact-dock .dock-item{position:relative}.quick-contact-dock .dock-item:hover .dock-label{opacity:1;visibility:visible}.callback-form-note{font-size:9px;color:#828a91;line-height:1.55;margin-top:8px}
@media(max-width:1180px){.recommendation-strip{grid-template-columns:repeat(3,1fr)}.accessory-packages{grid-template-columns:repeat(2,1fr)}.quick-contact-dock{display:none}}
@media(max-width:820px){.recommendation-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.recommend-card{min-width:230px;scroll-snap-align:start}.vehicle-deep-grid{grid-template-columns:1fr}.vehicle-deep-card.wide{grid-column:auto}.similar-grid,.model-accessory-grid{grid-template-columns:1fr 1fr}.decision-card{grid-template-columns:1fr}.decision-vs{justify-self:start}.daily-tip-card{grid-template-columns:auto 1fr}.daily-tip-card>button{grid-column:1/-1;width:100%}.business-status{display:inline-flex!important;width:auto!important;min-width:0;order:-1}.business-status-copy{display:flex;align-items:center;gap:7px}.business-status-main{font-size:9px}.business-status-detail{font-size:8px}}
@media(max-width:560px){.accessory-packages{grid-template-columns:1fr}.similar-grid,.model-accessory-grid{grid-template-columns:1fr}.recommend-card{min-width:205px}.vehicle-trust-line{font-size:8px}}


/* Kästchen im Fahrzeug-Dropdown ohne Text */
.mega-icon{
  font-size:0 !important;
}


/* Shared refinements: retain the existing layout and brand. */
:root{--header-height:98px}
html{scroll-padding-top:calc(var(--header-height) + 18px)}
body{overflow-x:clip}
[hidden]{display:none!important}
button:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:3px solid #ff635d;outline-offset:4px}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:#fff;color:#111;padding:14px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.quick-search{grid-template-columns:minmax(0,1fr) auto}
.quick-search input{width:100%;min-width:0}
.field,.conversion-grid>*{min-width:0}
.field input,.field select,.field textarea{max-width:100%;min-width:0}
.garage-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.garage-tools p,#searchResultCount{color:#adb4bb;font-size:12px;line-height:1.5}
.modal.show{z-index:500}
.modal-card{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 32px)}
.modal-head{position:sticky;top:0;z-index:6;background:#111315}
.modal-head h3{min-width:0;overflow-wrap:anywhere}
.close{flex-shrink:0;min-width:44px;min-height:44px}
.vehicle-action-bar{bottom:0}
.location-map{height:auto;min-height:430px;display:flex;flex-direction:column;isolation:isolate}
.map-consent{min-height:320px;padding:30px 24px}
.map-overlay{position:relative;left:auto;right:auto;bottom:auto;margin:0 18px 18px;z-index:2}
.location-map.map-loaded{height:430px}
.map-loaded .map-overlay{position:absolute;left:18px;right:18px;bottom:18px;margin:0}
.map-label{pointer-events:none}
.marquee-track{animation:none;flex-wrap:wrap;justify-content:center;min-width:0}
.marquee-item{height:auto;min-height:44px;padding:12px 22px}
.hero h1{line-height:.91;text-shadow:none}
.vehicle:hover,.accessory-card:hover,.purchase-tool:hover,.btn:hover{transform:none}
.vehicle:hover .vehicle-media img,.accessory-card:hover .accessory-media img{transform:none}
.vehicle,.accessory-card,.purchase-tool{transition:border-color .18s ease,box-shadow .18s ease}
.vehicle-body{display:flex;flex-direction:column;height:calc(100% - 270px)}
.vehicle-bottom{margin-top:auto}
.vehicle-bottom .price-amount,.rc-price,.price-mini{font-variant-numeric:tabular-nums;white-space:nowrap}
.vehicle-trust-line{line-height:1.5}
.compare-table-wrap{overscroll-behavior-x:contain}
.reveal{opacity:1;transform:none;transition:none}
.hero-bg{backdrop-filter:none}
@media(min-width:1181px){:root{--header-height:94px}}
@media(max-width:1180px){
  header,.nav{min-height:82px}
  :root{--header-height:82px}
  header>.container.nav{gap:12px;justify-content:space-between}
  .brand{min-width:0;flex:0 1 auto}
  .brand img{width:190px}
  .header-actions{margin-left:auto}
  .menu{margin-left:0;flex-shrink:0}
  nav#nav{top:100%;max-height:calc(100dvh - var(--header-height) - 88px);overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 28px;scrollbar-gutter:stable}
  nav#nav.open{display:flex;gap:14px;justify-content:flex-start}
  nav#nav>a,nav#nav .nav-link{font-size:12px;min-height:36px}
  .has-dropdown .dropdown-menu.mega-menu{width:100%;padding:10px 0;left:0}
  nav#nav .nav-item{width:100%}
  .mega-menu a{min-height:46px}
  .dropdown-menu a strong{font-size:12px}
}
@media(max-width:820px){
  .topbar{display:block}
  .topbar .container{min-height:38px;padding:5px 0;justify-content:center}
  .topbar .group:first-child,.topbar .hours{display:none}
  .topbar .group:last-child{width:auto;justify-content:center}
  .business-status{padding:5px 10px!important}
  .business-status-main{font-size:10px}.business-status-detail{font-size:10px}
  .mobile-cta{padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:200}
  .mobile-cta a,.mobile-cta button{min-height:46px;font-size:10px}
  .compare-nudge{max-width:calc(100vw - 28px);bottom:calc(90px + env(safe-area-inset-bottom))}
  .vehicle-body{height:calc(100% - 270px)}
}
@media(max-width:560px){
  .brand img{width:170px}
  .header-actions{gap:6px}.header-icon-btn{min-width:36px;width:36px;padding:0;flex-shrink:0}
  .menu{width:38px;min-width:38px}.nav{gap:8px}
  .vehicle-body{height:calc(100% - 240px)}
  .modal{padding:10px}.modal-card{width:100%;max-height:calc(100dvh - 20px)}
  .modal-body{padding:18px}
  .modal-title,.conversion-intro h2{overflow-wrap:anywhere}
  .vehicle-action-bar{margin-left:-18px;margin-right:-18px;margin-bottom:-18px}
  .vehicle-trust-line,.overline,.meta span,.card-color-row small{font-size:10px}
  .vehicle-card-tools button,.compare-toggle,.availability-row button{font-size:11px;min-height:42px}
  .accessory-body p,.accessory-fit strong,.accessory-package p{font-size:12px}
  .accessory-request{min-height:44px;font-size:10px}
  .form-grid label,.conversion-grid label{font-size:12px}
  .form-grid input,.form-grid textarea,.form-grid select,.conversion-grid input,.conversion-grid select,.quick-search input{font-size:16px}
}
@media(max-width:370px){.brand img{width:155px}.quick-search{grid-template-columns:1fr}.quick-search button{min-height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}



.contact-side::after{pointer-events:none}
.map-consent{position:relative;z-index:2}
.pageviews{gap:7px;font-size:10px;white-space:nowrap}
.pageviews strong{font-variant-numeric:tabular-nums;margin-left:5px;font-size:12px;color:#fff}
.counter-dot{width:6px;height:6px;border-radius:50%;background:#a3adb7}
.topbar .container{gap:10px;align-items:center}
.topbar .group{gap:7px}
.topbar-item{padding:7px 10px}
@media(min-width:1181px){.topbar .container{flex-wrap:nowrap}.topbar .hours{display:none}}
@media(max-width:820px){.topbar .group:last-child{gap:7px;flex-wrap:wrap}.topbar .pageviews{display:inline-flex;width:auto;padding:6px 8px}.topbar .container{min-height:40px}}
.menu-open .mobile-cta,.menu-open .compare-nudge{display:none}
.garage-summary strong{display:block;margin-bottom:5px}
@media(max-width:390px){.business-status-copy{gap:4px}.business-status-main,.business-status-detail,.pageviews{font-size:9px}.business-status{padding:5px 6px!important}}
