/*
Theme Name: Meijer Gazon- & Groenbeheer V3
Description: Volledig via de WordPress Customizer bewerkbare website voor Meijer Gazon- & Groenbeheer.
Version: 3.0.0
Author: Meijer Gazon- & Groenbeheer
*/
:root{--green:#0d4b24;--green2:#1e7a35;--lime:#68bd24;--ink:#101713;--cream:#f5f7f3;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(92%,var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e6ebe6}.header-inner{min-height:82px;display:flex;align-items:center;gap:30px}.logo img{width:235px;height:auto;display:block}.nav{margin-left:auto;display:flex;gap:28px;align-items:center;font-weight:700;font-size:15px}.nav a:hover{color:var(--green2)}.phone-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:13px 21px;font-weight:800;border:2px solid transparent;transition:.2s}.phone-btn{background:var(--green);color:#fff}.btn-primary{background:#70cf28;color:#071407}.btn-outline{border-color:#fff;color:#fff}.menu-toggle{display:none;background:none;border:0;font-size:27px}.hero{position:relative;height:min(70vh,650px);min-height:510px;overflow:hidden;background:#16351f;color:#fff}.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.18) 65%,rgba(0,0,0,.05))}.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}.hero-copy{max-width:690px}.eyebrow,.section-label{color:#75cf2a;text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:900}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:15px 0 18px;letter-spacing:-2px}.hero p{font-size:20px;max-width:620px;margin:0 0 28px}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero-controls{position:absolute;z-index:4;right:4%;bottom:28px;display:flex;gap:8px}.hero-dot{width:10px;height:10px;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer}.hero-dot.active{background:#76cf2b}.services{background:#fff;padding:30px 0;border-bottom:1px solid #e8ece8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{border:1px solid #dce5dc;border-radius:14px;padding:23px;background:#fff}.service-card h3{margin:0 0 7px;font-size:20px}.service-card p{margin:0;color:#56615a}.section{padding:82px 0}.section.alt{background:var(--cream)}.section h2{font-size:clamp(32px,4vw,50px);line-height:1.08;margin:10px 0 22px;letter-spacing:-1px}.about{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about img{width:100%;height:520px;object-fit:cover;border-radius:18px}.about p{font-size:17px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{overflow:hidden;border-radius:16px;background:#fff;border:1px solid #dfe7df}.work-card img{width:100%;height:250px;object-fit:cover;display:block}.work-body{padding:22px}.work-body h3{margin:0 0 8px}.work-body p{margin:0;color:#58635b}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.projects-grid img{width:100%;height:250px;object-fit:cover;border-radius:13px;display:block}.contact-band{background:var(--green);color:#fff;padding:55px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-band h2{font-size:38px;line-height:1.1;margin:0 0 8px}.contact-band p{margin:0}.contact-details{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px;color:#dcebdd}.footer{background:#fff;padding:28px 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-logo{width:210px}.footer-links{display:flex;gap:24px;font-weight:700}.legal{border-top:1px solid #e6eae6;margin-top:22px;padding-top:18px;color:#6a746d;font-size:13px;display:flex;justify-content:space-between}@media(max-width:900px){.nav{display:none}.menu-toggle{display:block;margin-left:auto}.header-inner{min-height:70px}.logo img{width:190px}.phone-btn{display:none}.nav.open{position:absolute;display:flex;left:0;right:0;top:70px;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.hero{min-height:560px}.about{grid-template-columns:1fr}.about img{height:360px}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.service-grid,.work-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.hero p{font-size:17px}.section{padding:55px 0}.contact-inner,.footer-top{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}.legal{flex-direction:column;gap:8px}}