<!-- Van der Oever Makelaardij · makelaar, Amstelveen · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="vdo-site"><div class="vdo">
<div class="vdo-top" role="complementary" aria-label="Contact">
  <div class="vdo-wrap vdo-top__in">
    <span>NVM-makelaar in Amstelveen sinds 1987</span>
    <span class="vdo-top__score"><b>9,4</b> gemiddeld uit 412 beoordelingen op Funda</span>
    <a href="#">020 123 45 67</a>
  </div>
</div>
<div class="vdo-nav" role="banner">
  <div class="vdo-wrap vdo-nav__in">
    <ul class="vdo-nav__l" role="navigation"><li><a href="#">Aanbod</a></li><li><a href="#">Verkopen</a></li><li><a href="#">Aankoop</a></li></ul>
    <a href="#" class="vdo-logo" aria-label="Van der Oever Makelaardij, home"><span class="vdo-logo__n">Van der Oever</span><span class="vdo-logo__s">makelaardij · taxaties</span></a>
    <ul class="vdo-nav__r" role="navigation"><li><a href="#">Taxatie</a></li><li><a href="#">Wijken</a></li><li><a href="#">Kantoor</a></li></ul>
    <button class="vdo-menu" type="button" aria-expanded="false">Menu</button>
  </div>
</div>

<div class="vdo-hero">
  <img class="vdo-hero__img" src="https://neddev.com/lab-media/site-makelaar-1.webp" alt="Jaren-dertigwoning in Elsrijk, Amstelveen">
  <div class="vdo-hero__shade"></div>
  <div class="vdo-wrap vdo-hero__in">
    <p class="vdo-hero__k">Lindenlaan 14 · Elsrijk · nieuw in verkoop</p>
    <h1 class="vdo-h1">Een huis kopen of verkopen in Amstelveen, met een makelaar die elke straat kent.</h1>
  </div>
  <div class="vdo-wrap vdo-search-wrap">
    <form class="vdo-search" onsubmit="return false" aria-label="Zoek in het aanbod">
      <label><span>Wijk</span><select data-f="wijk"><option value="">Heel Amstelveen</option><option value="elsrijk">Elsrijk</option><option value="randwijck">Randwijck</option><option value="stadshart">Stadshart</option><option value="westwijk">Westwijk</option><option value="bovenkerk">Bovenkerk</option><option value="nes">Nes aan de Amstel</option></select></label>
      <label><span>Soort woning</span><select data-f="type"><option value="">Alle woningen</option><option value="egw">Eengezinswoning</option><option value="app">Appartement</option><option value="vrij">Vrijstaand</option></select></label>
      <label><span>Maximaal</span><select data-f="max"><option value="">Geen maximum</option><option value="700000">€ 700.000</option><option value="900000">€ 900.000</option><option value="1250000">€ 1.250.000</option></select></label>
      <button type="submit" class="vdo-search__go">Toon <span data-vdo-count>6</span> woningen</button>
    </form>
  </div>
</div>

<div class="vdo-facts">
  <div class="vdo-wrap vdo-facts__in">
    <div><b>€ 6.840</b><span>gemiddelde m²-prijs Amstelveen, Q3 2026</span></div>
    <div><b>23</b><span>dagen gemiddeld tot verkoop via ons kantoor</span></div>
    <div><b>4,1%</b><span>gemiddeld boven vraagprijs verkocht in 2026</span></div>
    <div><b>186</b><span>woningen verkocht in de afgelopen 12 maanden</span></div>
  </div>
</div>

<div class="vdo-sec" data-vdo-aanbod>
  <div class="vdo-wrap">
    <div class="vdo-hd">
      <div><p class="vdo-k">Aanbod</p><h2 class="vdo-h2">Nu te koop via ons kantoor</h2></div>
      <div class="vdo-chips" role="group" aria-label="Filter op soort">
        <button type="button" class="is-on" data-t="">Alles</button><button type="button" data-t="egw">Eengezinswoning</button><button type="button" data-t="app">Appartement</button><button type="button" data-t="vrij">Vrijstaand</button>
      </div>
    </div>
    <div class="vdo-grid">
      <article class="vdo-card vdo-card--big" data-type="vrij" data-wijk="bovenkerk" data-prijs="1875000">
  <a href="#" class="vdo-card__img"><img src="https://neddev.com/lab-media/site-makelaar-5.webp" alt="Vrijstaande villa met rieten kap en grote tuin in Bovenkerk"><span class="vdo-st vdo-st--open">Bezichtiging op afspraak</span></a>
  <div class="vdo-card__body">
    <p class="vdo-card__wijk"><svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M8 14.5s4.5-4.2 4.5-7.8A4.5 4.5 0 0 0 3.5 6.7C3.5 10.3 8 14.5 8 14.5z"/><circle cx="8" cy="6.6" r="1.6"/></svg>Bovenkerk · 1187 ZN</p>
    <h3 class="vdo-card__adr"><a href="#">Noorddammerweg 64</a></h3>
    <p class="vdo-card__prijs">€ 1.875.000 <small>k.k.</small></p>
    <ul class="vdo-kv"><li><b>236</b>m² wonen</li><li><b>1420</b>m² perceel</li><li><b>7</b>kamers</li><li><b>1979</b>bouwjaar</li><li><span class="vdo-el vdo-el--c">C</span></li></ul>
  </div>
</article>
      <article class="vdo-card" data-type="egw" data-wijk="elsrijk" data-prijs="1195000">
  <a href="#" class="vdo-card__img"><img src="https://neddev.com/lab-media/site-makelaar-1.webp" alt="Twee-onder-een-kapwoning uit 1934 aan de Lindenlaan met voortuin en heg"><span class="vdo-st vdo-st--new">Nieuw in verkoop</span></a>
  <div class="vdo-card__body">
    <p class="vdo-card__wijk"><svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M8 14.5s4.5-4.2 4.5-7.8A4.5 4.5 0 0 0 3.5 6.7C3.5 10.3 8 14.5 8 14.5z"/><circle cx="8" cy="6.6" r="1.6"/></svg>Elsrijk · 1181 HM</p>
    <h3 class="vdo-card__adr"><a href="#">Lindenlaan 14</a></h3>
    <p class="vdo-card__prijs">€ 1.195.000 <small>k.k.</small></p>
    <ul class="vdo-kv"><li><b>148</b>m² wonen</li><li><b>286</b>m² perceel</li><li><b>6</b>kamers</li><li><b>1934</b>bouwjaar</li><li><span class="vdo-el vdo-el--c">C</span></li></ul>
  </div>
