<!-- Prijzenpagina · Groenwerk Eemland, Amersfoort · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="gwe">
<div class="gwe__top"><div class="gwe__in gwe__top-in">
  <p class="gwe__top-txt">Gratis tuinbezoek in Amersfoort en omgeving</p>
  <p class="gwe__top-txt"><a href="tel:0331234567">033 123 4567</a></p>
</div></div>

<div class="gwe__head" role="banner"><div class="gwe__in gwe__head-in">
  <a href="#" class="gwe__logo" aria-label="Groenwerk Eemland, naar home">Groenwerk Eemland</a>
  <nav class="gwe__nav" aria-label="Hoofdmenu">
    <a href="#">Onderhoud</a><a href="#">Aanleg</a><a href="#">Snoeien</a><a href="#" aria-current="page">Prijzen</a><a href="#">Projecten</a><a href="#">Contact</a>
  </nav>
  <a href="#gwe-bezoek" class="gwe__btn gwe__btn--head">Tuinbezoek aanvragen</a>
  <button class="gwe__menu-knop" type="button" aria-expanded="false" aria-controls="gwe-menu" aria-label="Menu openen"><span></span><span></span></button>
</div>
<div class="gwe__menu" id="gwe-menu" hidden>
  <a href="#">Onderhoud</a><a href="#">Aanleg</a><a href="#">Snoeien</a><a href="#" aria-current="page">Prijzen</a><a href="#">Projecten</a><a href="#">Contact</a><a href="#gwe-bezoek" class="gwe__btn">Gratis tuinbezoek aanvragen</a>
</div>
</div>

<div class="gwe__hero"><div class="gwe__in gwe__hero-in">
  <div class="gwe__hero-txt">
    <h1 class="gwe__h1">Wat tuinonderhoud kost</h1>
    <p class="gwe__lead">Je betaalt per uur of per beurt, met vaste bedragen inclusief 21% btw. Binnen de volle cirkel rijden we gratis voor, binnen de stippellijn rekenen we €12,50 per bezoek.</p>
    <p class="gwe__plaats-info" aria-live="polite"><strong>Amersfoort:</strong> voorrijden gratis. Klik op je woonplaats op de kaart.</p>
    <a href="#gwe-reken" class="gwe__btn">Reken je prijs uit</a>
  </div>
  <div class="gwe__kaart">
    <svg viewBox="0 30 600 450" role="group" aria-label="Kaart van het werkgebied rond Amersfoort">
      <rect x="0" y="0" width="600" height="520" fill="#EFF0F6"/>
      <path d="M40 470 C120 420 160 300 230 250 S330 230 360 190 S430 90 560 40" fill="none" stroke="#C9CCE0" stroke-width="10" stroke-linecap="round"/>
      <path d="M0 330 C140 320 220 300 300 260 S480 230 600 250" fill="none" stroke="#DADCE8" stroke-width="5"/>
      <path d="M250 0 C270 120 290 200 300 260 S320 420 330 520" fill="none" stroke="#DADCE8" stroke-width="5"/>
      <circle cx="300" cy="260" r="215" fill="none" stroke="#2B2FBF" stroke-width="2" stroke-dasharray="6 8"/>
      <circle cx="300" cy="260" r="112" fill="#2B2FBF" fill-opacity=".1" stroke="#2B2FBF" stroke-width="2"/>
      <g class="gwe__pl is-aan" data-p="amersfoort" tabindex="0" role="button" aria-label="Amersfoort, voorrijden gratis"><circle class="gwe__hit" cx="300" cy="260" r="26"/><circle cx="300" cy="260" r="11"/><text x="318" y="266">Amersfoort</text></g>
      <g class="gwe__pl" data-p="leusden" tabindex="0" role="button" aria-label="Leusden, voorrijden gratis"><circle class="gwe__hit" cx="292" cy="342" r="26"/><circle cx="292" cy="342" r="8"/><text x="306" y="348">Leusden</text></g>
      <g class="gwe__pl" data-p="hoogland" tabindex="0" role="button" aria-label="Hoogland, voorrijden gratis"><circle class="gwe__hit" cx="322" cy="196" r="26"/><circle cx="322" cy="196" r="8"/><text x="336" y="202">Hoogland</text></g>
      <g class="gwe__pl" data-p="soest" tabindex="0" role="button" aria-label="Soest, voorrijden 12,50 euro"><circle class="gwe__hit" cx="150" cy="282" r="26"/><circle cx="150" cy="282" r="8"/><text x="164" y="288">Soest</text></g>
      <g class="gwe__pl" data-p="baarn" tabindex="0" role="button" aria-label="Baarn, voorrijden 12,50 euro"><circle class="gwe__hit" cx="168" cy="162" r="26"/><circle cx="168" cy="162" r="8"/><text x="182" y="168">Baarn</text></g>
      <g class="gwe__pl" data-p="nijkerk" tabindex="0" role="button" aria-label="Nijkerk, voorrijden 12,50 euro"><circle class="gwe__hit" cx="392" cy="96" r="26"/><circle cx="392" cy="96" r="8"/><text x="406" y="102">Nijkerk</text></g>
      <g class="gwe__pl" data-p="woudenberg" tabindex="0" role="button" aria-label="Woudenberg, voorrijden 12,50 euro"><circle class="gwe__hit" cx="398" cy="392" r="26"/><circle cx="398" cy="392" r="8"/><text x="412" y="398">Woudenberg</text></g>
      <g class="gwe__pl" data-p="barneveld" tabindex="0" role="button" aria-label="Barneveld, buiten het werkgebied"><circle class="gwe__hit" cx="540" cy="300" r="26"/><circle cx="540" cy="300" r="8"/><text x="470" y="330">Barneveld</text></g>
    </svg>
    <p class="gwe__legenda"><span class="gwe__l1"></span>Gratis voorrijden <span class="gwe__l2"></span>€12,50 per bezoek</p>
  </div>
