:root{--color-primary:#2f6b3a;--color-primary-dark:#234f2b;--color-primary-light:#e8f0e6;--color-amber:#d99a2b;--color-amber-dark:#b97f1e;--color-cream:#faf7f1;--color-text:#2b3530;--color-text-light:#6b7570;--color-border:#e3ddd2;--radius:14px;--shadow:0 10px 30px #2b353014;--container-width:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{color:var(--color-text);background:var(--color-cream);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3,h4{color:var(--color-primary-dark);font-weight:700;line-height:1.2}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.btn{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-outline{border-color:var(--color-primary);color:var(--color-primary-dark);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-amber{background:var(--color-amber);color:#fff}.btn-amber:hover{background:var(--color-amber-dark);transform:translateY(-2px)}.btn-outline-green{border-color:var(--color-primary);color:var(--color-primary);background:0 0;width:100%;margin-top:1.5rem}.btn-outline-green:hover{background:var(--color-primary);color:#fff}.btn-full{width:100%}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf7f1b3;padding:2rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.header.scrolled{background:#fffffff2;padding:.85rem 0;box-shadow:0 4px 20px #2b35300f}.nav{justify-content:space-between;align-items:center;display:flex;position:relative}.nav-logo{align-items:center;gap:.75rem;display:flex}.logo-img{border-radius:8px;width:auto;height:68px;transition:height .3s;display:block}.header.scrolled .logo-img{height:40px}.logo-label{flex-direction:column;line-height:1.1;display:flex}.logo-text{color:var(--color-primary-dark);letter-spacing:.02em;font-size:1.5rem;font-weight:700}.logo-sub{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.nav-links a.active{font-weight:700}.nav-cta{background:var(--color-primary);border-radius:999px;padding:.6rem 1.4rem;font-weight:600;transition:all .25s;color:#fff!important}.nav-cta:hover,.nav-cta.active{background:var(--color-primary-dark);transform:translateY(-2px)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.nav-toggle span{background:var(--color-primary-dark);border-radius:2px;width:24px;height:2px;display:block}.hero{background:linear-gradient(160deg, #eef5ec 0%, var(--color-cream) 55%, #fbf3e3 100%);padding:11rem 0 6rem}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:3rem;display:grid}.hero-eyebrow{color:var(--color-amber-dark);text-transform:uppercase;letter-spacing:.18em;margin-bottom:1.25rem;font-size:.8rem;font-weight:600;display:inline-block}.hero-title{color:var(--color-primary-dark);margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.75rem)}.hero-subtitle{color:var(--color-text-light);max-width:480px;margin-bottom:2rem;font-size:1.15rem}.hero-services-label{margin-bottom:.75rem;font-weight:600}.hero-services{flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem;display:flex}.hero-service-tag{background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:500}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%;box-shadow:var(--shadow)}.features{background:#fff;padding:5rem 0}.features-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.feature{text-align:center}.feature-icon{color:var(--color-primary);margin-bottom:1rem}.feature h3{margin-bottom:.5rem;font-size:1.1rem}.feature p{color:var(--color-text-light);font-size:.95rem}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-eyebrow{color:var(--color-amber-dark);text-transform:uppercase;letter-spacing:.18em;margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:inline-block}.section-header h2{margin-bottom:.75rem;font-size:clamp(1.8rem,3vw,2.5rem)}.section-desc{color:var(--color-text-light);font-size:1.05rem}.sortiment{background:var(--color-cream);padding:6rem 0}.products-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem;display:grid}.product-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:2rem;transition:transform .25s}.product-card:hover{transform:translateY(-6px)}.product-image{aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius) - 4px);width:100%;margin-bottom:1.25rem}.product-icon{color:var(--color-primary);margin-bottom:1rem}.product-card h3{margin-bottom:1rem;font-size:1.2rem}.product-card ul{flex-direction:column;gap:.5rem;display:flex}.product-card li{color:var(--color-text-light);padding-left:1.4rem;font-size:.95rem;position:relative}.product-card li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:0}.sortiment-note{text-align:center;color:var(--color-text-light);margin-top:2.5rem;font-size:.95rem}.ueber-uns{background:#fff;padding:6rem 0}.ueber-uns-inner{grid-template-columns:1.3fr 1fr;align-items:center;gap:4rem;display:grid}.ueber-uns-text h2{margin-bottom:1.25rem;font-size:clamp(1.8rem,3vw,2.5rem)}.ueber-uns-text p{color:var(--color-text-light);margin-bottom:1.25rem}.stats-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.stat{background:var(--color-primary-light);border-radius:var(--radius);text-align:center;flex-direction:column;gap:.5rem;padding:2rem 1.5rem;display:flex}.stat-num{color:var(--color-primary);font-size:2.5rem;font-weight:700}.stat-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}.filialen{background:var(--color-cream);padding:6rem 0}.filialen-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.filiale-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:2.5rem}.filiale-image{aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--radius) - 4px);width:100%;margin-bottom:1.5rem}.filiale-badge{background:var(--color-primary-light);color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;margin-bottom:1rem;padding:.35rem .9rem;font-size:.75rem;font-weight:600;display:inline-block}.filiale-card h3{margin-bottom:.5rem;font-size:1.5rem}.filiale-desc{color:var(--color-text-light);margin-bottom:1.5rem;font-size:.95rem}.filiale-info{flex-direction:column;gap:1.1rem;margin-bottom:.5rem;display:flex}.info-row{align-items:flex-start;gap:.9rem;display:flex}.info-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.info-row>div{color:var(--color-text-light);flex-direction:column;gap:.15rem;font-size:.95rem;display:flex}.info-row strong{color:var(--color-text)}.info-row a{color:var(--color-primary);font-weight:600}.info-row a:hover{text-decoration:underline}.kontakt{background:var(--color-primary-dark);color:#fff;padding:6rem 0}.kontakt .section-eyebrow{color:var(--color-amber)}.kontakt .section-header h2{color:#fff}.kontakt .section-desc{color:#ffffffbf}.kontakt-inner{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.kontakt-form{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:2.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--color-text);font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border:1.5px solid var(--color-border);color:var(--color-text);resize:vertical;border-radius:8px;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.kontakt-sidebar{flex-direction:column;gap:1.75rem;display:flex}.kontakt-sidebar h3{color:#fff;font-size:1.3rem}.kontakt-standorte{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.kontakt-standort{border-top:1px solid #ffffff1f;flex-direction:column;gap:1.1rem;padding-top:1.5rem;display:flex}.kontakt-sidebar h4{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:1rem}.kontakt-sidebar .info-row>div{color:#ffffffbf}.kontakt-sidebar .info-icon{color:var(--color-amber)}.kontakt-sidebar .info-row strong{color:#fff}.kontakt-sidebar .info-row a{color:var(--color-amber)}.footer{color:#ffffffb3;background:#1f2b22}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:3rem;padding:4rem 0 2.5rem;display:grid}.footer-brand .logo-img{height:56px}.footer-brand .logo-text{color:#fff}.footer-brand .logo-sub{color:#ffffff80}.footer-brand p{margin-top:1rem;font-size:.95rem;line-height:1.7}.footer-brand-cta{color:#fff;font-weight:600}.footer-brand-cta a{color:var(--color-amber);transition:color .2s}.footer-brand-cta a:hover{color:#fff}.footer-links h4,.footer-contact h4{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-size:1rem}.footer-links ul{flex-direction:column;gap:.75rem;display:flex}.footer-links a,.footer-contact a{color:#ffffffb3;font-size:.95rem;transition:color .2s}.footer-links a:hover,.footer-contact a:hover{color:var(--color-amber)}.footer-contact p{margin-bottom:.75rem;font-size:.95rem;line-height:1.6}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding:1.5rem 0;font-size:.85rem}.footer-bottom a{color:#fff9}.footer-bottom a:hover{color:var(--color-amber)}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-image{aspect-ratio:16/10}.features-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.ueber-uns-inner{grid-template-columns:1fr;gap:3rem}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=768px){.header{padding:1.25rem 0}.logo-img{height:48px}.logo-text{font-size:1.25rem}.nav-toggle{display:flex}.nav-links{border-radius:0 0 var(--radius) var(--radius);background:#fff;flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.5rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #2b353014}.nav-links.open{display:flex}.nav-cta{text-align:center;width:100%}.hero{padding:8rem 0 4rem}.features-grid{grid-template-columns:1fr;gap:2.5rem}.products-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.filialen-grid,.kontakt-inner,.kontakt-standorte,.form-row{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:2.5rem;padding:3rem 0 2rem}}