Blogartikel energielabel · Brink & Taal Makelaars, Arnhem Nieuw

<!-- Blogartikel energielabel · Brink & Taal Makelaars, Arnhem · © 2026 NedDev BV · NedDev Lab-licentie (gratis gebruik, niet doorverkopen) · neddev.com/nl/lab/gebruik/#licentie -->
<div class="jouw-container">
<div class="btm">
<div class="btm__head" role="banner"><div class="btm__in btm__head-in">
  <a href="#" class="btm__logo" aria-label="Brink en Taal Makelaars, naar home">Brink &amp; Taal</a>
  <nav class="btm__nav" aria-label="Hoofdmenu">
    <a href="#">Aanbod</a><a href="#">Verkopen</a><a href="#">Aankopen</a><a href="#">Taxaties</a><a href="#" aria-current="page">Blog</a><a href="#">Over ons</a>
  </nav>
  <a href="#btm-auteur" class="btm__btn btm__btn--head">Gratis waardebepaling</a>
  <button class="btm__menu-knop" type="button" aria-expanded="false" aria-controls="btm-menu" aria-label="Menu openen"><span></span><span></span></button>
</div>
<div class="btm__menu" id="btm-menu" hidden><div class="btm__in">
  <a href="#">Aanbod</a><a href="#">Verkopen</a><a href="#">Aankopen</a><a href="#">Taxaties</a><a href="#">Blog</a><a href="#">Over ons</a><a href="#btm-auteur" class="btm__btn">Gratis waardebepaling</a>
</div></div>
<div class="btm__voortgang" aria-hidden="true"><span></span></div>
</div>

<div class="btm__open"><div class="btm__in btm__collage">
  <figure class="btm__c btm__c--straat"><img src="https://neddev.com/lab-media/page-blogartikel-energielabel-1.webp" alt="Een rij bakstenen rijtjeshuizen uit de jaren zestig in Arnhem in laag avondlicht" width="1408" height="768"></figure>
  <figure class="btm__c btm__c--advies"><img src="https://neddev.com/lab-media/page-blogartikel-energielabel-2.webp" alt="Een energieadviseur meet een raamkozijn op in een woonkamer" width="900" height="491"></figure>
  <figure class="btm__c btm__c--glas"><img src="https://neddev.com/lab-media/page-blogartikel-energielabel-3.webp" alt="Wit kozijn met nieuw isolatieglas in een oude bakstenen gevel" width="900" height="491"></figure>
  <h1 class="btm__h1"><span>Wat je energielabel waard is bij verkoop</span></h1>
</div></div>

<div class="btm__in btm__door">
  <div class="btm__auteur-regel">
    <img src="https://neddev.com/lab-media/page-blogartikel-energielabel-4.webp" alt="" width="900" height="491">
    <p>Door <a href="#btm-auteur">Marloes Taal</a>, register-makelaar<br><time datetime="2026-10-14">14 oktober 2026</time>, 7 minuten lezen</p>
  </div>
</div>