</div></div>

<div class="gwe__tarief"><div class="gwe__in gwe__tarief-in">
  <img src="https://neddev.com/lab-media/page-prijzen-dienstverlener-1.webp" alt="Een hovenier knipt een lange beukenhaag in een achtertuin in Amersfoort" width="1408" height="768" loading="lazy">
  <div>
    <h2 class="gwe__h2">Uurtarief en vaste bedragen</h2>
    <table class="gwe__tabel"><caption class="gwe__vh">Tarieven inclusief btw</caption><tbody>
      <tr><th scope="row">Hovenier, per uur</th><td>€49,50</td></tr>
      <tr><th scope="row">Leerling-hovenier met begeleiding, per uur</th><td>€36,00</td></tr>
      <tr><th scope="row">Haag knippen, per strekkende meter</th><td>€4,25</td></tr>
      <tr><th scope="row">Groenafval afvoeren, per beurt</th><td>€18,00</td></tr>
      <tr><th scope="row">Volle aanhanger groenafval</th><td>€65,00</td></tr>
      <tr><th scope="row">Voorrijden binnen de stippellijn</th><td>€12,50</td></tr>
    </tbody></table>
    <p class="gwe__klein">Per bezoek rekenen we minimaal anderhalf uur. Planten en materiaal kopen we voor je in tegen inkoopprijs plus 10%.</p>
  </div>
</div></div>

<div class="gwe__abo"><div class="gwe__in">
  <div class="gwe__abo-kop">
    <h2 class="gwe__h2">Onderhoud op vaste momenten</h2>
    <p>De meeste klanten nemen een onderhoudsabonnement. We komen 6, 9 of 12 keer per jaar, altijd met dezelfde hovenier en zoveel mogelijk op dezelfde dag. Je betaalt per beurt, achteraf per maand.</p>
  </div>
  <ul class="gwe__maten">
    <li><img src="https://neddev.com/lab-media/page-prijzen-dienstverlener-10.webp" alt="Een kleine, verzorgde achtertuin met gazon en strakke haag" width="900" height="491" loading="lazy"><div><h3>Stadstuin tot 50 m²</h3><p>Gemiddeld anderhalf uur per beurt. Gazon maaien, borders bijhouden, tegels onkruidvrij.</p></div><p class="gwe__bedrag">€74,25 <span>per beurt</span></p></li>
    <li><img src="https://neddev.com/lab-media/page-prijzen-dienstverlener-2.webp" alt="Gemaaid gazon met een bakstenen pad en volle borders" width="900" height="491" loading="lazy"><div><h3>Gezinstuin van 50 tot 150 m²</h3><p>Gemiddeld tweeënhalf uur. Ook heesters in vorm houden en het pad vegen.</p></div><p class="gwe__bedrag">€123,75 <span>per beurt</span></p></li>
    <li><img src="https://neddev.com/lab-media/page-prijzen-dienstverlener-7.webp" alt="Grote tuin met breed gazon, oude bomen en een grindpad" width="900" height="491" loading="lazy"><div><h3>Grote tuin van 150 tot 400 m²</h3><p>Gemiddeld vierenhalf uur, meestal met twee man. Grindpaden, buxus en vijverrand inbegrepen.</p></div><p class="gwe__bedrag">€222,75 <span>per beurt</span></p></li>
  </ul>
  <p class="gwe__klein">Groter dan 400 m² of een tuin met veel bomen? Dan maken we na het tuinbezoek een prijs op maat.</p>
