:root{--red:#ed1728;--bg:#090a0c;--muted:#b6b6bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:white;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:5;background:#090a0cf2;border-bottom:1px solid #292929;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;gap:20px}.logo{font-size:34px;font-weight:1000;font-style:italic;color:var(--red);letter-spacing:-3px}.logo small{display:block;color:white;font-size:9px;letter-spacing:3px;font-style:normal}nav{display:flex;flex-wrap:wrap;gap:18px}nav a{font-size:12px;font-weight:bold;text-transform:uppercase}nav a:hover,.active{color:var(--red)}.hero{min-height:570px;display:flex;align-items:center;padding:6%;background:linear-gradient(90deg,#050505 2%,#050505d9 36%,#05050525 100%),url('assets/design-reference.png') center 33%/cover}.hero h1{font-size:clamp(55px,10vw,135px);font-style:italic;letter-spacing:-8px;color:var(--red);margin:0}.hero h2{font-size:clamp(20px,3vw,40px);letter-spacing:7px;margin:0}.hero p{letter-spacing:5px;color:#ddd}.btn{display:inline-block;background:var(--red);padding:15px 25px;font-size:13px;font-weight:bold;text-transform:uppercase;margin:12px 10px 0 0;border:1px solid var(--red)}.btn.secondary{background:transparent;border-color:white}.wrap{max-width:1200px;margin:auto;padding:65px 24px}.wrap h2{font-size:32px;text-transform:uppercase;border-left:5px solid var(--red);padding-left:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#17181b;padding:32px;min-height:180px;border-bottom:3px solid var(--red)}.card h3{font-size:24px;text-transform:uppercase}.card p,.legal p,.legal li{color:var(--muted);line-height:1.75}.stripe{background:#171719}.notice{border:1px solid #7c353c;background:#2b161a;padding:18px;margin:20px 0}.legal{max-width:920px}.legal h2{margin-top:36px}.legal h3{margin-top:30px}footer{border-top:1px solid #333;padding:28px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:#aaa}footer a{margin-left:18px}footer a:hover{color:var(--red)}@media(max-width:750px){header{display:block}nav{margin-top:14px;gap:12px}.hero{min-height:470px}.hero h1{letter-spacing:-3px}.cards{grid-template-columns:1fr}.wrap{padding:38px 20px}}
/* Consent and contact additions */
.cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;max-width:690px;margin:auto;background:#181818;color:#fff;border:1px solid #b52b2b;border-radius:12px;padding:22px;z-index:1000;box-shadow:0 12px 40px #0009}.cookie-banner[hidden],.external-placeholder[hidden]{display:none}.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.cookie-actions button,.privacy-button,.contact-form button{background:#b82323;border:0;color:white;padding:11px 16px;border-radius:5px;cursor:pointer;font:inherit}.cookie-actions .neutral{background:#444}.cookie-banner a{color:#fff;text-decoration:underline}.contact-form{display:grid;gap:12px;max-width:650px}.contact-form label{display:grid;gap:5px}.contact-form input,.contact-form textarea{background:#191919;border:1px solid #777;border-radius:4px;color:white;padding:12px;font:inherit}.external-placeholder{border:1px solid #555;border-radius:8px;padding:18px;margin:14px 0}.legal p{line-height:1.7}

.spam-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.privacy-check{display:flex!important;gap:10px;align-items:flex-start}.privacy-check input{width:auto!important;margin-top:5px}.form-result{padding:24px;border:1px solid #666;border-radius:8px;max-width:650px;margin:40px auto}

/* McLaren 570S GT4 visual refresh */
.design-showcase{background:#050505;line-height:0}.design-showcase img{display:block;width:100%;height:auto}.hero{min-height:480px;background:linear-gradient(90deg,#050505 0%,#050505e8 35%,#05050525 100%),url('assets/mclaren-hero.webp') center/cover}.hero h2{font-size:clamp(18px,2.5vw,29px);letter-spacing:3px}.eyebrow{letter-spacing:4px;color:#ddd;font-size:12px}.visual-cards .card{padding:0 0 24px;overflow:hidden}.visual-cards .card img{display:block;width:100%;height:200px;object-fit:cover}.visual-cards .card h3,.visual-cards .card p,.visual-cards .card .btn{margin-left:22px;margin-right:22px}.visual-cards .card h3{font-size:21px}.visual-cards .card p{font-size:14px}.contact-form{max-width:780px}.contact-form input,.contact-form textarea{width:100%}.contact-form .privacy-check input{width:auto}.wrap a[href^="mailto"]{color:#ff6671;text-decoration:underline}@media(max-width:750px){.hero{min-height:440px}.visual-cards .card img{height:220px}}

/* Final reference-inspired navigation and racing layout */
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,5,6,.96);height:94px;padding:5px 4%;display:flex;gap:26px;align-items:center;justify-content:space-between;border-bottom:1px solid #2b1718}.site-header .brand{flex:0 0 280px}.brand img{display:block;width:100%;height:82px;object-fit:contain;object-position:left center}.site-header nav{display:flex;align-items:center;gap:clamp(12px,2vw,32px);flex-wrap:nowrap}.site-header nav a{white-space:nowrap;font-size:12px;font-weight:800;color:#eee;position:relative;padding:13px 0}.site-header nav a:hover,.site-header nav a.active{color:#f02032}.site-header nav a.active:after{content:"";height:3px;background:#f02032;position:absolute;bottom:0;left:0;right:0}.header-social{display:flex;gap:15px;align-items:center;font-size:21px}.mobile-toggle{display:none;background:transparent;color:white;border:1px solid #555;padding:9px 12px}.hero{min-height:570px;background:linear-gradient(90deg,#050505f0 0%,#050505c4 32%,#05050512 66%),url('assets/mclaren-hero.webp') center center/cover;position:relative}.hero>div{max-width:660px}.hero h1{font-size:clamp(80px,11vw,160px);font-weight:1000;line-height:.95;letter-spacing:-10px;text-shadow:0 2px 15px #000}.speed-lines{font-size:30px;color:#eee;letter-spacing:-15px;vertical-align:middle;margin-left:16px}.hero-brand{font-size:clamp(20px,2.8vw,36px);font-weight:900;font-style:italic;letter-spacing:7px;text-align:center;line-height:1.3;margin:5px 0 20px}.hero-brand em{color:#e81c2c;font-style:italic;letter-spacing:11px}.hero h2{display:none}.hero p{font-size:13px;letter-spacing:5px}.hero p b{color:#e8192a;margin:0 14px}.btn{transform:skew(-9deg)}.visual-cards .card{border-bottom:2px solid #b41220;background:#101011}.visual-cards .card img{height:230px}.visual-cards .card h3{font-weight:900}.cookie-banner{max-width:none;left:0;right:0;bottom:0;border-radius:0;background:#080808f5;border:0;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 3%;font-size:12px}.cookie-banner p{flex:1;margin:0}.cookie-banner strong{font-size:13px}.cookie-actions{margin:0;flex-shrink:0}.cookie-actions button{border-radius:0;background:#d31324}.cookie-actions .neutral{border:1px solid #888;background:transparent}.cookie-banner a{align-self:center}@media(max-width:1100px){.site-header{height:auto;min-height:80px}.site-header .brand{flex-basis:200px}.brand img{height:70px}.site-header nav{gap:10px}.site-header nav a{font-size:10px}.header-social{gap:8px}}@media(max-width:760px){.site-header{display:flex;padding:6px 18px;flex-wrap:wrap}.site-header .brand{flex:0 0 200px}.mobile-toggle{display:block;margin-left:auto}.site-header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{font-size:13px;padding:12px}.header-social{display:none}.hero{min-height:490px;padding:55px 6%;background-position:60% center}.hero h1{font-size:80px;letter-spacing:-5px}.hero-brand{font-size:20px;letter-spacing:3px;text-align:left}.hero p{font-size:11px;letter-spacing:2px}.cookie-banner{display:block}.cookie-actions{margin-top:10px}.cookie-banner p{margin:8px 0}}

/* SPCR Markenlogo konsistent in Menü, Startseite und Fußzeile */
.hero-logo{display:block;width:min(100%,580px);height:auto;max-height:260px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 15px rgba(0,0,0,.5));margin-bottom:25px}
.footer-identity{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-identity img{width:170px;height:auto;object-fit:contain}
@media(max-width:760px){.hero-logo{width:min(100%,380px)}.footer-identity img{width:140px}}

/* Bildkacheln: eingebettete Beschriftungen vollständig sichtbar halten. */
.visual-cards .card img { width:100%; height:auto; aspect-ratio: 455 / 195; object-fit:contain; object-position:center; background:#080808; }