:root{--farbe-schwarz:#0a0a0a;--farbe-anthrazit:#141414;--farbe-karte:#1c1c1c;--farbe-karte-hover:#232323;--farbe-linie:#2a2a2a;--farbe-rot:#c30010;--farbe-rot-hover:#eb0013;--farbe-rot-dunkel:#8f0011;--farbe-rot-text:#ff293a;--farbe-text:#f5f5f3;--farbe-text-sekundaer:#a8a8a5;--farbe-text-invers:#0a0a0a;--farbe-erfolg:#3ecf6a;--farbe-fehler:#ff5c5c;--schrift-headline:"Space Grotesk", system-ui, sans-serif;--schrift-text:"Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--max-breite:1240px;--radius:14px;--radius-klein:8px;--abstand-1:4px;--abstand-2:8px;--abstand-3:16px;--abstand-4:24px;--abstand-5:40px;--abstand-6:72px;--abstand-7:120px;--schatten:0 12px 40px #00000073;--uebergang:.2s ease}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--farbe-schwarz);color:var(--farbe-text);font-family:var(--schrift-text);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}h1,h2,h3{font-family:var(--schrift-headline);margin:0 0 var(--abstand-3);overflow-wrap:break-word;hyphens:auto;text-wrap:balance;line-height:1.16}h1{letter-spacing:-.02em;font-size:clamp(2.1rem,4.6vw,4.25rem);font-weight:600}h2{letter-spacing:-.015em;font-size:clamp(1.5rem,3.2vw,2.6rem);font-weight:600}h3{font-size:1.2rem;font-family:var(--schrift-text);font-weight:700}p{margin:0 0 var(--abstand-3)}a{color:var(--farbe-text);text-decoration:underline;text-decoration-color:var(--farbe-rot-hover);text-underline-offset:.22em;transition:text-decoration-thickness var(--uebergang), text-decoration-color var(--uebergang);text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px;text-decoration-color:var(--farbe-rot-hover)}img{max-width:100%;display:block}.container{max-width:var(--max-breite);padding:0 var(--abstand-4);margin:0 auto}.section{padding:var(--abstand-6) 0}.section-kopf{max-width:720px;margin-bottom:var(--abstand-5)}.section-kopf .ueberzeile{color:var(--farbe-rot-text);text-transform:uppercase;letter-spacing:.14em;margin-bottom:var(--abstand-2);font-size:.85rem;font-weight:700}.text-sekundaer{color:var(--farbe-text-sekundaer)}.btn{align-items:center;gap:var(--abstand-2);font-family:var(--schrift-text);cursor:pointer;transition:background var(--uebergang), transform var(--uebergang), border-color var(--uebergang);border:none;border-radius:999px;padding:14px 28px;font-size:1rem;font-weight:700;display:inline-flex;text-decoration:none!important}.btn-primaer{background:var(--farbe-rot);color:#fff}.btn-primaer:hover{background:var(--farbe-rot-hover);transform:translateY(-1px)}.btn-sekundaer{color:var(--farbe-text);border:1px solid var(--farbe-linie);background:0 0}.btn-sekundaer:hover{border-color:var(--farbe-rot);color:var(--farbe-rot-text)}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.menge-steuerung{background:var(--farbe-anthrazit);border:1px solid var(--farbe-linie);border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}.menge-knopf{width:36px;color:var(--farbe-text);cursor:pointer;transition:background var(--uebergang), color var(--uebergang);background:0 0;border:none;font-size:1.05rem;font-weight:700;line-height:1}.menge-knopf:hover:not(:disabled){color:var(--farbe-rot-text);background:#ffffff14}.menge-knopf:disabled{color:var(--farbe-text-sekundaer);opacity:.4;cursor:not-allowed}.menge-wert{border:none;border-left:1px solid var(--farbe-linie);border-right:1px solid var(--farbe-linie);width:42px;color:var(--farbe-text);font:inherit;font-variant-numeric:tabular-nums;text-align:center;background:0 0;padding:8px 0;font-weight:700}.menge-wert:focus{background:#ffffff0f;outline:none}.menge-steuerung:focus-within{border-color:var(--farbe-rot)}.menge-steuerung.kompakt{backdrop-filter:blur(8px);background:#000000b8}.menge-steuerung.kompakt .menge-knopf{width:30px;font-size:.95rem}.menge-steuerung.kompakt .menge-wert{width:32px;padding:6px 0;font-size:.85rem}@media (pointer:coarse){.menge-knopf,.menge-steuerung.kompakt .menge-knopf{width:42px}.menge-wert,.menge-steuerung.kompakt .menge-wert{padding:11px 0}}.karte{background:var(--farbe-karte);border:1px solid var(--farbe-linie);border-radius:var(--radius);padding:var(--abstand-4);transition:border-color var(--uebergang), background var(--uebergang), transform var(--uebergang)}.karte:hover{background:var(--farbe-karte-hover);border-color:#c300108c}.feld{gap:var(--abstand-1);margin-bottom:var(--abstand-3);display:grid}.feld label{color:var(--farbe-text-sekundaer);font-size:.88rem;font-weight:600}.feld input,.feld textarea,.feld select{background:var(--farbe-anthrazit);border:1px solid var(--farbe-linie);border-radius:var(--radius-klein);width:100%;color:var(--farbe-text);font:inherit;transition:border-color var(--uebergang);padding:12px 14px}.feld input:focus,.feld textarea:focus{border-color:var(--farbe-rot);outline:none}.hinweis{border:1px solid var(--farbe-linie);border-left:3px solid var(--farbe-rot);background:var(--farbe-anthrazit);border-radius:var(--radius-klein);padding:var(--abstand-3) var(--abstand-4);color:var(--farbe-text-sekundaer);font-size:.95rem}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;animation:linear both reveal view();animation-range:entry entry 42%;transform:translateY(18px)}@keyframes reveal{to{opacity:1;transform:none}}}.grid-2,.grid-3{gap:var(--abstand-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=720px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}