</div></div>

<div class="gwe__reken" id="gwe-reken"><div class="gwe__in gwe__reken-in">
  <form class="gwe__rform" novalidate>
    <h2 class="gwe__h2">Reken je prijs uit</h2>
    <label class="gwe__veld"><span>Woonplaats</span><select name="plaats">
      <option value="amersfoort">Amersfoort</option><option value="leusden">Leusden</option><option value="hoogland">Hoogland</option><option value="soest">Soest</option><option value="baarn">Baarn</option><option value="nijkerk">Nijkerk</option><option value="woudenberg">Woudenberg</option><option value="barneveld">Barneveld</option>
    </select></label>
    <label class="gwe__veld"><span>Oppervlakte tuin: <output name="m2uit">80 m²</output></span><input type="range" name="m2" min="20" max="400" step="10" value="80"></label>
    <label class="gwe__veld"><span>Haag: <output name="haaguit">12 meter</output></span><input type="range" name="haag" min="0" max="80" step="2" value="12"></label>
    <fieldset class="gwe__keus"><legend>Beurten per jaar</legend>
      <label><input type="radio" name="beurten" value="6" checked> 6 keer</label>
      <label><input type="radio" name="beurten" value="9"> 9 keer</label>
      <label><input type="radio" name="beurten" value="12"> 12 keer</label>
    </fieldset>
    <fieldset class="gwe__keus gwe__keus--los"><legend>Erbij</legend>
      <label><input type="checkbox" name="afval" checked> Groenafval meenemen, elke beurt</label>
      <label><input type="checkbox" name="verti"> Gazon verticuteren in april</label>
      <label><input type="checkbox" name="blad"> Extra bladronde in november</label>
    </fieldset>
  </form>
  <div class="gwe__uit" aria-live="polite">
    <p class="gwe__uit-jaar"><span class="gwe__totaal">€0</span> per jaar</p>
    <p class="gwe__uit-maand">Dat is ongeveer <strong class="gwe__maand">€0</strong> per maand.</p>
    <table class="gwe__opbouw"><caption class="gwe__vh">Opbouw van de prijs</caption><tbody></tbody></table>
    <p class="gwe__klein">Een schatting op basis van ons uurtarief. Na het gratis tuinbezoek krijg je een vaste prijs die het hele jaar gelijk blijft.</p>
    <a href="#gwe-bezoek" class="gwe__btn gwe__btn--licht">Vraag een tuinbezoek aan</a>
    <img class="gwe__uit-foto" src="https://neddev.com/lab-media/page-prijzen-dienstverlener-6.webp" alt="Een hovenier harkt herfstblad op een gazon voor een bakstenen huis" width="900" height="491" loading="lazy">
  </div>
</div></div>

<div class="gwe__wel"><div class="gwe__in gwe__wel-in">
  <div>
    <h2 class="gwe__h2">Wat er wel en niet in zit</h2>
    <div class="gwe__lijsten">
      <div><h3>In de prijs per beurt</h3><ul>
        <li>Gazon maaien en kanten steken</li><li>Onkruid wieden in borders en tussen de tegels</li><li>Vaste planten en heesters snoeien</li><li>Blad ruimen dat op dat moment ligt</li><li>Even bijpraten over wat er bloeit en wat beter kan</li>
      </ul></div>
      <div><h3>Apart gerekend</h3><ul>
        <li>Groenafval afvoeren, €18 per beurt</li><li>Haag knippen, €4,25 per meter</li><li>Bomen hoger dan vier meter, op offerte</li><li>Nieuwe planten, graszoden en materiaal</li><li>Bestrating herstellen of aanleggen</li>
      </ul></div>
    </div>
  </div>
  <div class="gwe__wel-fotos">
    <img src="https://neddev.com/lab-media/page-prijzen-dienstverlener-3.webp" alt="Een hovenier wiedt een border met vaste planten" width="900" height="491" loading="lazy">
    <img src="https://neddev.com/lab-media/page-prijzen-dienstverlener-8.webp" alt="Twee hoveniers leggen nieuwe graszoden in een achtertuin" width="900" height="491" loading="lazy">
  </div>
