*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--st-surface);color:var(--st-text);font-family:var(--st-font);flex-direction:column;min-height:100vh;margin:0;font-size:15px;line-height:1.6;display:flex}button,input,select{font:inherit;color:inherit}a{color:var(--st-primary)}h1,h2{margin:0;line-height:1.3}.kopf{z-index:10;background:var(--st-bg);border-bottom:1px solid var(--st-border);align-items:center;gap:24px;padding:12px 24px;display:flex;position:sticky;top:0}.marke{color:var(--st-text);align-items:center;gap:12px;text-decoration:none;display:flex}.marke img{width:auto;height:24px}.marke span{letter-spacing:.08em;text-transform:uppercase;color:var(--st-text-muted);font-size:13px;font-weight:500}.nav{gap:4px;display:flex}.nav a{border-radius:var(--st-radius);color:var(--st-text-muted);padding:6px 12px;font-weight:500;text-decoration:none}.nav a:hover{background:var(--st-surface);color:var(--st-text)}.nav a[aria-current=true]{background:var(--st-blue-50);color:var(--st-primary)}.kopf-rechts{align-items:center;gap:12px;margin-left:auto;display:flex}.sprache{border:1px solid var(--st-border-strong);border-radius:var(--st-radius);display:inline-flex;overflow:hidden}.sprache button{background:var(--st-bg);cursor:pointer;color:var(--st-text-muted);border:0;padding:4px 10px;font-size:13px;font-weight:500}.sprache button[aria-pressed=true]{background:var(--st-navy);color:var(--st-white)}.primaer{border-radius:var(--st-radius);background:var(--st-primary);height:40px;color:var(--st-white);cursor:pointer;transition:background var(--st-ease);border:0;padding:0 20px;font-weight:500}.primaer:hover:not(:disabled){background:var(--st-primary-hover)}.primaer:disabled{background:var(--st-gray-300);cursor:not-allowed}.leise{border:1px solid var(--st-border-strong);border-radius:var(--st-radius);background:var(--st-bg);cursor:pointer;height:36px;padding:0 12px;font-weight:500}.leise:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--st-focus);outline-offset:2px}.inhalt{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 24px 160px}.leise-text{color:var(--st-text-muted);font-size:13px}.meldung{border-radius:var(--st-radius);margin:0 0 16px;padding:12px 16px;font-weight:500}.meldung.ok{background:var(--st-success-50);color:var(--st-success)}.meldung.fehler{background:var(--st-danger-50);color:var(--st-danger)}.meldung.info{background:var(--st-orange-50);color:var(--st-text)}.login{background:var(--st-bg);border:1px solid var(--st-border);border-radius:var(--st-radius);text-align:center;max-width:440px;margin:48px auto;padding:40px 32px}.login img{width:auto;height:68px;margin-bottom:16px}.login h1{margin-bottom:8px;font-size:22px}.login p{color:var(--st-text-muted);margin:0 0 24px}.login form{text-align:left;flex-direction:column;gap:12px;display:flex}.login label{flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.login input{border:1px solid var(--st-border-strong);border-radius:var(--st-radius-sm);height:44px;padding:0 12px}.login .meldung{text-align:left;margin:16px 0 0}.modelle{gap:24px;display:grid}.modell{background:var(--st-bg);border:1px solid var(--st-border);border-radius:var(--st-radius);grid-template-rows:auto 1fr;grid-template-columns:240px 1fr;gap:0 24px;padding:24px;display:grid}.bild{aspect-ratio:1;background:var(--st-surface);border-radius:var(--st-radius);grid-row:1/3;place-items:center;display:grid;overflow:hidden}.bild img{object-fit:cover;width:100%;height:100%}.bild span{letter-spacing:.04em;color:var(--st-gray-300);font-size:28px;font-weight:700}.modell-kopf h2{font-size:22px}.modell-kopf p{margin:4px 0 16px}.marke-special{background:var(--st-orange-50);color:var(--st-text);border-radius:var(--st-radius-pill);vertical-align:middle;padding:2px 8px;font-size:12px;font-weight:500}.matrix{overflow-x:auto}.matrix table{border-collapse:separate;border-spacing:6px}.matrix th{text-align:left;white-space:nowrap;padding:0 4px;font-size:13px;font-weight:500}.matrix thead th{text-align:center}.matrix td{vertical-align:top;text-align:center}.matrix td.leer{color:var(--st-gray-300)}.matrix input{text-align:center;border:1px solid var(--st-border-strong);border-radius:var(--st-radius-sm);background:var(--st-bg);width:72px;height:40px}.matrix input:disabled{background:var(--st-gray-100);border-color:var(--st-gray-100)}.matrix small{color:var(--st-text-muted);white-space:nowrap;font-size:11px;display:block}.matrix small.aus{color:var(--st-danger)}.korb{z-index:10;background:var(--st-bg);border-top:1px solid var(--st-border);box-shadow:var(--st-shadow);position:fixed;bottom:0;left:0;right:0}.korb-innen{grid-template-columns:1.4fr 1.2fr auto;align-items:center;gap:16px 24px;max-width:1200px;margin:0 auto;padding:12px 24px;display:grid}.arten{flex-wrap:wrap;gap:4px 16px;display:flex}.arten label{cursor:pointer;align-items:center;gap:6px;font-weight:500;display:flex}.arten input{accent-color:var(--st-primary)}.arten small,.aktion small{color:var(--st-text-muted);flex-basis:100%;font-size:12px;line-height:16px}.zahlen{flex-wrap:wrap;gap:4px 16px;font-size:14px;display:flex}.zahlen .gross b{font-size:18px}.aktion{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.aktion small{text-align:right}.aktion small.warn{color:var(--st-danger);font-weight:500}.seitentitel{margin-bottom:16px;font-size:24px}.karten{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:16px;display:grid}.karte{background:var(--st-bg);border:1px solid var(--st-border);border-radius:var(--st-radius);padding:24px}.karte h2{margin-bottom:12px;font-size:18px;font-weight:500}.karte dl{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;display:grid}.karte dt{font-weight:500}.karte dd{margin:0}table.liste{border-collapse:collapse;width:100%;font-size:14px}table.liste th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--st-text-muted);padding:4px 8px;font-size:12px;font-weight:500}table.liste td{border-top:1px solid var(--st-border);padding:8px}table.liste .zahl{text-align:right;white-space:nowrap}.fuss{text-align:center;color:var(--st-text-muted);padding:16px 24px 120px;font-size:13px}@media (max-width:768px){.kopf{flex-wrap:wrap;gap:8px 16px;padding:12px 16px}.nav{order:3;width:100%}.inhalt{padding:16px 16px 240px}.modell{grid-template-columns:1fr;padding:16px}.bild{aspect-ratio:16/9;grid-row:auto;margin-bottom:12px}.korb-innen{grid-template-columns:1fr;gap:8px;padding:12px 16px}.aktion{justify-content:stretch}.aktion small{text-align:left}.aktion .primaer{flex:1}}