@import"https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;600;800&display=swap";:root{--court: #1E6FB8;--court-deep: #123F66;--sand: #EAE0C8;--ball: #D9F24F;--ink: #0E1B26;--sand-dark: #6B5F45;--surface: #ffffff;--on-dark: #ffffff;--on-dark-muted: rgba(255, 255, 255, .7);--ink-15: rgba(14, 27, 38, .15);--ink-10: rgba(14, 27, 38, .1);--court-tint: rgba(30, 111, 184, .06);--chip-gruen-bg: #DFF0DC;--chip-warn-bg: #F6E3C5;--overlay-top: rgba(18, 63, 102, .55);--overlay-bottom: rgba(14, 27, 38, .75);--bild-tint-top: rgba(30, 111, 184, .08);--bild-tint-bottom: rgba(14, 27, 38, .04);--ghost-hover-bg: rgba(255, 255, 255, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--font-body: "Archivo", system-ui, sans-serif;--font-display: "Anton", "Arial Black", sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: clamp(15px, .9rem + .3vw, 16px);--text-md: clamp(16px, .95rem + .4vw, 18px);--text-lg: clamp(18px, 1rem + .6vw, 20px);--text-xl: clamp(20px, 1.1rem + .8vw, 22px);--text-h2: clamp(28px, 4vw, 40px);--text-hero: clamp(40px, 7vw, 72px);--shadow-sm: 0 2px 8px rgba(14, 27, 38, .08);--shadow-md: 0 8px 24px rgba(14, 27, 38, .12);--shadow-lg: 0 16px 40px rgba(14, 27, 38, .18);--transition-fast: .15s ease;--focus-ring: 3px solid var(--court);--focus-ring-on-dark: 3px solid var(--ball);--focus-offset: 2px;--wrap-max: 1000px}*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5}h1,h2,h3,.anton{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:400;line-height:1.05;margin:0}a{color:var(--court-deep)}a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.wrap{max-width:var(--wrap-max);margin:0 auto;padding:0 var(--space-4)}.site-header{background:var(--ink);color:var(--on-dark);position:sticky;top:0;z-index:50}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-3);padding-bottom:var(--space-3)}.logo{font-family:var(--font-display);text-transform:uppercase;font-size:var(--text-xl);color:var(--on-dark);text-decoration:none;letter-spacing:.04em}.logo span{color:var(--ball)}.logo:focus-visible{outline:var(--focus-ring-on-dark);outline-offset:var(--focus-offset)}.site-nav{display:flex;gap:var(--space-1);flex-wrap:wrap}.site-nav a{color:var(--on-dark);text-decoration:none;font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);transition:background-color var(--transition-fast)}.site-nav a:hover,.site-nav a.active{background:var(--court)}.site-nav a:focus-visible{outline:var(--focus-ring-on-dark);outline-offset:var(--focus-offset);border-radius:var(--radius-pill)}.hero{background:linear-gradient(180deg,var(--court),var(--court-deep));color:var(--on-dark);padding:var(--space-8) 0 calc(var(--space-8) + var(--space-2))}.hero .kicker{color:var(--ball)}.hero h1{font-size:var(--text-hero);max-width:700px}.hero p{font-size:var(--text-md);max-width:540px;opacity:.92}.kicker{font-size:var(--text-xs);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sand-dark);margin-bottom:var(--space-2)}.btn{display:inline-block;background:var(--ball);color:var(--ink);border:none;border-radius:var(--radius-pill);padding:calc(var(--space-4) - 1px) calc(var(--space-5) + var(--space-1));font-size:var(--text-base);font-weight:800;font-family:inherit;text-decoration:none;cursor:pointer;transition:filter var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0);box-shadow:none}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.btn.ghost{background:transparent;color:inherit;border:2px solid currentColor}.btn.ghost:hover{background:var(--ghost-hover-bg);filter:none}.btn.dark{background:var(--ink);color:var(--on-dark)}.btn.dark:focus-visible{outline:var(--focus-ring)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:calc(var(--space-4) + 2px);border:1px solid var(--ink-15);text-decoration:none;color:inherit;display:block;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--court)}.card:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-lg)}.card .marke{font-size:var(--text-xs);font-weight:800;color:var(--sand-dark);text-transform:uppercase}.card .modell{font-size:var(--text-lg);margin:2px 0 10px}.chips{display:flex;flex-wrap:wrap;gap:calc(var(--space-1) + 2px)}.chip{font-size:var(--text-xs);font-weight:600;background:var(--sand);padding:var(--space-1) 10px;border-radius:var(--radius-pill)}.chip.gruen{background:var(--chip-gruen-bg)}.chip.warn{background:var(--chip-warn-bg)}.preis{font-family:var(--font-display);font-size:var(--text-xl);color:var(--court);margin-top:10px}section.block{padding:var(--space-7) 0}section.block h2{font-size:var(--text-h2);margin-bottom:var(--space-5)}table.specs{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}table.specs th,table.specs td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--ink-10);font-size:var(--text-base)}table.specs th{width:40%;font-weight:800;background:var(--court-tint)}table.specs tr:last-child th,table.specs tr:last-child td{border-bottom:none}.site-footer{background:var(--ink);color:var(--on-dark-muted);padding:var(--space-6) 0;margin-top:var(--space-8);font-size:var(--text-sm)}.site-footer a{color:var(--ball);text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer a:focus-visible{outline:var(--focus-ring-on-dark);outline-offset:var(--focus-offset)}.site-footer nav{display:flex;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap}.hero-video{position:relative;overflow:hidden}.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-video:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,var(--overlay-top),var(--overlay-bottom))}.hero-video .wrap{position:relative;z-index:2}.card-bild{width:100%;height:190px;object-fit:contain;background:linear-gradient(180deg,var(--bild-tint-top),var(--bild-tint-bottom));border-radius:var(--radius-md);padding:var(--space-3);box-sizing:border-box;margin-bottom:var(--space-3)}.detail-bild{width:240px;max-width:40vw;float:right;margin:0 0 var(--space-4) 20px}.foto-block img{width:100%;border-radius:var(--radius-lg);display:block}@media(prefers-reduced-motion:reduce){.btn,.card,.site-nav a{transition:none}.btn:hover,.card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.hero-video video{display:none}}.nav-toggle{display:none;background:none;border:none;padding:10px;cursor:pointer;flex-direction:column;gap:5px}.nav-toggle .balken{display:block;width:26px;height:3px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}.nav-toggle[aria-expanded=true] .balken:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle[aria-expanded=true] .balken:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .balken:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:720px){.nav-toggle{display:flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:2px;background:var(--ink);padding:8px 16px 16px;border-bottom:3px solid var(--ball)}body.nav-offen .site-nav{display:flex}.site-nav a{padding:14px 12px;font-size:15px}.site-header{position:sticky}.site-header .wrap{position:relative}}.skip-link{position:absolute;top:0;left:0;z-index:100;transform:translateY(-150%);background:var(--ball);color:var(--ink);font-weight:800;text-decoration:none;padding:12px 20px;border-radius:0 0 12px}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #fff;outline-offset:1px;box-shadow:0 0 0 4px var(--ink)}