@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#15191a;--green:#94d522;--cream:#f4f3ee;--muted:#697174}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.top{background:#101516;color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #374037}.nav{max-width:1320px;margin:auto;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{width:205px;max-width:45%;height:60px;object-fit:contain;object-position:left}.menu{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:700;letter-spacing:.03em}.menu a:hover{color:var(--green)}.cta{display:inline-block;background:var(--green);padding:13px 22px;color:#101516;border:0;font-weight:800;cursor:pointer}.ghost{display:inline-block;padding:12px 20px;border:1px solid #8b9589;color:inherit;font-weight:700}.wrap{max-width:1320px;margin:auto;padding:0 5%}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#83bd20;font-size:12px;font-weight:800}.hero{min-height:480px;background:linear-gradient(90deg,rgba(8,16,15,.88),rgba(8,16,15,.4)),url('assets/hero.webp') center/cover;display:flex;align-items:center;color:white}.hero h1,.detail h1{font:800 clamp(42px,6vw,84px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:16px 0}.hero p{max-width:620px;font-size:19px;line-height:1.65}.section{padding:80px 0}.section h2{font:800 clamp(30px,3.5vw,48px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;margin:12px 0 20px}.lead{color:#566061;line-height:1.75;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.card{background:white;box-shadow:0 10px 35px #1112;overflow:hidden}.card img{width:100%;aspect-ratio:1.28;object-fit:cover;display:block}.card .body{padding:27px}.card h3{font:800 25px Manrope,sans-serif;margin:8px 0}.card p{line-height:1.65;color:#596263}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#609315;font-weight:800}.dark{background:#141b1a;color:white}.dark .lead{color:#c0c9c4}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px}.step{border-top:2px solid #8fcf2b;padding-top:22px}.step strong{font-size:30px;color:#8fcf2b}.step h3{margin:12px 0}.step p{color:#c0c9c4;line-height:1.6}.footer{background:#0c1010;color:#c6d0c7;padding:38px 0;font-size:14px}.footer a{color:#a8e54b}.detail{padding:70px 0 30px}.detail h1{font-size:clamp(40px,5vw,68px)}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.detail-grid img{width:100%;box-shadow:0 22px 55px #0002}.specs{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.spec{background:#e4e9df;padding:14px 18px;font-weight:700}.note{border-left:3px solid #89c62a;padding:14px 20px;background:#ecf0e8;color:#56615a;line-height:1.65}.mini{background:white;padding:25px;display:flex;flex-direction:column;gap:12px;max-width:620px}.mini input,.mini textarea{border:1px solid #c8d0c7;padding:13px;width:100%;background:#fff}.mini textarea{min-height:95px}.mobile{display:none;background:transparent;border:1px solid #667;color:white;padding:8px 12px;font-size:22px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.filter{border:1px solid #bac2b7;background:transparent;padding:11px 16px;cursor:pointer;font-weight:700}.filter.active{background:#151c18;color:white;border-color:#151c18}.hidden{display:none!important}@media(max-width:850px){.mobile{display:block}.menu{display:none;position:absolute;top:88px;left:0;right:0;background:#111817;padding:20px 6%;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero{min-height:420px}.cards{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.section{padding:54px 0}}@media(max-width:480px){.steps{grid-template-columns:1fr}.hero h1{font-size:41px}.logo{width:175px}}
/* ROSCHER CNC-Bausatzsystem */
.kit-hero{background:#111817;color:white;padding:80px 0}.kit-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.kit-hero h1{font:800 clamp(44px,5.6vw,82px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:20px 0}.kit-hero h1 span{color:var(--green)}.kit-hero p{font-size:19px;line-height:1.7;color:#d3dcd4;max-width:620px}.kit-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.kit-hero-photo{position:relative}.kit-hero-photo img{width:100%;height:420px;object-fit:cover;display:block}.kit-hero-photo span{position:absolute;bottom:0;left:0;background:#91d126;color:#131a12;padding:13px 19px;font-size:12px;font-weight:800;letter-spacing:.12em}.kit-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.kit-benefits article{background:#fff;padding:26px;border-top:3px solid var(--green)}.kit-benefits article>span{color:#689d19;font-weight:800;letter-spacing:.1em}.kit-benefits h3{font:800 20px Manrope,sans-serif}.kit-benefits p{line-height:1.7;color:#58615e}.kit-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.kit-tier{background:#fff;padding:30px;display:flex;flex-direction:column;min-height:420px;border:1px solid #dfe4dc}.kit-tier.featured{border:2px solid #88c928;box-shadow:0 12px 32px #18200d18}.kit-tier-top{color:#6f9f24;letter-spacing:.12em;font-size:11px;font-weight:800}.kit-tier h3{font:800 28px Manrope,sans-serif;margin:15px 0}.kit-tier p,.kit-tier li{color:#58615e;line-height:1.65}.kit-tier ul{padding-left:20px;flex:1}.kit-tier li{margin-bottom:8px}.kit-tier>a{color:#4e7d08;font-weight:800}.kit-disclaimer{margin-top:25px;padding:20px 24px;background:#e9eee3;border-left:4px solid #88c928;color:#465248;line-height:1.7}.kit-split{background:#e7ebe3}.kit-split-grid{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:center}.kit-check{display:grid;gap:14px;margin-top:30px}.kit-check>div{display:flex;gap:13px;color:#5e8d15;font-weight:800}.kit-check span{color:#26342c;font-weight:600}.kit-side{position:relative}.kit-side img{width:100%;height:460px;object-fit:cover;display:block}.kit-side>div{position:absolute;bottom:0;right:0;background:#151a16;color:#a5dd54;padding:16px;font-size:12px;font-weight:800;letter-spacing:.1em}.kit-inquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.kit-inquiry>div>p{line-height:1.8;color:#d3ddd5}.kit-form{background:#f7f8f4;padding:30px;color:#202820;display:grid;gap:17px}.kit-form label{display:grid;gap:7px;font-weight:700;font-size:13px}.kit-form input,.kit-form select,.kit-form textarea{border:1px solid #c9d1c7;padding:12px;width:100%;background:#fff;border-radius:0;color:#1d281d}.kit-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.kit-form .cta{justify-self:start}.kit-small{font-size:12px!important;line-height:1.6!important;color:#aebcb1!important}.kit-form .kit-small{color:#687568!important}.kit-form #kit-status{color:#4f7d13;font-size:13px;line-height:1.5;margin:0}@media(max-width:1000px){.kit-benefits{grid-template-columns:repeat(2,1fr)}.kit-hero-grid,.kit-split-grid,.kit-inquiry{grid-template-columns:1fr;gap:32px}.kit-tiers{grid-template-columns:1fr}.kit-tier{min-height:0}.kit-hero-photo img{height:320px}}@media(max-width:580px){.kit-hero{padding:55px 0}.kit-benefits,.kit-two{grid-template-columns:1fr}.kit-form{padding:20px}.kit-side img{height:290px}}

/* Version 10: Holzbau, Zimmerei, Referenzen */
.v10-hero{background:#111817;color:#fff;padding:82px 0}.v10-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}.v10-hero h1{font:800 clamp(42px,5.5vw,80px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:20px 0}.v10-hero h1 em{color:var(--green);font-style:normal}.v10-hero p{font-size:19px;line-height:1.75;max-width:600px;color:#d5ddd5;margin-bottom:30px}.v10-hero-grid>img{width:100%;height:450px;object-fit:cover}.v10-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.v10-feature{background:#fff;padding:30px;border-top:3px solid var(--green)}.v10-feature>span{color:#76a927;font-weight:800;letter-spacing:.12em}.v10-feature h3{font:800 22px Manrope,sans-serif;margin:16px 0}.v10-feature p{color:#56615c;line-height:1.7}.v10-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.v10-split>img{width:100%;height:400px;object-fit:cover}.v10-muted{color:#c8d2c9;line-height:1.8;font-size:17px}.v10-points{margin-top:30px}.v10-points p{border-top:1px solid #4b584c;padding:13px 0;color:#e4ebe3}.v10-points b{color:var(--green);margin-right:20px}.v10-contact{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.v10-form{background:white;padding:30px;display:grid;gap:17px}.v10-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.v10-form input,.v10-form select,.v10-form textarea{width:100%;padding:13px;border:1px solid #bfc9bf;background:#fff;border-radius:0}.v10-form button{justify-self:start}.v10-form-status{font-size:13px;color:#4c731c;line-height:1.5}.v10-refhero{background:linear-gradient(90deg,#111817ed,#11181777),url('assets/hero.webp') center/cover}.v10-refhero p{max-width:620px}.v10-refgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.v10-ref{background:#fff}.v10-ref img{width:100%;height:270px;object-fit:cover;display:block}.v10-ref>div{padding:25px}.v10-ref small{color:#659821;letter-spacing:.1em;font-weight:800}.v10-ref h3{font:800 23px Manrope,sans-serif;margin:12px 0}.v10-ref p{line-height:1.65;color:#5d655f}.v10-upload-note{background:#e7ede2;padding:30px;margin-top:35px;border-left:4px solid var(--green)}.v10-upload-note p{line-height:1.7;max-width:740px}.v10-upload-note .ghost{border-color:#697c68}.v10-filters{margin-top:25px}@media(max-width:1000px){.v10-grid,.v10-refgrid{grid-template-columns:repeat(2,1fr)}.v10-hero-grid,.v10-split,.v10-contact{grid-template-columns:1fr;gap:35px}}@media(max-width:600px){.v10-grid,.v10-refgrid{grid-template-columns:1fr}.v10-hero{padding:55px 0}.v10-hero-grid>img,.v10-split>img{height:290px}.v10-form{padding:20px}.v10-ref img{height:230px}}

/* V11 – corporate story, process and contact */
.v11-kicker{color:var(--green,#9ed400);font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:12px}.v11-statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.v11-stat{padding:27px;background:#18201e;color:white;border-top:3px solid #9ed400}.v11-stat b{display:block;font-size:31px;color:#9ed400}.v11-stat span{font-size:13px;line-height:1.5}.v11-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.v11-step{padding:30px;background:#fff;border:1px solid #e3e9e1}.v11-step>span{color:#75a700;font-weight:900;font-size:30px}.v11-step h3{margin:14px 0}.v11-step p{line-height:1.7;color:#56615a}.v11-note{font-size:13px;line-height:1.7;color:#5a645c}.v11-darklink{color:#9ed400}.v11-contactlinks{display:grid;gap:12px;margin:25px 0}.v11-contactlinks a{color:inherit}.v11-highlight{padding:25px;background:#e9f1e2;border-left:4px solid #87b900}.v11-highlight p{margin-bottom:0}.v11-heroimg{object-fit:cover}.v11-legal{font-size:12px;line-height:1.6;color:#68736b}.v11-form textarea{min-height:125px}@media(max-width:680px){.v11-statgrid,.v11-steps{grid-template-columns:1fr}}

/* V12 – gemeinsame visuelle Identität mit der ROSCHER-Startseite */
:root{--green:#91e000;--ink:#15191a;--cream:#f7f7f6}body{background:#f7f7f6;font-family:Arial,Helvetica,sans-serif} .unified-header{position:sticky;top:0;z-index:100;background:#111416;color:#fff;box-shadow:0 4px 20px #0005}.unified-nav{max-width:1600px;min-height:102px;margin:auto;padding:8px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.unified-brand{display:block;width:300px;flex-shrink:0}.unified-brand img{width:100%;height:auto;display:block}.unified-links{display:flex;gap:clamp(9px,1.3vw,24px);align-items:center;flex-wrap:wrap;justify-content:flex-end}.unified-links a{color:white;font-size:12px;font-weight:800;letter-spacing:.01em;border-bottom:2px solid transparent;padding:10px 0}.unified-links a:hover,.unified-links a:focus-visible{border-color:#91e000;color:#fff}.unified-links a[href="kontakt.html"]{background:#91e000;color:#101517;padding:12px 15px;border:0}.unified-toggle{display:none;background:none;color:#fff;border:1px solid #81898a;border-radius:4px;padding:8px 12px;font-size:24px;cursor:pointer}.wrap{max-width:1600px;padding:0 5%}.eyebrow,.v11-kicker{color:#83bd20}.cta{background:#91e000;color:#101517}.section{padding:72px 0}.section h2{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.045em}.v10-hero,.kit-hero{background:#111719}.v10-hero h1,.kit-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:900}.v10-hero h1 em,.kit-hero h1 span{color:#91e000}.v10-hero-grid>img,.kit-hero-photo img,.v10-split>img,.kit-side img,.detail-grid img{box-shadow:0 16px 48px #0002;object-fit:cover}.card,.v10-feature,.kit-benefits article,.kit-tier,.v11-step,.v10-ref{box-shadow:0 10px 35px #1111}.unified-footer{background:#111517;color:#e5e8e7;padding:42px 5% 20px}.unified-footer-inner{max-width:1500px;margin:auto;display:flex;justify-content:space-between;gap:28px;align-items:center}.unified-footer-inner img{width:190px;max-width:100%}.unified-footer-inner p{font-size:11px;letter-spacing:.16em;color:#b7c2b8}.unified-footer-inner nav{display:flex;gap:16px;flex-wrap:wrap}.unified-footer-inner a{color:#e7ebe7;font-size:13px}.unified-footer-inner a:hover{color:#91e000}.unified-legal{max-width:1500px;margin:30px auto 0;border-top:1px solid #38423e;padding-top:15px;color:#9ca7a3;font-size:11px;line-height:1.7}.note{border-left-color:#91e000}.detail{padding-top:85px}.detail h1{font-family:Arial,Helvetica,sans-serif;font-weight:900}.v10-refhero{background:linear-gradient(90deg,#111817ed,#11181777),url('assets/alpenhaus-abend.webp') center/cover}.v10-ref img{transition:transform .35s}.v10-ref{overflow:hidden}.v10-ref:hover img{transform:scale(1.025)}@media(max-width:1230px){.unified-nav{min-height:84px}.unified-brand{width:230px}.unified-toggle{display:block}.unified-links{display:none;position:absolute;top:84px;left:0;right:0;background:#111416;padding:20px 5%;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 15px 25px #0005}.unified-links.open{display:flex}.unified-links a{font-size:13px;padding:12px 0}.unified-links a[href="kontakt.html"]{padding:13px}}@media(max-width:680px){.unified-nav{min-height:72px}.unified-brand{width:205px}.unified-links{top:72px}.unified-footer-inner{align-items:flex-start;flex-direction:column}.section{padding:50px 0}}

/* V13: einheitliche Bildwelt */
.v13-gallery-section{background:#ecefeb}.v13-gallery-section h2{max-width:950px}.v13-gallery-intro{color:#58645d;line-height:1.7;margin-bottom:30px}.v13-gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.v13-gallery-item{margin:0;position:relative;overflow:hidden;background:#17201a;min-height:270px}.v13-gallery-item img{width:100%;height:100%;min-height:270px;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .4s ease}.v13-gallery-item:hover img{transform:scale(1.045)}.v13-gallery-item figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px 18px 17px;background:linear-gradient(transparent,#07110fd9);color:white;font-weight:800;letter-spacing:.015em}.v13-visual-note{font-size:12px;color:#626d65;margin:19px 0 0;line-height:1.5}@media(max-width:800px){.v13-gallery{grid-template-columns:1fr 1fr}.v13-gallery-item:first-child{grid-column:1/-1}.v13-gallery-item img{min-height:230px}}@media(max-width:520px){.v13-gallery{grid-template-columns:1fr}.v13-gallery-item:first-child{grid-column:auto}.v13-gallery-item img{max-height:360px}}
