@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#080b0d;--panel:#101417;--text:#f2f2ef;--muted:#b6bbb8;--accent:#d98745;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}
.wrap{max-width:1500px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#070a0c;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.logo{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:42px;line-height:.8;letter-spacing:-1px}.logo small{display:block;font-family:Inter,sans-serif;color:var(--accent);font-size:9px;letter-spacing:.12em;margin-top:7px}.nav{display:flex;gap:34px;font-size:12px;font-weight:700;letter-spacing:.1em}.nav a:hover{color:var(--accent)}.phone{font-weight:700}
.hero{min-height:680px;display:grid;grid-template-columns:42% 58%;background:#080b0d}.hero-copy{padding:9vw 6vw;position:relative;z-index:2;background:linear-gradient(90deg,#080b0d 80%,rgba(8,11,13,.75))}.eyebrow{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif;margin:0;line-height:.95}h1{font-size:clamp(75px,10vw,160px);letter-spacing:-.04em;margin-top:12px}.company{font-size:30px;color:#e0a06b;font-family:'Barlow Condensed';font-weight:700;margin-top:8px}.address{font-weight:700;letter-spacing:.08em;margin:15px 0 24px}.hero-copy p{color:#c8cdca;max-width:430px}.big-contact{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;display:grid;gap:7px}.big-contact a{font-size:27px;font-weight:700}.big-contact span{color:var(--accent);font-size:10px;letter-spacing:.12em;margin-right:10px}.hero-image{background:linear-gradient(90deg,rgba(8,11,13,.75),transparent 45%),url('images/hero.jpg') center/cover no-repeat;min-height:680px}
.section{padding:85px 5vw}.intro{max-width:800px}.intro p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}.card{border:1px solid var(--line);min-height:205px;padding:24px;background:linear-gradient(145deg,#111619,#0a0d0f)}.icon{font-size:36px;color:var(--accent);line-height:1}.card h3{font-size:22px;margin:34px 0 8px}.card p{font-size:12px;color:var(--muted);margin:0}
.about{display:grid;grid-template-columns:44% 56%;background:#0b0f11}.about-image{min-height:560px;background:url('images/werkstatt.jpg') center/cover no-repeat}.about-copy{padding:9vw 7vw}.about-copy h2{font-size:clamp(48px,6vw,86px);margin:14px 0}.about-copy p{color:var(--muted);max-width:620px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}.trust b{font-size:12px;color:var(--accent);letter-spacing:.08em}.trust span{display:block;color:#c6cbc7;font-size:12px;margin-top:5px}
.contact-section{display:grid;grid-template-columns:1.1fr 1fr .7fr;background:#101417;border-top:1px solid var(--line)}.contact-box{padding:70px 5vw}.contact-box h2{font-size:55px;margin:10px 0 20px}.contact-box p{color:var(--muted)}.map{background:linear-gradient(rgba(5,8,10,.35),rgba(5,8,10,.35)),url('images/map-textur.jpg') center/cover no-repeat;min-height:330px;display:grid;place-items:center}.pin{font-size:70px;color:var(--accent);text-shadow:0 8px 25px #000}.hours{border-left:1px solid var(--line)}.hours h3{font-size:20px;color:var(--accent)}
.closing{min-height:370px;padding:80px 5vw;background:linear-gradient(90deg,rgba(8,11,13,.96) 15%,rgba(8,11,13,.25) 65%),url('images/footer-auto.jpg') center/cover no-repeat;display:flex;flex-direction:column;justify-content:end}.closing h2{font-size:clamp(100px,13vw,200px)}
footer{padding:45px 5vw 25px;background:#060809;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}footer h4{font-size:10px;color:var(--accent);letter-spacing:.15em;margin:0 0 15px}footer a,footer p{display:block;font-size:12px;color:#abb1ad;margin:7px 0}.copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#7e8581}
.legal{background:#f2efe9;color:#19201f;min-height:100vh}.legal header{position:static}.legal main{max-width:1000px;margin:auto;padding:90px 7vw}.legal h1{font-size:clamp(65px,10vw,130px)}.legal h2{font-size:32px;margin-top:55px}.legal p{color:#4f5a55}.note{background:#e4ddd3;padding:20px;border-left:4px solid var(--accent)}
@media(max-width:900px){.nav{display:none}.hero,.about,.contact-section{grid-template-columns:1fr}.hero-copy{padding:15vw 7vw}.hero-image{min-height:430px}.cards{grid-template-columns:repeat(2,1fr)}.about-copy,.contact-box{padding:15vw 7vw}.trust{grid-template-columns:1fr}.hours{border:0}.closing{min-height:320px}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,footer{grid-template-columns:1fr}.big-contact a{font-size:22px}.phone{display:none}}