upgraden naar je originele gedrag + animatie === */\n(function () {\n function upgrade(detailsEl) {\n if (!(detailsEl instanceof HTMLElement)) return;\n if (detailsEl.dataset.upgraded === \"1\") return; // al gedaan\n\n const summary = detailsEl.querySelector(':scope > summary');\n if (!summary) return;\n\n function setActive(isOpen) {\n if (isOpen) summary.classList.add('active');\n else summary.classList.remove('active');\n }\n\n // Wrap alle siblings na summary in een panel .accordion-content (voor animatie)\n let panel = detailsEl.querySelector(':scope > .accordion-content');\n if (!panel) {\n panel = document.createElement('div');\n panel.className = 'accordion-content';\n const nodesToMove = [];\n let n = summary.nextSibling;\n while (n) { nodesToMove.push(n); n = n.nextSibling; }\n nodesToMove.forEach(node => panel.appendChild(node));\n detailsEl.appendChild(panel);\n }\n\n // Starttoestand\n setActive(detailsEl.open);\n if (detailsEl.open) {\n panel.classList.add('open');\n panel.style.maxHeight = panel.scrollHeight + 'px';\n } else {\n panel.classList.remove('open');\n panel.style.maxHeight = null;\n }\n\n // Laat native toggle gebeuren; animatie in 'toggle'\n summary.addEventListener('click', function () {});\n\n // Open/sluit animatie\n detailsEl.addEventListener('toggle', function () {\n const isOpen = detailsEl.open;\n setActive(isOpen);\n\n if (isOpen) {\n panel.classList.add('open');\n panel.style.maxHeight = panel.scrollHeight + 'px';\n\n // Update maxHeight bij images die later laden\n panel.querySelectorAll('img').forEach(img => {\n if (!img.complete) {\n img.addEventListener('load', () => {\n if (detailsEl.open) {\n panel.style.maxHeight = panel.scrollHeight + 'px';\n }\n });\n }\n });\n } else {\n panel.style.maxHeight = panel.scrollHeight + 'px'; // startpunt\n requestAnimationFrame(() => {\n panel.style.maxHeight = '0px';\n panel.classList.remove('open');\n });\n }\n });\n\n detailsEl.dataset.upgraded = \"1\";\n }\n\n // Init + observe\n document.querySelectorAll('details.accordion').forEach(upgrade);\n const mo = new MutationObserver(muts => {\n muts.forEach(m => {\n m.addedNodes.forEach(node => {\n if (node.nodeType !== 1) return;\n if (node.matches && node.matches('details.accordion')) upgrade(node);\n node.querySelectorAll && node.querySelectorAll('details.accordion').forEach(upgrade);\n });\n });\n });\n mo.observe(document.documentElement, { childList: true, subtree: true });\n})();"}]},{"tag":"script","children":[{"tag":"#text","text":"(function(){\n function removeExistingOverlay(){\n const old = document.querySelector('.custom-lightbox-overlay');\n if (old) old.remove();\n document.documentElement.style.overflow = '';\n }\n\n // Publieke API\n window.openLightbox = function(src){\n removeExistingOverlay();\n\n const overlay = document.createElement('div');\n overlay.className = 'custom-lightbox-overlay';\n overlay.innerHTML = `\n ![](\"${src}\")
\n \n const picture = img.parentElement && img.parentElement.tagName === 'PICTURE' ? img.parentElement : null;\n if (picture) {\n const sources = Array.from(picture.querySelectorAll('source'));\n let active = sources.find(s => !s.media || window.matchMedia(s.media).matches) || sources[0];\n if (active) {\n const sset = active.getAttribute('srcset') || active.getAttribute('data-srcset') || '';\n const largest = pickLargestFromSrcsetString(sset, img.naturalWidth || img.width || 0);\n if (largest) return largest;\n }\n }\n\n // 4) srcset / data-srcset op img\n const ssetImg = img.getAttribute('srcset') || img.getAttribute('data-srcset');\n const largestFromImg = pickLargestFromSrcsetString(ssetImg || '', img.naturalWidth || img.width || 0);\n if (largestFromImg) return largestFromImg;\n\n // 5) data-src (lazy) → echte src\n const dataSrc = img.getAttribute('data-src');\n if (dataSrc) return dataSrc;\n\n // 6) currentSrc → src\n return img.currentSrc || img.src || href || '';\n }\n\n function isEligible(img) {\n if (!(img instanceof HTMLImageElement)) return false;\n if (img.closest('[data-no-lightbox], .no-lightbox')) return false;\n if (isBlacklisted(img)) return false;\n return true;\n }\n\n document.addEventListener('click', function (e) {\n // Als overlay open is en je klikt binnen die overlay: laat overlay-handlers het doen\n const openOverlay = document.querySelector('.custom-lightbox-overlay');\n if (openOverlay && openOverlay.contains(e.target)) return;\n\n // Zoek dichtstbijzijnde afbeelding\n const target = e.target;\n const img = target instanceof HTMLImageElement ? target : (target.closest && target.closest('img'));\n if (!img || !isEligible(img)) return;\n\n const src = getCandidateSrc(img);\n if (!src || !IMG_EXT.test(src)) return;\n\n // Als img in een link zit die naar een afbeelding wijst: voorkom navigatie\n const a = img.closest('a');\n if (a && IMG_EXT.test(a.getAttribute('href') || '')) e.preventDefault();\n\n window.openLightbox(src);\n }, { passive: false });\n})();"}]},{"tag":"script","children":[{"tag":"#text","text":"(function(){\n const ROOT_SEL = '.hs_cos_wrapper, .rich-text, [data-hs-cos-type=\"rich_text\"]';\n // [accordion title=\"...\"] ... [/accordion] (+ optioneel \" open\")\n const RE_BLOCK = /\\[accordion\\s+title=\"([^\"]+)\"(\\s+open)?\\s*\\]([\\s\\S]*?)\\[\\/accordion\\]/gi;\n\n function transform(el){\n if (!el) return;\n let html = el.innerHTML;\n let changed = false;\n html = html.replace(RE_BLOCK, function(_, title, openFlag, inner){\n changed = true;\n const isOpen = !!openFlag;\n return (\n `
\n \n \n \n \n
\n `;\n document.body.appendChild(overlay);\n const img = overlay.querySelector('.custom-lightbox-img');\n\n let scale = 1, baseScale = 1, tx = 0, ty = 0;\n let dragging = false, startX = 0, startY = 0, startTx = 0, startTy = 0;\n\n function applyTransform(){\n img.style.transform = `translate(${tx}px, ${ty}px) scale(${scale})`;\n }\n function setScale(newScale){\n scale = Math.min(5, Math.max(0.5, newScale));\n applyTransform();\n }\n function reset(){\n scale = baseScale; tx = 0; ty = 0;\n applyTransform();\n }\n\n // Beginput: binnen 90% viewport en langste zijde max 1000px\n function computeBaseScale(){\n const nw = img.naturalWidth || 1;\n const nh = img.naturalHeight || 1;\n const vw = window.innerWidth || 1;\n const vh = window.innerHeight || 1;\n\n const cap1000 = Math.min(1, 1000 / Math.max(nw, nh));\n const fitViewport = Math.min((vw * 0.9) / nw, (vh * 0.9) / nh, 1);\n baseScale = Math.max(0.5, Math.min(cap1000, fitViewport));\n }\n\n function close(){\n window.removeEventListener('mousemove', onMove);\n window.removeEventListener('mouseup', onUp);\n window.removeEventListener('keydown', onKey);\n window.removeEventListener('resize', onResize);\n overlay.removeEventListener('click', onOverlayClick);\n img.removeEventListener('wheel', onWheel);\n overlay.remove();\n document.documentElement.style.overflow = '';\n }\n\n function onMove(e){\n if (!dragging) return;\n tx = startTx + (e.clientX - startX);\n ty = startTy + (e.clientY - startY);\n applyTransform();\n }\n function onUp(){ dragging = false; img.style.cursor = 'grab'; }\n function onWheel(e){\n e.preventDefault();\n setScale(scale + (e.deltaY < 0 ? 0.25 : -0.25));\n }\n function onKey(e){ if (e.key === 'Escape') close(); }\n function onResize(){\n const pristine = tx === 0 && ty === 0 && Math.abs(scale - baseScale) < 0.001;\n if (pristine) { computeBaseScale(); reset(); }\n }\n function onOverlayClick(e){\n // voorkom dat document-level delegation ook triggert\n e.stopPropagation();\n\n // Close-knop?\n if (e.target instanceof HTMLElement && e.target.dataset?.action === 'close') {\n e.preventDefault(); return close();\n }\n const clickedInsideImg = img.contains(e.target);\n const controls = overlay.querySelector('.custom-lightbox-controls');\n const clickedControls = controls && controls.contains(e.target);\n\n // klik buiten afbeelding & buiten controls => sluiten\n if (!clickedInsideImg && !clickedControls) {\n e.preventDefault(); close();\n }\n }\n\n // Start\n document.documentElement.style.overflow = 'hidden';\n\n // Controls\n overlay.querySelectorAll('.custom-lightbox-btn').forEach(btn=>{\n btn.addEventListener('click', (ev)=>{\n const a = btn.dataset.action;\n if (a === 'in') setScale(scale + 0.25);\n if (a === 'out') setScale(scale - 0.25);\n if (a === 'reset') reset();\n if (a === 'close') close();\n });\n });\n\n // Dragging\n img.addEventListener('mousedown', e=>{\n dragging = true;\n startX = e.clientX; startY = e.clientY;\n startTx = tx; startTy = ty;\n img.style.cursor = 'grabbing';\n });\n window.addEventListener('mousemove', onMove);\n window.addEventListener('mouseup', onUp);\n\n // Zoom met muiswiel\n img.addEventListener('wheel', onWheel, { passive: false });\n\n // Sluiten via buiten-klik & Escape; base-scale updaten bij resize\n overlay.addEventListener('click', onOverlayClick);\n window.addEventListener('keydown', onKey);\n window.addEventListener('resize', onResize);\n\n // Init-scale zodra natuurlijke afmetingen bekend zijn\n if (img.complete) { computeBaseScale(); reset(); }\n else { img.addEventListener('load', () => { computeBaseScale(); reset(); }, { once: true }); }\n };\n})();"}]},{"tag":"script","children":[{"tag":"#text","text":"/* === Auto-lightbox via event delegation (lazy/picture-proof) === */\n(function () {\n const BLACKLIST = [\n 'header img',\n 'footer img',\n '.hs-logo-wrapper img',\n '.hs-blog-social-share img',\n '.no-lightbox img'\n ];\n const IMG_EXT = /\\.(png|jpe?g|gif|webp|avif|svg)(\\?.*)?$/i;\n\n function isBlacklisted(img) {\n return BLACKLIST.some(sel => img.matches(sel) || img.closest(sel));\n }\n\n // Kies grootste kandidaat uit srcset-string\n function pickLargestFromSrcsetString(srcsetStr, fallbackWidth = 0) {\n if (!srcsetStr) return null;\n let best = null, bestScore = -1;\n srcsetStr.split(',').forEach(item => {\n const [url, desc] = item.trim().split(/\\s+/);\n let score = 0;\n if (desc && desc.endsWith('w')) score = parseInt(desc, 10) || 0;\n else if (desc && desc.endsWith('x')) score = (parseFloat(desc) || 1) * fallbackWidth;\n else score = fallbackWidth || 1;\n if (score > bestScore) { bestScore = score; best = url; }\n });\n return best;\n }\n\n function getCandidateSrc(img) {\n // 1) Als rond img naar afbeelding wijst\n const a = img.closest('a');\n const href = a ? (a.getAttribute('href') || '') : '';\n if (IMG_EXT.test(href)) return a.href;\n\n // 2) Expliciete override\n if (img.dataset.lightboxSrc) return img.dataset.lightboxSrc;\n\n // 3) ` +\n `
`\n );\n });\n if (changed) el.innerHTML = html;\n }\n\n function scan(root=document){\n root.querySelectorAll(ROOT_SEL).forEach(transform);\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', () => scan());\n } else {\n scan();\n }\n\n const mo = new MutationObserver(muts => {\n muts.forEach(m => {\n m.addedNodes.forEach(node => {\n if (node.nodeType !== 1) return;\n if (node.matches?.(ROOT_SEL)) transform(node);\n node.querySelectorAll?.(ROOT_SEL).forEach(transform);\n });\n });\n });\n mo.observe(document.documentElement, { childList: true, subtree: true });\n})();"}]},{"tag":"meta","attributes":{"property":"og:url","content":"https://info.energiemissie.nl/hs/portals/customer-portal-app/brand"}},{"tag":"meta","attributes":{"http-equiv":"content-language","content":"nl"}}],"footerElements":[{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"}},{"tag":"script","children":[{"tag":"#text","text":"var _hsq = _hsq || [];\n_hsq.push([\"setContentType\", \"app-page\"]);\n_hsq.push([\"setCanonicalUrl\", \"https:\\/\\/info.energiemissie.nl\\/hs\\/portals\\/customer-portal-app\\/brand\"]);\n_hsq.push([\"setPageId\", \"477548754141\"]);\n_hsq.push([\"setContentMetadata\", {\n \"contentPageId\": 477548754141,\n \"legacyPageId\": \"477548754141\",\n \"contentFolderId\": null,\n \"contentGroupId\": null,\n \"abTestId\": null,\n \"languageVariantId\": 477548754141,\n \"languageCode\": \"nl\",\n \n \n}]);"}],"attributes":{"type":"text/javascript"}},{"tag":"script","id":"hs-script-loader","attributes":{"async":"","defer":"","src":"/hs/scriptloader/139749835.js","type":"text/javascript"}},{"tag":"script","children":[{"tag":"#text","text":"var hsVars = {\n render_id: \"d2685bb2-5637-4c13-8138-e6c71d283840\",\n ticks: 1790189702920,\n page_id: 477548754141,\n \n content_group_id: 0,\n portal_id: 139749835,\n app_hs_base_url: \"https://app-eu1.hubspot.com\",\n cp_hs_base_url: \"https://cp-eu1.hubspot.com\",\n language: \"nl\",\n analytics_page_type: \"app-page\",\n scp_content_type: \"\",\n \n analytics_page_id: \"477548754141\",\n category_id: 20,\n folder_id: 0,\n is_hubspot_user: false\n}"}],"attributes":{"type":"text/javascript"}},{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"}}]}${title}
` +\n `${inner}
` +\n `