<div class="btm__in btm__lees">
  <aside class="btm__inhoud" aria-label="In dit artikel">
    <p class="btm__inhoud-kop">In dit artikel</p>
    <ol>
      <li><a href="#btm-zegt">Wat het label zegt</a></li>
      <li><a href="#btm-plicht">Verplicht bij verkoop</a></li>
      <li><a href="#btm-oplevert">Wat het oplevert</a></li>
      <li><a href="#btm-stap">Welke maatregel welke stap</a></li>
      <li><a href="#btm-schat">Schat je eigen label</a></li>
      <li><a href="#btm-advies">Ons advies</a></li>
    </ol>
  </aside>

  <article class="btm__tekst">
    <p class="btm__lead">Een rijwoning met label B bracht in Arnhem vorig jaar gemiddeld € 312 per vierkante meter meer op dan dezelfde soort woning met label E. Toch verdient niet elke verbetering zich terug voordat je verkoopt. Dit zagen we bij 214 verkopen.</p>

    <h2 class="btm__h2" id="btm-zegt">Wat het label zegt</h2>
    <p>Het energielabel laat zien hoeveel energie een huis nodig heeft per vierkante meter per jaar, bij gemiddeld gebruik. Het gaat dus over het huis, niet over hoe zuinig jij stookt. Sinds 2021 komt er altijd een EP-adviseur langs die isolatie, glas, installaties en zonnepanelen opneemt. Het label loopt van A++++ tot G en is tien jaar geldig.</p>

    <h2 class="btm__h2" id="btm-plicht">Verplicht bij verkoop</h2>
    <p>Een label van voor 2021 dat nog geldig is mag je gebruiken, al is een oud label C vaak een D in de huidige methode. Bij de overdracht bij de notaris moet een geldig label geregistreerd zijn. Zonder label kan de Inspectie Leefomgeving en Transport je een boete geven tot € 435. Wij zetten het label in de advertentie, omdat Funda het vraagt en kopers erop filteren.</p>

    <h2 class="btm__h2" id="btm-oplevert">Wat het oplevert</h2>
    <p>We legden al onze verkopen van 2025 in Arnhem en Velp naast elkaar: rijwoningen en twee-onder-een-kapwoningen, gebouwd tussen 1950 en 1990. Per label de gemiddelde prijs per vierkante meter en hoe lang het huis te koop stond.</p>
    <div class="btm__tabel-wrap" tabindex="0" role="region" aria-label="Verkoopcijfers per energielabel">
    <table class="btm__tabel">
      <caption>Verkopen Brink &amp; Taal, Arnhem en Velp, 2025</caption>
      <thead><tr><th scope="col">Label</th><th scope="col">Verkocht</th><th scope="col">Per m²</th><th scope="col">Dagen te koop</th></tr></thead>
      <tbody>
        <tr><th scope="row">A of beter</th><td>23</td><td>€ 4.180</td><td>19</td></tr>
        <tr><th scope="row">B</th><td>31</td><td>€ 4.050</td><td>22</td></tr>
        <tr><th scope="row">C</th><td>58</td><td>€ 3.890</td><td>27</td></tr>
        <tr><th scope="row">D</th><td>44</td><td>€ 3.820</td><td>31</td></tr>
        <tr><th scope="row">E</th><td>35</td><td>€ 3.738</td><td>38</td></tr>
        <tr><th scope="row">F of G</th><td>23</td><td>€ 3.590</td><td>46</td></tr>
      </tbody>
    </table>
    </div>
    <p>Eerlijk is eerlijk: niet het hele verschil komt door het label. Een huis met label B is vaak ook verder opgeknapt, met een nieuwere keuken en badkamer. Maar ook bij vergelijkbare huizen in dezelfde straat zagen we € 8.000 tot € 15.000 verschil tussen D en B.</p>
    <figure class="btm__fig">
      <img src="https://neddev.com/lab-media/page-blogartikel-energielabel-7.webp" alt="Een stel bekijkt met een makelaar een woonkamer tijdens een bezichtiging" width="900" height="491" loading="lazy">
      <figcaption>Bij bezichtigingen in de Geitenkamp vroeg dit jaar bijna elke koper als eerste naar het label en de stookkosten.</figcaption>
    </figure>
    <p>Daar komt de hypotheek bij. Volgens de leennormen van 2026 mag een koper bij label A of B € 20.000 extra lenen voor het huis, bij C of D € 10.000. Bij E, F of G mag dat alleen voor verduurzaming na de koop. Bij huizen rond de € 400.000 bepaalt dat soms of iemand kan bieden.</p>

    <h2 class="btm__h2" id="btm-stap">Welke maatregel welke stap</h2>
    <p>Spouwmuurisolatie is bijna altijd de beste eerste stap. Bij een rijwoning kost het € 1.800 tot € 2.600, het is in één dag klaar en levert vaak een hele labelstap op. Dakisolatie aan de binnenkant kost € 3.500 tot € 6.000 en scheelt evenveel. HR++ glas in de hele woning is duurder, € 6.000 tot € 9.000, maar kopers zien het meteen.</p>
    <div class="btm__duo">
      <figure><img src="https://neddev.com/lab-media/page-blogartikel-energielabel-5.webp" alt="Een isolatiemonteur spuit isolatie via kleine gaten in een bakstenen spouwmuur" width="900" height="491" loading="lazy"><figcaption>Spouwmuurisolatie in Presikhaaf: één dag, € 2.150.</figcaption></figure>
      <figure><img src="https://neddev.com/lab-media/page-blogartikel-energielabel-9.webp" alt="Twee mannen leggen isolatiedekens tussen de balken van een zoldervloer" width="900" height="491" loading="lazy"><figcaption>Zoldervloer isoleren kan als het dak niet open hoeft.</figcaption></figure>
    </div>
    <p>Zonnepanelen tellen ook mee, en een warmtepomp het zwaarst. Maar een warmtepomp van € 12.000 laten plaatsen alleen voor de verkoop raden we af: in onze cijfers kwam dat er zelden helemaal uit.</p>

    <div class="btm__schat" id="btm-schat">
      <h2 class="btm__h3">Schat je eigen label</h2>
      <form class="btm__schat-form">
        <label class="btm__veld"><span>Bouwjaar</span>
          <select name="jaar"><option value="0">Voor 1945</option><option value="1">1945 tot 1974</option><option value="2" selected>1975 tot 1991</option><option value="3">1992 tot 2005</option><option value="4">Na 2005</option></select>
        </label>
        <fieldset class="btm__maat"><legend>Wat is er al gedaan?</legend>
          <label><input type="checkbox" name="m" value="1"><span>Spouwmuur geïsoleerd</span></label>
          <label><input type="checkbox" name="m" value="1"><span>Dak geïsoleerd</span></label>
          <label><input type="checkbox" name="m" value="0.5"><span>Vloer geïsoleerd</span></label>
          <label><input type="checkbox" name="m" value="1"><span>HR++ of triple glas overal</span></label>
          <label><input type="checkbox" name="m" value="1"><span>Zonnepanelen</span></label>
          <label><input type="checkbox" name="m" value="2"><span>Warmtepomp</span></label>
        </fieldset>
      </form>
      <div class="btm__uitslag" aria-live="polite">
        <p class="btm__letter">D</p>
        <p class="btm__uitleg">Waarschijnlijk label <strong class="btm__l2">D</strong>. <span class="btm__tip">Met spouwmuurisolatie kom je waarschijnlijk op C.</span></p>
        <p class="btm__klein">Een schatting op basis van onze eigen verkopen, geen echt label. Dat maakt alleen een EP-adviseur.</p>
      </div>
    </div>

    <h2 class="btm__h2" id="btm-advies">Ons advies</h2>
    <p>Laat het label maken zodra je weet dat je gaat verkopen, en niet pas als de koopakte klaarligt. Een EP-adviseur kost € 250 tot € 450 en zit vaak twee weken vol. Is je label E of slechter en is de spouw nog leeg, laat die dan eerst vullen. Grotere ingrepen laat je meestal aan de koper over; die kan er extra voor lenen.</p>
    <blockquote class="btm__citaat"><p>"Ik heb liever een eerlijk label D in de advertentie dan een koper die bij de keuring schrikt."</p></blockquote>
    <p>Twijfel je wat in jouw huis loont? We kijken het mee bij de waardebepaling, zonder kosten.</p>
  </article>
