@font-face{font-family:InterFallback;src:local("Arial");size-adjust:100%}
:root{--nacht:#071914;--wald:#0b2d24;--tanne:#124b3d;--tuerkis:#23d8bd;--signal:#ffd43b;--papier:#f4f7f3;--weiss:#fff;--tinte:#10231d;--nebel:#dbe5df;--grau:#617069;--kante:rgba(16,35,29,.13);--radius:22px;--schatten:0 22px 60px rgba(2,26,19,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:InterFallback,Inter,Arial,sans-serif;background:var(--papier);color:var(--tinte);font-size:17px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.spur{width:min(1180px,calc(100% - 40px));margin-inline:auto}.angebotesleiste{background:var(--signal);color:#14201c;text-align:center;font-size:.8rem;font-weight:900;letter-spacing:.07em;padding:8px 12px;text-transform:uppercase}.site-kopf{position:relative;z-index:20;background:rgba(7,25,20,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.kopfreihe{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.marke{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:950;letter-spacing:-.03em;font-size:1.25rem}.markenrad{width:36px;height:36px;border:3px solid var(--tuerkis);border-radius:50%;position:relative;display:inline-block}.markenrad:before,.markenrad:after{content:"";position:absolute;background:var(--signal)}.markenrad:before{width:16px;height:3px;left:7px;top:14px;transform:rotate(-25deg)}.markenrad:after{width:5px;height:5px;border-radius:50%;left:13px;top:13px}.hauptnav{display:flex;align-items:center;gap:23px}.hauptnav a{text-decoration:none;font-size:.92rem;font-weight:750;color:#dbeee7}.hauptnav a:hover{color:var(--tuerkis)}.hauptnav .navkauf{color:var(--nacht);background:var(--signal);padding:10px 16px;border-radius:999px}.menuschalter{display:none;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:8px 10px;font:inherit}.buehne{background:radial-gradient(circle at 85% 22%,rgba(35,216,189,.18),transparent 28%),linear-gradient(135deg,#071914 0%,#0c3329 58%,#08221b 100%);color:#fff;overflow:hidden}.buehnenfeld{min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;padding-block:65px}.kennzeichen{display:inline-flex;align-items:center;gap:9px;color:var(--tuerkis);font-size:.79rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px}.kennzeichen:before{content:"";width:30px;height:3px;background:var(--signal)}h1,h2,h3{line-height:1.08;letter-spacing:-.038em;margin:0 0 .55em}h1{font-size:clamp(2.65rem,5.8vw,5.25rem);max-width:820px}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.35rem}.buehne h1 em{color:var(--signal);font-style:normal}.einleitung{font-size:1.12rem;line-height:1.65;color:#cfe3db;max-width:690px}.schaltreihe{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}.aktionsknopf{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:13px 24px;border-radius:12px;text-decoration:none!important;background:var(--signal);color:#10231d;font-weight:950;box-shadow:0 10px 28px rgba(255,212,59,.18);transition:transform .2s ease,box-shadow .2s ease}.aktionsknopf:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(255,212,59,.26)}.textlink{color:var(--tuerkis);font-weight:800}.kurzhinweis{font-size:.82rem;color:#9fb9af;margin-top:16px}.produktfenster{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.17);border-radius:34px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.produktfenster:after{content:"OBD2";position:absolute;right:-13px;top:30px;background:var(--tuerkis);color:var(--nacht);font-weight:950;font-size:.8rem;letter-spacing:.14em;padding:8px 13px;border-radius:8px}.produktfenster img{width:100%;border-radius:20px}.datenband{background:var(--weiss);border-bottom:1px solid var(--kante)}.datenreihe{display:grid;grid-template-columns:repeat(4,1fr)}.datenpunkt{padding:24px 28px;border-right:1px solid var(--kante)}.datenpunkt:last-child{border-right:0}.datenpunkt strong{font-size:1.28rem;display:block;color:var(--tanne)}.datenpunkt span{font-size:.83rem;color:var(--grau)}.abschnitt{padding:92px 0}.abschnitt.weiss{background:var(--weiss)}.abschnitt.dunkel{background:var(--nacht);color:#fff}.abschnitt.dunkel p,.abschnitt.dunkel li{color:#c6d8d1}.abschnitt.signalraum{background:linear-gradient(135deg,#eaf8f3,#fff9d9)}.kapitelkopf{max-width:790px;margin-bottom:44px}.kapitelkopf p{color:var(--grau);font-size:1.08rem}.dunkel .kapitelkopf p{color:#b7cbc3}.zweispur{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.dreispur{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vierbahn{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.karte{background:#fff;border:1px solid var(--kante);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(6,34,25,.06)}.dunkel .karte{background:#0d2b23;border-color:rgba(255,255,255,.12)}.fahrmarke{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--signal);color:var(--nacht);font-weight:950;margin-bottom:22px}.medienrahmen{border-radius:28px;overflow:hidden;background:#dfe9e3;box-shadow:var(--schatten)}.medienrahmen img{width:100%;aspect-ratio:1.18/1;object-fit:cover}.medienrahmen.freigestellt{background:linear-gradient(140deg,#e7f7f1,#fff7cf);padding:36px}.medienrahmen.freigestellt img{object-fit:contain}.hakenliste{list-style:none;padding:0;margin:22px 0}.hakenliste li{position:relative;padding:10px 0 10px 35px;border-bottom:1px solid var(--kante)}.hakenliste li:before{content:"✓";position:absolute;left:0;color:var(--tanne);font-weight:950}.warnfeld{border-left:5px solid var(--signal);padding:25px 28px;background:rgba(255,255,255,.08);border-radius:0 18px 18px 0}.pruefstrecke{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.pruefstrecke .medienrahmen{height:100%}.pruefstrecke .medienrahmen img{height:100%;object-fit:cover}.urteil{background:var(--tanne);color:#fff}.urteil p{color:#d8e8e2}.messlatte{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.messlatte span{padding:7px 11px;border-radius:999px;background:#e6f5ef;color:var(--tanne);font-size:.78rem;font-weight:850}.preisbahn{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.preiskarte{position:relative;border:1px solid var(--kante);border-radius:24px;padding:30px;background:#fff;display:flex;flex-direction:column}.preiskarte.vorne{border:3px solid var(--tanne);transform:translateY(-10px);box-shadow:var(--schatten)}.paketschild{align-self:flex-start;background:var(--tuerkis);color:var(--nacht);font-size:.72rem;font-weight:950;letter-spacing:.08em;padding:7px 10px;border-radius:999px;text-transform:uppercase}.streichpreis{text-decoration:line-through;color:var(--grau);margin:18px 0 0}.jetztpreis{font-size:2.6rem;font-weight:950;color:var(--tanne);line-height:1;margin:6px 0}.rabatt{font-weight:900;color:#166b58;margin-bottom:20px}.preiskarte .aktionsknopf{margin-top:auto}.garantieleiste{margin-top:24px;border:1px solid #bfded2;background:#ebf8f3;border-radius:16px;padding:18px 22px}.antworten{display:grid;gap:12px}.antwort{border:1px solid var(--kante);border-radius:16px;background:#fff;overflow:hidden}.antwort summary{cursor:pointer;list-style:none;font-weight:900;padding:20px 58px 20px 22px;position:relative}.antwort summary::-webkit-details-marker{display:none}.antwort summary:after{content:"+";position:absolute;right:22px;top:14px;font-size:1.8rem;color:var(--tanne)}.antwort[open] summary:after{content:"–"}.antwort p{padding:0 22px 20px;margin:0;color:var(--grau)}.schlussrampe{background:linear-gradient(120deg,var(--tanne),#071914);color:#fff;border-radius:30px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:35px}.schlussrampe p{color:#cce0d8;max-width:680px}.brotspur{font-size:.82rem;color:var(--grau);padding:24px 0 0}.brotspur a{color:var(--tanne)}.unterbuehne{padding:45px 0 64px;background:linear-gradient(135deg,#e9f6f1,#fff);border-bottom:1px solid var(--kante)}.unterbuehne h1{font-size:clamp(2.5rem,5vw,4.7rem);color:var(--nacht)}.unterbuehne p{font-size:1.15rem;max-width:770px}.lesestoff{max-width:850px}.lesestoff h2{margin-top:1.3em}.lesestoff h3{margin-top:1.5em}.lesestoff p,.lesestoff li{color:#35483f}.lesestoff .medienrahmen{margin:35px 0}.quellenhinweis{font-size:.9rem;background:#edf3ef;border-left:4px solid var(--tuerkis);padding:18px 22px;border-radius:0 14px 14px 0}.site-fuss{background:#061510;color:#bdd0c8;padding:58px 0 105px}.fussfeld{display:grid;grid-template-columns:1.1fr .9fr;gap:60px}.site-fuss h2{color:#fff;font-size:1.6rem}.fusslinks{display:flex;flex-wrap:wrap;gap:12px 22px}.fusslinks a{color:#dcebe5}.kleindruck{font-size:.82rem;color:#8fa99e;margin-top:30px}.mobilkauf{display:none}.nur-leser{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.menuschalter{display:block}.hauptnav{display:none;position:absolute;top:72px;left:0;right:0;background:#081d17;padding:20px;flex-direction:column;align-items:stretch}.hauptnav.offen{display:flex}.buehnenfeld,.zweispur,.pruefstrecke,.fussfeld{grid-template-columns:1fr}.buehnenfeld{gap:35px}.dreispur,.preisbahn{grid-template-columns:1fr}.vierbahn{grid-template-columns:1fr 1fr}.preiskarte.vorne{transform:none}.produktfenster{max-width:620px}.schlussrampe{align-items:flex-start;flex-direction:column}.datenreihe{grid-template-columns:1fr 1fr}.datenpunkt:nth-child(2){border-right:0}}
@media(max-width:600px){body{font-size:16px;padding-bottom:78px}.spur{width:min(100% - 28px,1180px)}.angebotesleiste{font-size:.68rem;padding:6px 8px}.kopfreihe{min-height:58px}.marke{font-size:1.05rem}.markenrad{width:30px;height:30px}.hauptnav{top:58px}.buehnenfeld{min-height:auto;padding:32px 0 36px;display:block}.kennzeichen{font-size:.67rem;margin-bottom:10px}h1{font-size:2.45rem;line-height:1.01}.einleitung{font-size:.96rem;line-height:1.5}.schaltreihe{margin-top:19px;gap:12px}.aktionsknopf{min-height:50px;padding:11px 17px}.buehne .produktfenster{margin-top:28px;padding:18px;border-radius:22px}.buehne .produktfenster:after{right:8px;top:8px}.datenpunkt{padding:17px 13px}.datenpunkt strong{font-size:1.05rem}.datenpunkt span{font-size:.72rem}.abschnitt{padding:64px 0}.kapitelkopf{margin-bottom:30px}.vierbahn{grid-template-columns:1fr}.karte{padding:22px}.medienrahmen.freigestellt{padding:22px}.preisbahn{gap:16px}.schlussrampe{padding:31px 24px}.mobilkauf{display:block;position:fixed;z-index:30;bottom:0;left:0;right:0;padding:9px 14px;background:rgba(7,25,20,.96);border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);visibility:hidden;transform:translateY(100%);transition:transform .2s ease,visibility .2s ease}.mobilkauf.sichtbar{visibility:visible;transform:none}.mobilkauf .aktionsknopf{width:100%}.site-fuss{padding-bottom:100px}.unterbuehne{padding:30px 0 45px}.brotspur{padding-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aktionsknopf{transition:none}}