</article>
      <article class="vdo-card" data-type="egw" data-wijk="randwijck" data-prijs="685000">
  <a href="#" class="vdo-card__img"><img src="https://neddev.com/lab-media/site-makelaar-2.webp" alt="Tussenwoning uit de jaren zestig met fietsen voor de deur"><span class="vdo-st vdo-st--bid">Onder bod</span></a>
  <div class="vdo-card__body">
    <p class="vdo-card__wijk"><svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M8 14.5s4.5-4.2 4.5-7.8A4.5 4.5 0 0 0 3.5 6.7C3.5 10.3 8 14.5 8 14.5z"/><circle cx="8" cy="6.6" r="1.6"/></svg>Randwijck · 1183 GT</p>
    <h3 class="vdo-card__adr"><a href="#">Rembrandtweg 45</a></h3>
    <p class="vdo-card__prijs">€ 685.000 <small>k.k.</small></p>
    <ul class="vdo-kv"><li><b>112</b>m² wonen</li><li><b>164</b>m² perceel</li><li><b>5</b>kamers</li><li><b>1964</b>bouwjaar</li><li><span class="vdo-el vdo-el--b">B</span></li></ul>
  </div>
</article>
      <article class="vdo-card" data-type="app" data-wijk="stadshart" data-prijs="598000">
  <a href="#" class="vdo-card__img"><img src="https://neddev.com/lab-media/site-makelaar-3.webp" alt="Appartementencomplex met balkons aan het water in het Stadshart"><span class="vdo-st vdo-st--new">Nieuw in verkoop</span></a>
  <div class="vdo-card__body">
    <p class="vdo-card__wijk"><svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M8 14.5s4.5-4.2 4.5-7.8A4.5 4.5 0 0 0 3.5 6.7C3.5 10.3 8 14.5 8 14.5z"/><circle cx="8" cy="6.6" r="1.6"/></svg>Stadshart · 1181 ZM</p>
    <h3 class="vdo-card__adr"><a href="#">Stadsplein 30-F</a></h3>
    <p class="vdo-card__prijs">€ 598.000 <small>k.k.</small></p>
    <ul class="vdo-kv"><li><b>94</b>m² wonen</li><li><b>11</b>m² balkon</li><li><b>3</b>kamers</li><li><b>2019</b>bouwjaar</li><li><span class="vdo-el vdo-el--a">A++</span></li></ul>
  </div>
</article>
      <article class="vdo-card" data-type="egw" data-wijk="westwijk" data-prijs="795000">
  <a href="#" class="vdo-card__img"><img src="https://neddev.com/lab-media/site-makelaar-4.webp" alt="Lichte woonkamer met eikenhouten vloer en tuindeuren"><span class="vdo-st vdo-st--open">Open huis za 11 okt</span></a>
  <div class="vdo-card__body">
    <p class="vdo-card__wijk"><svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M8 14.5s4.5-4.2 4.5-7.8A4.5 4.5 0 0 0 3.5 6.7C3.5 10.3 8 14.5 8 14.5z"/><circle cx="8" cy="6.6" r="1.6"/></svg>Westwijk · 1187 KL</p>
    <h3 class="vdo-card__adr"><a href="#">Graaf Florislaan 33</a></h3>
    <p class="vdo-card__prijs">€ 795.000 <small>k.k.</small></p>
    <ul class="vdo-kv"><li><b>131</b>m² wonen</li><li><b>212</b>m² perceel</li><li><b>5</b>kamers</li><li><b>1995</b>bouwjaar</li><li><span class="vdo-el vdo-el--a">A</span></li></ul>
  </div>
</article>
      <article class="vdo-card" data-type="vrij" data-wijk="nes" data-prijs="725000">
  <a href="#" class="vdo-card__img"><img src="https://neddev.com/lab-media/site-makelaar-7.webp" alt="Dijkwoning uit 1952 aan de Amsteldijk met zicht op de rivier"><span class="vdo-st vdo-st--sold">Verkocht onder voorbehoud</span></a>
  <div class="vdo-card__body">
    <p class="vdo-card__wijk"><svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"><path d="M8 14.5s4.5-4.2 4.5-7.8A4.5 4.5 0 0 0 3.5 6.7C3.5 10.3 8 14.5 8 14.5z"/><circle cx="8" cy="6.6" r="1.6"/></svg>Nes aan de Amstel · 1189 TA</p>
    <h3 class="vdo-card__adr"><a href="#">Amsteldijk-Zuid 118</a></h3>
    <p class="vdo-card__prijs">€ 725.000 <small>k.k.</small></p>
    <ul class="vdo-kv"><li><b>104</b>m² wonen</li><li><b>540</b>m² perceel</li><li><b>4</b>kamers</li><li><b>1952</b>bouwjaar</li><li><span class="vdo-el vdo-el--e">E</span></li></ul>
  </div>
</article>
      <p class="vdo-empty">Geen woningen met deze combinatie. Laat uw zoekprofiel achter, dan bellen wij zodra er iets past, vaak nog voordat het op Funda staat.</p>
    </div>
    <div class="vdo-under"><span>6 van 31 woningen in ons aanbod</span><a href="#">Bekijk het volledige aanbod</a></div>
  </div>
</div>