</div>

<div class="btm__auteur" id="btm-auteur"><div class="btm__in btm__auteur-in">
  <img src="https://neddev.com/lab-media/page-blogartikel-energielabel-4.webp" alt="Marloes Taal in een lege, lichte woonkamer" width="900" height="491" loading="lazy">
  <div>
    <h2 class="btm__h3">Marloes Taal</h2>
    <p>Register-makelaar en taxateur, sinds 2014 bij Brink &amp; Taal. Marloes verkoopt vooral in Arnhem-Noord en Velp en schrijft één keer per maand over wat ze op de Arnhemse woningmarkt ziet.</p>
    <p><a href="tel:0261234567" class="btm__telefoon">026 123 4567</a></p>
    <a href="#" class="btm__btn">Plan een waardebepaling</a>
  </div>
</div></div>

<div class="btm__meer"><div class="btm__in">
  <h2 class="btm__h2">Verder lezen</h2>
  <div class="btm__meer-raster">
    <a href="#" class="btm__meer-groot">
      <img src="https://neddev.com/lab-media/page-blogartikel-energielabel-8.webp" alt="Buitenunit van een warmtepomp naast de achtergevel van een bakstenen huis" width="900" height="491" loading="lazy">
      <strong>Een warmtepomp en de waarde van je huis</strong>
      <span><time datetime="2026-09-23">23 september 2026</time>, 5 minuten lezen</span>
    </a>
    <div class="btm__meer-rest">
      <a href="#" class="btm__meer-item"><img src="https://neddev.com/lab-media/page-blogartikel-energielabel-6.webp" alt="Zonnepanelen op het pannendak van een rijtjeshuis" width="900" height="491" loading="lazy"><strong>Zonnepanelen bij verkoop: overnemen of meenemen?</strong><span><time datetime="2026-08-30">30 augustus 2026</time></span></a>
      <a href="#" class="btm__meer-item btm__meer-item--tekst"><strong>Overbieden in Arnhem: de cijfers van het derde kwartaal</strong><span><time datetime="2026-10-03">3 oktober 2026</time></span></a>
      <a href="#" class="btm__meer-item btm__meer-item--tekst"><strong>Bouwkundige keuring: wanneer wel en wanneer niet</strong><span><time datetime="2026-07-18">18 juli 2026</time></span></a>
    </div>
  </div>
