/* Marken-/Modell-Auswahl (Startseite und Formular). Nur Text, keine Fremdlogos. */
.mp{--gruen:#34d17f;position:relative}
.e-kopf{max-width:34em}.ee .sub{max-width:30em}
.mp ul{list-style:none;margin:0;padding:0}
.mp-b,.mp-c{position:relative;overflow:hidden;font:inherit;color:#fff;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mp-b::before,.mp-c::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(150px circle at var(--mx,50%) var(--my,50%),rgba(254,124,2,.34),transparent 70%);opacity:0;transition:opacity .3s}
.mp-b:hover::before,.mp-c:hover::before{opacity:1}
.rip{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:rgba(254,124,2,.6);pointer-events:none;animation:mprip .7s ease-out forwards}@keyframes mprip{to{transform:scale(28);opacity:0}}
.mp-k{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .45s var(--ease-x)}
.mp-k svg{width:14px;fill:none;stroke:#0a0a0a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s var(--ease-x) .15s}
.mp-b.on .mp-k{transform:none}.mp-b.on .mp-k svg{stroke-dashoffset:0}
.mp-modelle{margin-top:26px}.mp-m{margin-top:6px}.mp-ml{margin:0 0 10px;font:700 .78rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mp-chips{display:flex;flex-wrap:wrap;gap:8px}.mp-c{min-height:44px;padding:0 20px;border:1.5px solid var(--line2);border-radius:999px;font:700 1rem var(--sans);transition:border-color .3s,background .3s,color .3s,transform .3s var(--ease-x)}
.mp-c:hover{border-color:var(--accent);transform:translateY(-2px)}.mp-c.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}
.mp li.aus{display:none}
.mp-m.in .mp-chips li{animation:vup .55s var(--ease-x) both}.mp-m.in .mp-chips li:nth-child(2){animation-delay:.04s}.mp-m.in .mp-chips li:nth-child(3){animation-delay:.08s}.mp-m.in .mp-chips li:nth-child(4){animation-delay:.12s}.mp-m.in .mp-chips li:nth-child(5){animation-delay:.16s}.mp-m.in .mp-chips li:nth-child(6){animation-delay:.2s}.mp-m.in .mp-chips li:nth-child(n+7){animation-delay:.24s}
.mp-sum{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:28px;padding:16px 20px;border:1.5px solid rgba(254,124,2,.6);border-radius:14px;background:rgba(254,124,2,.08)}
.mp-sum.pop{animation:mppop .6s var(--ease-x)}@keyframes mppop{0%{transform:scale(.96);box-shadow:0 0 0 0 rgba(254,124,2,.5)}60%{transform:scale(1.01);box-shadow:0 0 0 14px rgba(254,124,2,0)}100%{transform:none}}
.mp-sk{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent)}.mp-sk svg{width:18px;fill:none;stroke:#0a0a0a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mp-sum.pop .mp-sk path{stroke-dasharray:24;animation:mpd .6s var(--ease-x) both}@keyframes mpd{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
.mp-st{font:700 1.15rem var(--head);flex:1;min-width:12em}.mp-go{margin-left:auto}
.mp-andere{display:inline-block;margin-top:18px;color:var(--muted);text-underline-offset:.2em}
/* 1 Raster */
.e1-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px!important;border-top:1px solid var(--line2);border-left:1px solid var(--line2)}.e1-grid li{border-right:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.e1-grid .mp-b{display:block;width:100%;min-height:92px;padding:18px 16px;text-align:left;font:800 clamp(1.05rem,3.6vw,1.6rem)/1.1 var(--head);letter-spacing:-.02em;transition:background .35s,color .35s}
.e1-grid .mp-b::after{content:"";position:absolute;left:16px;right:16px;bottom:14px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-x)}.e1-grid .mp-b:hover::after{transform:scaleX(1)}
.e1-grid .mp-b.on{background:var(--accent);color:#0a0a0a}.e1-grid .mp-b.on .mp-k{background:#0a0a0a}.e1-grid .mp-b.on .mp-k svg{stroke:var(--accent)}
@media (min-width:600px){.e1-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1000px){.e1-grid .mp-b{min-height:116px;padding:24px 22px}}
/* 2 Streifen mit Lupe */
.e2-wrap{margin:40px calc(-1 * max(16px,(100vw - var(--w))/2 + 16px)) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.e2-track{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:18px 45vw 30px;outline:none}.e2-track::-webkit-scrollbar{display:none}.e2-track li{flex:none;scroll-snap-align:center}
.e2-track .mp-b{padding:6px 22px 10px;font:800 clamp(2.6rem,9vw,6.4rem)/1.1 var(--head);letter-spacing:-.045em;white-space:nowrap;transform:scale(var(--s,.8));opacity:var(--o,.5);transition:color .3s;color:#fff;transform-origin:center bottom}
.e2-track .mp-b::before{display:none}.e2-track .mp-b:hover{color:var(--accent)}.e2-track .mp-b.on{color:var(--accent)}.e2-track .mp-k{right:2px;top:6px}
/* 3 Liste mit Ziehharmonika */
.e3-liste{margin-top:34px!important;border-top:1px solid var(--line2)}.e3-z{border-bottom:1px solid var(--line2)}
.e3-b{display:block;width:100%;padding:12px 0;text-align:left;font:800 clamp(2rem,7.4vw,4.6rem)/1.05 var(--head);letter-spacing:-.04em;transition:color .3s,padding .5s var(--ease-x)}.e3-b::before{display:none}.e3-b:hover{color:var(--accent);padding-left:14px}.e3-b.on{color:var(--accent)}
.e3-liste:hover .e3-z:not(:hover){opacity:.55}.e3-liste .e3-z{transition:opacity .3s}.e3-b .mp-k{right:6px;top:50%;margin-top:-12px}
.e3-m .mp-m{margin:0 0 18px}
/* 4 Tippsuche */
.e4-box{margin-top:34px;max-width:46em}.e4-l{display:block;font:700 .78rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ee .e4-box input.e4-q{width:100%;padding:12px 0;background:none;border:0;border-bottom:2px solid var(--line2);color:#fff;font:800 clamp(1.8rem,6vw,3.4rem)/1.2 var(--head);letter-spacing:-.03em;outline:none;transition:border-color .3s}.ee .e4-box input.e4-q::placeholder{color:#444}.ee .e4-box input.e4-q:focus{border-color:var(--accent);box-shadow:0 12px 30px -18px rgba(254,124,2,.7)}
.e4-hint{min-height:1.5em;margin:8px 0 0;color:var(--muted);font-size:.9rem}
.e4-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px!important}.e4-chips li{transition:opacity .3s,transform .4s var(--ease-x)}.e4-chips li.aus{display:none}
.e4-b{min-height:44px;padding:0 44px 0 18px;border:1.5px solid var(--line2);border-radius:999px;font:700 1rem var(--sans);transition:border-color .3s,background .3s,color .3s}.e4-b:hover{border-color:var(--accent)}.e4-b.on{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.e4-b .mp-k{right:8px;top:9px;width:24px;height:24px}.e4-b.on .mp-k{background:#0a0a0a}.e4-b.on .mp-k svg{stroke:var(--accent)}
/* 5 Bühne */
.e5-grid{display:grid;gap:22px;margin-top:34px}.e5-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line2)}.e5-liste .mp-b{display:block;width:100%;padding:14px 4px;text-align:left;font:700 1.05rem var(--sans);border-bottom:1px solid var(--line2);transition:color .3s,padding .4s var(--ease-x)}.e5-liste .mp-b:hover{color:var(--accent);padding-left:12px}.e5-liste .mp-b.on{color:var(--accent);padding-left:12px}.e5-liste .mp-k{right:6px;top:50%;margin-top:-12px}
.e5-buehne{position:relative;min-height:180px;padding:22px;border:1px solid var(--line2);border-radius:16px;background:radial-gradient(100% 120% at 100% 0,rgba(254,124,2,.16),transparent 60%),#0f0f0f}.e5-leer{margin:0;font:800 clamp(1.6rem,4vw,2.6rem) var(--head);color:#3c3c3c}.e5-buehne .mp-m{margin:0}.e5-buehne .mp-ml{font-size:clamp(1.4rem,3.4vw,2.2rem);letter-spacing:-.03em;text-transform:none;color:#fff;font-family:var(--head);margin-bottom:16px}
@media (min-width:860px){.e5-grid{grid-template-columns:.7fr 1.3fr;gap:44px;align-items:start}.e5-liste{grid-template-columns:1fr}.e5-buehne{position:sticky;top:96px;min-height:320px;padding:32px}}
@media (prefers-reduced-motion:reduce){.rip{display:none}.mp-m.in .mp-chips li,.mp-sum.pop{animation:none}.mp-k,.mp-k svg{transition:none}}

/* Mini-Auswahl: erst Marke, dann Modell, dann weiter ins Formular */
.mini{max-width:640px;margin-top:22px}.mini-t{margin:0 0 12px;font:700 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff}.mini-t2{display:none}
.mini[data-state="marke"] .mini-t1,.mini[data-state="modell"] .mini-t1{display:none}.mini[data-state="marke"] .mini-t2,.mini[data-state="modell"] .mini-t2{display:inline;color:var(--accent)}
.mini-brands{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.mini-brands li{display:flex}.mini-brands li.aus{display:none}
.mini-b{min-height:42px;padding:0 16px;border:1.5px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(10,10,10,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:700 .92rem var(--sans);transition:border-color .3s,background .3s,transform .3s var(--ease-x)}
.mini-b:hover{border-color:var(--accent);transform:translateY(-2px)}.mini-b .mp-k{display:none}
.mini-extra{margin-top:10px}.mini-suche{margin-top:12px}.mini-q{width:100%;max-width:360px;min-height:46px;padding:0 16px;border:1.5px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(10,10,10,.6);color:#fff;font:600 1rem var(--sans)}.mini-q:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(254,124,2,.28)}
.mini .e4-hint{margin:6px 0 0;font-size:.85rem;color:var(--muted)}
.mini-m2{display:none}.mini[data-state="marke"] .mini-m1,.mini[data-state="modell"] .mini-m1{display:none}.mini[data-state="marke"] .mini-m2,.mini[data-state="modell"] .mini-m2{display:block;animation:vup .5s var(--ease-x) both}
.mini .mp-modelle{margin-top:6px}.mini .mp-ml{display:none}
.mini-back{padding:0;min-height:40px;margin-bottom:6px;background:none;border:0;color:var(--muted);font:600 .9rem var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.mini-back:hover{color:var(--accent)}
.mini-weiter{display:inline-block;margin-top:12px;color:var(--muted);font:600 .9rem var(--sans);text-decoration:underline;text-underline-offset:.2em}.mini-weiter:hover{color:var(--accent)}
.mini .mp-c{background:rgba(10,10,10,.55)}.mini[data-state="modell"] .mini-weiter{opacity:.5}
.mini-sek .mini{margin-inline:auto;max-width:760px}.hv-mini{margin-top:22px}

/* Mini-Auswahl: 1-4 = ein Button mit Animation, 5 = Suchfeld */
.mini-go{display:none}
.mini-btn .mini-go{position:relative;display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:58px;padding:0 22px;border:0;border-radius:14px;overflow:hidden;font:800 1.05rem var(--sans);color:#0a0a0a;background:var(--accent);cursor:pointer;transition:transform .35s var(--ease-x),box-shadow .35s;-webkit-tap-highlight-color:transparent}
@media (hover:hover){.mini-btn .mini-go:hover{transform:translateY(-3px)}}.mini-btn .mini-go:focus-visible{outline:2px solid #fff;outline-offset:3px}
.mini-btn:not([data-state="leer"]) .mini-go{display:none}.mini-btn:not([data-open])[data-state="leer"] .mini-m1{display:none}.mini-btn[data-open] .mini-m1{margin-top:30px;animation:vup .45s var(--ease-x) both}.mini-btn[data-open] .mini-brands{gap:12px 10px}.mini-btn[data-open] .mini-suche{margin-top:20px}.mini-btn[data-open] .mini-m2{margin-top:30px}
.mini-btn[data-state="leer"] .mini-t{display:none}.mini-btn .mini-t1{display:none}
.mini-go-r{position:relative;display:inline-block;height:1.5em;min-width:7.6em;overflow:hidden;line-height:1.5em;text-align:left}
.mini-go-s{display:block;animation:miniroll 14s var(--ease-x) infinite}.mini-go-s span{display:block;height:1.5em}
@keyframes miniroll{0%,7%{transform:translateY(-0.0em)}10%,17%{transform:translateY(-1.5em)}20%,27%{transform:translateY(-3.0em)}30%,37%{transform:translateY(-4.5em)}40%,47%{transform:translateY(-6.0em)}50%,57%{transform:translateY(-7.5em)}60%,67%{transform:translateY(-9.0em)}70%,77%{transform:translateY(-10.5em)}80%,87%{transform:translateY(-12.0em)}90%,97%{transform:translateY(-13.5em)}100%{transform:translateY(-15em)}}
.mini-go-m{display:none}.mini-go-p{flex:none;width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg) translateY(-2px);animation:minipf 1.6s ease-in-out infinite}
@keyframes minipf{50%{transform:rotate(45deg) translate(3px,1px)}}
.mini-go[aria-expanded="true"] .mini-go-p{animation:none;transform:rotate(-135deg)}
/* 1 Orange mit Pulsring und Glanz */
.mini-v1 .mini-go{box-shadow:0 0 0 0 rgba(254,124,2,.6);animation:minipuls 2.4s ease-out infinite}.mini-v1 .mini-go::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:minisweep 3.6s ease-in-out 1s infinite}
@keyframes minipuls{70%,100%{box-shadow:0 0 0 16px rgba(254,124,2,0)}}@keyframes minisweep{0%{left:-40%}55%,100%{left:130%}}
/* 2 Dunkel, Markennamen laufen hinter dem Text vorbei */
.mini-v2 .mini-go{color:#fff;background:#111;border:1.5px solid var(--accent);min-width:min(340px,100%);justify-content:center}.mini-v2 .mini-go-r{display:none}
.mini-v2 .mini-go-m{display:block;position:absolute;inset:0;overflow:hidden;opacity:.3;white-space:nowrap}.mini-v2 .mini-go-mt{display:inline-flex;gap:26px;height:100%;align-items:center;padding-left:26px;font:800 .95rem var(--sans);color:var(--accent);animation:minimarq 18s linear infinite}
.mini-v2 .mini-go-l,.mini-v2 .mini-go-p{position:relative;text-shadow:0 0 14px #000,0 0 6px #000}
@keyframes minimarq{to{transform:translateX(-50%)}}
/* 3 Dunkel mit umlaufendem Lichtrand */
.mini-v3 .mini-go{color:#fff;background:#0f0f0f}.mini-v3 .mini-go::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0 70%,var(--accent) 90%,#ffd2a1 100%);animation:minispin 3.2s linear infinite}
.mini-v3 .mini-go::after{content:"";position:absolute;inset:2px;border-radius:12px;background:#0f0f0f}.mini-v3 .mini-go>*{position:relative;z-index:1}.mini-v3 .mini-go-r{color:var(--accent)}
@keyframes minispin{to{transform:rotate(360deg)}}
/* 4 Fliessender Orange-Verlauf, Marken kippen nacheinander ein */
.mini-v4 .mini-go{color:#0a0a0a;background:linear-gradient(100deg,#fe7c02,#ffb066,#fe7c02,#ff5a00);background-size:300% 100%;animation:minigrad 5s linear infinite;box-shadow:0 12px 34px -14px rgba(254,124,2,.8)}
.mini-v4 .mini-go-s{animation:none;height:1.5em;position:relative;color:#fff;text-shadow:0 1px 10px rgba(120,40,0,.55)}.mini-v4 .mini-go-s span{position:absolute;left:0;top:0;opacity:0;transform:rotateX(-90deg);transform-origin:50% 100%;animation:miniflip 18s var(--ease-x) infinite}.mini-v4 .mini-go-s span:nth-child(11){display:none}
.mini-v4 .mini-go-s span:nth-child(1){animation-delay:0.0s}.mini-v4 .mini-go-s span:nth-child(2){animation-delay:1.8s}.mini-v4 .mini-go-s span:nth-child(3){animation-delay:3.6s}.mini-v4 .mini-go-s span:nth-child(4){animation-delay:5.4s}.mini-v4 .mini-go-s span:nth-child(5){animation-delay:7.2s}.mini-v4 .mini-go-s span:nth-child(6){animation-delay:9.0s}.mini-v4 .mini-go-s span:nth-child(7){animation-delay:10.8s}.mini-v4 .mini-go-s span:nth-child(8){animation-delay:12.6s}.mini-v4 .mini-go-s span:nth-child(9){animation-delay:14.4s}.mini-v4 .mini-go-s span:nth-child(10){animation-delay:16.2s}
@keyframes minigrad{to{background-position:300% 0}}@keyframes miniflip{0%{opacity:0;transform:rotateX(-90deg)}1.5%,8.5%{opacity:1;transform:none}10%,100%{opacity:0;transform:rotateX(90deg)}}
.mini-v4 .mini-go{min-height:68px}.mini-v4 .mini-go-r{font-size:1.5em;min-width:8.4em;font-weight:800;white-space:nowrap}.mini-v4 .mini-go-s span{white-space:nowrap}.mini-v4 .mini-go-l{font-size:.95rem}
@media (max-width:600px){.mini-v4 .mini-go{flex-wrap:wrap;justify-content:center;gap:0 10px;padding:8px 18px}.mini-v4 .mini-go-l{flex-basis:100%;text-align:center}.mini-v4 .mini-go-r{min-width:0;flex:1;text-align:center}.mini-v4 .mini-go-s span{left:0;right:0}}
/* Mini 4: jede Marke mit eigener Ein- und Ausblend-Animation */
@keyframes mn1{0%{opacity:0;transform:translateY(45%);filter:blur(9px)}3%,7%{opacity:1;transform:none;filter:none;clip-path:inset(0);letter-spacing:0}9.4%,100%{opacity:0;transform:translateY(-45%);filter:blur(9px)}}
@keyframes mn2{0%{opacity:0;letter-spacing:.7em;filter:blur(6px)}3%,7%{opacity:1;transform:none;filter:none;clip-path:inset(0);letter-spacing:0}9.4%,100%{opacity:0;letter-spacing:-.12em;filter:blur(6px)}}
@keyframes mn3{0%{opacity:0;transform:rotateX(-90deg)}3%,7%{opacity:1;transform:none;filter:none;clip-path:inset(0);letter-spacing:0}9.4%,100%{opacity:0;transform:rotateX(90deg)}}
@keyframes mn4{0%{opacity:1;clip-path:inset(0 100% 0 0)}3%,7%{opacity:1;transform:none;filter:none;clip-path:inset(0);letter-spacing:0}9.4%,100%{opacity:1;clip-path:inset(0 0 0 100%)}}
@keyframes mn5{0%{opacity:0;transform:scale(1.7);filter:blur(10px)}3%,7%{opacity:1;transform:none;filter:none;clip-path:inset(0);letter-spacing:0}9.4%,100%{opacity:0;transform:scale(.55);filter:blur(10px)}}
@keyframes mn6{0%{opacity:0;transform:translateX(70%) skewX(-20deg)}3%,7%{opacity:1;transform:none;filter:none;clip-path:inset(0);letter-spacing:0}9.4%,100%{opacity:0;transform:translateX(-70%) skewX(20deg)}}
@keyframes mn7{0%{opacity:1;clip-path:inset(50% 0 50% 0)}3%,7%{opacity:1;transform:none;filter:none;clip-path:inset(0);letter-spacing:0}9.4%,100%{opacity:1;clip-path:inset(50% 0 50% 0)}}
@keyframes mn8{0%{opacity:0;transform:perspective(500px) rotateY(85deg)}3%,7%{opacity:1;transform:none;filter:none;clip-path:inset(0);letter-spacing:0}9.4%,100%{opacity:0;transform:perspective(500px) rotateY(-85deg)}}
@keyframes mn9{0%{opacity:0;transform:translateY(-130%)}1.6%{opacity:1;transform:translateY(8%)}2.4%{transform:translateY(-3%)}3.2%,7%{opacity:1;transform:none}9.4%,100%{opacity:0;transform:translateY(130%)}}
@keyframes mn10{0%{opacity:0;transform:scale(.88);text-shadow:0 0 0 #fff}2.5%{opacity:1;transform:scale(1.04);text-shadow:0 0 22px #fff}4.5%,7%{opacity:1;transform:none;text-shadow:0 0 0 rgba(255,255,255,0)}9.4%,100%{opacity:0;transform:translateY(-30%) scale(.96);filter:blur(6px)}}
.mini-v4 .mini-go-s span:nth-child(1){animation-name:mn1}.mini-v4 .mini-go-s span:nth-child(2){animation-name:mn2}.mini-v4 .mini-go-s span:nth-child(3){animation-name:mn3}.mini-v4 .mini-go-s span:nth-child(4){animation-name:mn4}.mini-v4 .mini-go-s span:nth-child(5){animation-name:mn5}.mini-v4 .mini-go-s span:nth-child(6){animation-name:mn6}.mini-v4 .mini-go-s span:nth-child(7){animation-name:mn7}.mini-v4 .mini-go-s span:nth-child(8){animation-name:mn8}.mini-v4 .mini-go-s span:nth-child(9){animation-name:mn9}.mini-v4 .mini-go-s span:nth-child(10){animation-name:mn10}
.mini-v4 .mini-go-s span{animation-timing-function:cubic-bezier(.22,1,.36,1);will-change:transform,opacity}
@media (prefers-reduced-motion:reduce){.mini-v4 .mini-go-s span:nth-child(1){opacity:1;transform:none}}
/* 5 Weisser Button mit orangem Marken-Feld */
.mini-v5 .mini-go{color:#0a0a0a;background:#fff;padding:0 14px 0 22px;gap:14px;box-shadow:0 12px 34px -16px rgba(255,255,255,.45)}
.mini-v5 .mini-go-r{min-width:8.6em;height:1.5em;padding:0 12px;border-radius:9px;background:var(--accent);box-shadow:0 0 0 6px var(--accent);text-align:center;color:#0a0a0a}
.mini-v5 .mini-go-s span{text-align:center}
.mini-v5 .mini-go::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:28%;background:linear-gradient(100deg,transparent,rgba(254,124,2,.35),transparent);transform:skewX(-20deg);animation:minisweep 3.8s ease-in-out 1s infinite}
@media (max-width:600px){.mini-v5 .mini-go{flex-wrap:wrap;justify-content:center;padding:12px 18px;row-gap:12px}.mini-v5 .mini-go-r{flex:1}}
@media (prefers-reduced-motion:reduce){.mini-v4 .mini-go,.mini-v4 .mini-go-s span,.mini-go-s,.mini-go-mt,.mini-go::before,.mini-go::after,.mini-go-p,.mini-v1 .mini-go{animation:none}}

/* Mini-Auswahl: Farbe, Groesse, Aufgeklappt (Pfeil-Auswahl in der Varianten-Leiste) */
.mini-f1{--accent:#fff;--accent-hi:#e8e8e8}.mini-f2{--accent:#ffb066;--accent-hi:#ffc58f}.mini-f3{--accent:#2fbf71;--accent-hi:#4ed38a}
.mini-f1.mini-v4 .mini-go{background:linear-gradient(100deg,#fff,#dcdcdc,#fff,#eee)}.mini-f1.mini-v4 .mini-go-s{color:#0a0a0a;text-shadow:none}
.mini-f2.mini-v4 .mini-go{background:linear-gradient(100deg,#ffb066,#ffd2a1,#ffb066,#ff9a40)}.mini-f3.mini-v4 .mini-go{background:linear-gradient(100deg,#2fbf71,#7fe0ab,#2fbf71,#1f9d5a)}
.mini-g1{zoom:.88}.mini-g2{zoom:1.15}
.mini-o2 .mini-m1 .mini-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (min-width:600px){.mini-o2 .mini-m1 .mini-brands{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mini-o2 .mini-b{width:100%;min-height:56px;justify-content:flex-start;padding:0 16px;border-radius:14px;font-size:1rem}
.mini-o3 .mini-m1 .mini-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.25)}@media (min-width:600px){.mini-o3 .mini-m1 .mini-brands{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mini-o3 .mini-b{width:100%;min-height:46px;padding:0 4px;justify-content:flex-start;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:1.05rem}.mini-o3 .mini-b:hover{color:var(--accent);transform:none}
.mini-o4 .mini-m1{display:flex;flex-direction:column}.mini-o4 .mini-suche{order:1;margin:0}.mini-o4 .mini-m1>.mini-brands:first-child{order:2;margin-top:12px}.mini-o4 .mini-m1>.mini-brands:first-child li:nth-child(n+7){display:none}.mini-o4 .mini-extra{order:3}.mini-o4 .mini-q{max-width:none;min-height:56px;font-size:1.15rem;font-weight:700}

/* Klick-Effekt: Button wird gruen (Radio in der Varianten-Leiste) */
.mini-btn .mini-go{transition:transform .35s var(--ease-x),background .45s,color .45s,border-color .45s,box-shadow .45s}
.mini-gk .mini-go[aria-expanded="true"]{background:#2fbf71!important;color:#0a0a0a!important;border-color:#2fbf71!important;box-shadow:0 12px 34px -12px rgba(47,191,113,.85)!important;animation:none!important}
.mini-gk .mini-go[aria-expanded="true"]::before,.mini-gk .mini-go[aria-expanded="true"]::after{display:none!important}
.mini-gk.mini-v4 .mini-go[aria-expanded="true"]{background:#2fbf71!important}.mini-gk.mini-v2 .mini-go[aria-expanded="true"] .mini-go-m{opacity:.15}
.mini-gk.mini-v5 .mini-go[aria-expanded="true"] .mini-go-r{background:#0a0a0a;color:#fff;box-shadow:0 0 0 6px #0a0a0a}
@media (max-width:600px){.mini-btn .mini-go{padding:0 16px;gap:8px;font-size:.9rem;width:100%;justify-content:center}.mini-btn .mini-go-l{white-space:nowrap}.mini-btn .mini-go-r{min-width:0;flex:1}.mini-v4 .mini-go-l{white-space:normal}}

/* Fenster mit den Fahrzeugangaben (Startseite) */
.mini-dlg{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mini-dlg[hidden]{display:none}
.mini-dlg-in{position:relative;width:min(760px,100%);max-height:94vh;overflow:auto;padding:20px 22px 26px;border:1px solid var(--line2);border-radius:20px;background:#0c0c0c;box-shadow:0 40px 90px -30px rgba(0,0,0,.9);animation:vup .45s var(--ease-x) both}
.mini-dlg-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mini-dlg-t{margin:0;font:800 1.15rem var(--head);color:var(--accent)}
.mini-dlg-x{width:42px;height:42px;border:0;border-radius:50%;background:#1b1b1b;color:#fff;font-size:1rem;cursor:pointer}.mini-dlg-x:hover{background:var(--accent);color:#0a0a0a}
.dlg-offen body{overflow:hidden}.mini-dlg .step[data-step="1"] .step-titel{display:none}
/* Mini-Fenster am Handy (04.10.2026): Vollbild-Blatt, das nicht mitscrollt. Kopf mit Schliessen-Knopf, Marktspanne und Fortschritt stehen fest,
   nur der Inhalt der aktuellen Frage scrollt bei Bedarf in sich; die Seite dahinter ist gesperrt. */
.mini-dlg{overscroll-behavior:contain}
@media (max-width:859px){
  .mini-dlg{padding:0;align-items:stretch;background:#0c0c0c;-webkit-backdrop-filter:none;backdrop-filter:none}
  .mini-dlg-in{width:100%;max-height:none;height:100vh;height:100dvh;padding:10px 14px 8px;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;animation:none}
  .mini-dlg-kopf{flex:none;margin-bottom:4px}.mini-dlg-t{font-size:1rem}.mini-dlg-x{width:40px;height:40px}
  .mini-dlg-in .fvar,.mini-dlg-in .fvf{flex:1;min-height:0;display:flex;flex-direction:column}
  .mini-dlg-in form{flex:1;min-height:0;display:flex;flex-direction:column}
  .mini-dlg-in .progress{flex:none;margin-bottom:6px}
  .mini-dlg-in .step.is-active{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 6px 8px;margin:-10px -6px 0}   /* Luft rundum: angehobene/leuchtende Auswahl-Buttons werden sonst am Rand abgeschnitten */
  .mini-dlg-in .step-titel{font-size:1.4rem;line-height:1.15;margin-bottom:10px}
  .mini-dlg-in .qc{min-height:44px}.mini-dlg-in .qg{gap:8px}
  .mini-dlg-t,.mini-dlg-in .fv-bar,.mini-dlg-in .form-status:empty{display:none}.mini-dlg-kopf{justify-content:flex-end}
  .mini-dlg-in .fv-mp{margin:0 0 6px}.mini-dlg-in .step.is-active{scrollbar-width:none}.mini-dlg-in .step.is-active::-webkit-scrollbar{display:none}
  .mini-dlg-in .fvf .step-nav{margin-top:12px}.mini-dlg-in .fvf .step-nav .btn{min-height:50px}
}
.mini .mp-c.on{background:var(--accent);border-color:var(--accent);color:#0a0a0a}