@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0c0e;--panel:#151719;--orange:#f58220;--muted:#9c9fa5;--white:#f4f4f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.7 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1200px;margin:auto;padding:0 28px}.skip{position:absolute;top:-80px;left:10px;background:#fff;color:#000;padding:8px;z-index:99}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:10;background:#090a0beb;border-bottom:1px solid #ffffff15;backdrop-filter:blur(16px)}.nav-wrap{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{border:2px solid var(--orange);transform:skew(-9deg);padding:0px 10px;color:#fff;font:900 32px 'Barlow Condensed',sans-serif;line-height:1.1}.slash,.orange{color:var(--orange)}.brand-name{font:800 23px 'Barlow Condensed',sans-serif;letter-spacing:1.3px;line-height:1}.brand-name strong{display:block;color:var(--orange);font-size:15px;letter-spacing:4px}.nav{display:flex;align-items:center;gap:27px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.3px}.nav a:hover,.footer a:hover{color:var(--orange)}.nav-contact{border:1px solid var(--orange);padding:9px 16px;color:var(--orange)}.menu-toggle{display:none;background:none;color:#fff;border:1px solid #444;padding:5px 12px;font-size:24px}.hero{min-height:650px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 55%,#54260b 0%,transparent 44%),linear-gradient(115deg,#0b0c0e 20%,#171a1e 100%)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090a0cf5 0%,#090a0ca8 44%,transparent 90%);pointer-events:none}.hero-grid{position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 65px,#ffffff06 66px 67px);opacity:.5}.hero-content{position:relative;z-index:3;padding-top:130px;padding-bottom:120px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:3px;color:var(--orange)}.line{display:inline-block;width:26px;height:2px;background:var(--orange);vertical-align:middle;margin-right:12px}.dot{color:#777;margin:0 7px}.hero h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.99;text-transform:uppercase}.hero h1{font-size:clamp(76px,11vw,152px);font-weight:900;letter-spacing:-1.5px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{max-width:465px;color:#c3c4c6;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{padding:15px 22px;font-size:11px;font-weight:800;letter-spacing:1px;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--orange);color:#111}.btn-ghost{border:1px solid #999;color:#fff}.hero-car{position:absolute;z-index:2;width:min(70%,900px);right:-9%;bottom:68px;filter:drop-shadow(0 20px 30px #000)}.hero-car svg{width:100%}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;z-index:4;color:#a6a6a6;font-size:10px;letter-spacing:2px}.section{padding:105px 0;scroll-margin-top:83px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-head>div{flex:1}.section-head p{max-width:360px;color:var(--muted);margin:0}.section h2{font-size:clamp(46px,6vw,77px);margin:13px 0 0;font-weight:800}.section h2 span{color:var(--orange)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:linear-gradient(145deg,#202326,#111315);border:1px solid #ffffff12;padding:35px;min-height:255px;display:flex;flex-direction:column}.feature-icon{font-size:36px;color:var(--orange)}.feature h3{font-size:32px;margin:22px 0 0}.feature p{color:var(--muted);font-size:13px}.feature-foot{margin-top:auto;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1px}.stats{background:#141619;background-image:linear-gradient(115deg,#ffffff04 25%,transparent 25%,transparent 50%,#ffffff04 50%,#ffffff04 75%,transparent 75%);background-size:26px 26px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #444;border-bottom:1px solid #444}.stat{padding:35px 15px;border-right:1px solid #444}.stat:last-child{border:0}.stat strong{display:block;font:900 100px/.9 'Barlow Condensed',sans-serif;color:var(--orange)}.stat span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#c3c3c3}.fineprint{color:#777;font-size:11px}.showcase{display:grid;grid-template-columns:1.2fr 1fr;background:#191b1d;border:1px solid #333;min-height:340px}.showcase-art{background:radial-gradient(circle at center,#3e2a1c,#151719 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.showcase-art:after{content:'';position:absolute;width:150%;height:2px;background:var(--orange);transform:rotate(-18deg);box-shadow:0 0 35px var(--orange)}.showcase-art>span{font:900 110px 'Barlow Condensed',sans-serif;z-index:1;text-shadow:0 5px 20px #000}.showcase-art small{z-index:1;letter-spacing:5px}.showcase-text{padding:52px 42px}.showcase-text h3{font-size:48px;margin:15px 0}.showcase-text p,.music p,.contact p{color:var(--muted)}.tag{display:inline-block;border:1px solid #5a5b5d;padding:6px 11px;margin:7px 6px 0 0;font-size:10px;font-weight:700;letter-spacing:1px}.music{background:linear-gradient(135deg,#181b1f,#0a0b0c)}.music-grid{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:80px}.album{height:360px;background:linear-gradient(155deg,#3d220f,#090909 60%);border:1px solid #f5822066;box-shadow:25px 25px 0 #0008;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.album-top,.album-bottom{font-size:10px;letter-spacing:3px}.album-title{font:900 64px/.9 'Barlow Condensed',sans-serif}.album-title em{font-style:normal;color:var(--orange)}.news-card{display:grid;grid-template-columns:1fr 1fr;background:#191b1e}.news-visual{background:linear-gradient(135deg,#f58220,#582208 60%,#101112);min-height:300px;display:grid;place-items:center}.news-visual span{font:800 45px 'Barlow Condensed',sans-serif;letter-spacing:4px}.news-visual b{font-size:130px;display:block;line-height:1}.news-content{padding:55px}.news-content h3{font-size:46px;margin:15px 0}.news-content p{color:var(--muted)}.news-note{color:var(--orange);font-size:11px;font-weight:700}.contact{background:radial-gradient(circle at center,#2b1a10,#101112 70%);text-align:center}.contact-inner{max-width:800px}.contact-links{margin-top:25px}.footer{border-top:1px solid #333;padding:27px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row span,.footer-row>a:last-child{font-size:11px;color:#aaa}.footer .brand-name{font-size:19px}.footer .brand-name strong{font-size:11px}@media(max-width:950px){.nav{gap:13px}.nav a{font-size:10px}.brand-name{font-size:19px}.hero-car{opacity:.55;right:-20%;width:95%}}@media(max-width:720px){.nav-wrap{min-height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:24px 28px;background:#111;flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.hero{min-height:640px}.hero-content{padding-top:95px}.hero h1{font-size:clamp(67px,17vw,110px)}.hero-car{width:125%;right:-55%;bottom:40px;opacity:.48}.hero-bottom{font-size:8px}.section{padding:75px 0}.section-head{display:block}.section-head p{margin-top:20px}.feature-grid,.stats-grid,.showcase,.music-grid,.news-card{grid-template-columns:1fr}.feature{min-height:220px}.stat{border-right:0;border-bottom:1px solid #444}.stat:last-child{border-bottom:0}.stat strong{font-size:76px}.showcase-art{min-height:250px}.showcase-text,.news-content{padding:32px}.music-grid{gap:30px}.album{width:min(100%,360px);margin:auto}.footer-row{flex-wrap:wrap}.eyebrow{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* V2: Originalbilder und Markenlogo */
.brand-logo{width:52px;height:52px;object-fit:contain;flex:none}
.hero{isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.97) 0%,rgba(4,5,7,.82) 38%,rgba(4,5,7,.18) 80%),linear-gradient(0deg,rgba(4,5,7,.85),transparent 40%);z-index:1;pointer-events:none}
.hero-grid{z-index:1;opacity:.12}.hero-content{position:relative;z-index:3}
.hero-photo{position:absolute;inset:0;z-index:0;background:url("assets/bmw-front.webp") 64% center/cover no-repeat;filter:contrast(1.08) saturate(1.08)}
.hero-bottom{position:relative;z-index:3}
.photo-art{overflow:hidden;position:relative}.photo-art img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}.photo-art small{position:absolute;left:22px;bottom:20px;padding:8px 12px;background:rgba(0,0,0,.72);color:#ff8724;letter-spacing:.14em}
@media(max-width:760px){.brand-logo{width:42px;height:42px}.hero-photo{background-position:58% center;opacity:.7}.hero::before{background:linear-gradient(90deg,rgba(4,5,7,.92),rgba(4,5,7,.42)),linear-gradient(0deg,rgba(4,5,7,.84),transparent 55%)}}