"<!DOCTYPE html><html lang=\"nl\"><head>\n<meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Verduurzamingscheck — Persoonlijk Bespaaradvies | Duurzame Installateur</title>\n<meta name=\"description\" content=\"Doe de 2-minuten keuzehulp. Ontdek welke verduurzaming het beste past bij jouw woning en ontvang direct je geschatte investering, besparing en subsidie.\">\n<link rel=\"icon\" href=\"/static/favicon.ico\" sizes=\"any\">\n<meta name=\"google-site-verification\" content=\"x9pbm6_6RcVbi3tzuPE8epqk8qIQ0pzbAEcev2QP76g\">\n<script async src=\"https://www.googletagmanager.com/gtag/js?id=G-X8SBEGJFJF\"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)};gtag(\"js\",new Date());gtag(\"config\",\"G-X8SBEGJFJF\");</script>\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:'Segoe UI',Arial,sans-serif;background:#f8fafc;color:#0f172a}\n.container{max-width:960px;margin:0 auto;padding:24px 16px}\n.header{background:linear-gradient(160deg,#064E3B,#0F766E);color:#fff;padding:36px 16px;text-align:center}\n.header h1{font-size:26px;margin-bottom:6px}\n.header p{opacity:.9;font-size:15px}\n.intro{background:white;border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px rgba(2,44,34,.08);margin-bottom:20px;font-size:15px;line-height:1.6}\n.card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(2,44,34,.08);margin-bottom:16px}\n.card h3{color:#064E3B;margin-bottom:6px;font-size:16px}\n.step{background:white;border-radius:14px;padding:24px;box-shadow:0 2px 12px rgba(2,44,34,.1);margin-bottom:20px;border:1px solid #e2e8f0}\n.step h2{color:#064E3B;font-size:18px;margin-bottom:16px}\n.step label{font-size:14px;font-weight:600;color:#475569;display:block;margin-bottom:6px}\n.step select,.step input{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;margin-bottom:12px;background:white}\n.step select:focus,.step input:focus{border-color:#0F766E;outline:none}\n.btn{display:inline-block;text-decoration:none;padding:12px 24px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;border:none}\n.btn-primary{background:#064E3B;color:#fff}\n.btn-primary:hover{background:#065f46}\n.btn-outline{background:#f1f5f9;color:#475569}\n.result-card{background:linear-gradient(135deg,#064E3B,#0F766E);color:#fff;border-radius:14px;padding:24px;margin-bottom:20px}\n.result-card h2{color:#fff;font-size:20px;margin-bottom:8px}\n.result-card .bedrag{font-size:32px;font-weight:800;margin:8px 0}\n.result-card .sub{opacity:.9;font-size:14px;margin-bottom:12px}\n.cta-btn{display:inline-block;background:#fff;color:#064E3B;padding:14px 32px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none}\n.nav-links a{background:#e0f2fe;color:#0369a1;padding:6px 14px;border-radius:20px;text-decoration:none;font-size:13px;font-weight:600;margin:3px;display:inline-block}\n.back{display:inline-block;margin-bottom:16px;color:#0F766E;text-decoration:none;font-size:14px}\n.footer{text-align:center;padding:28px;color:#475569;font-size:13px}\n.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}\n.sub-card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:16px}\n.sub-card h3{color:#064E3B;font-size:15px;margin-bottom:4px}\n.sub-card .price{font-size:13px;color:#475569}\n.subsidie-check{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:24px;margin-bottom:20px}\n.subsidie-check h2{color:#065f46;font-size:18px;margin-bottom:12px}\n.subsidie-check .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #a7f3d0;font-size:14px}\n.subsidie-check .total{font-size:18px;font-weight:700;color:#065f46;padding-top:12px;text-align:right}\n.merk-card{background:white;border-radius:12px;padding:18px;box-shadow:0 2px 8px rgba(2,44,34,.08)}\n.merk-card h3{color:#064E3B;font-size:15px;margin-bottom:4px}\n.merk-card .stars{color:#eab308;font-size:14px}\ntable{width:100%;border-collapse:collapse;background:white;border-radius:12px;margin-bottom:20px}\nth{background:#f1f5f9;padding:12px;font-size:13px;text-transform:uppercase;color:#475569;text-align:left;border-bottom:2px solid #064E3B}\ntd{padding:10px 12px;border-bottom:1px solid #e2e8f0;font-size:14px}\n</style></head><body>\n<div class=\"header\"><h1>Verduurzamingscheck — Persoonlijk Bespaaradvies</h1><p>Doe de 2-minuten keuzehulp. Ontdek welke verduurzaming het beste past bij jouw woning en ontvang direct je geschatte inv</p></div>\n<div class=\"container\"><div id=\"keuzehulp\">\n  <div class=\"step\" id=\"step-1\">\n    <div class=\"step-header\" style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:16px\">\n      <h2>Stap 1 van 3 — Jouw woning</h2>\n      <span style=\"background:#e0f2fe;color:#0369a1;padding:4px 12px;border-radius:12px;font-size:12px\">Stap 1/3</span>\n    </div>\n    <label>Woningtype</label>\n    <select id=\"woningtype\">\n      <option value=\"\">Selecteer...</option>\n      <option value=\"tussenwoning\">Tussenwoning</option>\n      <option value=\"hoekwoning\">Hoekwoning</option>\n      <option value=\"2-onder-1-kap\">2-onder-1-kap</option>\n      <option value=\"vrijstaand\">Vrijstaand</option>\n      <option value=\"appartement\">Appartement / Flat</option>\n    </select>\n    <label>Bouwjaar</label>\n    <select id=\"bouwjaar\">\n      <option value=\"\">Selecteer...</option>\n      <option value=\"voor-1945\">Voor 1945</option>\n      <option value=\"1945-1975\">1945 — 1975</option>\n      <option value=\"1975-1995\">1975 — 1995</option>\n      <option value=\"1995-2015\">1995 — 2015</option>\n      <option value=\"na-2015\">Na 2015</option>\n    </select>\n    <label>Huidige isolatie</label>\n    <select id=\"isolatie\">\n      <option value=\"\">Selecteer...</option>\n      <option value=\"slecht\">Slecht / geen isolatie</option>\n      <option value=\"matig\">Matig (deels dubbel glas, geen spouw)</option>\n      <option value=\"redelijk\">Redelijk (dubbel glas, deels geïsoleerd)</option>\n      <option value=\"goed\">Goed (HR++, spouw-, vloer- en dakisolatie)</option>\n    </select>\n    <button class=\"btn btn-primary\" onclick=\"nextStep(2)\" style=\"margin-top:8px;width:100%\">Volgende →</button>\n  </div>\n\n  <div class=\"step\" id=\"step-2\" style=\"display:none\">\n    <div class=\"step-header\" style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:16px\">\n      <h2>Stap 2 van 3 — Huidige verwarming & gebruik</h2>\n      <span style=\"background:#e0f2fe;color:#0369a1;padding:4px 12px;border-radius:12px;font-size:12px\">Stap 2/3</span>\n    </div>\n    <label>Huidige verwarming</label>\n    <select id=\"verwarming\">\n      <option value=\"gas-cv\">Gasketel (HR-cv)</option>\n      <option value=\"gas-cv-oud\">Gasketel (oud, VR-cv)</option>\n      <option value=\"stadsverwarming\">Stadsverwarming</option>\n      <option value=\"elektrisch\">Elektrische verwarming</option>\n      <option value=\"warmtepomp\">Al warmtepomp (uitbreiding)</option>\n    </select>\n    <label>Jaarlijks gasverbruik (m³)</label>\n    <select id=\"gasverbruik\">\n      <option value=\"500\">Minder dan 500 m³</option>\n      <option value=\"1000\" selected>500 — 1.500 m³ (gemiddeld)</option>\n      <option value=\"2000\">1.500 — 2.500 m³</option>\n      <option value=\"3000\">Meer dan 2.500 m³</option>\n    </select>\n    <label>Hoeveel personen in huis?</label>\n    <select id=\"personen\">\n      <option value=\"1\">1</option>\n      <option value=\"2\" selected>2</option>\n      <option value=\"3\">3</option>\n      <option value=\"4\">4</option>\n      <option value=\"5\">5+</option>\n    </select>\n    <button class=\"btn btn-outline\" onclick=\"prevStep(1)\" style=\"margin-right:8px\">← Vorige</button>\n    <button class=\"btn btn-primary\" onclick=\"nextStep(3)\" style=\"width:calc(100% - 110px)\">Volgende →</button>\n  </div>\n\n  <div class=\"step\" id=\"step-3\" style=\"display:none\">\n    <div class=\"step-header\" style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:16px\">\n      <h2>Stap 3 van 3 — Waar ben je in geïnteresseerd?</h2>\n      <span style=\"background:#e0f2fe;color:#0369a1;padding:4px 12px;border-radius:12px;font-size:12px\">Stap 3/3</span>\n    </div>\n    <p style=\"font-size:14px;color:#475569;margin-bottom:12px\">Selecteer waar je meer over wilt weten:</p>\n    <div class=\"grid\">\n      <div class=\"card\" onclick=\"toggleSelect(this,'warmtepomp')\" style=\"cursor:pointer;text-align:center\" id=\"opt-warmtepomp\">\n        <div style=\"font-size:32px\">🔥</div><div style=\"font-weight:600;margin-top:4px\">Warmtepomp</div><div style=\"font-size:12px;color:#475569\">Hybride of full-electric</div>\n      </div>\n      <div class=\"card\" onclick=\"toggleSelect(this,'zonnepanelen')\" style=\"cursor:pointer;text-align:center\" id=\"opt-zonnepanelen\">\n        <div style=\"font-size:32px\">☀️</div><div style=\"font-weight:600;margin-top:4px\">Zonnepanelen</div><div style=\"font-size:12px;color:#475569\">Incl. thuisbatterij</div>\n      </div>\n      <div class=\"card\" onclick=\"toggleSelect(this,'thuisbatterij')\" style=\"cursor:pointer;text-align:center\" id=\"opt-thuisbatterij\">\n        <div style=\"font-size:32px\">🔋</div><div style=\"font-weight:600;margin-top:4px\">Thuisbatterij</div><div style=\"font-size:12px;color:#475569\">Energie opslaan</div>\n      </div>\n      <div class=\"card\" onclick=\"toggleSelect(this,'laadpaal')\" style=\"cursor:pointer;text-align:center\" id=\"opt-laadpaal\">\n        <div style=\"font-size:32px\">🚗</div><div style=\"font-weight:600;margin-top:4px\">Laadpaal</div><div style=\"font-size:12px;color:#475569\">Elektrische auto</div>\n      </div>\n    </div>\n    <div style=\"margin-top:16px\">\n      <label>Je postcode (voor lokale installateurs)</label>\n      <input type=\"text\" id=\"postcode\" placeholder=\"Bijv. 3011AA\" maxlength=\"6\" style=\"text-transform:uppercase\">\n    </div>\n    <button class=\"btn btn-outline\" onclick=\"prevStep(2)\" style=\"margin-right:8px\">← Vorige</button>\n    <button class=\"btn btn-primary\" onclick=\"bereken()\" style=\"width:calc(100% - 110px)\">Bereken mijn advies →</button>\n  </div>\n\n  <div id=\"resultaat\" style=\"display:none\"></div>\n</div>\n\n<script>\nlet selectedKeuzes = {};\nfunction toggleSelect(el, opt) {\n  el.style.border = el.style.border === '2px solid #064E3B' ? '' : '2px solid #064E3B';\n  el.style.background = el.style.background === '#f0fdf4' ? '' : '#f0fdf4';\n  if (selectedKeuzes[opt]) { delete selectedKeuzes[opt]; } else { selectedKeuzes[opt] = true; }\n}\nfunction nextStep(n) { for(let i=1;i<=3;i++){const s=document.getElementById('step-'+i);s?i===n?s.style.display='block':s.style.display='none':null;} }\nfunction prevStep(n) { nextStep(n); }\nfunction bereken() {\n  const type = document.getElementById('woningtype').value;\n  const bouwjaar = document.getElementById('bouwjaar').value;\n  const isolatie = document.getElementById('isolatie').value;\n  const verwarming = document.getElementById('verwarming').value;\n  const gas = parseInt(document.getElementById('gasverbruik').value || '1000');\n  const personen = document.getElementById('personen').value;\n  const postcode = document.getElementById('postcode').value.trim();\n  const keuzes = Object.keys(selectedKeuzes);\n  if (keuzes.length === 0) { alert('Selecteer minimaal 1 interesse'); return; }\n\n  let advies = '', investering = 0, besparing = 0, subs = '';\n\n  const wpPrijs = type==='vrijstaand'?18500:(type==='2-onder-1-kap'?15500:12500);\n  const zonPrijs = Math.round(gas * 0.8 * 1.25);\n  const batPrijs = 4500;\n  const laadPrijs = 1200;\n\n  if (keuzes.includes('warmtepomp')) {\n    if (gas > 1500) {\n      advies += '<li><strong>Hybride warmtepomp</strong> — ideaal voor jouw verbruik. Blijf de gasketel gebruiken voor piekmomenten.</li>';\n      investering += Math.round(wpPrijs * 0.6);\n      besparing += Math.round(gas * 0.65 * 0.95);\n      subs += '<li>ISDE-subsidie warmtepomp: €' + (gas > 2000 ? '3.600' : '2.550') + '</li>';\n    } else {\n      advies += '<li><strong>Full-electric warmtepomp</strong> — je kunt van het gas af met een all-electric oplossing.</li>';\n      investering += wpPrijs;\n      besparing += Math.round(gas * 0.85 * 0.95);\n      subs += '<li>ISDE-subsidie full-electric: €' + (gas > 1000 ? '5.250' : '3.350') + '</li>';\n    }\n  }\n  if (keuzes.includes('zonnepanelen')) {\n    const nPanolen = Math.round(gas / 120) * 2;\n    advies += '<li><strong>' + nPanolen + ' zonnepanelen</strong> — geschat vermogen ' + (nPanolen * 440) + ' Wp.</li>';\n    investering += nPanolen * 950;\n    besparing += Math.round(nPanolen * 440 * 0.88 * 0.25);\n    subs += '<li>0% BTW (nultarief op zonnepanelen)</li>';\n  }\n  if (keuzes.includes('thuisbatterij')) {\n    if (keuzes.includes('zonnepanelen')) {\n      advies += '<li><strong>Thuisbatterij 5 kWh</strong> — slaat overdag zonne-energie op voor 's avonds.</li>';\n      investering += batPrijs;\n      besparing += 250;\n    } else {\n      advies += '<li><strong>Thuisbatterij (optioneel)</strong> — werkt het beste mét zonnepanelen.</li>';\n    }\n    subs += '<li>ISDE-subsidie thuisbatterij: tot 35%</li>';\n  }\n  if (keuzes.includes('laadpaal')) {\n    advies += '<li><strong>Laadpaal 11kW</strong> — geschikt voor de meeste elektrische auto's.</li>';\n    investering += laadPrijs;\n    besparing += 400;\n    subs += '<li>Gemeentelijke subsidie laadpaal: €300-€800 (per gemeente)</li>';\n  }\n\n  investering = Math.round(investering / 100) * 100;\n  besparing = Math.round(besparing / 10) * 10;\n  const terugverdien = investering > 0 ? Math.round(investering / besparing * 10) / 10 : 0;\n  const ctaLink = postcode ? '/warmtepomp/rotterdam' : '/';\n\n  document.getElementById('resultaat').innerHTML = '<div class=\"result-card\"><h2>Jouw persoonlijke advies</h2><p>Gebaseerd op jouw woning, verbruik en interesses.</p></div>'\n    + '<div class=\"card\"><h3>✅ Aanbevolen maatregelen</h3><ul style=\"padding-left:20px;line-height:1.8;font-size:14px\">' + advies + '</ul></div>'\n    + '<div class=\"card\"><h3>💰 Investering & Besparing</h3>'\n    + '<div style=\"display:flex;gap:16px;margin-top:10px\"><div style=\"flex:1;background:#f1f5f9;border-radius:10px;padding:12px;text-align:center\"><div style=\"font-size:11px;color:#475569\">Investering</div><div style=\"font-size:22px;font-weight:700;color:#064E3B\">€ ' + investering.toLocaleString() + '</div></div>'\n    + '<div style=\"flex:1;background:#f0fdf4;border-radius:10px;padding:12px;text-align:center\"><div style=\"font-size:11px;color:#475569\">Besparing/jaar</div><div style=\"font-size:22px;font-weight:700;color:#065f46\">€ ' + besparing.toLocaleString() + '</div></div>'\n    + '<div style=\"flex:1;background:#fffbeb;border-radius:10px;padding:12px;text-align:center\"><div style=\"font-size:11px;color:#475569\">Terugverdientijd</div><div style=\"font-size:22px;font-weight:700;color:#b45309\">' + terugverdien + ' jaar</div></div></div></div>'\n    + '<div class=\"subsidie-check\"><h2>Subsidies & regelingen</h2>' + subs + '</div>'\n    + '<a class=\"cta-btn\" href=\"' + ctaLink + '\" style=\"display:block;text-align:center;margin-top:12px\">Ontvang gratis offertes van installateurs →</a>';\n  document.getElementById('resultaat').style.display = 'block';\n  document.getElementById('step-3').style.display = 'none';\n  window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n</script></div>\n<div class=\"footer\"><a href=\"/\">Duurzame Installateur</a> · <a href=\"/keuzehulp/\">Keuzehulp</a> · <a href=\"/vergelijken/\">Vergelijken</a> · <a href=\"/subsidie-check/\">Subsidie</a></div>\n</body></html>"