</div></div>

<div class="btm__voet" role="contentinfo"><div class="btm__in">
  <form class="btm__brief" novalidate>
    <label for="btm-mail" class="btm__brief-kop">Eén artikel per maand over de Arnhemse woningmarkt</label>
    <div class="btm__brief-rij"><input id="btm-mail" name="mail" type="email" autocomplete="email" placeholder="je@voorbeeld.nl" required><button type="submit" class="btm__btn">Aanmelden</button></div>
    <p class="btm__brief-fout" hidden>Vul een geldig e-mailadres in.</p>
    <p class="btm__brief-klaar" hidden tabindex="-1">Gelukt. De volgende verschijnt begin november.</p>
  </form>
  <p class="btm__voet-regel"><strong>Brink &amp; Taal Makelaars</strong> · Jansbuitensingel 18, 6811 AB Arnhem · <a href="tel:0261234567">026 123 4567</a> · <a href="mailto:info@voorbeeld.nl">info@voorbeeld.nl</a></p>
  <p class="btm__voet-regel">Lid van de NVM · KvK 09123456 · BTW NL001234567B02 · <a href="#">Privacy</a> · <a href="#">Cookies</a></p>
</div></div>
</div>
</div>

/* Blogartikel energielabel · Brink & Taal Makelaars, Arnhem · © 2026 NedDev BV · NedDev Lab-licentie (gratis gebruik, niet doorverkopen) · neddev.com/nl/lab/gebruik/#licentie */
/* fonts (Fontshare): epilogue@400,800 */
.btm{--bg:#ECEBF2;--opp:#F8F7FB;--tekst:#16151D;--gedempt:#514F60;--lijn:#D6D4E2;--accent:#11704A;--op-accent:#FFFFFF;--r:4px;--fs1:14px;--fs2:16px;--fs3:20px;--fs4:28px;--fs5:44px;--fs6:72px;--sectie:clamp(56px,7vw,104px);--kader:1660px;--lees:720px;--zij:20px;
  container-type:inline-size;background:var(--bg);color:var(--tekst);font-family:'Epilogue',sans-serif;font-weight:400;font-size:var(--fs2);line-height:1.7}