</div></div>

<div class="gwe__vn"><div class="gwe__in gwe__vn-in">
  <div><h2 class="gwe__h2">Na één seizoen</h2><p>Een verwaarloosde tuin kost de eerste keer meer tijd. Reken op twee extra uren bij de eerste beurt, daarna gaat het vlot.</p></div>
    <figure><img src="https://neddev.com/lab-media/page-prijzen-dienstverlener-9.webp" alt="Verwaarloosde achtertuin met lang gras en onkruid tussen de tegels" width="900" height="491" loading="lazy"><figcaption>Een achtertuin in Schothorst in maart, voor de eerste beurt.</figcaption></figure>
    <figure><img src="https://neddev.com/lab-media/page-prijzen-dienstverlener-10.webp" alt="Verzorgde achtertuin met kort gazon, schone tegels en geknipte haag" width="900" height="491" loading="lazy"><figcaption>Een tuin in hetzelfde blok na een jaar onderhoud, negen beurten.</figcaption></figure>
  </div></div>

<div class="gwe__faq" id="gwe-bezoek"><div class="gwe__in gwe__faq-in">
  <div>
    <h2 class="gwe__h2">Vragen over de prijs</h2>
    <details><summary>Betaal ik als ik een beurt afzeg?</summary><p>Nee, als je het minstens twee werkdagen van tevoren laat weten. Daarna rekenen we de helft van de beurt.</p></details>
    <details><summary>Wanneer krijg ik de factuur?</summary><p>Aan het begin van elke maand, voor de beurten van de maand ervoor. Betalen binnen 14 dagen.</p></details>
    <details><summary>Werken jullie ook in de winter?</summary><p>Ja. Van december tot februari snoeien we fruitbomen en heesters en ruimen we op. Bij vorst schuiven we de beurt op, zonder kosten.</p></details>
    <details><summary>Gaan de prijzen volgend jaar omhoog?</summary><p>We passen ons uurtarief eens per jaar aan, op 1 januari, met hooguit de cao-verhoging. Je hoort het in november.</p></details>
  </div>
  <div class="gwe__bezoek">
    <h2 class="gwe__h2">Gratis tuinbezoek</h2>
    <p>Wouter of Lotte komt een half uur kijken, meet de tuin op en noemt ter plekke een vaste prijs. Je zit nergens aan vast.</p>
    <div><form class="gwe__bform" novalidate>
    <label class="gwe__veld"><span>Naam</span><input name="naam" autocomplete="name"></label>
    <label class="gwe__veld"><span>Telefoonnummer</span><input name="tel" type="tel" autocomplete="tel"></label>
    <label class="gwe__veld"><span>Postcode</span><input name="pc" autocomplete="postal-code" placeholder="3811 AB"></label>
    <p class="gwe__fout" role="alert" hidden></p>
    <button class="gwe__btn" type="submit">Plan het tuinbezoek</button>
  </form>
  <p class="gwe__klaar" role="status" hidden></p>
  </div>
</div></div>

<div class="gwe__voet" role="contentinfo"><div class="gwe__in">
  <div class="gwe__voet-raster">
    <div><p class="gwe__voet-logo">Groenwerk Eemland</p><p>Kwekersweg 7<br>3815 KA Amersfoort<br><a href="mailto:info@voorbeeld.nl">info@voorbeeld.nl</a></p></div>
    <div><p class="gwe__voet-kop">Diensten</p><a href="#">Tuinonderhoud</a><a href="#">Tuinaanleg</a><a href="#">Snoeien</a><a href="#">Prijzen</a></div>
    <div><p class="gwe__voet-kop">Werkgebied</p><a href="#">Amersfoort</a><a href="#">Leusden</a><a href="#">Soest en Baarn</a><a href="#">Nijkerk</a></div>
    <div><p class="gwe__voet-kop">Erkend</p><p>Lid VHG<br>Erkend leerbedrijf SBB<br>Groenkeur Boomverzorging</p></div>
  </div>
  <p class="gwe__voet-klein">KvK 32123456 · BTW NL003456789B01 · <a href="#">Algemene voorwaarden</a> · <a href="#">Privacy</a></p>
</div></div>
</div>
</div>

