:root{--color-bg: #f6f2ea;--color-bg-elevated: #fffdf8;--color-ink: #16181c;--color-ink-soft: #3a3f48;--color-muted: #6b717c;--color-line: #d7d0c4;--color-line-strong: #b8af9f;--color-accent: #e85d04;--color-accent-deep: #c44902;--color-accent-soft: #fff1e6;--color-asphalt: #2f4a66;--color-asphalt-soft: #e8eef4;--color-contrast: #1b1f26;--color-contrast-text: #f6f2ea;--color-success-ink: #1f4d3a;--color-focus: #e85d04;--color-danger-soft: #fdece8;--font-sans: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-base: 1.0625rem;--fs-md: 1.1875rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fs-2xl: clamp(2.25rem, 4vw, 3.25rem);--fs-3xl: clamp(2.75rem, 5.5vw, 4rem);--lh-tight: 1.15;--lh-snug: 1.35;--lh-body: 1.65;--tracking-display: -.03em;--tracking-label: .08em;--width-content: 72rem;--width-prose: 42rem;--width-wide: 84rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--space-9: 6rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--shadow-soft: 0 1px 0 rgba(22, 24, 28, .04), 0 12px 28px rgba(22, 24, 28, .06);--shadow-panel: 0 0 0 1px rgba(22, 24, 28, .06), 0 18px 40px rgba(22, 24, 28, .08);--header-h: 4.25rem;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--color-ink);background:linear-gradient(180deg,rgba(47,74,102,.04),transparent 18rem),var(--color-bg);min-height:100vh}img,svg{max-width:100%;height:auto;display:block}a{color:var(--color-asphalt);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--color-accent-deep)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:1000;background:var(--color-ink);color:var(--color-contrast-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.skip-link:focus{top:var(--space-4)}.page{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.wrap{width:min(100% - 2rem,var(--width-content));margin-inline:auto}.wrap-wide{width:min(100% - 2rem,var(--width-wide));margin-inline:auto}.prose-width{max-width:var(--width-prose)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-display);line-height:var(--lh-tight);color:var(--color-ink);margin:0 0 var(--space-4);font-weight:700}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0 0 var(--space-4);color:var(--color-ink-soft)}.lead{font-size:var(--fs-md);color:var(--color-ink-soft);max-width:40rem}.eyebrow,.section-label,.road-mark{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-asphalt);margin-bottom:var(--space-3)}.road-mark:before{content:"";width:1.25rem;height:2px;background:var(--color-accent)}.section{padding:var(--space-7) 0}.section-tight{padding:var(--space-5) 0}.section-title{margin-bottom:var(--space-3)}.section-lead{margin-bottom:var(--space-6);max-width:40rem}.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.85rem;padding:.7rem 1.15rem;border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-weight:700;font-size:var(--fs-sm);text-decoration:none;cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-deep);color:#fff;border-color:var(--color-accent-deep)}.btn-secondary{background:var(--color-asphalt);color:#fff;border-color:var(--color-asphalt)}.btn-secondary:hover{background:#243a52;color:#fff}.btn-ghost{background:transparent;color:var(--color-ink);border-color:var(--color-line-strong)}.btn-ghost:hover{border-color:var(--color-ink);color:var(--color-ink)}.btn-disabled,.btn-disabled:hover{background:var(--color-line);color:var(--color-muted);border-color:var(--color-line);cursor:not-allowed;pointer-events:none}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.site-header{position:sticky;top:0;z-index:50;background:#f6f2eaeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-line)}.header-inner{width:min(100% - 2rem,var(--width-wide));margin-inline:auto;min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.logo-mark{width:2.4rem;height:2.4rem;border:2px solid var(--color-ink);border-radius:var(--radius-sm);display:grid;place-items:center;font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:.04em;background:var(--color-bg-elevated);color:var(--color-accent)}.wordmark-name{display:block;font-weight:800;letter-spacing:var(--tracking-display);line-height:1.1}.wordmark-tag{display:block;font-size:var(--fs-xs);color:var(--color-muted)}.header-nav-desktop{display:none}.header-nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-1)}.header-nav-link{display:inline-flex;align-items:center;min-height:2.5rem;padding:.4rem .75rem;color:var(--color-ink);text-decoration:none;font-weight:600;font-size:var(--fs-sm);border-radius:var(--radius-md)}.header-nav-link:hover{background:var(--color-accent-soft);color:var(--color-accent-deep)}.header-nav-cta{margin-left:var(--space-2);background:var(--color-accent);color:#fff!important}.header-nav-cta:hover{background:var(--color-accent-deep);color:#fff!important}.nav-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:.4rem .75rem;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-ink);font:inherit;font-weight:700;font-size:var(--fs-sm);cursor:pointer}.nav-toggle-icon{display:inline-flex;flex-direction:column;gap:4px;width:1rem}.nav-toggle-icon span{display:block;height:2px;background:currentColor}.mobile-nav{border-top:1px solid var(--color-line);background:var(--color-bg-elevated)}.mobile-nav[hidden]{display:none}.mobile-nav-list{list-style:none;margin:0;padding:var(--space-3) var(--space-4) var(--space-5);display:grid;gap:var(--space-1)}.mobile-nav-link{display:block;padding:.85rem .75rem;text-decoration:none;color:var(--color-ink);font-weight:650;border-radius:var(--radius-md)}.mobile-nav-link:hover,.mobile-nav-link-accent{background:var(--color-accent-soft)}.mobile-nav-link-accent{color:var(--color-accent-deep)}@media(min-width:960px){.header-nav-desktop{display:block}.nav-toggle{display:none}}.breadcrumbs{padding:var(--space-4) 0 0}.breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--fs-xs);color:var(--color-muted)}.breadcrumb-list li{display:inline-flex;align-items:center;gap:var(--space-2)}.breadcrumb-list li:not(:last-child):after{content:"→";color:var(--color-line-strong)}.breadcrumb-list a{color:var(--color-muted);text-decoration:none}.breadcrumb-list a:hover{color:var(--color-accent-deep)}.editorial-hero{padding:var(--space-7) 0 var(--space-6);border-bottom:1px solid var(--color-line)}.editorial-hero-grid{display:grid;gap:var(--space-6);align-items:center}@media(min-width:900px){.editorial-hero-grid{grid-template-columns:1.15fr .85fr;gap:var(--space-8)}}.editorial-hero h1{margin-bottom:var(--space-4)}.hero-visual{min-width:0;justify-self:center;max-width:100%}.hero-visual img{display:block;width:100%;max-width:min(20rem,100%);height:auto;margin-inline:auto;aspect-ratio:4 / 3;object-fit:contain}@media(max-width:899px){.hero-visual img{max-width:min(16rem,100%);max-height:12rem}}.explain-video{margin:0 0 var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-elevated);box-shadow:var(--shadow-soft)}.explain-video-player{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:#16181c}.explain-video-caption{margin:0;padding:var(--space-4) var(--space-5);font-size:var(--fs-sm);color:var(--color-muted);border-top:1px solid var(--color-line)}.explain-video-transcript{font-size:var(--fs-sm);color:var(--color-ink-soft)}.explain-video-transcript summary{cursor:pointer;font-weight:700;color:var(--color-asphalt)}.explain-video-transcript-block{margin-top:var(--space-4)}.explain-video-transcript-block h3{font-size:var(--fs-md);margin-bottom:var(--space-2)}.season-strip{background:var(--color-contrast);color:var(--color-contrast-text);padding:var(--space-5) 0}.season-strip-inner{display:grid;gap:var(--space-4)}@media(min-width:800px){.season-strip-inner{grid-template-columns:auto 1fr auto;align-items:center}}.season-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;color:var(--color-accent)}.season-strip p{color:#f6f2eae0;margin:0}.season-strip a{color:#fff}.problem-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--color-line)}.problem-item{display:grid;grid-template-columns:3.5rem 1fr auto;gap:var(--space-4);align-items:start;padding:var(--space-5) 0;border-bottom:1px solid var(--color-line);text-decoration:none;color:inherit}.problem-item:hover .problem-title{color:var(--color-accent-deep)}.problem-num{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-accent);font-weight:700}.problem-title{font-size:var(--fs-md);font-weight:750;letter-spacing:var(--tracking-display);margin:0 0 var(--space-2);color:var(--color-ink)}.problem-text{margin:0;color:var(--color-muted);font-size:var(--fs-sm)}.problem-arrow{color:var(--color-asphalt);font-size:1.25rem;line-height:1;margin-top:.15rem}@media(max-width:640px){.problem-item{grid-template-columns:2.5rem 1fr}.problem-arrow{display:none}}.split-grid{display:grid;gap:var(--space-4)}@media(min-width:860px){.split-grid{grid-template-columns:1.65fr 1fr}}.split-panel{border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6);min-height:100%}.split-panel--auto{background:var(--color-bg-elevated);box-shadow:var(--shadow-panel)}.split-panel--moto{background:var(--color-asphalt);color:var(--color-contrast-text);border-color:transparent}.split-panel--moto h2,.split-panel--moto .section-label,.split-panel--moto p{color:var(--color-contrast-text)}.split-panel--moto .section-label{color:#f0b27a}.split-panel--moto p{color:#f6f2eadb}.split-list{margin:0 0 var(--space-5);padding-left:1.1rem;color:inherit}.split-panel--moto .split-list{color:#f6f2eae6}.magazine-grid{display:grid;gap:var(--space-4)}@media(min-width:900px){.magazine-grid{grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto}.teaser--feature{grid-row:span 2}}.teaser{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-bg-elevated);text-decoration:none;color:inherit;min-height:100%;transition:border-color .16s var(--ease),transform .16s var(--ease)}.teaser:hover{border-color:var(--color-accent);transform:translateY(-2px)}.teaser--feature{background:linear-gradient(180deg,rgba(232,93,4,.08),transparent 40%),var(--color-bg-elevated);padding:var(--space-6)}.teaser-meta{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-deep)}.teaser h3{margin:0;font-size:var(--fs-lg)}.teaser--feature h3{font-size:var(--fs-xl)}.teaser p{margin:0;flex:1}.teaser-link{font-weight:700;color:var(--color-asphalt)}.video-block{border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-contrast);color:var(--color-contrast-text)}.video-frame{aspect-ratio:16 / 9;display:grid;place-items:center;padding:var(--space-6);text-align:center;background:radial-gradient(circle at 30% 20%,rgba(232,93,4,.25),transparent 40%),linear-gradient(160deg,#243041,#16181c)}.video-frame h3,.video-frame p{color:var(--color-contrast-text)}.video-frame p{color:#f6f2eacc;max-width:34rem;margin-inline:auto}.video-note{padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);color:var(--color-ink-soft);border-top:1px solid var(--color-line);font-size:var(--fs-sm);margin:0}.compare-panel{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-bg-elevated);padding:var(--space-6);box-shadow:var(--shadow-soft)}#vergleich{scroll-margin-top:calc(var(--header-h) + 1rem)}.compare-panel h2{margin-bottom:var(--space-3)}.affiliate-inline{font-size:var(--fs-sm);color:var(--color-muted);margin-top:var(--space-4)}.trust-notice,.source-box,.decision-block,.editorial-notice,.affiliate-disclosure{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-bg-elevated);padding:var(--space-5);margin:var(--space-6) 0}.trust-notice{border-left:4px solid var(--color-asphalt)}.source-box{border-left:4px solid var(--color-accent)}.decision-block{border-left:4px solid var(--color-asphalt);background:linear-gradient(90deg,var(--color-asphalt-soft),var(--color-bg-elevated))}.decision-block-list,.source-box-list{margin:0 0 var(--space-4);padding-left:1.15rem}.source-box-note{color:var(--color-muted);font-size:var(--fs-sm)}.source-box-disclaimer,.trust-text,.affiliate-disclosure p,.editorial-notice p{margin:0;font-size:var(--fs-sm);color:var(--color-muted)}.faq-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-line)}.faq-item{border-bottom:1px solid var(--color-line);padding:var(--space-4) 0}.faq-item dt{font-weight:750;letter-spacing:var(--tracking-display);margin-bottom:var(--space-2);color:var(--color-ink)}.faq-item dd{margin:0;color:var(--color-ink-soft)}.article-intro,.legal-content,.content-block{max-width:var(--width-prose)}.content-block h2{margin-top:var(--space-7)}.content-block ul,.content-block ol{margin:0 0 var(--space-4);padding-left:1.2rem;color:var(--color-ink-soft)}.content-block li+li{margin-top:var(--space-2)}.callout{border:1px solid var(--color-line);border-left:4px solid var(--color-accent);background:var(--color-accent-soft);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin:var(--space-5) 0}.callout p:last-child{margin-bottom:0}.checklist{list-style:none;margin:0 0 var(--space-5);padding:0;display:grid;gap:var(--space-3)}.checklist li{display:grid;grid-template-columns:1.5rem 1fr;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px dashed var(--color-line)}.checklist li:before{content:"→";color:var(--color-accent);font-weight:700}.page-hero{padding:var(--space-6) 0 var(--space-5);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-2)}.page-hero h1{max-width:18ch}.page-tools{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.share-block,.print-toolbar{margin:var(--space-7) 0;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.share-actions,.print-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3)}.share-btn,.print-btn{appearance:none;border:1px solid var(--color-line-strong);background:var(--color-bg);color:var(--color-ink);border-radius:var(--radius-md);min-height:2.5rem;padding:.55rem .9rem;font:inherit;font-weight:650;font-size:var(--fs-sm);text-decoration:none;cursor:pointer}.share-btn:hover,.print-btn:hover{border-color:var(--color-accent);color:var(--color-accent-deep)}.related-links{margin:var(--space-7) 0;padding-top:var(--space-5);border-top:1px solid var(--color-line)}.related-links ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.related-links a{text-decoration:none;font-weight:650}.related-links a:before{content:"→ ";color:var(--color-accent)}.site-footer{margin-top:auto;border-top:1px solid var(--color-line);background:var(--color-bg-elevated);padding:var(--space-6) 0}.footer-inner{width:min(100% - 2rem,var(--width-content));margin-inline:auto;display:grid;gap:var(--space-5)}@media(min-width:800px){.footer-inner{grid-template-columns:1.4fr 1fr;align-items:start}}.footer-brand{font-weight:800;letter-spacing:var(--tracking-display);margin-bottom:var(--space-2)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.footer-nav a,.footer-meta a,.footer-cookie-btn{color:var(--color-ink-soft);text-decoration:none;font-size:var(--fs-sm)}.footer-cookie-btn{appearance:none;border:0;background:transparent;padding:0;font:inherit;cursor:pointer;text-align:left}.footer-nav a:hover,.footer-meta a:hover{color:var(--color-accent-deep)}.footer-meta{font-size:var(--fs-xs);color:var(--color-muted)}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:80;padding:var(--space-4)}.cookie-banner[hidden]{display:none}.cookie-banner-inner{width:min(100%,52rem);margin-inline:auto;background:var(--color-contrast);color:var(--color-contrast-text);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-panel);display:grid;gap:var(--space-4)}@media(min-width:720px){.cookie-banner-inner{grid-template-columns:1fr auto;align-items:center}}.cookie-banner-title{margin:0 0 var(--space-2);color:#fff;font-size:var(--fs-md)}.cookie-banner-desc{margin:0;color:#f6f2ead6;font-size:var(--fs-sm)}.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.cookie-banner-btn--secondary{background:transparent;color:#fff;border:1px solid rgba(246,242,234,.35)}.cookie-banner-link{color:#fff;font-size:var(--fs-sm)}.icon-row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-5) 0}.icon-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem .8rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--fs-sm);color:var(--color-ink-soft)}.icon-chip svg{width:1.35rem;height:1.35rem;flex:0 0 auto}.legal-content h2{margin-top:var(--space-6);font-size:var(--fs-lg)}@media print{body{background:#fff;color:#000}.site-header,.site-footer,.cookie-banner,.share-block,.video-block,.compare-panel,.nav-toggle,.mobile-nav,.print-toolbar,.hero-actions,.cta-actions,.affiliate-disclosure{display:none!important}a{color:#000;text-decoration:underline}.page-hero,.section,.editorial-hero{padding:.5rem 0}}