*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#1a1c1e;--steel:#2d3540;--mid:#5a6372;--mist:#eef0f3;--white:#fff;--accent:#b0bac5;--accent-dk:#8a97a3;--line:rgba(255,255,255,.12);--line-dk:#d8dce2;--ff-head:"Arial Narrow","Segoe UI Condensed","Roboto Condensed","Helvetica Neue Condensed",system-ui,sans-serif;--ff-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--nav-h:72px;--r:2px}
html{scroll-behavior:smooth}body{font-family:var(--ff-body);font-size:16px;color:var(--ink);background:var(--white);line-height:1.65}img{max-width:100%;display:block}a{color:inherit}
.nav-bar{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--nav-h);background:var(--steel);display:flex;align-items:center;padding:0 40px;border-bottom:1px solid var(--line)}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--white);flex-shrink:0}.nav-logo-img{width:122px;height:auto;display:block}.nav-logo-text{line-height:1.15}.nav-logo-text strong{display:block;font-family:var(--ff-head);font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--white)}.nav-logo-text span{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.48)}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin-left:auto}.nav-links a{display:flex;align-items:center;padding:0 16px;height:var(--nav-h);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.75);text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}
.menu-toggle{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;width:44px;height:44px;border-radius:2px;align-items:center;justify-content:center;cursor:pointer}.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;width:20px;height:2px;background:#fff;position:relative;content:""}.menu-toggle span::before{position:absolute;top:-6px}.menu-toggle span::after{position:absolute;top:6px}
.hero{margin-top:var(--nav-h);min-height:680px;height:84vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--steel)}.hero-photo{position:absolute;inset:0;background:url('assets/hero-produktion.jpg') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(20,26,34,.68) 0%,rgba(20,26,34,.48) 38%,rgba(20,26,34,.12) 66%,rgba(20,26,34,0) 100%),linear-gradient(to top,rgba(20,26,34,.42) 0%,transparent 55%)}.hero-content{position:relative;z-index:2;padding:0 60px 70px;max-width:790px}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent-dk);font-weight:700}.eyebrow{color:var(--accent);margin-bottom:18px}.eyebrow::before,.section-label::before{content:"";width:30px;height:1px;background:currentColor}.hero h1{font-family:var(--ff-head);font-size:clamp(44px,5.6vw,76px);line-height:1.02;letter-spacing:.5px;text-transform:uppercase;color:#fff;margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:16px;color:rgba(255,255,255,.74);max-width:600px;line-height:1.75;margin-bottom:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:var(--r);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;text-decoration:none;transition:.2s}.btn-primary{background:var(--accent);color:var(--steel)}.btn-primary:hover{background:#c6ced6;transform:translateY(-1px)}.btn-outline{border:1px solid rgba(255,255,255,.34);color:#fff;margin-left:10px}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.factbar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);border-top:3px solid var(--accent)}.fact{padding:27px 28px;border-right:1px solid rgba(255,255,255,.08);text-align:center}.fact:last-child{border-right:0}.fact strong{display:block;font-family:var(--ff-head);font-size:25px;text-transform:uppercase;letter-spacing:.5px;color:var(--accent)}.fact span{display:block;margin-top:5px;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:rgba(255,255,255,.42)}
.section{padding:92px 60px}.section-inner{max-width:1180px;margin:0 auto}.section h2{font-family:var(--ff-head);font-size:clamp(34px,4.4vw,56px);line-height:1.05;text-transform:uppercase;letter-spacing:.5px;margin:14px 0 22px}.section-intro{max-width:760px;color:var(--mid);font-size:17px;line-height:1.8}.bg-mist{background:var(--mist)}.bg-steel{background:var(--steel);color:#fff}.bg-steel .section-intro{color:rgba(255,255,255,.68)}
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:68px;align-items:center}.split.reverse{grid-template-columns:.98fr 1.02fr}.split-photo{min-height:430px;background:#dfe3e7;overflow:hidden;position:relative}.split-photo img{width:100%;height:100%;min-height:430px;object-fit:cover}.split-photo::after{content:"";position:absolute;inset:auto 0 0 0;height:35%;background:linear-gradient(to top,rgba(20,26,34,.18),transparent)}.copy h3{font-family:var(--ff-head);font-size:33px;text-transform:uppercase;line-height:1.08;margin:10px 0 18px}.copy p{color:var(--mid);margin-bottom:16px}.copy .section-label{margin-bottom:4px}.copy ul{list-style:none;margin-top:22px}.copy li{padding:10px 0 10px 20px;border-top:1px solid var(--line-dk);position:relative;color:#3e454d}.copy li::before{content:"";width:6px;height:6px;background:var(--accent-dk);position:absolute;left:0;top:19px}.bg-steel .copy p,.bg-steel .copy li{color:rgba(255,255,255,.68)}.bg-steel .copy li{border-color:rgba(255,255,255,.12)}
.notice{background:#fff;border:1px solid var(--line-dk);border-left:4px solid var(--accent-dk);padding:34px 38px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;box-shadow:0 12px 30px rgba(34,42,50,.05)}.notice h3{font-family:var(--ff-head);font-size:28px;text-transform:uppercase;margin-bottom:8px}.notice p{color:var(--mid)}.text-link{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;text-decoration:none;color:var(--steel);white-space:nowrap}.text-link:hover{color:var(--accent-dk)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}.card{background:#fff;border:1px solid var(--line-dk);padding:30px 26px;min-height:250px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(32,39,48,.08)}.card-num{font-family:var(--ff-head);font-weight:700;font-size:38px;color:#d4d9de;line-height:1;margin-bottom:34px}.card h3{font-family:var(--ff-head);font-size:22px;text-transform:uppercase;margin-bottom:12px}.card p{color:var(--mid);font-size:14px;line-height:1.7}
.gallery{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:260px 260px;gap:14px;margin-top:46px}.gallery figure{overflow:hidden;background:#cfd4d9;position:relative}.gallery figure:first-child{grid-row:1/3}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery figure:hover img{transform:scale(1.025)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 15px;color:#fff;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(to top,rgba(20,26,34,.8),transparent)}
.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.quality-item{background:#fff;border:1px solid var(--line-dk)}.quality-item img{width:100%;height:220px;object-fit:cover}.quality-item div{padding:24px}.quality-item h3{font-family:var(--ff-head);font-size:22px;text-transform:uppercase;margin-bottom:8px}.quality-item p{color:var(--mid);font-size:14px}
.contact-panel{background:var(--ink);color:#fff;padding:60px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.contact-panel h2{color:#fff;margin:8px 0 14px}.contact-panel p{color:rgba(255,255,255,.64);max-width:650px}.contact-details{display:grid;gap:14px}.contact-details a,.contact-details span{color:#fff;text-decoration:none}.contact-details strong{display:block;color:var(--accent);font-size:9px;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:3px}
.subhero{margin-top:var(--nav-h);min-height:420px;background:var(--steel);position:relative;display:flex;align-items:center;overflow:hidden}.subhero-photo{position:absolute;inset:0;background:url('assets/werk-borsdorf.jpg') center/cover no-repeat;opacity:.48}.subhero::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(20,26,34,.96),rgba(20,26,34,.73) 48%,rgba(20,26,34,.2))}.subhero-content{position:relative;z-index:2;padding:70px 60px;max-width:1180px;width:100%;margin:auto}.subhero h1{font-family:var(--ff-head);font-size:clamp(40px,5vw,64px);text-transform:uppercase;color:#fff;margin:10px 0 14px}.subhero p{color:rgba(255,255,255,.7);max-width:700px}
.legal-page{padding:72px 60px 96px}.legal-card{max-width:940px;margin:0 auto;background:#fff;border:1px solid var(--line-dk);padding:50px 54px}.legal-card h2{font-family:var(--ff-head);font-size:23px;text-transform:uppercase;margin:30px 0 10px}.legal-card h2:first-child{margin-top:0}.legal-card p,.legal-card li{color:#454b53;margin-bottom:10px}.legal-card ul{padding-left:20px}.legal-card a{color:#3f566b}
.site-footer{background:var(--steel);color:#fff;padding:54px 60px 26px}.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.75fr 1.65fr .6fr;gap:50px}.footer-logo{width:190px;margin-bottom:18px}.footer-copy{font-size:13px;color:rgba(255,255,255,.52);max-width:380px}.footer-col h4,.site-footer address strong,.footer-legal-contact strong{display:block;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);margin-bottom:7px}.site-footer address{font-style:normal;color:rgba(255,255,255,.62);font-size:13px;line-height:1.75}.site-footer address a,.footer-legal-contact a{color:rgba(255,255,255,.72);text-decoration:none}.site-footer address a:hover,.footer-legal-contact a:hover{color:#fff}.footer-sites{display:grid;gap:18px}.footer-site-block+.footer-site-block{padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.footer-legal-contact{padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.62);font-size:13px;line-height:1.65}.footer-legal-contact strong{margin-top:10px}.footer-legal-contact strong:first-child{margin-top:0}.footer-legal-contact span{display:block}.footer-col ul{list-style:none}.footer-col a{color:rgba(255,255,255,.65);text-decoration:none;font-size:13px;line-height:2}.footer-col a:hover{color:#fff}.footer-bottom{max-width:1180px;margin:34px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:11px;color:rgba(255,255,255,.38)}.footer-legal{display:flex;gap:20px;list-style:none}.footer-legal a{color:rgba(255,255,255,.45);text-decoration:none}
@media(max-width:1050px){.nav-links a{padding:0 10px}.nav-logo-text{display:none}.cards{grid-template-columns:repeat(2,1fr)}.split,.split.reverse{gap:38px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:300px 220px}.gallery figure:first-child{grid-column:1/3;grid-row:auto}.factbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){:root{--nav-h:68px}.nav-bar{padding:0 18px}.nav-logo-img{width:108px}.menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;background:var(--steel);border-top:1px solid var(--line);padding:8px 18px 18px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links li{width:100%}.nav-links a{height:auto;padding:14px 4px;border-bottom:1px solid var(--line)}.hero{min-height:620px;height:78vh}.hero-content{padding:0 24px 54px}.hero-overlay{background:linear-gradient(to top,rgba(20,26,34,.64) 0%,rgba(20,26,34,.38) 60%,rgba(20,26,34,.08) 100%)}.hero h1{font-size:clamp(38px,11vw,58px)}.section{padding:68px 24px}.split,.split.reverse{grid-template-columns:1fr}.split-photo,.split-photo img{min-height:330px}.notice{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.gallery{display:grid;grid-template-columns:1fr;grid-template-rows:none}.gallery figure:first-child{grid-column:auto}.gallery figure{height:250px}.quality-grid{grid-template-columns:1fr}.contact-panel{padding:44px 28px;grid-template-columns:1fr}.subhero-content{padding:62px 24px}.legal-page{padding:50px 20px 72px}.legal-card{padding:34px 24px}.site-footer{padding:44px 24px 24px}.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.footer-legal{flex-wrap:wrap}.factbar{grid-template-columns:1fr 1fr}.fact{padding:22px 12px}.fact strong{font-size:20px}}
@media(max-width:520px){.hero{min-height:590px}.btn-outline{margin-left:0;margin-top:10px}.factbar{grid-template-columns:1fr 1fr}.notice{padding:28px 24px}.footer-logo{width:165px}}