:root{--groen:#164f3b;--licht:#f4f0e4;--lime:#c8db67;--inkt:#18302a;--wit:#fff;--rand:#d8ded8}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;color:var(--inkt);background:#fbfcf8;line-height:1.55}a{color:inherit;text-decoration:none}header{min-height:84px;padding:14px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--rand)}.merk{display:flex;gap:12px;align-items:center;font-weight:850;font-size:22px;color:var(--groen)}.merk small{display:block;font-size:11px;text-transform:uppercase}.schild{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--groen);color:var(--lime)}nav{display:flex;gap:24px;align-items:center}.mand,.knop{background:var(--groen);color:#fff;padding:12px 18px;border-radius:8px;font-weight:750;border:0;display:inline-block;cursor:pointer}main{max-width:1200px;margin:auto;padding:46px 24px 80px}.held{min-height:430px;background:var(--licht);border-radius:24px;padding:64px;display:grid;grid-template-columns:1.5fr .8fr;gap:50px;align-items:center}.held h1{font-size:clamp(40px,6vw,70px);line-height:.98;margin:12px 0 24px}.feit{background:var(--groen);color:#fff;border-radius:18px;padding:34px}.feit strong{font-size:28px;display:block}.label{font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#587126;font-size:12px}.keuze{padding:55px 0}.keuze div{display:flex;gap:12px;flex-wrap:wrap}.keuze a{padding:14px 20px;background:#fff;border:1px solid var(--rand);border-radius:50px;font-weight:700}.sectiekop{display:flex;justify-content:space-between;align-items:end}.sectiekop form{display:flex}.sectiekop input,input,select{padding:13px;border:1px solid #b9c3bc;border-radius:7px;font:inherit}.sectiekop button{border:0;background:var(--groen);color:#fff;padding:0 18px}.rooster{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:#fff;border:1px solid var(--rand);border-radius:15px;overflow:hidden}.product>a{display:block;padding:16px}.productbeeld{height:230px;background:linear-gradient(145deg,#e9edda,#cbd7b1);border-radius:10px;display:grid;place-items:center;margin-bottom:16px}.productbeeld span{font-weight:900;font-size:55px;color:#315b46}.product h3{font-size:22px;margin:4px 0}.prijsregel{display:flex;justify-content:space-between}.op{color:#2f6b2f}.uit{color:#8a443d}.productdetail{display:grid;grid-template-columns:1fr 1fr;gap:55px}.productbeeld.groot{height:520px}.productdetail form,.afrekenen{display:grid;gap:14px}.productdetail label,.velden label{display:grid;gap:5px;font-weight:650}.goeddoel,.melding,.fout{padding:18px;background:var(--licht);border-left:5px solid var(--lime);margin-top:22px}.fout{background:#fff0ed;border-color:#b94838}.tabel{background:#fff;border:1px solid var(--rand);border-radius:12px;padding:10px 24px}.tabel>div{padding:18px 0;border-bottom:1px solid var(--rand);display:flex;justify-content:space-between}.tabel small{display:block}.acties{display:flex;justify-content:space-between}.tekstknop{border:0;background:none;text-decoration:underline}.afrekenen{max-width:800px}.afrekenen fieldset{background:#fff;border:1px solid var(--rand);border-radius:12px;padding:24px}.velden{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bedankt{text-align:center;padding:100px 20px}.bedankt h1{font-size:50px}footer{background:var(--groen);color:#fff;padding:38px max(5vw,24px);display:flex;justify-content:space-between}@media(max-width:800px){nav>a:not(.mand){display:none}.held{padding:35px 24px;grid-template-columns:1fr}.rooster,.productdetail,.velden{grid-template-columns:1fr}.sectiekop,footer{align-items:flex-start;flex-direction:column}}