<div class="vdo-val">
  <div class="vdo-wrap vdo-val__in">
    <div class="vdo-val__txt">
      <p class="vdo-k vdo-k--light">Verkopen</p>
      <h2 class="vdo-h2">Wat is uw huis waard? Een waardebepaling aan huis, binnen een week.</h2>
      <p>Een van onze register-makelaars komt langs, meet de woning na volgens de NEN 2580 en vergelijkt met wat er in uw straat recent is verkocht. U krijgt een onderbouwde vraagprijs op papier, ook als u nog twijfelt over verkopen.</p>
      <ol class="vdo-val__steps">
        <li><b>1</b><span>Aanvraag met adres en woningtype</span></li>
        <li><b>2</b><span>Bezoek van 45 minuten, op een tijd die u kiest</span></li>
        <li><b>3</b><span>Rapport met vergelijkbare verkopen en verkoopstrategie</span></li>
      </ol>
      <p class="vdo-val__fine">Kosteloos en vrijblijvend. Verkoopcourtage vanaf 1,1% inclusief btw, of een vast tarief vanaf € 5.950.</p>
    </div>
    <form class="vdo-val__form" onsubmit="return false">
      <p class="vdo-val__fh">Waardebepaling aanvragen</p>
      <div class="vdo-row"><label><span>Postcode</span><input type="text" placeholder="1181 AB" maxlength="7"></label><label><span>Huisnummer</span><input type="text" placeholder="14"></label></div>
      <label><span>Soort woning</span><select><option>Tussenwoning</option><option>Hoekwoning</option><option>Twee-onder-een-kap</option><option>Vrijstaand</option><option>Appartement</option></select></label>
      <fieldset><legend>Wanneer wilt u verkopen?</legend>
        <div class="vdo-seg"><label><input type="radio" name="vdo-wanneer" checked><span>Binnen 3 maanden</span></label><label><input type="radio" name="vdo-wanneer"><span>Dit jaar</span></label><label><input type="radio" name="vdo-wanneer"><span>Oriënterend</span></label></div>
      </fieldset>
      <div class="vdo-row"><label><span>Naam</span><input type="text" placeholder="Uw naam"></label><label><span>Telefoon</span><input type="tel" placeholder="06 12 34 56 78"></label></div>
      <button type="submit" class="vdo-btn">Plan waardebepaling</button>
    </form>
  </div>
</div>

<div class="vdo-sec">
  <div class="vdo-wrap vdo-sold">
    <div class="vdo-sold__hd">
      <p class="vdo-k">Recent verkocht</p>
      <h2 class="vdo-h2">Wat huizen in Amstelveen opbrachten</h2>
      <p class="vdo-p">De laatste acht verkopen van ons kantoor, met vraagprijs, opbrengst en hoe lang de woning te koop stond. Uw eigen straat erbij? Vraag de lijst op.</p>
      <div class="vdo-sold__note"><b>Waarom de vraagprijs ertoe doet</b><p>Een realistische vraagprijs trekt in de eerste twee weken de meeste bezichtigingen. Woningen die wij te hoog moesten starten, stonden gemiddeld 48 dagen te koop.</p></div>
    </div>
    <table class="vdo-tab">
      <thead><tr><th>Adres</th><th>Wijk</th><th class="vdo-n">Vraagprijs</th><th class="vdo-n">Verkocht</th><th class="vdo-n">Verschil</th><th class="vdo-n">Dagen</th></tr></thead>
      <tbody>
        <tr><td>Keizer Karelweg 418</td><td>Keizer Karelpark</td><td class="vdo-n">€ 575.000</td><td class="vdo-n">€ 612.500</td><td class="vdo-n vdo-up">+6,5%</td><td class="vdo-n">12</td></tr>
        <tr><td>Van der Hooplaan 91</td><td>Elsrijk</td><td class="vdo-n">€ 1.050.000</td><td class="vdo-n">€ 1.085.000</td><td class="vdo-n vdo-up">+3,3%</td><td class="vdo-n">19</td></tr>
        <tr><td>Groenelaan 7-II</td><td>Stadshart</td><td class="vdo-n">€ 449.000</td><td class="vdo-n">€ 449.000</td><td class="vdo-n">0,0%</td><td class="vdo-n">34</td></tr>
        <tr><td>Startbaan 22</td><td>Middenhoven</td><td class="vdo-n">€ 695.000</td><td class="vdo-n">€ 741.000</td><td class="vdo-n vdo-up">+6,6%</td><td class="vdo-n">9</td></tr>
        <tr><td>Bovenkerkerweg 140</td><td>Bovenkerk</td><td class="vdo-n">€ 1.495.000</td><td class="vdo-n">€ 1.440.000</td><td class="vdo-n vdo-down">-3,7%</td><td class="vdo-n">61</td></tr>
        <tr><td>Wolfert van Borselenweg 3</td><td>Randwijck</td><td class="vdo-n">€ 625.000</td><td class="vdo-n">€ 660.000</td><td class="vdo-n vdo-up">+5,6%</td><td class="vdo-n">14</td></tr>
        <tr><td>Westwijkplein 56</td><td>Westwijk</td><td class="vdo-n">€ 529.000</td><td class="vdo-n">€ 551.000</td><td class="vdo-n vdo-up">+4,2%</td><td class="vdo-n">16</td></tr>
        <tr><td>Amsteldijk-Noord 33</td><td>Nes aan de Amstel</td><td class="vdo-n">€ 875.000</td><td class="vdo-n">€ 890.000</td><td class="vdo-n vdo-up">+1,7%</td><td class="vdo-n">27</td></tr>
      </tbody>
    </table>
  </div>
</div>