.btm *{box-sizing:border-box}
.btm [hidden]{display:none!important}
.btm a{color:inherit}
.btm img{display:block;max-width:100%;height:auto}
.btm figure,.btm blockquote{margin:0}
.btm p{margin:0 0 16px}
.btm__in{max-width:var(--kader);margin:0 auto;padding:0 clamp(var(--zij),4vw,56px)}
.btm__head{position:sticky;top:0;z-index:20;background:var(--bg)}
.btm__head-in{display:flex;align-items:center;gap:32px;height:72px;border-bottom:1px solid var(--lijn)}
.btm__logo{font-weight:800;font-size:var(--fs3);text-decoration:none;letter-spacing:-.02em;white-space:nowrap}
.btm__nav{display:flex;gap:26px;margin-left:auto}
.btm__nav a{text-decoration:none;padding:6px 0;transition:color .18s}
.btm__nav a:hover{color:var(--accent)}
.btm__nav a[aria-current]{font-weight:800}
.btm__btn{display:inline-block;background:var(--accent);color:var(--op-accent)!important;text-decoration:none;font:800 var(--fs2)/1.2 'Epilogue',sans-serif;padding:14px 20px;border-radius:var(--r);border:0;cursor:pointer;transition:background-color .18s}
.btm__btn:hover{background:#0B5536}
.btm a:focus-visible,.btm button:focus-visible,.btm input:focus-visible,.btm select:focus-visible,.btm__tabel-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btm__menu-knop{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--tekst);border-radius:var(--r);background:transparent;cursor:pointer;position:relative}
.btm__menu-knop span{position:absolute;left:11px;right:11px;height:2px;background:var(--tekst);transition:transform .18s}
.btm__menu-knop span:first-child{top:16px}.btm__menu-knop span:last-child{top:25px}
.btm__menu-knop[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.btm__menu-knop[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.btm__menu{background:var(--opp);border-bottom:1px solid var(--lijn)}
.btm__menu .btm__in{display:flex;flex-direction:column;padding-top:8px;padding-bottom:20px}
.btm__menu a{text-decoration:none;padding:12px 0;font-size:var(--fs3);border-bottom:1px solid var(--lijn)}
.btm__menu .btm__btn{margin-top:16px;text-align:center;border:0}
.btm__voortgang{height:3px;background:transparent;overflow:hidden}
.btm__voortgang span{display:block;height:100%;width:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}
.btm__collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto;column-gap:16px;padding-top:clamp(28px,4vw,56px);position:relative}
.btm__c img{width:100%;height:100%;object-fit:cover;border-radius:var(--r)}
.btm__c--straat{grid-column:4/13;grid-row:1/3;aspect-ratio:16/9}
.btm__c--advies{grid-column:1/6;grid-row:2/4;align-self:end;margin-bottom:-64px;aspect-ratio:4/3;position:relative;z-index:2;border:6px solid var(--bg);border-radius:var(--r)}
.btm__c--glas{grid-column:10/13;grid-row:3/4;aspect-ratio:1/1;margin-top:-150px;position:relative;z-index:2;border:6px solid var(--bg);border-radius:var(--r)}
.btm__h1{grid-column:1/10;grid-row:1/2;align-self:start;margin:clamp(8px,3vw,48px) 0 0;font-weight:800;font-size:var(--fs6);line-height:1.04;letter-spacing:-.035em;position:relative;z-index:3;max-width:none}
.btm__h1 span{background:var(--bg);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 14px 4px 0}
.btm__door{padding-top:96px}
.btm__auteur-regel{display:flex;align-items:center;gap:14px;margin-left:calc(25% + 12px);max-width:var(--lees)}
.btm__auteur-regel img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:70% 30%}
.btm__auteur-regel p{margin:0!important;font-size:var(--fs1);line-height:1.5;color:var(--gedempt)}
.btm__auteur-regel a{color:var(--tekst);font-weight:800;text-decoration:none}
.btm__lees{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:24px;padding-top:40px;padding-bottom:var(--sectie);align-items:start}
.btm__inhoud{position:sticky;top:100px;font-size:var(--fs1);padding-right:16px}
.btm__inhoud-kop{font-weight:800;margin-bottom:10px!important}
.btm__inhoud ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--lijn)}
.btm__inhoud a{display:block;text-decoration:none;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--gedempt);transition:color .18s,border-color .18s}
.btm__inhoud a:hover{color:var(--tekst)}
.btm__inhoud a.is-hier{color:var(--tekst);border-left-color:var(--accent);font-weight:800}
.btm__tekst{max-width:var(--lees)}
.btm__lead{font-size:var(--fs3);line-height:1.55;margin-bottom:32px!important}
.btm__h2{font-weight:800;font-size:var(--fs4);line-height:1.2;letter-spacing:-.02em;margin:36px 0 12px;scroll-margin-top:96px}
.btm__h3{font-weight:800;font-size:var(--fs4);line-height:1.2;letter-spacing:-.02em;margin:0 0 14px}
.btm__tabel-wrap{overflow-x:auto;margin:24px 0}
.btm__tabel{width:100%;border-collapse:collapse;font-size:var(--fs2);min-width:0}
.btm__tabel caption{text-align:left;font-size:var(--fs1);color:var(--gedempt);padding-bottom:8px}
.btm__tabel th,.btm__tabel td{text-align:left;font-weight:400;padding:7px 12px 7px 0;border-bottom:1px solid var(--lijn)}
.btm__tabel thead th{font-weight:800;font-size:var(--fs1);border-bottom:2px solid var(--tekst)}
.btm__tabel td{font-variant-numeric:tabular-nums}
.btm__tabel tbody tr:nth-child(2) th,.btm__tabel tbody tr:nth-child(2) td{background:var(--opp);font-weight:800}
.btm .btm__fig{margin:28px 0}
.btm__fig img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:var(--r)}
.btm__fig figcaption,.btm__duo figcaption{font-size:var(--fs1);color:var(--gedempt);padding-top:8px;line-height:1.5}
.btm__duo{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;margin:28px 0;align-items:start}
.btm__duo img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}
.btm__schat{background:var(--opp);border-radius:var(--r);padding:24px 28px;margin:32px 0;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:8px 28px;scroll-margin-top:96px}
.btm__schat .btm__h3{grid-column:1/-1}
.btm__veld{display:flex;flex-direction:column;gap:6px;font-weight:800}
.btm__veld select{font:400 var(--fs2)/1.4 'Epilogue',sans-serif;color:var(--tekst);background:#FFFFFF;border:1px solid var(--gedempt);border-radius:var(--r);padding:10px 12px}
.btm__maat{border:0;padding:0;margin:18px 0 0}
.btm__maat legend{font-weight:800;padding:0;margin-bottom:6px}
.btm__maat label{display:flex;align-items:center;gap:10px;padding:4px 0;cursor:pointer}
.btm__maat input{accent-color:var(--accent);width:18px;height:18px;margin:0;flex:none}
.btm__uitslag{border-left:1px solid var(--lijn);padding-left:28px}
.btm__letter{font-weight:800;font-size:var(--fs6);line-height:1;color:var(--accent);margin:0 0 10px!important;transition:color .2s}
.btm__uitleg{margin-bottom:10px!important}
.btm__klein{font-size:var(--fs1);color:var(--gedempt);line-height:1.5}
.btm__citaat{margin:28px 0;padding:4px 0 4px 24px;border-left:3px solid var(--accent)}
.btm__citaat p{font-weight:800;font-size:var(--fs3);line-height:1.45;margin:0!important}
.btm__auteur{background:var(--opp)}
.btm__auteur-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center;padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.btm__auteur-in img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:70% 30%;border-radius:var(--r)}
.btm__auteur-in>div{max-width:52ch}
.btm__telefoon{font-weight:800;text-decoration:none;display:inline-block;padding:4px 0}
.btm__meer{padding-top:var(--sectie);padding-bottom:var(--sectie)}
.btm__meer .btm__h2{margin-top:0}
.btm__meer-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:start}
.btm__meer a{text-decoration:none}
.btm__meer strong{display:block;font-weight:800;line-height:1.3;transition:color .18s}
.btm__meer a:hover strong{color:var(--accent)}
.btm__meer span{display:block;font-size:var(--fs1);color:var(--gedempt);margin-top:4px}
.btm__meer-groot img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:var(--r);margin-bottom:14px}
.btm__meer-groot strong{font-size:var(--fs4);letter-spacing:-.02em}
.btm__meer-item{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:16px;padding:16px 0;border-top:1px solid var(--lijn)}
.btm__meer-item img{grid-row:1/3;width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.btm__meer-item strong{font-size:var(--fs3)}
.btm__meer-item--tekst{grid-template-columns:minmax(0,1fr)}
.btm__meer-rest .btm__meer-item:first-child{border-top:0;padding-top:0}
.btm__voet{background:var(--tekst);color:var(--bg)}
.btm__voet .btm__in{padding-top:clamp(40px,5vw,64px);padding-bottom:28px}
.btm__brief{max-width:640px;margin-bottom:48px}
.btm__brief-kop{display:block;font-weight:800;font-size:var(--fs4);line-height:1.25;letter-spacing:-.02em;margin-bottom:16px}
.btm__brief-rij{display:flex;gap:10px}
.btm__brief-rij input{flex:1;min-width:0;font:400 var(--fs2)/1.4 'Epilogue',sans-serif;color:var(--tekst);background:var(--opp);border:1px solid var(--opp);border-radius:var(--r);padding:12px 14px}
.btm__voet .btm__btn{background:var(--opp);color:var(--tekst)!important}
.btm__voet .btm__btn:hover{background:#FFFFFF}
.btm__brief-fout,.btm__brief-klaar{margin:10px 0 0!important;font-size:var(--fs1)}
.btm__voet-regel{font-size:var(--fs1);color:var(--lijn);margin:0 0 6px!important}
.btm__voet-regel a{display:inline-block;padding:3px 0}
@container (max-width:1080px){
  .btm__nav{display:none}
  .btm__menu-knop{display:block}
  .btm__btn--head{margin-left:auto}
  .btm__btn--head+.btm__menu-knop{margin-left:0}
  .btm__lees{grid-template-columns:minmax(0,1fr)}
  .btm__inhoud{position:static;padding:0 0 8px}
  .btm__inhoud ol{display:flex;flex-wrap:wrap;gap:0 20px;border-left:0}
  .btm__inhoud a{padding:6px 0;border-left:0;margin-left:0}
  .btm__auteur-regel{margin-left:0}
  .btm__tekst{max-width:var(--lees)}
}
@container (max-width:760px){
  .btm__h1{font-size:var(--fs5)}
  .btm__collage{row-gap:0}
  .btm__h1{grid-column:1/13;grid-row:1/2;margin:0 0 20px}
  .btm__c--straat{grid-column:1/13;grid-row:2/3}
  .btm__c--advies{grid-column:1/8;grid-row:3/4;margin:-48px 0 0}
  .btm__c--glas{grid-column:8/13;grid-row:3/4;margin:16px 0 0}
  .btm__door{padding-top:28px}
  .btm__schat{grid-template-columns:minmax(0,1fr);padding:22px}
  .btm__uitslag{border-left:0;border-top:1px solid var(--lijn);padding:18px 0 0;margin-top:12px}
  .btm__auteur-in,.btm__meer-raster{grid-template-columns:minmax(0,1fr)}
  .btm__duo{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:520px){
  .btm__btn--head{display:none}
  .btm__menu-knop{margin-left:auto!important}
  .btm__h1{font-size:var(--fs4)}
  .btm__lead{font-size:var(--fs2)}
  .btm__brief-kop,.btm__meer-groot strong{font-size:var(--fs3)}
  .btm__brief-rij{flex-direction:column}
  .btm__meer-item{grid-template-columns:88px minmax(0,1fr)}
  .btm__meer-item img{width:88px}
  .btm__meer-item strong{font-size:var(--fs2)}
  .btm__meer-item--tekst{grid-template-columns:minmax(0,1fr)}
  .btm__tabel{font-size:var(--fs1)}
  .btm__tabel th,.btm__tabel td{padding-right:8px}
}
@media (prefers-reduced-motion:reduce){.btm *{transition:none!important;scroll-behavior:auto!important}}

// Blogartikel energielabel · Brink & Taal Makelaars, Arnhem · © 2026 NedDev BV · NedDev Lab-licentie (gratis gebruik, niet doorverkopen) · neddev.com/nl/lab/gebruik/#licentie
// root = het element waarin de HTML staat
function init(root){
var s=root.querySelector('.btm');if(!s)return;
var knop=s.querySelector('.btm__menu-knop'),menu=s.querySelector('.btm__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');knop.setAttribute('aria-label','Menu openen');}});
var tekst=s.querySelector('.btm__tekst'),balk=s.querySelector('.btm__voortgang span');
function scrollBak(){var n=s.parentElement;while(n&&n!==document.body){var o=getComputedStyle(n).overflowY;if((o==='auto'||o==='scroll')&&n.scrollHeight>n.clientHeight)return n;n=n.parentElement;}return window;}
var bak=scrollBak();
function stand(){var r=tekst.getBoundingClientRect(),h=bak===window?window.innerHeight:bak.getBoundingClientRect().bottom,top=bak===window?0:bak.getBoundingClientRect().top;
  var f=Math.min(1,Math.max(0,(top+80-r.top)/Math.max(1,r.height-(h-top)+80)));balk.style.transform='scaleX('+f+')';}
(bak===window?window:bak).addEventListener('scroll',stand,{passive:true});stand();
var links=[].slice.call(s.querySelectorAll('.btm__inhoud a'));
if('IntersectionObserver' in window){var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){links.forEach(function(a){var aan=a.getAttribute('href')==='#'+e.target.id;a.classList.toggle('is-hier',aan);if(aan)a.setAttribute('aria-current','true');else a.removeAttribute('aria-current');});}});},{root:bak===window?null:bak,rootMargin:'0px 0px -70% 0px'});
  links.forEach(function(a){var t=s.querySelector(a.getAttribute('href'));if(t)io.observe(t);});}