/* Prijzenpagina · Groenwerk Eemland, Amersfoort · NedDev · eigen werk. */
/* fonts (Fontshare): alpino@400,700 */
.gwe{--bg:#FCFCFD;--opp:#EFF0F6;--tekst:#12131C;--gedempt:#4D5063;--lijn:#DADCE8;--accent:#2B2FBF;--op-accent:#FFFFFF;--r:4px;--fs1:14px;--fs2:16px;--fs3:20px;--fs4:28px;--fs5:48px;--fs6:84px;--sectie:clamp(48px,5vw,76px);--kader:1660px;--lees:720px;--zij:20px;
  container-type:inline-size;background:var(--bg);color:var(--tekst);font-family:'Alpino',sans-serif;font-weight:400;font-size:var(--fs2);line-height:1.6}
.gwe *{box-sizing:border-box}
.gwe [hidden]{display:none!important}
.gwe a{color:inherit}
.gwe img{display:block;max-width:100%;height:auto}
.gwe figure{margin:0}
.gwe__vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gwe__in{max-width:var(--kader);margin:0 auto;padding:0 clamp(var(--zij),4vw,56px)}
.gwe__top{background:var(--accent);color:var(--op-accent)}
.gwe__top-in{display:flex;justify-content:space-between;gap:16px;padding-top:6px;padding-bottom:6px}
.gwe__top-txt{margin:0;font-size:var(--fs1);padding:3px 0}
.gwe__top-txt a{text-decoration:none;display:inline-block;padding:3px 0}
.gwe__head{position:sticky;top:0;z-index:20}
.gwe__head-in{display:flex;align-items:center;gap:28px;height:76px;background:var(--bg);border-bottom:1px solid var(--lijn)}
.gwe__logo{text-decoration:none;font-weight:700;font-size:var(--fs3);letter-spacing:-.01em;white-space:nowrap}
.gwe__nav{display:flex;gap:24px;margin-left:auto}
.gwe__nav a{text-decoration:none;color:var(--gedempt);transition:color .18s}
.gwe__nav a:hover,.gwe__nav a[aria-current]{color:var(--tekst)}
.gwe__nav a[aria-current]{border-bottom:2px solid var(--accent);padding-bottom:4px}
.gwe__btn{display:inline-block;background:var(--accent);color:var(--op-accent)!important;text-decoration:none;font-family:inherit;font-weight:700;font-size:var(--fs2);padding:13px 22px;border-radius:var(--r);border:0;cursor:pointer;transition:background-color .18s}
.gwe__btn:hover{background:#1f2399}
.gwe__menu-knop{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--lijn);border-radius:var(--r);background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.gwe__menu-knop span{display:block;width:20px;height:2px;background:var(--tekst)}
.gwe__menu{display:flex;flex-direction:column;padding:8px var(--zij) 20px;background:var(--bg);border-bottom:1px solid var(--lijn)}
.gwe__menu a{padding:12px 0;text-decoration:none;font-size:var(--fs3);border-bottom:1px solid var(--lijn)}
.gwe__menu .gwe__btn{margin-top:16px;text-align:center;border:0}
.gwe__hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,96px);align-items:center;padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(40px,5vw,64px)}
.gwe__h1{font-weight:700;font-size:var(--fs6);line-height:.98;letter-spacing:-.03em;margin:0 0 24px}
.gwe__lead{font-size:var(--fs3);color:var(--gedempt);margin:0 0 20px;max-width:42ch}
.gwe__plaats-info{margin:0 0 28px;padding:14px 16px;background:var(--opp);border-radius:var(--r);max-width:42ch}
.gwe__kaart svg{width:100%;height:auto;display:block;border-radius:var(--r)}
.gwe__pl{cursor:pointer;outline:none}
.gwe__pl circle{fill:#FCFCFD;stroke:#12131C;stroke-width:2;transition:fill .18s}
.gwe__pl text{font-family:'Alpino',sans-serif;font-size:19px;fill:#12131C}
.gwe__pl .gwe__hit{fill:transparent;stroke:none}
.gwe__pl:hover circle:not(.gwe__hit),.gwe__pl:focus-visible circle:not(.gwe__hit),.gwe__pl.is-aan circle:not(.gwe__hit){fill:#2B2FBF;stroke:#2B2FBF}
.gwe__pl.is-aan text,.gwe__pl:focus-visible text{font-weight:700}
.gwe__legenda{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:var(--fs1);color:var(--gedempt);margin:12px 0 0}
.gwe__l1,.gwe__l2{display:inline-block;width:22px;height:12px;border:2px solid var(--accent)}
.gwe__l1{background:rgba(43,47,191,.12)}
.gwe__l2{border-style:dashed;margin-left:12px}
.gwe__tarief{background:var(--opp);padding:var(--sectie) 0}
.gwe__tarief-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:stretch}
.gwe__tarief-in>img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:var(--r)}
.gwe__h2{font-weight:700;font-size:var(--fs5);line-height:1.04;letter-spacing:-.02em;margin:0 0 28px}
.gwe__tabel,.gwe__opbouw{width:100%;border-collapse:collapse}
.gwe__tabel th,.gwe__tabel td{padding:14px 0;border-bottom:1px solid var(--lijn);text-align:left;font-weight:400}
.gwe__tabel td{text-align:right;font-weight:700;font-size:var(--fs3);white-space:nowrap;padding-left:16px}
.gwe__klein{font-size:var(--fs1);color:var(--gedempt);margin:16px 0 0;max-width:60ch}
.gwe__abo{padding:var(--sectie) 0}
.gwe__abo-kop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,96px);align-items:end;margin-bottom:28px}
.gwe__abo-kop p{margin:0;color:var(--gedempt);font-size:var(--fs3)}
.gwe__abo-kop .gwe__h2{margin:0}
.gwe__maten{list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn)}
.gwe__maten li{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;gap:clamp(20px,3vw,48px);align-items:center;padding:20px 0;border-bottom:1px solid var(--lijn)}
.gwe__maten img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}
.gwe__maten h3{margin:0 0 6px;font-size:var(--fs4);font-weight:700;line-height:1.2}
.gwe__maten p{margin:0;color:var(--gedempt);max-width:52ch}
.gwe__maten .gwe__bedrag{font-size:var(--fs4);font-weight:700;color:var(--tekst);white-space:nowrap;text-align:right}
.gwe__bedrag span{display:block;font-size:var(--fs1);font-weight:400;color:var(--gedempt)}
.gwe__reken{background:var(--accent);color:var(--op-accent);padding:var(--sectie) 0}
.gwe__reken-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,112px);align-items:start}
.gwe__rform{display:grid;gap:16px}
.gwe__veld{display:grid;gap:8px}
.gwe__veld>span,.gwe__keus legend{font-weight:700}
.gwe__veld output{font-weight:400}
.gwe__veld select,.gwe__veld input:not([type=range]){font:inherit;color:var(--tekst);background:#fff;border:1px solid var(--lijn);border-radius:var(--r);padding:12px 14px;min-height:48px;width:100%}
.gwe__veld input[type=range]{width:100%;accent-color:#FCFCFD;height:28px}
.gwe__rform .gwe__veld select{border-color:transparent}
.gwe__keus{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.gwe__keus legend{padding:0;margin-bottom:8px}
.gwe__keus label{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.45);border-radius:var(--r);cursor:pointer}
.gwe__keus label:has(input:checked){background:rgba(255,255,255,.14);border-color:#fff}
.gwe__keus--los{flex-direction:row}
.gwe__keus input{width:24px;height:24px;margin:0;accent-color:#FCFCFD}
.gwe__uit{background:var(--bg);color:var(--tekst);border-radius:var(--r);padding:clamp(24px,3vw,44px)}
.gwe__uit-jaar{margin:0;font-size:var(--fs3);color:var(--gedempt)}
.gwe__totaal{display:block;font-size:var(--fs6);line-height:1;font-weight:700;color:var(--tekst);letter-spacing:-.03em;margin-bottom:6px}
.gwe__uit-maand{margin:10px 0 24px}
.gwe__opbouw th,.gwe__opbouw td{padding:10px 0;border-bottom:1px solid var(--lijn);text-align:left;font-weight:400;font-size:var(--fs2)}
.gwe__opbouw td{text-align:right;white-space:nowrap;padding-left:12px}
.gwe__btn--licht{margin-top:24px}
.gwe__wel{padding:var(--sectie) 0}
.gwe__wel-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:start}
.gwe__lijsten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.gwe__lijsten h3{font-size:var(--fs3);font-weight:700;margin:0 0 12px}
.gwe__lijsten ul{margin:0;padding:0 0 0 20px;color:var(--gedempt)}
.gwe__lijsten li{margin-bottom:8px}
.gwe__wel-fotos{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:end}
.gwe__wel-fotos img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}
.gwe__wel-fotos img:last-child{aspect-ratio:1}
.gwe__vn{background:var(--opp);padding:var(--sectie) 0}
.gwe__vn-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:start}
.gwe__vn-in .gwe__h2{margin:0}
.gwe__vn-in p{margin:16px 0 0;color:var(--gedempt);max-width:34ch}
.gwe__vn-in img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r)}
.gwe__vn-in figcaption{margin-top:10px;color:var(--gedempt)}
.gwe__faq{padding:var(--sectie) 0}
.gwe__faq-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,112px);align-items:start}
.gwe__faq details{border-top:1px solid var(--lijn)}
.gwe__faq details:last-of-type{border-bottom:1px solid var(--lijn)}
.gwe__faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-size:var(--fs3);position:relative}
.gwe__faq summary::-webkit-details-marker{display:none}
.gwe__faq summary::after{content:'';position:absolute;right:8px;top:50%;width:14px;height:2px;background:var(--tekst)}
.gwe__faq summary::before{content:'';position:absolute;right:14px;top:calc(50% - 6px);width:2px;height:14px;background:var(--tekst);transition:transform .18s}
.gwe__faq details[open] summary::before{transform:scaleY(0)}
.gwe__faq details p{margin:0 0 20px;color:var(--gedempt);max-width:60ch}
.gwe__bezoek{background:var(--opp);border-radius:var(--r);padding:clamp(24px,3vw,44px)}
.gwe__bezoek>p{color:var(--gedempt);margin:-12px 0 24px;max-width:44ch}
.gwe__uit-foto{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:var(--r);margin-top:28px}
.gwe__bform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;align-items:end}
.gwe__bform .gwe__fout{grid-column:1/-1;margin:0}
.gwe__bform .gwe__btn{min-height:48px}
.gwe__fout{color:#B3261E!important;font-size:var(--fs2)!important}
.gwe__klaar{font-size:var(--fs3);padding:24px;background:var(--bg);border-left:3px solid var(--accent);color:var(--tekst)!important}
.gwe__voet{padding:64px 0 40px;font-size:var(--fs1);color:var(--gedempt)}
.gwe__voet-raster{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px;padding-bottom:40px;border-bottom:1px solid var(--lijn)}
.gwe__voet p{margin:0}
.gwe__voet a{display:block;text-decoration:none;padding:3px 0}
.gwe__voet a:hover{color:var(--tekst)}
.gwe__voet-logo{font-size:var(--fs3);font-weight:700;color:var(--tekst);margin-bottom:10px!important}
.gwe__voet-kop{color:var(--tekst);font-weight:700;margin-bottom:8px!important}
.gwe__voet-klein{padding-top:20px}
.gwe__voet-klein a{display:inline;text-decoration:underline}
@container (max-width:1060px){
  .gwe__nav,.gwe__btn--head{display:none}
  .gwe__menu-knop{display:flex}
}
@container (max-width:900px){
  .gwe__hero-in,.gwe__tarief-in,.gwe__abo-kop,.gwe__reken-in,.gwe__wel-in,.gwe__faq-in{grid-template-columns:minmax(0,1fr)}
  .gwe__maten li{grid-template-columns:minmax(0,160px) minmax(0,1fr)}
  .gwe__vn-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .gwe__vn-in>div{grid-column:1/-1}
  .gwe__maten .gwe__bedrag{grid-column:2;text-align:left}
  .gwe__voet-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width:640px){
  .gwe>*{--fs5:34px;--fs6:46px}
  .gwe__top-in{flex-direction:column;gap:0}
  .gwe__maten li{grid-template-columns:minmax(0,1fr)}
  .gwe__maten .gwe__bedrag{grid-column:auto}
  .gwe__lijsten,.gwe__vn-in,.gwe__bform{grid-template-columns:minmax(0,1fr)}
  .gwe__keus--los{flex-direction:column}
  .gwe__voet-raster{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.gwe *{transition:none!important}}

// Prijzenpagina · Groenwerk Eemland, Amersfoort · NedDev · eigen werk.
// root = het element waarin de HTML staat
function init(root){
var s=root.querySelector('.gwe');if(!s)return;
var knop=s.querySelector('.gwe__menu-knop'),menu=s.querySelector('.gwe__menu');
knop.addEventListener('click',function(){var open=menu.hidden;menu.hidden=!open;knop.setAttribute('aria-expanded',String(open));knop.setAttribute('aria-label',open?'Menu sluiten':'Menu openen');});
menu.addEventListener('click',function(e){if(e.target.closest('a')){menu.hidden=true;knop.setAttribute('aria-expanded','false');}});
var zones={amersfoort:0,leusden:0,hoogland:0,soest:12.5,baarn:12.5,nijkerk:12.5,woudenberg:12.5,barneveld:null};
var namen={amersfoort:'Amersfoort',leusden:'Leusden',hoogland:'Hoogland',soest:'Soest',baarn:'Baarn',nijkerk:'Nijkerk',woudenberg:'Woudenberg',barneveld:'Barneveld'};
function eur(n){return '€'+n.toFixed(2).replace('.',',').replace(/\B(?=(\d{3})+(?!\d))/g,'.').replace(',00','');}
function eur2(n){return '€'+n.toFixed(2).replace('.',',');}
var info=s.querySelector('.gwe__plaats-info'),f=s.querySelector('.gwe__rform'),pls=s.querySelectorAll('.gwe__pl');
function plaats(p){pls.forEach(function(g){g.classList.toggle('is-aan',g.getAttribute('data-p')===p);});
  var z=zones[p];info.innerHTML='<strong>'+namen[p]+':</strong> '+(z===0?'voorrijden gratis.':z?'voorrijden '+eur2(z)+' per bezoek.':'buiten ons vaste gebied. Bel ons, dan kijken we of het past in de route.');
  f.plaats.value=p;reken();}
pls.forEach(function(g){g.addEventListener('click',function(){plaats(g.getAttribute('data-p'));});g.addEventListener('keydown',function(e){if(e.key==='Enter'||e.key===' '){e.preventDefault();plaats(g.getAttribute('data-p'));}});});
var body=s.querySelector('.gwe__opbouw tbody'),tot=s.querySelector('.gwe__totaal'),mnd=s.querySelector('.gwe__maand');
var laatste='';
function reken(){var m2=+f.m2.value,haag=+f.haag.value,n=+f.querySelector('input[name=beurten]:checked').value,p=f.plaats.value,z=zones[p];
  f.m2uit.value=m2+' m²';f.haaguit.value=haag+' meter';
  var uren=Math.max(1.5,Math.ceil((0.75+m2*0.0125)*4)/4),perBeurt=uren*49.5;
  var rijen=[[n+' beurten van '+String(uren).replace('.',',')+' uur',n*perBeurt]];
  if(haag)rijen.push(['Haag knippen, 2 keer '+haag+' meter',2*haag*4.25]);
  if(z)rijen.push(['Voorrijden, '+n+' keer',n*z]);
  if(f.afval.checked)rijen.push(['Groenafval, '+n+' keer',n*18]);
  if(f.verti.checked)rijen.push(['Verticuteren gazon',Math.max(85,m2*0.4*2.1)]);
  if(f.blad.checked)rijen.push(['Bladronde november',95+m2*0.3]);
  var som=rijen.reduce(function(a,r){return a+r[1];},0);
  body.innerHTML=rijen.map(function(r){return '<tr><th scope="row">'+r[0]+'</th><td>'+eur2(r[1])+'</td></tr>';}).join('')+(z===null?'<tr><th scope="row">Voorrijden Barneveld</th><td>in overleg</td></tr>':'');
  tot.textContent=eur(Math.round(som));mnd.textContent=eur(Math.round(som/12));
  laatste=namen[p]+', '+m2+' m², '+n+' beurten, ongeveer '+eur(Math.round(som))+' per jaar';}
f.addEventListener('input',function(e){if(e.target.name==='plaats'){plaats(f.plaats.value);}else reken();});
reken();
var b=s.querySelector('.gwe__bform'),fout=s.querySelector('.gwe__fout'),klaar=s.querySelector('.gwe__klaar');
b.addEventListener('submit',function(e){e.preventDefault();var naam=b.naam.value.trim(),tel=b.tel.value.replace(/[^0-9]/g,''),pc=b.pc.value.replace(/\s/g,'').toUpperCase();
  var mis=[];if(!naam)mis.push('je naam');if(tel.length<10)mis.push('een telefoonnummer van tien cijfers');if(!/^[1-9][0-9]{3}[A-Z]{2}$/.test(pc))mis.push('een postcode zoals 3811 AB');
  if(mis.length){fout.hidden=false;fout.textContent='Vul nog in: '+mis.join(', ')+'.';return;}
  fout.hidden=true;b.hidden=true;klaar.hidden=false;
  klaar.textContent='Dank je, '+naam.split(' ')[0]+'. We bellen je binnen twee werkdagen om het tuinbezoek te plannen. Je berekening nemen we mee: '+laatste+'.';});
}
init(document.querySelector('.jouw-container'));