<div class="vdo-sec vdo-sec--sand">
  <div class="vdo-wrap">
    <div class="vdo-hd"><div><p class="vdo-k">Regio</p><h2 class="vdo-h2">Amstelveen per wijk</h2></div><p class="vdo-p vdo-hd__p">Cijfers uit onze eigen verkopen en NVM-data, derde kwartaal 2026.</p></div>
    <div class="vdo-reg">
      <div class="vdo-reg__list" role="tablist">
        <button type="button" class="is-on" data-w="0" data-wijk="elsrijk"><span>Elsrijk</span><b>€ 7.420</b></button>
        <button type="button" data-w="1" data-wijk="stadshart"><span>Stadshart</span><b>€ 7.180</b></button>
        <button type="button" data-w="2" data-wijk="randwijck"><span>Randwijck</span><b>€ 6.650</b></button>
        <button type="button" data-w="3" data-wijk="westwijk"><span>Westwijk</span><b>€ 5.960</b></button>
        <button type="button" data-w="4" data-wijk="bovenkerk"><span>Bovenkerk</span><b>€ 7.050</b></button>
        <button type="button" data-w="5" data-wijk="nes"><span>Nes aan de Amstel</span><b>€ 6.210</b></button>
      </div>
      <div class="vdo-reg__panel">
        <div class="vdo-reg__p is-on"><h3>Elsrijk</h3><p>Jaren-dertigwoningen en vrijstaande villa's in een groene wijk tussen het Amsterdamse Bos en het Stadshart. Gewild bij gezinnen door de basisscholen op loopafstand en de Amsteltram op de Beneluxbaan.</p><dl><dt>Typische woning</dt><dd>twee-onder-een-kap, 1930 tot 1938</dd><dt>Gem. verkoopprijs</dt><dd>€ 1.010.000</dd><dt>Dagen te koop</dt><dd>18</dd></dl></div>
        <div class="vdo-reg__p"><h3>Stadshart</h3><p>Appartementen boven winkels en aan het water, met de Schouwburg en het Cobra Museum om de hoek. Veel vraag van stellen en internationale werknemers.</p><dl><dt>Typische woning</dt><dd>appartement, 2005 tot 2022</dd><dt>Gem. verkoopprijs</dt><dd>€ 585.000</dd><dt>Dagen te koop</dt><dd>26</dd></dl></div>
        <div class="vdo-reg__p"><h3>Randwijck</h3><p>Rijwoningen en portiekflats uit de jaren zestig, dicht bij de A9 en de Amstel. Veel woningen zijn de afgelopen jaren verduurzaamd, wat terugkomt in de prijs.</p><dl><dt>Typische woning</dt><dd>tussenwoning, 1960 tot 1968</dd><dt>Gem. verkoopprijs</dt><dd>€ 655.000</dd><dt>Dagen te koop</dt><dd>15</dd></dl></div>
        <div class="vdo-reg__p"><h3>Westwijk</h3><p>Ruime eengezinswoningen uit de jaren negentig met tuin, rondom water en parken. De Westwijk is de instap voor gezinnen die vanuit Amsterdam komen.</p><dl><dt>Typische woning</dt><dd>hoekwoning, 1992 tot 1999</dd><dt>Gem. verkoopprijs</dt><dd>€ 720.000</dd><dt>Dagen te koop</dt><dd>14</dd></dl></div>
        <div class="vdo-reg__p"><h3>Bovenkerk</h3><p>Dorpskern met vrijstaande woningen op grote kavels, aan de rand van het polderlandschap. Weinig aanbod en kopers die gericht zoeken.</p><dl><dt>Typische woning</dt><dd>vrijstaand, 1970 tot 1990</dd><dt>Gem. verkoopprijs</dt><dd>€ 1.390.000</dd><dt>Dagen te koop</dt><dd>41</dd></dl></div>
        <div class="vdo-reg__p"><h3>Nes aan de Amstel</h3><p>Lint van dijkwoningen langs de Amstel, landelijk en toch twintig minuten fietsen naar Amsterdam-Zuid. Let op funderingen en erfpacht bij oudere woningen.</p><dl><dt>Typische woning</dt><dd>dijkwoning, voor 1960</dd><dt>Gem. verkoopprijs</dt><dd>€ 815.000</dd><dt>Dagen te koop</dt><dd>33</dd></dl></div>
        <figure class="vdo-reg__fig"><img src="https://neddev.com/lab-media/site-makelaar-1.webp" alt="Woning in Elsrijk uit ons aanbod"><figcaption>Nu te koop in deze wijk</figcaption></figure>
      </div>
    </div>
  </div>
</div>

<div class="vdo-sec">
  <div class="vdo-wrap vdo-people">
    <div>
      <p class="vdo-k">Kantoor</p>
      <h2 class="vdo-h2">Vier makelaars, één kantoor aan het Stadsplein</h2>
      <ul class="vdo-team">
        <li><b>Joost van der Oever RM RT</b><span>register-makelaar en taxateur · verkoop</span></li>
        <li><b>Hanna de Groot RM</b><span>aankoopmakelaar · expats en nieuwbouw</span></li>
        <li><b>Ricardo Mendes RT</b><span>taxateur · hypotheektaxaties NWWI</span></li>
        <li><b>Floor Bakker</b><span>binnendienst · bezichtigingen en planning</span></li>
      </ul>
    </div>
    <div class="vdo-rev">
      <blockquote><p>"Joost raadde ons af om met een te hoge vraagprijs te starten. Na elf dagen hadden we vijf biedingen en verkochten we boven de prijs die wij zelf in gedachten hadden."</p><cite>Familie Visser · Startbaan, Middenhoven · verkocht augustus 2026</cite></blockquote>
      <table class="vdo-scores" aria-label="Beoordelingen op Funda">
        <tr><th>Deskundigheid</th><td><i style="--v:96%"></i></td><td>9,6</td></tr>
        <tr><th>Bereikbaarheid</th><td><i style="--v:93%"></i></td><td>9,3</td></tr>
        <tr><th>Presentatie woning</th><td><i style="--v:95%"></i></td><td>9,5</td></tr>
        <tr><th>Prijs en kwaliteit</th><td><i style="--v:91%"></i></td><td>9,1</td></tr>
      </table>
      <p class="vdo-small">412 beoordelingen op Funda, peildatum 1 oktober 2026</p>
    </div>
  </div>
</div>