var f=s.querySelector('.btm__schat-form'),labels=['G','F','E','D','C','B','A','A+','A++'],basis=[0,1,3,4,5];
var tips=[['spouw',0,'Met spouwmuurisolatie'],['dak',1,'Met dakisolatie'],['glas',3,'Met HR++ glas overal']];
function schat(){var p=basis[+f.jaar.value],vak=f.querySelectorAll('input[name=m]');
  vak.forEach(function(v){if(v.checked)p+=parseFloat(v.value);});
  var i=Math.min(labels.length-1,Math.floor(p)),l=labels[i];
  s.querySelector('.btm__letter').textContent=l;s.querySelector('.btm__l2').textContent=l;
  var tip='';for(var k=0;k<tips.length;k++){if(!vak[tips[k][1]].checked){var n=labels[Math.min(labels.length-1,Math.floor(p+1))];if(n!==l)tip=tips[k][2]+' kom je waarschijnlijk op '+n+'.';break;}}
  if(!tip)tip=i>=5?'Daar zijn kopers in Arnhem gevoelig voor: zet het label bovenaan je advertentie.':'Een EP-adviseur kan zien welke stap voor jouw huis het meeste doet.';
  s.querySelector('.btm__tip').textContent=tip;}
f.addEventListener('change',schat);schat();
var b=s.querySelector('.btm__brief');
b.addEventListener('submit',function(e){e.preventDefault();var ok=/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(b.mail.value.trim());
  b.querySelector('.btm__brief-fout').hidden=ok;b.mail.setAttribute('aria-invalid',ok?'false':'true');
  if(ok){b.querySelector('.btm__brief-rij').hidden=true;var k=b.querySelector('.btm__brief-klaar');k.hidden=false;k.focus();}else b.mail.focus();});
}
init(document.querySelector('.jouw-container'));