.site-background{position:fixed;inset:0;z-index:-1;background:#3e300c;pointer-events:none}.site-background img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;animation:garden-background 48s linear infinite;animation-delay:var(--slide-delay)}.site-background .first-slide{opacity:1}.site-background.paused img{animation-play-state:paused}@keyframes garden-background{0%,16.66%{opacity:1}20.83%,95.83%{opacity:0}to{opacity:1}}.background-view{max-width:1000px;height:160px;margin:auto;display:flex;justify-content:flex-end;align-items:flex-end;padding:.75rem 1rem}.background-toggle{border:1px solid #fff;background:#3e300ce6;color:#fff;border-radius:5px;padding:.6rem .8rem;font:inherit;font-size:.8rem;cursor:pointer}body{background:transparent;isolation:isolate}.site-header{background:#efe9d8f5}main.container{background:var(--creme);border-radius:12px;box-shadow:0 8px 40px #0003}.merk{display:flex;gap:.8rem;align-items:center}.brand-logo{width:78px;height:auto;flex-shrink:0}@media(max-width:640px){.background-toggle{display:none}.site-background img{animation:none}.site-background img:not(.first-slide){display:none}.background-view{height:105px}main.container{margin:0 .6rem}.brand-logo{width:58px}.merk{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.site-background img{animation:none}.site-background img:not(.first-slide),.background-toggle{display:none}}:root{--font-heading: "Avenir Next", Avenir, "Segoe UI", "Trebuchet MS", sans-serif;--creme: #f7f3e9;--creme-donker: #efe9d8;--groen: #7db56a;--groen-donker: #4c7a3e;--limoen: #a5b52a;--bruin: #3e300c;--tekst: #2e2a20;--rand: #ddd3bd}*,*:before,*:after{box-sizing:border-box}html{font-size:100%}body{margin:0;background:var(--creme);color:var(--tekst);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.site-header{background:var(--creme-donker);border-bottom:3px solid var(--groen)}.header-inner{max-width:900px;margin:0 auto;padding:.9rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.header-actions{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:.6rem;width:min(100%,26rem)}.header-actions .belknop{display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;min-height:52px;padding:.6rem .5rem;line-height:1.3}@media(max-width:640px){.header-actions{width:100%}.header-actions .belknop{font-size:.9rem}}.merk{text-transform:uppercase;font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--bruin);text-decoration:none;letter-spacing:-.025em;line-height:1.2}.project-card span,.funnel legend{font-family:var(--font-heading);letter-spacing:-.015em}.merk:hover{color:var(--groen-donker)}.belknop{display:inline-block;background:var(--groen-donker);color:#fff;font-weight:700;text-decoration:none;padding:.45rem 1rem;border-radius:6px;white-space:nowrap}.belknop:hover,.belknop:focus{background:var(--groen-donker)}.site-nav{background:var(--bruin)}.site-nav ul{max-width:900px;margin:0 auto;padding:0 1.25rem;list-style:none;display:flex;flex-wrap:wrap}.site-nav a{display:block;color:var(--creme);text-decoration:none;padding:.55rem .7rem;font-size:.95rem}.site-nav a:hover,.site-nav a:focus{color:var(--limoen)}.site-nav a[aria-current=page]{color:var(--limoen);font-weight:700}.mobile-navigation{display:none}@media(max-width:640px){.desktop-navigation{display:none}.mobile-navigation{display:block}.mobile-navigation summary{cursor:pointer;color:var(--creme);padding:.75rem 1.25rem;font-weight:600;list-style:none;display:flex;justify-content:space-between}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation[open] summary span{transform:rotate(180deg)}.mobile-navigation ul{display:block;padding:0 .55rem .65rem}.mobile-navigation a{padding:.65rem .7rem}}.container{max-width:900px;margin:0 auto;padding:1.5rem 1.25rem 3rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--bruin);line-height:1.25;font-weight:600;letter-spacing:-.025em;text-wrap:balance}h1{font-size:2rem;margin:.4rem 0 1rem;border-bottom:2px solid var(--limoen);padding-bottom:.5rem}h2{font-size:1.4rem;margin:2rem 0 .6rem}h3{font-size:1.1rem;margin:1.4rem 0 .4rem}p{margin:.6rem 0}a{color:var(--groen-donker)}a:hover{color:var(--limoen)}.breadcrumb{list-style:none;margin:0 0 .8rem;padding:0;font-size:.9rem;display:flex;flex-wrap:wrap;gap:.3rem;color:#6b6350}.breadcrumb li+li:before{content:"/";margin-right:.3rem;color:#a2987e}.breadcrumb a{color:var(--groen-donker);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.intro{background:#fff;border:1px solid var(--rand);border-left:4px solid var(--groen);border-radius:4px;padding:1rem 1.25rem;font-size:1.06rem}.prijs-wrap{overflow-x:auto}table.prijzen{width:100%;border-collapse:collapse;margin:.8rem 0 .3rem;background:#fff}table.prijzen caption{text-align:left;font-weight:700;color:var(--bruin);padding:.3rem 0}table.prijzen th,table.prijzen td{border:1px solid var(--rand);padding:.5rem .7rem;text-align:left;vertical-align:top}table.prijzen thead th{background:var(--groen-donker);color:#fff}table.prijzen tbody tr:nth-child(2n){background:var(--creme)}.prijs-notitie{font-size:.9rem;color:#6b6350;font-style:italic}.fotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin:1rem 0}.fotos img{width:100%;height:auto;border-radius:6px;border:1px solid var(--rand);background:var(--creme-donker)}.cta{background:#eef4e3;border:1px solid var(--groen);border-radius:8px;padding:1.2rem 1.25rem;margin:2.2rem 0;text-align:center}.cta p{margin:.3rem 0 .9rem;font-size:1.05rem}.cta .knoppen{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.knop{display:inline-block;text-decoration:none;font-weight:700;padding:.6rem 1.2rem;border-radius:6px}.knop-bel{background:var(--groen-donker);color:#fff}.knop-bel:hover,.knop-bel:focus{background:var(--groen-donker);color:#fff}.knop-offerte{background:#fff;color:var(--groen-donker);border:2px solid var(--groen)}.knop-offerte:hover,.knop-offerte:focus{background:var(--groen);color:#fff}.verwant ul{padding-left:1.2rem}.contact-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:720px){.contact-grid{grid-template-columns:1fr 1fr}}address.nap{font-style:normal;background:#fff;border:1px solid var(--rand);border-radius:6px;padding:1rem 1.25rem;line-height:1.9}form.offerte{background:#fff;border:1px solid var(--rand);border-radius:6px;padding:1.2rem 1.25rem}form.offerte label{display:block;font-weight:700;margin-top:.8rem}form.offerte input,form.offerte textarea{width:100%;padding:.5rem;margin-top:.2rem;border:1px solid var(--rand);border-radius:4px;font:inherit;background:var(--creme)}form.offerte input:focus,form.offerte textarea:focus{outline:2px solid var(--groen);background:#fff}form.offerte .verzend{margin-top:1.1rem;background:var(--groen-donker);color:#fff;border:none;font-weight:700;font-size:1rem;padding:.6rem 1.4rem;border-radius:6px;cursor:pointer}form.offerte .verzend:hover{background:var(--groen-donker)}.verborgen{display:none}ul.werkgebied{columns:2;padding-left:1.2rem}@media(min-width:720px){ul.werkgebied{columns:3}}.site-footer{background:var(--bruin);color:var(--creme);margin-top:2.5rem}.footer-inner{max-width:900px;margin:0 auto;padding:1.8rem 1.25rem;font-size:.95rem}.site-footer address{font-style:normal;line-height:1.8}.site-footer a{color:var(--limoen)}.site-footer a:hover{color:#fff}.footer-copy{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(247,243,233,.25);color:#c9c0a8;font-size:.85rem}.mobile-visit{display:none}@media(max-width:640px){.mobile-visit{display:block;position:sticky;bottom:0;padding:.6rem;background:var(--creme);border-top:1px solid var(--rand);text-align:center;z-index:5}}.skip-link{position:absolute;left:1rem;top:-6rem;z-index:10;background:#fff;padding:.75rem}.skip-link:focus{top:.5rem}:focus-visible{outline:3px solid var(--groen-donker);outline-offset:3px}.service-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.service-card{padding:1rem;border:1px solid var(--rand);border-radius:6px;background:#fff}.service-card h2{margin-top:0}.service-card p{font-size:.95rem}.fotos{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.container,.footer-inner{overflow-wrap:anywhere}