<div class="vdo-sec vdo-sec--line">
  <div class="vdo-wrap vdo-two">
    <div>
      <p class="vdo-k">Nieuws</p>
      <ul class="vdo-news">
        <li><a href="#"><time>3 okt 2026</time><b>Woningmarkt Amstelveen Q3: meer aanbod, prijzen stabiel</b></a></li>
        <li><a href="#"><time>22 sep 2026</time><b>Overbieden in 2026: zo bepaalt u uw maximale bod</b></a></li>
        <li><a href="#"><time>9 sep 2026</time><b>Energielabel bij verkoop: wanneer moet het rond zijn?</b></a></li>
        <li><a href="#"><time>28 aug 2026</time><b>Erfpacht in Amstelveen: wat kopers moeten weten</b></a></li>
      </ul>
    </div>
    <div>
      <p class="vdo-k">Vragen</p>
      <div class="vdo-faq">
        <details><summary>Wat kost een makelaar bij verkoop in Amstelveen?</summary><p>Wij werken met een courtage vanaf 1,1% inclusief btw of een vast tarief vanaf € 5.950. Fotografie, plattegronden en de Funda-plaatsing zitten erbij.</p></details>
        <details><summary>Heb ik een energielabel nodig om te verkopen?</summary><p>Ja, bij de overdracht moet er een geldig label zijn. Wij laten het opnemen door een erkende adviseur als het ontbreekt of verlopen is.</p></details>
        <details><summary>Kan ik een woning kopen die al onder bod is?</summary><p>Soms. Zolang er geen koopovereenkomst is getekend, kan de verkoper nog andere biedingen ontvangen. Onze aankoopmakelaar kan dat namens u navragen.</p></details>
        <details><summary>Doen jullie ook taxaties voor de hypotheek?</summary><p>Ja, Ricardo Mendes is gevalideerd taxateur. Een NWWI-taxatierapport kost € 695 inclusief btw en is meestal binnen vijf werkdagen klaar.</p></details>
      </div>
    </div>
  </div>
</div>

<div class="vdo-foot" role="contentinfo">
  <div class="vdo-wrap vdo-foot__top">
    <div class="vdo-foot__brand"><span class="vdo-logo__n">Van der Oever</span><p>Stadsplein 92<br>1181 ZM Amstelveen<br>020 123 45 67 · info@voorbeeld.nl</p><p>Ma t/m vr 09.00 tot 17.30, za 10.00 tot 14.00</p></div>
    <div><p class="vdo-foot__h">Wonen</p><a href="#">Woningaanbod</a><a href="#">Verkocht</a><a href="#">Zoekprofiel</a><a href="#">Nieuwbouw</a></div>
    <div><p class="vdo-foot__h">Diensten</p><a href="#">Verkopen</a><a href="#">Aankoopbegeleiding</a><a href="#">Taxatie</a><a href="#">Waardebepaling</a></div>
    <div><p class="vdo-foot__h">Wijken</p><a href="#">Elsrijk</a><a href="#">Stadshart</a><a href="#">Westwijk</a><a href="#">Bovenkerk</a></div>
  </div>
  <div class="vdo-wrap vdo-foot__base">
    <span>Lid NVM · ingeschreven NRVT en VastgoedCert · KvK 33123456 · btw NL811234567B01</span>
    <span><a href="#">Algemene voorwaarden</a> · <a href="#">Privacy</a> · <a href="#">Cookies</a></span>
  </div>
</div>
</div></div>
</div>

/* Van der Oever Makelaardij · makelaar, Amstelveen · NedDev · eigen werk. */
/* fonts (Fontshare): erode@400,500,600 + manrope@400,500,600,700 */
.vdo-site{container-type:inline-size;width:100%}
.vdo{--bg:#f8f6f2;--ink:#1c2220;--mute:#656c68;--line:#e1ddd5;--brick:#a8472a;--deep:#24302c;--sand:#ede6da;
background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.vdo *,.vdo *::before,.vdo *::after{box-sizing:border-box}
:where(.vdo) a{color:inherit}
.vdo-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.vdo-top{border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mute)}
.vdo-top__in{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.vdo-top__score b{display:inline-block;background:var(--deep);color:#fff;padding:0 6px;border-radius:2px;margin-right:6px;font-variant-numeric:tabular-nums}
.vdo-top a{text-decoration:none;font-weight:600;color:var(--ink)}
.vdo-nav{background:var(--bg)}
.vdo-nav__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:16px;padding-bottom:16px;gap:20px}
.vdo-nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.vdo-nav__r{justify-content:flex-end}
.vdo-nav ul a{display:block;padding:6px 10px;font-weight:600;font-size:14.5px;text-decoration:none;background-image:linear-gradient(var(--brick),var(--brick));background-size:0 1.5px;background-repeat:no-repeat;background-position:10px 100%;transition:background-size .25s}
.vdo-nav ul a:hover{background-size:calc(100% - 20px) 1.5px}
.vdo-logo{text-align:center;text-decoration:none;line-height:1}
.vdo-logo__n{display:block;font-family:Erode,serif;font-weight:600;font-size:27px;letter-spacing:-.01em}
.vdo-logo__s{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--brick);margin-top:5px;font-weight:600}
.vdo-menu{display:none;justify-self:end;font:600 14px Manrope,sans-serif;background:none;border:1px solid var(--ink);border-radius:999px;padding:7px 16px;color:var(--ink);cursor:pointer}
.vdo-hero{position:relative;height:540px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;margin:0 24px;border-radius:4px}
.vdo-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.vdo-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,26,24,.62) 0%,rgba(20,26,24,.25) 48%,rgba(20,26,24,0) 70%),linear-gradient(180deg,rgba(20,26,24,0) 40%,rgba(20,26,24,.6) 100%)}
.vdo-hero__in{position:relative;color:#fff;width:100%;padding-bottom:26px}
.vdo-hero__k{font-size:13px;font-weight:600;margin:0 0 12px;opacity:.9}
.vdo-hero__k::before{content:'';display:inline-block;width:8px;height:8px;background:#e9b25a;border-radius:50%;margin-right:8px}
.vdo-h1{font-family:Erode,serif;font-weight:500;font-size:46px;line-height:1.08;letter-spacing:-.015em;margin:0;max-width:20ch;text-shadow:0 1px 18px rgba(0,0,0,.25)}
.vdo-search-wrap{position:relative;width:100%;padding-bottom:24px}
.vdo-search{display:grid;grid-template-columns:repeat(3,1fr) auto;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.vdo-search label{display:flex;flex-direction:column;padding:12px 18px;border-right:1px solid var(--line);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.vdo-search select{font:600 15px Manrope,sans-serif;color:var(--ink);border:0;background:transparent;padding:4px 0 0;cursor:pointer;text-transform:none;letter-spacing:0}
.vdo-search select:focus{outline:none}
.vdo-search label:focus-within{background:#faf7f2}
.vdo-search__go{font:700 15px Manrope,sans-serif;background:var(--brick);color:#fff;border:0;padding:0 28px;cursor:pointer;transition:background .2s;white-space:nowrap}
.vdo-search__go:hover{background:#8e3a21}
.vdo-facts{border-bottom:1px solid var(--line)}
.vdo-facts__in{display:grid;grid-template-columns:repeat(4,1fr);padding-top:28px;padding-bottom:28px}
.vdo-facts__in div{padding:0 22px;border-left:1px solid var(--line)}
.vdo-facts__in div:first-child{border-left:0;padding-left:0}
.vdo-facts b{display:block;font-family:Erode,serif;font-weight:500;font-size:32px;line-height:1.1;font-variant-numeric:tabular-nums}
.vdo-facts span{font-size:13px;color:var(--mute)}
.vdo-sec{padding:76px 0}
.vdo-sec--sand{background:var(--sand)}
.vdo-sec--line{border-top:1px solid var(--line)}
.vdo-k{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brick);margin:0 0 10px}
.vdo-k--light{color:#e9b25a}
.vdo-h2{font-family:Erode,serif;font-weight:500;font-size:36px;line-height:1.12;letter-spacing:-.01em;margin:0}
.vdo-p{color:var(--mute);margin:14px 0 0;max-width:60ch}
.vdo-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;flex-wrap:wrap}
.vdo-hd__p{margin:0;max-width:40ch;font-size:14px}
.vdo-chips{display:flex;flex-wrap:wrap;gap:6px}
.vdo-chips button{font:600 13.5px Manrope,sans-serif;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 15px;cursor:pointer;transition:border-color .2s,background .2s}
.vdo-chips button:hover{border-color:var(--ink)}
.vdo-chips button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.vdo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}
.vdo-card{display:flex;flex-direction:column}
.vdo-card.is-off{display:none}
.vdo-card--big{grid-column:span 2;grid-row:span 2}
.vdo-card__img{position:relative;display:block;overflow:hidden;border-radius:3px;aspect-ratio:4/3}
.vdo-card--big .vdo-card__img{aspect-ratio:auto;flex:1;min-height:360px}
.vdo-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.vdo-card:hover .vdo-card__img img{transform:scale(1.035)}
.vdo-card__img::before,.vdo-card__img::after{content:'';position:absolute;z-index:1;width:18px;height:18px;border:1.5px solid rgba(255,255,255,.85)}
.vdo-card__img::before{top:10px;right:10px;border-left:0;border-bottom:0}
.vdo-card__img::after{bottom:10px;left:10px;border-right:0;border-top:0}
.vdo-st{position:absolute;z-index:2;top:12px;left:12px;font-size:12px;font-weight:700;padding:4px 9px;border-radius:2px;background:#fff;color:var(--ink)}
.vdo-st--new{background:#fff}
.vdo-st--bid{background:#e9b25a}
.vdo-st--open{background:var(--deep);color:#fff}
.vdo-st--sold{background:var(--brick);color:#fff}
.vdo-card__body{padding-top:14px}
.vdo-card__wijk{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--mute);margin:0 0 4px}
.vdo-card__adr{font-family:Erode,serif;font-weight:500;font-size:22px;line-height:1.2;margin:0}
.vdo-card__adr a{text-decoration:none}
.vdo-card__adr a:hover{color:var(--brick)}
.vdo-card--big .vdo-card__adr{font-size:30px}
.vdo-card__prijs{font-weight:700;font-size:17px;margin:6px 0 12px;font-variant-numeric:tabular-nums}
.vdo-card__prijs small{font-weight:500;color:var(--mute);font-size:13px}
.vdo-kv{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:10px 0 0;border-top:1px solid var(--line);font-size:12px;color:var(--mute);gap:4px 0}
.vdo-kv li{padding-right:14px;margin-right:14px;border-right:1px solid var(--line);line-height:1.25}
.vdo-kv li:last-child{border:0;margin:0;padding:0;align-self:center}
.vdo-kv b{display:block;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
.vdo-el{display:inline-block;position:relative;font-size:12px;font-weight:700;color:#fff;padding:3px 14px 3px 8px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);background:var(--elc)}
.vdo-el--a{--elc:#1a9641}.vdo-el--b{--elc:#6fbf3c}.vdo-el--c{--elc:#c7d93a;color:#1c2220}.vdo-el--d{--elc:#f6d531;color:#1c2220}.vdo-el--e{--elc:#f2a33a}
.vdo-empty{display:none;grid-column:1/-1;padding:28px;background:var(--sand);border-radius:3px;margin:0}
.vdo-grid.is-empty .vdo-empty{display:block}
.vdo-under{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}
.vdo-under a{font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--brick);padding-bottom:2px}
.vdo-val{background:var(--deep);color:#dfe4e0;padding:80px 0}
.vdo-val__in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.vdo-val .vdo-h2{color:#fff;margin-bottom:16px}
.vdo-val__txt>p{margin:0 0 20px;max-width:56ch}
.vdo-val__steps{list-style:none;margin:0 0 22px;padding:0;border-top:1px solid rgba(255,255,255,.18)}
.vdo-val__steps li{display:flex;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.vdo-val__steps b{font-family:Erode,serif;font-size:22px;color:#e9b25a;font-weight:500;width:20px}
.vdo-val__fine{font-size:13px;color:#a8b2ad}
.vdo-val__form{background:var(--bg);color:var(--ink);border-radius:4px;padding:28px;display:grid;gap:14px}
.vdo-val__fh{font-family:Erode,serif;font-size:24px;margin:0 0 4px}
.vdo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vdo-val__form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:700;color:var(--mute)}
.vdo-val__form input[type=text],.vdo-val__form input[type=tel],.vdo-val__form select{font:500 15px Manrope,sans-serif;padding:11px 12px;border:1px solid #d3cec4;border-radius:3px;background:#fff;color:var(--ink)}
.vdo-val__form input:focus,.vdo-val__form select:focus{outline:2px solid var(--brick);outline-offset:-1px}
.vdo-val__form fieldset{border:0;margin:0;padding:0}
.vdo-val__form legend{font-size:12.5px;font-weight:700;color:var(--mute);margin-bottom:6px;padding:0}
.vdo-seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d3cec4;border-radius:3px;overflow:hidden}
.vdo-seg label{position:relative;display:block}
.vdo-seg input{position:absolute;opacity:0;pointer-events:none}
.vdo-seg span{display:block;text-align:center;padding:10px 6px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;background:#fff;border-left:1px solid #d3cec4;transition:background .2s}
.vdo-seg label:first-child span{border-left:0}
.vdo-seg input:checked+span{background:var(--ink);color:#fff}
.vdo-seg input:focus-visible+span{outline:2px solid var(--brick);outline-offset:-2px}
.vdo-btn{font:700 15px Manrope,sans-serif;background:var(--brick);color:#fff;border:0;border-radius:3px;padding:14px 20px;cursor:pointer;transition:background .2s}
.vdo-btn:hover{background:#8e3a21}
.vdo-sold{display:grid;grid-template-columns:.75fr 1.25fr;gap:56px;align-items:start}
.vdo-sold__note{margin-top:28px;padding:20px 22px;background:var(--sand);border-radius:3px;font-size:14px}.vdo-sold__note b{font-family:Erode,serif;font-weight:500;font-size:19px;display:block;margin-bottom:6px}.vdo-sold__note p{margin:0;color:var(--mute)}
.vdo-tab{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.vdo-tab th{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700;text-align:left;padding:10px 10px;border-bottom:2px solid var(--ink)}
.vdo-tab td{padding:14px 10px;border-bottom:1px solid var(--line)}
.vdo-tab td:first-child{font-weight:600}
.vdo-tab tbody tr{transition:background .2s}
.vdo-tab tbody tr:hover{background:#fff}
.vdo-n{text-align:right!important;white-space:nowrap}
.vdo-up{color:#1a7a3a;font-weight:700}
.vdo-down{color:var(--brick);font-weight:700}
.vdo-reg{display:grid;grid-template-columns:320px 1fr;gap:0;background:var(--bg);border-radius:4px;overflow:hidden}
.vdo-reg__list{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.vdo-reg__list button{display:flex;justify-content:space-between;align-items:baseline;font:600 15px Manrope,sans-serif;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:18px 22px;cursor:pointer;color:var(--ink);transition:background .2s;position:relative}
.vdo-reg__list button b{font-family:Erode,serif;font-weight:500;font-size:17px;font-variant-numeric:tabular-nums;color:var(--mute)}
.vdo-reg__list button b::after{content:' /m²';font-family:Manrope,sans-serif;font-size:11px}
.vdo-reg__list button:hover{background:#fff}
.vdo-reg__list button.is-on{background:#fff}
.vdo-reg__list button.is-on::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brick)}
.vdo-reg__list button.is-on b{color:var(--brick)}
.vdo-reg__panel{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px;background:#fff}
.vdo-reg__p{display:none}
.vdo-reg__p.is-on{display:block}
.vdo-reg__p h3{font-family:Erode,serif;font-weight:500;font-size:28px;margin:0 0 10px}
.vdo-reg__p p{margin:0 0 20px;color:var(--mute)}
.vdo-reg__p dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:14px;border-top:1px solid var(--line);padding-top:14px}
.vdo-reg__p dt{color:var(--mute)}.vdo-reg__p dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.vdo-reg__fig{margin:0;position:relative}
.vdo-reg__fig figcaption{position:absolute;left:10px;bottom:10px;background:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:2px}
.vdo-reg__fig img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;border-radius:3px}
.vdo-people{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.vdo-team{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--ink)}
.vdo-team li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.vdo-team b{font-family:Erode,serif;font-weight:500;font-size:20px}
.vdo-team span{font-size:13.5px;color:var(--mute);align-self:center}
.vdo-rev blockquote{margin:0 0 28px}
.vdo-rev blockquote p{font-family:Erode,serif;font-size:24px;line-height:1.35;margin:0 0 12px}
.vdo-rev cite{font-style:normal;font-size:13px;color:var(--mute)}
.vdo-scores{width:100%;border-collapse:collapse;font-size:14px}
.vdo-scores th{text-align:left;font-weight:500;padding:8px 0;width:40%}
.vdo-scores td{padding:8px 0}
.vdo-scores td:last-child{text-align:right;font-weight:700;width:44px;font-variant-numeric:tabular-nums}
.vdo-scores i{display:block;height:6px;background:var(--line);border-radius:3px;position:relative;overflow:hidden}
.vdo-scores i::after{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--v);background:var(--deep)}
.vdo-small{font-size:12px;color:var(--mute);margin:10px 0 0}
.vdo-two{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.vdo-news{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.vdo-news a{display:block;padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none}
.vdo-news time{display:block;font-size:12.5px;color:var(--mute);font-variant-numeric:tabular-nums}
.vdo-news b{font-family:Erode,serif;font-weight:500;font-size:20px;line-height:1.25;transition:color .2s}
.vdo-news a:hover b{color:var(--brick)}
.vdo-faq{border-top:1px solid var(--ink)}
.vdo-faq details{border-bottom:1px solid var(--line)}
.vdo-faq summary{list-style:none;cursor:pointer;padding:16px 34px 16px 0;position:relative;font-weight:700}
.vdo-faq summary::-webkit-details-marker{display:none}
.vdo-faq summary::after{content:'';position:absolute;right:2px;top:50%;width:22px;height:22px;margin-top:-11px;border:1px solid var(--line);border-radius:50%;background:linear-gradient(var(--ink),var(--ink)) center/9px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 9px no-repeat;transition:transform .25s}
.vdo-faq details[open] summary::after{transform:rotate(45deg);border-color:var(--brick)}
.vdo-faq summary:hover{color:var(--brick)}
.vdo-faq p{margin:0 0 16px;color:var(--mute);font-size:14.5px}
.vdo-foot{background:var(--deep);color:#a8b2ad;font-size:13.5px;padding:60px 0 24px}
.vdo-foot__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.vdo-foot__brand .vdo-logo__n{color:#fff;font-size:26px}
.vdo-foot p{margin:10px 0 0;line-height:1.7}
.vdo-foot a{display:block;text-decoration:none;line-height:1.95}
.vdo-foot a:hover{color:#fff}
.vdo-foot__h{color:#fff;font-weight:700;margin:0 0 8px!important}
.vdo-foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-top:44px;padding-top:18px;border-top:1px solid #3a4743;font-size:12.5px}
.vdo-foot__base a{display:inline}
@container (max-width:1040px){
.vdo-nav__in{grid-template-columns:1fr auto}
.vdo-logo{text-align:left;grid-row:1}
.vdo-nav ul{display:none}
.vdo-menu{display:block}
.vdo-nav.is-open .vdo-nav__l,.vdo-nav.is-open .vdo-nav__r{display:flex;flex-direction:column;grid-column:1/-1;gap:0}
.vdo-nav.is-open .vdo-nav__r{justify-content:flex-start;margin-top:-20px}
.vdo-search{grid-template-columns:1fr 1fr 1fr}
.vdo-search__go{grid-column:1/-1;padding:14px}
.vdo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vdo-card--big{grid-row:auto}
.vdo-val__in,.vdo-sold,.vdo-people,.vdo-two{grid-template-columns:1fr;gap:40px}
.vdo-reg{grid-template-columns:1fr}
.vdo-reg__list{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}
.vdo-reg__list button{flex:1 1 33%;border-right:1px solid var(--line)}
}
@container (max-width:700px){
.vdo-wrap{padding:0 20px}
.vdo-top__score,.vdo-top__in>span:first-child{display:none}
.vdo-top__in{justify-content:flex-end}
.vdo-hero{margin:0;border-radius:0;height:auto;min-height:520px}
.vdo-hero__shade{background:linear-gradient(180deg,rgba(20,26,24,.15) 0%,rgba(20,26,24,.8) 50%,rgba(20,26,24,.9) 100%)}
.vdo-reg__list button{flex-direction:column;align-items:flex-start;gap:2px}
.vdo-h1{font-size:31px}
.vdo-search{grid-template-columns:1fr}
.vdo-search label{border-right:0;border-bottom:1px solid var(--line);padding:10px 16px}
.vdo-facts__in{grid-template-columns:1fr 1fr;gap:20px 0}
.vdo-facts__in div{padding:0 14px}
.vdo-facts__in div:nth-child(3){border-left:0;padding-left:0}
.vdo-facts b{font-size:26px}
.vdo-sec,.vdo-val{padding:52px 0}
.vdo-h2{font-size:28px}
.vdo-grid{grid-template-columns:1fr}
.vdo-card--big{grid-column:auto}
.vdo-card--big .vdo-card__img{min-height:0;aspect-ratio:4/3}
.vdo-card--big .vdo-card__adr{font-size:24px}
.vdo-under{flex-direction:column;align-items:flex-start}
.vdo-row,.vdo-seg{grid-template-columns:1fr}
.vdo-seg span{border-left:0;border-top:1px solid #d3cec4}
.vdo-seg label:first-child span{border-top:0}
.vdo-val__form{padding:20px}
.vdo-tab thead{display:none}
.vdo-tab tr{display:grid;grid-template-columns:1fr auto;padding:12px 0;border-bottom:1px solid var(--line)}
.vdo-tab td{border:0;padding:1px 0}
.vdo-tab td:nth-child(2){grid-column:1;color:var(--mute);font-size:13px;grid-row:2}
.vdo-tab td:nth-child(3){display:none}
.vdo-tab td:nth-child(4){grid-row:1;grid-column:2}
.vdo-tab td:nth-child(5){grid-row:2;grid-column:2}
.vdo-tab td:nth-child(6){display:none}
.vdo-reg__list button{flex:1 1 50%;padding:14px 16px;font-size:14px}
.vdo-reg__panel{grid-template-columns:1fr;padding:22px}
.vdo-reg__fig img{min-height:0;aspect-ratio:16/10}
.vdo-rev blockquote p{font-size:20px}
.vdo-foot__top{grid-template-columns:1fr 1fr}
.vdo-foot__brand{grid-column:1/-1}
}

// Van der Oever Makelaardij · makelaar, Amstelveen · NedDev · eigen werk.
// root = het element waarin de HTML staat
function init(root){
var s=root.querySelector('.vdo-site');if(!s)return;
var nav=s.querySelector('.vdo-nav'),mb=s.querySelector('.vdo-menu');
if(mb)mb.addEventListener('click',function(){var o=nav.classList.toggle('is-open');mb.setAttribute('aria-expanded',o?'true':'false');mb.textContent=o?'Sluiten':'Menu';});
var cards=[].slice.call(s.querySelectorAll('.vdo-card')),grid=s.querySelector('.vdo-grid'),cnt=s.querySelector('[data-vdo-count]');
var selW=s.querySelector('[data-f=wijk]'),selT=s.querySelector('[data-f=type]'),selM=s.querySelector('[data-f=max]'),chips=s.querySelectorAll('.vdo-chips button');
function match(c){var w=selW.value,t=selT.value,m=+selM.value||0;return(!w||c.dataset.wijk===w)&&(!t||c.dataset.type===t)&&(!m||+c.dataset.prijs<=m);}
function count(){var n=cards.filter(match).length;cnt.textContent=n;return n;}
function apply(){var n=0;cards.forEach(function(c){var ok=match(c);c.classList.toggle('is-off',!ok);if(ok)n++;});grid.classList.toggle('is-empty',n===0);chips.forEach(function(b){b.classList.toggle('is-on',b.dataset.t===selT.value);});count();}
[selW,selT,selM].forEach(function(x){x.addEventListener('change',count);});
s.querySelector('.vdo-search').addEventListener('submit',function(e){e.preventDefault();apply();var a=s.querySelector('[data-vdo-aanbod]');if(a&&a.scrollIntoView)a.scrollIntoView({behavior:'smooth',block:'start'});});
chips.forEach(function(b){b.addEventListener('click',function(){selT.value=b.dataset.t;apply();});});
var wb=s.querySelectorAll('.vdo-reg__list button'),wp=s.querySelectorAll('.vdo-reg__p');
wb.forEach(function(b,i){b.addEventListener('click',function(){wb.forEach(function(x,j){x.classList.toggle('is-on',j===i);});wp.forEach(function(p,j){p.classList.toggle('is-on',j===i);});var ci=s.querySelector('.vdo-card[data-wijk="'+b.dataset.wijk+'"] img'),fi=s.querySelector('.vdo-reg__fig img');if(ci&&fi){fi.src=ci.src;fi.alt=ci.alt;}});});
}
init(document.querySelector('.jouw-container'));