Contact Top Bar<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .h2i-main-top-bar {\r\n font-family: 'Inter', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n \/* min-height: 100vh; *\/\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n width: 100% !important;\r\n }\r\n\r\n .top-bar-container {\r\n width: 100%;\r\n background-color: #1e2029;\r\n padding-top: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n color: #ffffff;\r\n }\r\n\r\n .content-wrapper {\r\n max-width: 100%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 1rem;\r\n padding-right: 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .info-section {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .info-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: #9ca3af;\r\n }\r\n\r\n .info-text {\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 400;\r\n font-family: \"Sora-Regular\", sans-serif;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .content-wrapper {\r\n flex-direction: row;\r\n justify-content: center;\r\n gap: 2rem; \/* Corresponds to md:space-x-8 *\/\r\n }\r\n\r\n .info-section {\r\n margin-bottom: 0; \/* Corresponds to md:mb-0 *\/\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .content-wrapper {\r\n gap: 3rem; \/* Corresponds to lg:space-x-12 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"h2i-main-top-bar\">\r\n <div class=\"top-bar-container\">\r\n <div class=\"content-wrapper\">\r\n \r\n \r\n <div class=\"info-section\">\r\n \r\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/mobile-notch-2.png\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/mobile-notch-2.png\" alt=\"\" \/><\/noscript>\r\n <span class=\"info-text\">Bereikbaar +31 (0)10 415 44 36<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"info-section\">\r\n \r\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/mobile.png\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/mobile.png\" alt=\"\" \/><\/noscript>\r\n <span class=\"info-text\">Maaiveldweg 20, Bergschenhoek<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-285d02a elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"285d02a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-c385ca5\" data-id=\"c385ca5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6c5825 elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"c6c5825\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/h2ibv.nl\/pl\">\n\t\t\t<img decoding=\"async\" width=\"224\" height=\"89\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/h2i-logo.svg\" class=\"attachment-full size-full wp-image-1360 lazyload\" alt=\"h2i logo\" \/><noscript><img decoding=\"async\" width=\"224\" height=\"89\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/h2i-logo.svg\" class=\"attachment-full size-full wp-image-1360 lazyload\" alt=\"h2i logo\" \/><\/noscript>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-358b906\" data-id=\"358b906\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c79d186 elementor-nav-menu__align-end elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"c79d186\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"full_width":"stretch","layout":"horizontal","submenu_icon":{"value":"<i class=\\"fas fa-caret-down\\" aria-hidden=\\"true\\"><\\\/i>","library":"fa-solid"},"toggle":"burger"}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-c79d186\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1958\"><a href=\"https:\/\/h2ibv.nl\/pl\/\" class=\"elementor-item\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1959\"><a href=\"https:\/\/h2ibv.nl\/pl\/about-us\/\" class=\"elementor-item\">Over ons<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1982\"><a href=\"https:\/\/h2ibv.nl\/pl\/services-2\/\" class=\"elementor-item\">Diensten<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2082\"><a href=\"https:\/\/h2ibv.nl\/pl\/vacatures\/\" class=\"elementor-item\">Vacatures<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2126\"><a href=\"https:\/\/h2ibv.nl\/pl\/contact-us\/\" class=\"elementor-item\">Contact<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3726\"><a href=\"https:\/\/h2ibv.nl\/pl\/blog\/\" class=\"elementor-item\">Blog<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open eicon-menu-bar\"><\/i><i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close eicon-close\"><\/i>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-c79d186\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1958\"><a href=\"https:\/\/h2ibv.nl\/pl\/\" class=\"elementor-item\" tabindex=\"-1\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1959\"><a href=\"https:\/\/h2ibv.nl\/pl\/about-us\/\" class=\"elementor-item\" tabindex=\"-1\">Over ons<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1982\"><a href=\"https:\/\/h2ibv.nl\/pl\/services-2\/\" class=\"elementor-item\" tabindex=\"-1\">Diensten<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2082\"><a href=\"https:\/\/h2ibv.nl\/pl\/vacatures\/\" class=\"elementor-item\" tabindex=\"-1\">Vacatures<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2126\"><a href=\"https:\/\/h2ibv.nl\/pl\/contact-us\/\" class=\"elementor-item\" tabindex=\"-1\">Contact<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3726\"><a href=\"https:\/\/h2ibv.nl\/pl\/blog\/\" class=\"elementor-item\" tabindex=\"-1\">Blog<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3fd6b79 elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"3fd6b79\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c212867 h2i-language-switcher elementor-widget-laptop__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"c212867\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"trp_language_switcher_shortcode\">\n<div class=\"trp-language-switcher trp-language-switcher-container\" data-no-translation >\n <div class=\"trp-ls-shortcode-current-language\">\n <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"Polski\" onclick=\"event.preventDefault()\">\n\t\t\t<img decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pl_PL.png\" width=\"18\" height=\"12\" alt=\"pl_PL\" title=\"Polski\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pl_PL.png\" width=\"18\" height=\"12\" alt=\"pl_PL\" title=\"Polski\"><\/noscript> Polski\t\t<\/a>\n <\/div>\n <div class=\"trp-ls-shortcode-language\">\n <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"Polski\" onclick=\"event.preventDefault()\">\n\t\t\t<img decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pl_PL.png\" width=\"18\" height=\"12\" alt=\"pl_PL\" title=\"Polski\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pl_PL.png\" width=\"18\" height=\"12\" alt=\"pl_PL\" title=\"Polski\"><\/noscript> Polski\t\t<\/a>\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Nederlands\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/nl_NL.png\" width=\"18\" height=\"12\" alt=\"nl_NL\" title=\"Nederlands\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/nl_NL.png\" width=\"18\" height=\"12\" alt=\"nl_NL\" title=\"Nederlands\"><\/noscript> Nederlands <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"English\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\" width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\" width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"><\/noscript> English <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Deutsch\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/de_DE.png\" width=\"18\" height=\"12\" alt=\"de_DE\" title=\"Deutsch\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/de_DE.png\" width=\"18\" height=\"12\" alt=\"de_DE\" title=\"Deutsch\"><\/noscript> Deutsch <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Fran\u00e7ais\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" width=\"18\" height=\"12\" alt=\"fr_FR\" title=\"Fran\u00e7ais\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" width=\"18\" height=\"12\" alt=\"fr_FR\" title=\"Fran\u00e7ais\"><\/noscript> Fran\u00e7ais <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Espa\u00f1ol\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_ES.png\" width=\"18\" height=\"12\" alt=\"es_ES\" title=\"Espa\u00f1ol\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_ES.png\" width=\"18\" height=\"12\" alt=\"es_ES\" title=\"Espa\u00f1ol\"><\/noscript> Espa\u00f1ol <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Italiano\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/it_IT.png\" width=\"18\" height=\"12\" alt=\"it_IT\" title=\"Italiano\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/it_IT.png\" width=\"18\" height=\"12\" alt=\"it_IT\" title=\"Italiano\"><\/noscript> Italiano <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"\u7b80\u4f53\u4e2d\u6587\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/zh_CN.png\" width=\"18\" height=\"12\" alt=\"zh_CN\" title=\"\u7b80\u4f53\u4e2d\u6587\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/zh_CN.png\" width=\"18\" height=\"12\" alt=\"zh_CN\" title=\"\u7b80\u4f53\u4e2d\u6587\"><\/noscript> \u7b80\u4f53\u4e2d\u6587 <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Portugu\u00eas\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pt_PT.png\" width=\"18\" height=\"12\" alt=\"pt_PT\" title=\"Portugu\u00eas\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pt_PT.png\" width=\"18\" height=\"12\" alt=\"pt_PT\" title=\"Portugu\u00eas\"><\/noscript> Portugu\u00eas <\/a>\n\n <\/div>\n <script type=\"application\/javascript\">\n \/\/ need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML\n var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');\n if ( trp_ls_shortcodes.length > 0) {\n \/\/ get the last language switcher added\n var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];\n\n var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )\n \/\/ set width\n var trp_ls_shortcode_width = trp_shortcode_language_item.offsetWidth + 16;\n trp_shortcode_language_item.style.width = trp_ls_shortcode_width + 'px';\n trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';\n\n \/\/ We're putting this on display: none after we have its width.\n trp_shortcode_language_item.style.display = 'none';\n }\n <\/script>\n<\/div>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-0bdab77 e-flex e-con-boxed e-con e-parent\" data-id=\"0bdab77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c19a9fb elementor-widget elementor-widget-ucaddon_warm_water\" data-id=\"c19a9fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_warm_water.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Warm Water *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Image Slider<\/title>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-one active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/CV-verwarming-1-1.jpg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-one active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/CV-verwarming-1-1.jpg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-2-1.jpg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-2-1.jpg\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-3-1.jpg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-3-1.jpg\" alt=\"Image 3\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-4-1.jpg\" alt=\"Image 4\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-4-1.jpg\" alt=\"Image 4\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Foto-1-1.jpg\" alt=\"Image 5\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Foto-1-1.jpg\" alt=\"Image 5\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/c-head-5.png\" alt=\"Image 6\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/c-head-5.png\" alt=\"Image 6\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnOne\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnOne\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Warmwater leidingen<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Onge\u00efsoleerde warmwaterleidingen verliezen snel warmte, wat leidt tot een hoger energieverbruik, meer CO2-uitstoot en stijgende maandelijkse kosten. In grotere installaties kunnen die verliezen flink oplopen. Goede isolatie zorgt ervoor dat de warmte daar aankomt waar ze nodig is\u2014zonder verspilling.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i expertise:<\/span><br>\n Wij werken zowel aan nieuwe als bestaande leidingsystemen. Of de installatie nu eenvoudig of complex is, wij weten welke materialen het beste presteren op het gebied van warmtebehoud, duurzaamheid en een nette afwerking. Je krijgt betrouwbare resultaten en langdurige energiebesparing\u2014\u00e9\u00e9n keer goed gedaan.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">Sectorein<\/span>\n <span class=\"our-services-tag\">utiliteitsbouw<\/span>\n <span class=\"our-services-tag\">nutsvoorzieningen<\/span>\n <span class=\"our-services-tag\">industri\u00eble installaties<\/span>\n <span class=\"our-services-tag\">schepen<\/span>\n <span class=\"our-services-tag\">raffinaderijen<\/span>\n <span class=\"our-services-tag\">voedselproductie<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-one');\n const prevBtnOne = document.getElementById('prevBtnOne');\n const nextBtnOne = document.getElementById('nextBtnOne');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnOne.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnOne.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bb25cf e-flex e-con-boxed e-con e-parent\" data-id=\"4bb25cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d2dafa elementor-widget elementor-widget-ucaddon_Warmte_opslagtanks\" data-id=\"6d2dafa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_Warmte_opslagtanks.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Warmte-opslagtanks *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<head>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n background-color: #c2eaf5;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-two {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-two.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-two.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnTwo, #nextBtnTwo {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-two.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-blue-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-two active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/foto-5.jpg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-two active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/foto-5.jpg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Tank-1.jpg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Tank-1.jpg\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/tank-2.jpg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/tank-2.jpg\" alt=\"Image 3\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/tank-3.jpg\" alt=\"Image 4\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/tank-3.jpg\" alt=\"Image 4\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/wamte-2.jpeg\" alt=\"Image 5\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/wamte-2.jpeg\" alt=\"Image 5\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/wamte-1.jpeg\" alt=\"Image 6\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/wamte-1.jpeg\" alt=\"Image 6\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnTwo\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnTwo\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Warmte-opslagtanks<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Opslagtanks bevatten warm water, stoom of procesvloeistoffen. Zonder isolatie ontsnapt er enorm veel thermische energie. Hierdoor moeten systemen voortdurend opnieuw opwarmen\u2014dat kost tijd, geld en energie.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Het isoleren van tanks vermindert warmteverlies, stabiliseert de temperatuur, voorkomt oppervlaktecondensatie en beschermt de buitenwand van de tank. Daarnaast helpt het bij het voldoen aan regelgeving in veel sectoren.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij isoleren tanks in alle vormen en maten, zowel ter plaatse als met prefab materiaal. Onze isolatie is bestand tegen alle weersomstandigheden, ziet er strak uit en verhoogt de effici\u00ebntie van het hele systeem.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">stadsverwarming<\/span>\n <span class=\"our-services-tag\">olie & gas<\/span>\n <span class=\"our-services-tag\">chemische opslag<\/span>\n <span class=\"our-services-tag\">biomassacentrales<\/span>\n <span class=\"our-services-tag\">landbouw<\/span>\n <span class=\"our-services-tag\">grootschalige HVAC-systemen<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-two');\n const prevBtnTwo = document.getElementById('prevBtnTwo');\n const nextBtnTwo = document.getElementById('nextBtnTwo');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnTwo.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnTwo.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20b2dd7 e-flex e-con-boxed e-con e-parent\" data-id=\"20b2dd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae682ef elementor-widget elementor-widget-ucaddon_kettles\" data-id=\"ae682ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_kettles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: kettles *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-three {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-three.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-three.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnThree, #nextBtnThree {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-three.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-three active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/ketel-1.jpg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-three active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/ketel-1.jpg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-three lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/IMG_4030.jpg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-three lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/IMG_4030.jpg\" alt=\"Image 2\"><\/noscript>\n\n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnThree\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnThree\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Ketels<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Boilers produceren warmte onder druk. Slechte isolatie leidt niet alleen tot energieverlies, maar verhoogt ook de oppervlaktetemperaturen\u2014wat gevaarlijk is voor personeel op locatie.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Goede isolatie houdt de warmte binnen het boilersysteem, verhoogt de effici\u00ebntie, verlaagt het brandstofverbruik en verbetert de veiligheid. Daarnaast verlengt het de levensduur van de boiler.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij hebben boilers over de hele wereld ge\u00efsoleerd. Van compacte eenheden tot complexe stoomsystemen\u2014wij zorgen ervoor dat je boiler veilig, effici\u00ebnt en professioneel afgewerkt is. Geen rommel, geen herstelwerk.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">energieopwekking<\/span>\n <span class=\"our-services-tag\">ziekenhuizen<\/span>\n <span class=\"our-services-tag\">voedingsmiddelenindustrie<\/span>\n <span class=\"our-services-tag\">chemische industrie<\/span>\n <span class=\"our-services-tag\">scheepvaart<\/span>\n <span class=\"our-services-tag\">warmtenetten<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-three');\n const prevBtnThree = document.getElementById('prevBtnThree');\n const nextBtnThree = document.getElementById('nextBtnThree');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnThree.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnThree.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14676bc e-flex e-con-boxed e-con e-parent\" data-id=\"14676bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04a631b elementor-widget elementor-widget-ucaddon_koelleidingen\" data-id=\"04a631b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_koelleidingen.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Koelleidingen *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<head>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n background-color: #c2eaf5;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-four {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-four.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-four.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnFour, #nextBtnFour {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-four.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-blue-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-four active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-3.jpeg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-four active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-3.jpeg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-four lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-2.jpeg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-four lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-2.jpeg\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-four lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-1.jpeg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-four lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-1.jpeg\" alt=\"Image 3\"><\/noscript>\n\n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnFour\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnFour\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Koelleidingen<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Boilers produceren warmte onder druk. Slechte isolatie leidt niet alleen tot energieverlies, maar verhoogt ook de oppervlaktetemperaturen\u2014wat gevaarlijk is voor personeel op locatie.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Goede isolatie voorkomt vochtophoping, houdt de koeling stabiel en beschermt de omliggende infrastructuur. Daarnaast helpt het energiepieken en dure reparaties te voorkomen.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij isoleren zowel nieuwe als verouderde koelsystemen. Ons team weet precies welke materialen en technieken condens tegengaan, temperatuurschommelingen weerstaan \u00e9n er netjes uitzien\u2014ook op zichtbare plaatsen.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">koelopslag<\/span>\n <span class=\"our-services-tag\">airconditioningsystemen<\/span>\n <span class=\"our-services-tag\">datacenters<\/span>\n <span class=\"our-services-tag\">dranken- & zuivelindustrie<\/span>\n <span class=\"our-services-tag\">chemische koelinstallaties<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-four');\n const prevBtnFour = document.getElementById('prevBtnFour');\n const nextBtnFour = document.getElementById('nextBtnFour');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnFour.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnFour.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-890e2b7 e-flex e-con-boxed e-con e-parent\" data-id=\"890e2b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc87b13 elementor-widget elementor-widget-ucaddon_brandwerende_doorvoeren\" data-id=\"dc87b13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_brandwerende_doorvoeren.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Brandwerende doorvoeren *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Image Slider<\/title>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-five {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-five.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-five.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnFive, #nextBtnFive {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-five.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-five active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-1.svg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-five active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-1.svg\" alt=\"Image 1\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnFive\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnFive\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Brandwerende doorvoeren<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Brandwerende doorvoeren zijn cruciaal voor het behouden van de brandcompartimentering binnen een gebouw.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Brandwerende doorvoeringen sluiten openingen af en voorkomen dat vuur zich verspreidt. Ze zijn essentieel voor veiligheid en wetgeving, en kunnen het verschil maken tussen een beheersbare situatie en een ramp.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij werken volgens de nieuwste brandwerende normen en leveren bij elk project de juiste documentatie. Onze oplossingen zijn netjes afgewerkt, volledig gecertificeerd en duurzaam\u2014zonder compromissen.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">kantoorgebouwen<\/span>\n <span class=\"our-services-tag\">datacenters<\/span>\n <span class=\"our-services-tag\">tunnels<\/span>\n <span class=\"our-services-tag\">olie- & gasplatforms<\/span>\n <span class=\"our-services-tag\">commerci\u00eble en residenti\u00eble bouw<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-five');\n const prevBtnFive = document.getElementById('prevBtnFive');\n const nextBtnFive = document.getElementById('nextBtnFive');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnFive.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnFive.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d1182a e-flex e-con-boxed e-con e-parent\" data-id=\"8d1182a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1ef602 elementor-widget elementor-widget-ucaddon_rookgasafvoeren\" data-id=\"f1ef602\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_rookgasafvoeren.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Rookgasafvoeren *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<head>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n background-color: #c2eaf5;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-six {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-six.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-six.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0;\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n margin: 10px;\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n .prev-btn, .next-btn {\n background-color: transparent;\n }\n\n .prev-btn:hover, .next-btn:hover {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-six.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-blue-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-six active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-2.svg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-six active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-2.svg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-1.jpeg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-1.jpeg\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-2.jpeg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-2.jpeg\" alt=\"Image 3\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-3.jpeg\" alt=\"Image 4\"><noscript><img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-3.jpeg\" alt=\"Image 4\"><\/noscript>\n\n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button class=\"nav-button prev-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button class=\"nav-button next-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Rookgasafvoeren<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Het isoleren van een rookgasafvoer is belangrijk voor zowel veiligheid, energie-effici\u00ebntie, als duurzaamheid van het systeem.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Isolatie houdt de gassen op de juiste temperatuur, voorkomt zuren en verbetert de warmteoverdracht. Het beschermt ook de kanalen en omliggende oppervlakken.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij kennen de uitdagingen van deze systemen\u2014hoge temperaturen, chemische belasting en blootstelling aan buitenomstandigheden. Onze isolatie is degelijk getest, functioneel en bestand tegen langdurig gebruik.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">industri\u00eble ovens<\/span>\n <span class=\"our-services-tag\">biomassacentrales<\/span>\n <span class=\"our-services-tag\">WKK-installaties<\/span>\n <span class=\"our-services-tag\">stookruimtes<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function () {\n function initSlider(container, imageClass) {\n const imgContainer = container.querySelector('.our-services-image-container') || container;\n const images = imgContainer.querySelectorAll('.' + imageClass);\n const prevBtn = imgContainer.querySelector('.prev-btn');\n const nextBtn = imgContainer.querySelector('.next-btn');\n if (!images || images.length === 0) return;\n\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n const idx = ((index % images.length) + images.length) % images.length;\n images.forEach((img) => img.classList.remove('active'));\n images[idx].classList.add('active');\n currentIndex = idx;\n };\n\n const nextSlide = () => showSlide(currentIndex + 1);\n const prevSlide = () => showSlide(currentIndex - 1);\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); startAutoSlide(); });\n if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); startAutoSlide(); });\n\n showSlide(0);\n startAutoSlide();\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n document.querySelectorAll('.our-services-blue-slider-container').forEach((container) => {\n initSlider(container, 'slider-image-six');\n });\n });\n })();\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47da493 e-flex e-con-boxed e-con e-parent\" data-id=\"47da493\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1289048 elementor-widget elementor-widget-ucaddon_akoestische_isolatie\" data-id=\"1289048\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_akoestische_isolatie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-seven {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-seven.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-seven.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: #ffffff; \/* keep button solid white to hide underlying graphics *\/\n padding: 0.5rem;\n border: none;\n cursor: pointer;\n transition: none;\n margin: 10px;\n border-radius: 6px;\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\n }\n\n .nav-button:hover,\n .nav-button:active,\n .nav-button:focus,\n .nav-button:focus-visible {\n background-color: #ffffff !important;\n outline: none !important;\n box-shadow: 0 1px 6px rgba(0,0,0,0.08) !important;\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n display: block;\n }\n\n .prev-btn, .next-btn {\n background-color: transparent;\n }\n\n .nav-button, .nav-button img { -webkit-tap-highlight-color: transparent; }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-seven.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-seven active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-3.svg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-seven active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-3.svg\" alt=\"Image 1\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button class=\"nav-button prev-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button class=\"nav-button next-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Akoestische isolatie<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Het verminderen van geluidsoverdracht tussen ruimtes om hinder of verstoring te voorkomen. Overige wensen.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Akoestische isolatie vermindert mechanisch geluid, galm en trillingsoverdracht. Het verbetert de werkomgeving en houdt gevoelige ruimtes\u2014zoals kantoren of laboratoria\u2014stil.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij brengen niet zomaar wat schuim aan. We ontwikkelen doordachte akoestische oplossingen met de juiste materialen\u2014vooral in lawaaierige of trillingsgevoelige omgevingen. Strak afgewerkt, doeltreffend en functioneel.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">kantoren<\/span>\n <span class=\"our-services-tag\">productiehallen<\/span>\n <span class=\"our-services-tag\">utiliteitsgebouwen<\/span>\n <span class=\"our-services-tag\">ziekenhuizen<\/span>\n <span class=\"our-services-tag\">scholen<\/span>\n <span class=\"our-services-tag\">machinekamers<\/span>\n <span class=\"our-services-tag\">HVAC-installaties<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function () {\n function initSlider(container, imageClass) {\n const imgContainer = container.querySelector('.our-services-image-container') || container;\n const images = imgContainer.querySelectorAll('.' + imageClass);\n const prevBtn = imgContainer.querySelector('.prev-btn');\n const nextBtn = imgContainer.querySelector('.next-btn');\n if (!images || images.length === 0) return;\n\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n const idx = ((index % images.length) + images.length) % images.length;\n images.forEach((img) => img.classList.remove('active'));\n images[idx].classList.add('active');\n currentIndex = idx;\n };\n\n const nextSlide = () => showSlide(currentIndex + 1);\n const prevSlide = () => showSlide(currentIndex - 1);\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); startAutoSlide(); });\n if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); startAutoSlide(); });\n\n showSlide(0);\n startAutoSlide();\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n document.querySelectorAll('.our-services-slider-container').forEach((container) => {\n initSlider(container, 'slider-image-seven');\n });\n });\n })();\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3c6940 e-flex e-con-boxed e-con e-parent\" data-id=\"d3c6940\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4204f7f elementor-widget elementor-widget-ucaddon_skids\" data-id=\"4204f7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_skids.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n background-color: #c2eaf5;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-eight {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-eight.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-eight.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: transparent;\n padding: 0;\n border: none;\n cursor: pointer;\n transition: none;\n margin: 10px;\n }\n\n \/* Remove hover\/active visual changes entirely *\/\n .nav-button:hover,\n .nav-button:active,\n .nav-button:focus,\n .nav-button:focus-visible {\n background-color: transparent !important;\n outline: none !important;\n box-shadow: none !important;\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n display: block; \/* prevent inline-gap rendering issues *\/\n }\n\n \/* Remove mobile tap highlight and any default focus ring *\/\n .nav-button, .nav-button img { -webkit-tap-highlight-color: transparent; }\n\n .prev-btn, .next-btn {\n background-color: transparent;\n }\n\n #skidsone:hover, #skidstwo:hover {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-eight.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-blue-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-eight active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/skid-3.jpg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-eight active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/skid-3.jpg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/skid-2.png\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/skid-2.png\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-4.jpeg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-4.jpeg\" alt=\"Image 3\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-3.jpeg\" alt=\"Image 4\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-3.jpeg\" alt=\"Image 4\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-2.jpeg\" alt=\"Image 5\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-2.jpeg\" alt=\"Image 5\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-1.jpeg\" alt=\"Image 6\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-1.jpeg\" alt=\"Image 6\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"skidsone\" class=\"nav-button prev-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"skidstwo\" class=\"nav-button next-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Skids<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Isoleren mobiele technische installaties zoals leidingen, pompen, warmtewisselaars voor de olie, gas industrie.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Wij ontwerpen en produceren maatwerk isolatie en plaatwerk volledig in eigen huis. Hierdoor kunnen we onderdelen prefab op exacte maat leveren, wat tijd bespaart op locatie en een perfecte pasvorm garandeert.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij denken van begin tot eind met je mee. Jij geeft aan wat je nodig hebt\u2014bescherming, uitstraling, duurzaamheid\u2014en wij zorgen dat het werkt. Snelle levering, vakkundige montage en altijd een nette afwerking.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">Alle sectoren<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function () {\n function initSlider(container, imageClass) {\n const imgContainer = container.querySelector('.our-services-image-container') || container;\n const images = imgContainer.querySelectorAll('.' + imageClass);\n const prevBtn = imgContainer.querySelector('.prev-btn');\n const nextBtn = imgContainer.querySelector('.next-btn');\n if (!images || images.length === 0) return;\n\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n const idx = ((index % images.length) + images.length) % images.length;\n images.forEach((img) => img.classList.remove('active'));\n images[idx].classList.add('active');\n currentIndex = idx;\n };\n\n const nextSlide = () => showSlide(currentIndex + 1);\n const prevSlide = () => showSlide(currentIndex - 1);\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); startAutoSlide(); });\n if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); startAutoSlide(); });\n\n showSlide(0);\n startAutoSlide();\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n document.querySelectorAll('.our-services-blue-slider-container').forEach((container) => {\n initSlider(container, 'slider-image-eight');\n });\n });\n })();\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Top Bar Bereikbaar +31 (0)10 415 44 36 Maaiveldweg 20, Bergschenhoek Image Slider Warmwater leidingen Waarom het belangrijk is: Onge\u00efsoleerde warmwaterleidingen verliezen snel warmte, wat leidt tot een hoger energieverbruik, meer CO2-uitstoot en stijgende maandelijkse kosten. In grotere installaties kunnen die verliezen flink oplopen. Goede isolatie zorgt ervoor dat de warmte daar aankomt waar […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/comments?post=2249"}],"version-history":[{"count":344,"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249\/revisions"}],"predecessor-version":[{"id":3908,"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249\/revisions\/3908"}],"wp:attachment":[{"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/media?parent=2249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact Top Bar<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .h2i-main-top-bar {\r\n font-family: 'Inter', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n \/* min-height: 100vh; *\/\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n width: 100% !important;\r\n }\r\n\r\n .top-bar-container {\r\n width: 100%;\r\n background-color: #1e2029;\r\n padding-top: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n color: #ffffff;\r\n }\r\n\r\n .content-wrapper {\r\n max-width: 100%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 1rem;\r\n padding-right: 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .info-section {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .info-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: #9ca3af;\r\n }\r\n\r\n .info-text {\r\n color: #ffffff;\r\n font-size: 14px;\r\n font-weight: 400;\r\n font-family: \"Sora-Regular\", sans-serif;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .content-wrapper {\r\n flex-direction: row;\r\n justify-content: center;\r\n gap: 2rem; \/* Corresponds to md:space-x-8 *\/\r\n }\r\n\r\n .info-section {\r\n margin-bottom: 0; \/* Corresponds to md:mb-0 *\/\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .content-wrapper {\r\n gap: 3rem; \/* Corresponds to lg:space-x-12 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"h2i-main-top-bar\">\r\n <div class=\"top-bar-container\">\r\n <div class=\"content-wrapper\">\r\n \r\n \r\n <div class=\"info-section\">\r\n \r\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/mobile-notch-2.png\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/mobile-notch-2.png\" alt=\"\" \/><\/noscript>\r\n <span class=\"info-text\">Bereikbaar +31 (0)10 415 44 36<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"info-section\">\r\n \r\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/mobile.png\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/mobile.png\" alt=\"\" \/><\/noscript>\r\n <span class=\"info-text\">Maaiveldweg 20, Bergschenhoek<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-285d02a elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"285d02a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-c385ca5\" data-id=\"c385ca5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6c5825 elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"c6c5825\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/h2ibv.nl\/pl\">\n\t\t\t<img decoding=\"async\" width=\"224\" height=\"89\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/h2i-logo.svg\" class=\"attachment-full size-full wp-image-1360 lazyload\" alt=\"h2i logo\" \/><noscript><img decoding=\"async\" width=\"224\" height=\"89\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/h2i-logo.svg\" class=\"attachment-full size-full wp-image-1360 lazyload\" alt=\"h2i logo\" \/><\/noscript>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-358b906\" data-id=\"358b906\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c79d186 elementor-nav-menu__align-end elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"c79d186\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"full_width":"stretch","layout":"horizontal","submenu_icon":{"value":"<i class=\\"fas fa-caret-down\\" aria-hidden=\\"true\\"><\\\/i>","library":"fa-solid"},"toggle":"burger"}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-c79d186\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1958\"><a href=\"https:\/\/h2ibv.nl\/pl\/\" class=\"elementor-item\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1959\"><a href=\"https:\/\/h2ibv.nl\/pl\/about-us\/\" class=\"elementor-item\">Over ons<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1982\"><a href=\"https:\/\/h2ibv.nl\/pl\/services-2\/\" class=\"elementor-item\">Diensten<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2082\"><a href=\"https:\/\/h2ibv.nl\/pl\/vacatures\/\" class=\"elementor-item\">Vacatures<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2126\"><a href=\"https:\/\/h2ibv.nl\/pl\/contact-us\/\" class=\"elementor-item\">Contact<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3726\"><a href=\"https:\/\/h2ibv.nl\/pl\/blog\/\" class=\"elementor-item\">Blog<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open eicon-menu-bar\"><\/i><i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close eicon-close\"><\/i>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-c79d186\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1958\"><a href=\"https:\/\/h2ibv.nl\/pl\/\" class=\"elementor-item\" tabindex=\"-1\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1959\"><a href=\"https:\/\/h2ibv.nl\/pl\/about-us\/\" class=\"elementor-item\" tabindex=\"-1\">Over ons<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1982\"><a href=\"https:\/\/h2ibv.nl\/pl\/services-2\/\" class=\"elementor-item\" tabindex=\"-1\">Diensten<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2082\"><a href=\"https:\/\/h2ibv.nl\/pl\/vacatures\/\" class=\"elementor-item\" tabindex=\"-1\">Vacatures<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2126\"><a href=\"https:\/\/h2ibv.nl\/pl\/contact-us\/\" class=\"elementor-item\" tabindex=\"-1\">Contact<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3726\"><a href=\"https:\/\/h2ibv.nl\/pl\/blog\/\" class=\"elementor-item\" tabindex=\"-1\">Blog<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3fd6b79 elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"3fd6b79\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c212867 h2i-language-switcher elementor-widget-laptop__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"c212867\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"trp_language_switcher_shortcode\">\n<div class=\"trp-language-switcher trp-language-switcher-container\" data-no-translation >\n <div class=\"trp-ls-shortcode-current-language\">\n <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"Polski\" onclick=\"event.preventDefault()\">\n\t\t\t<img decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pl_PL.png\" width=\"18\" height=\"12\" alt=\"pl_PL\" title=\"Polski\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pl_PL.png\" width=\"18\" height=\"12\" alt=\"pl_PL\" title=\"Polski\"><\/noscript> Polski\t\t<\/a>\n <\/div>\n <div class=\"trp-ls-shortcode-language\">\n <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"Polski\" onclick=\"event.preventDefault()\">\n\t\t\t<img decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pl_PL.png\" width=\"18\" height=\"12\" alt=\"pl_PL\" title=\"Polski\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pl_PL.png\" width=\"18\" height=\"12\" alt=\"pl_PL\" title=\"Polski\"><\/noscript> Polski\t\t<\/a>\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Nederlands\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/nl_NL.png\" width=\"18\" height=\"12\" alt=\"nl_NL\" title=\"Nederlands\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/nl_NL.png\" width=\"18\" height=\"12\" alt=\"nl_NL\" title=\"Nederlands\"><\/noscript> Nederlands <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"English\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\" width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\" width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"><\/noscript> English <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Deutsch\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/de_DE.png\" width=\"18\" height=\"12\" alt=\"de_DE\" title=\"Deutsch\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/de_DE.png\" width=\"18\" height=\"12\" alt=\"de_DE\" title=\"Deutsch\"><\/noscript> Deutsch <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Fran\u00e7ais\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" width=\"18\" height=\"12\" alt=\"fr_FR\" title=\"Fran\u00e7ais\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" width=\"18\" height=\"12\" alt=\"fr_FR\" title=\"Fran\u00e7ais\"><\/noscript> Fran\u00e7ais <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Espa\u00f1ol\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_ES.png\" width=\"18\" height=\"12\" alt=\"es_ES\" title=\"Espa\u00f1ol\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_ES.png\" width=\"18\" height=\"12\" alt=\"es_ES\" title=\"Espa\u00f1ol\"><\/noscript> Espa\u00f1ol <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Italiano\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/it_IT.png\" width=\"18\" height=\"12\" alt=\"it_IT\" title=\"Italiano\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/it_IT.png\" width=\"18\" height=\"12\" alt=\"it_IT\" title=\"Italiano\"><\/noscript> Italiano <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"\u7b80\u4f53\u4e2d\u6587\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/zh_CN.png\" width=\"18\" height=\"12\" alt=\"zh_CN\" title=\"\u7b80\u4f53\u4e2d\u6587\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/zh_CN.png\" width=\"18\" height=\"12\" alt=\"zh_CN\" title=\"\u7b80\u4f53\u4e2d\u6587\"><\/noscript> \u7b80\u4f53\u4e2d\u6587 <\/a>\n\n <a href=\"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249#TRPLINKPROCESSED\" title=\"Portugu\u00eas\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pt_PT.png\" width=\"18\" height=\"12\" alt=\"pt_PT\" title=\"Portugu\u00eas\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pt_PT.png\" width=\"18\" height=\"12\" alt=\"pt_PT\" title=\"Portugu\u00eas\"><\/noscript> Portugu\u00eas <\/a>\n\n <\/div>\n <script type=\"application\/javascript\">\n \/\/ need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML\n var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');\n if ( trp_ls_shortcodes.length > 0) {\n \/\/ get the last language switcher added\n var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];\n\n var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )\n \/\/ set width\n var trp_ls_shortcode_width = trp_shortcode_language_item.offsetWidth + 16;\n trp_shortcode_language_item.style.width = trp_ls_shortcode_width + 'px';\n trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';\n\n \/\/ We're putting this on display: none after we have its width.\n trp_shortcode_language_item.style.display = 'none';\n }\n <\/script>\n<\/div>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-0bdab77 e-flex e-con-boxed e-con e-parent\" data-id=\"0bdab77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c19a9fb elementor-widget elementor-widget-ucaddon_warm_water\" data-id=\"c19a9fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_warm_water.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Warm Water *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Image Slider<\/title>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-one active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/CV-verwarming-1-1.jpg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-one active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/CV-verwarming-1-1.jpg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-2-1.jpg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-2-1.jpg\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-3-1.jpg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-3-1.jpg\" alt=\"Image 3\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-4-1.jpg\" alt=\"Image 4\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/cv-verwarming-4-1.jpg\" alt=\"Image 4\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Foto-1-1.jpg\" alt=\"Image 5\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Foto-1-1.jpg\" alt=\"Image 5\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/c-head-5.png\" alt=\"Image 6\"><noscript><img decoding=\"async\" class=\"slider-image-one lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/c-head-5.png\" alt=\"Image 6\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnOne\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnOne\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Warmwater leidingen<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Onge\u00efsoleerde warmwaterleidingen verliezen snel warmte, wat leidt tot een hoger energieverbruik, meer CO2-uitstoot en stijgende maandelijkse kosten. In grotere installaties kunnen die verliezen flink oplopen. Goede isolatie zorgt ervoor dat de warmte daar aankomt waar ze nodig is\u2014zonder verspilling.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i expertise:<\/span><br>\n Wij werken zowel aan nieuwe als bestaande leidingsystemen. Of de installatie nu eenvoudig of complex is, wij weten welke materialen het beste presteren op het gebied van warmtebehoud, duurzaamheid en een nette afwerking. Je krijgt betrouwbare resultaten en langdurige energiebesparing\u2014\u00e9\u00e9n keer goed gedaan.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">Sectorein<\/span>\n <span class=\"our-services-tag\">utiliteitsbouw<\/span>\n <span class=\"our-services-tag\">nutsvoorzieningen<\/span>\n <span class=\"our-services-tag\">industri\u00eble installaties<\/span>\n <span class=\"our-services-tag\">schepen<\/span>\n <span class=\"our-services-tag\">raffinaderijen<\/span>\n <span class=\"our-services-tag\">voedselproductie<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-one');\n const prevBtnOne = document.getElementById('prevBtnOne');\n const nextBtnOne = document.getElementById('nextBtnOne');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnOne.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnOne.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bb25cf e-flex e-con-boxed e-con e-parent\" data-id=\"4bb25cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d2dafa elementor-widget elementor-widget-ucaddon_Warmte_opslagtanks\" data-id=\"6d2dafa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_Warmte_opslagtanks.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Warmte-opslagtanks *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<head>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n background-color: #c2eaf5;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-two {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-two.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-two.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnTwo, #nextBtnTwo {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-two.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-blue-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-two active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/foto-5.jpg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-two active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/foto-5.jpg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Tank-1.jpg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Tank-1.jpg\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/tank-2.jpg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/tank-2.jpg\" alt=\"Image 3\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/tank-3.jpg\" alt=\"Image 4\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/tank-3.jpg\" alt=\"Image 4\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/wamte-2.jpeg\" alt=\"Image 5\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/wamte-2.jpeg\" alt=\"Image 5\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/wamte-1.jpeg\" alt=\"Image 6\"><noscript><img decoding=\"async\" class=\"slider-image-two lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/wamte-1.jpeg\" alt=\"Image 6\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnTwo\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnTwo\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Warmte-opslagtanks<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Opslagtanks bevatten warm water, stoom of procesvloeistoffen. Zonder isolatie ontsnapt er enorm veel thermische energie. Hierdoor moeten systemen voortdurend opnieuw opwarmen\u2014dat kost tijd, geld en energie.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Het isoleren van tanks vermindert warmteverlies, stabiliseert de temperatuur, voorkomt oppervlaktecondensatie en beschermt de buitenwand van de tank. Daarnaast helpt het bij het voldoen aan regelgeving in veel sectoren.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij isoleren tanks in alle vormen en maten, zowel ter plaatse als met prefab materiaal. Onze isolatie is bestand tegen alle weersomstandigheden, ziet er strak uit en verhoogt de effici\u00ebntie van het hele systeem.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">stadsverwarming<\/span>\n <span class=\"our-services-tag\">olie & gas<\/span>\n <span class=\"our-services-tag\">chemische opslag<\/span>\n <span class=\"our-services-tag\">biomassacentrales<\/span>\n <span class=\"our-services-tag\">landbouw<\/span>\n <span class=\"our-services-tag\">grootschalige HVAC-systemen<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-two');\n const prevBtnTwo = document.getElementById('prevBtnTwo');\n const nextBtnTwo = document.getElementById('nextBtnTwo');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnTwo.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnTwo.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20b2dd7 e-flex e-con-boxed e-con e-parent\" data-id=\"20b2dd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae682ef elementor-widget elementor-widget-ucaddon_kettles\" data-id=\"ae682ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_kettles.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: kettles *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-three {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-three.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-three.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnThree, #nextBtnThree {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-three.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-three active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/ketel-1.jpg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-three active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/ketel-1.jpg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-three lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/IMG_4030.jpg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-three lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/IMG_4030.jpg\" alt=\"Image 2\"><\/noscript>\n\n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnThree\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnThree\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Ketels<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Boilers produceren warmte onder druk. Slechte isolatie leidt niet alleen tot energieverlies, maar verhoogt ook de oppervlaktetemperaturen\u2014wat gevaarlijk is voor personeel op locatie.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Goede isolatie houdt de warmte binnen het boilersysteem, verhoogt de effici\u00ebntie, verlaagt het brandstofverbruik en verbetert de veiligheid. Daarnaast verlengt het de levensduur van de boiler.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij hebben boilers over de hele wereld ge\u00efsoleerd. Van compacte eenheden tot complexe stoomsystemen\u2014wij zorgen ervoor dat je boiler veilig, effici\u00ebnt en professioneel afgewerkt is. Geen rommel, geen herstelwerk.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">energieopwekking<\/span>\n <span class=\"our-services-tag\">ziekenhuizen<\/span>\n <span class=\"our-services-tag\">voedingsmiddelenindustrie<\/span>\n <span class=\"our-services-tag\">chemische industrie<\/span>\n <span class=\"our-services-tag\">scheepvaart<\/span>\n <span class=\"our-services-tag\">warmtenetten<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-three');\n const prevBtnThree = document.getElementById('prevBtnThree');\n const nextBtnThree = document.getElementById('nextBtnThree');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnThree.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnThree.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14676bc e-flex e-con-boxed e-con e-parent\" data-id=\"14676bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04a631b elementor-widget elementor-widget-ucaddon_koelleidingen\" data-id=\"04a631b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_koelleidingen.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Koelleidingen *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<head>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n background-color: #c2eaf5;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-four {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-four.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-four.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnFour, #nextBtnFour {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-four.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-blue-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-four active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-3.jpeg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-four active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-3.jpeg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-four lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-2.jpeg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-four lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-2.jpeg\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-four lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-1.jpeg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-four lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/koello-1.jpeg\" alt=\"Image 3\"><\/noscript>\n\n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnFour\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnFour\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Koelleidingen<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Boilers produceren warmte onder druk. Slechte isolatie leidt niet alleen tot energieverlies, maar verhoogt ook de oppervlaktetemperaturen\u2014wat gevaarlijk is voor personeel op locatie.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Goede isolatie voorkomt vochtophoping, houdt de koeling stabiel en beschermt de omliggende infrastructuur. Daarnaast helpt het energiepieken en dure reparaties te voorkomen.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij isoleren zowel nieuwe als verouderde koelsystemen. Ons team weet precies welke materialen en technieken condens tegengaan, temperatuurschommelingen weerstaan \u00e9n er netjes uitzien\u2014ook op zichtbare plaatsen.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">koelopslag<\/span>\n <span class=\"our-services-tag\">airconditioningsystemen<\/span>\n <span class=\"our-services-tag\">datacenters<\/span>\n <span class=\"our-services-tag\">dranken- & zuivelindustrie<\/span>\n <span class=\"our-services-tag\">chemische koelinstallaties<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-four');\n const prevBtnFour = document.getElementById('prevBtnFour');\n const nextBtnFour = document.getElementById('nextBtnFour');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnFour.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnFour.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-890e2b7 e-flex e-con-boxed e-con e-parent\" data-id=\"890e2b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc87b13 elementor-widget elementor-widget-ucaddon_brandwerende_doorvoeren\" data-id=\"dc87b13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_brandwerende_doorvoeren.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Brandwerende doorvoeren *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Image Slider<\/title>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-five {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-five.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-five.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnFive, #nextBtnFive {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-five.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-five active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-1.svg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-five active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-1.svg\" alt=\"Image 1\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"prevBtnFive\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"nextBtnFive\" class=\"nav-button\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Brandwerende doorvoeren<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Brandwerende doorvoeren zijn cruciaal voor het behouden van de brandcompartimentering binnen een gebouw.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Brandwerende doorvoeringen sluiten openingen af en voorkomen dat vuur zich verspreidt. Ze zijn essentieel voor veiligheid en wetgeving, en kunnen het verschil maken tussen een beheersbare situatie en een ramp.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij werken volgens de nieuwste brandwerende normen en leveren bij elk project de juiste documentatie. Onze oplossingen zijn netjes afgewerkt, volledig gecertificeerd en duurzaam\u2014zonder compromissen.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">kantoorgebouwen<\/span>\n <span class=\"our-services-tag\">datacenters<\/span>\n <span class=\"our-services-tag\">tunnels<\/span>\n <span class=\"our-services-tag\">olie- & gasplatforms<\/span>\n <span class=\"our-services-tag\">commerci\u00eble en residenti\u00eble bouw<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const images = document.querySelectorAll('.slider-image-five');\n const prevBtnFive = document.getElementById('prevBtnFive');\n const nextBtnFive = document.getElementById('nextBtnFive');\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n images.forEach((img, i) => {\n img.classList.remove('active');\n });\n images[index].classList.add('active');\n };\n\n const nextSlide = () => {\n currentIndex = (currentIndex + 1) % images.length;\n showSlide(currentIndex);\n };\n\n const prevSlide = () => {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showSlide(currentIndex);\n };\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n \/\/ Manual controls\n nextBtnFive.addEventListener('click', () => {\n nextSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n prevBtnFive.addEventListener('click', () => {\n prevSlide();\n startAutoSlide(); \/\/ Reset timer on manual interaction\n });\n\n \/\/ Start initial automatic sliding\n showSlide(currentIndex);\n startAutoSlide();\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d1182a e-flex e-con-boxed e-con e-parent\" data-id=\"8d1182a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1ef602 elementor-widget elementor-widget-ucaddon_rookgasafvoeren\" data-id=\"f1ef602\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_rookgasafvoeren.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<style>\/* widget: Rookgasafvoeren *\/\n\n\/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-one {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-one.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0.75rem; \/* p-3 *\/\n border-radius: 9999px; \/* full *\/\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n #prevBtnOne, #nextBtnOne {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-one.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n width: 60%;\n padding: 0 40px;\n }\n\n .our-services-main-heading {\n font-size: 32px;\n font-weight: 600;\n line-height: 1;\n text-wrap: wrap;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 10px;\n }\n }\n\n<\/style>\n\n<head>\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n background-color: #c2eaf5;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-six {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-six.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-six.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: rgba(0, 0, 0, 0.5);\n padding: 0;\n border: none;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n margin: 10px;\n }\n\n .nav-button:hover {\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n }\n\n .prev-btn, .next-btn {\n background-color: transparent;\n }\n\n .prev-btn:hover, .next-btn:hover {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-six.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-blue-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-six active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-2.svg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-six active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-2.svg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-1.jpeg\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-1.jpeg\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-2.jpeg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-2.jpeg\" alt=\"Image 3\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-3.jpeg\" alt=\"Image 4\"><noscript><img decoding=\"async\" class=\"slider-image-six lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/rookgas-3.jpeg\" alt=\"Image 4\"><\/noscript>\n\n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button class=\"nav-button prev-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button class=\"nav-button next-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Rookgasafvoeren<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Het isoleren van een rookgasafvoer is belangrijk voor zowel veiligheid, energie-effici\u00ebntie, als duurzaamheid van het systeem.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Isolatie houdt de gassen op de juiste temperatuur, voorkomt zuren en verbetert de warmteoverdracht. Het beschermt ook de kanalen en omliggende oppervlakken.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij kennen de uitdagingen van deze systemen\u2014hoge temperaturen, chemische belasting en blootstelling aan buitenomstandigheden. Onze isolatie is degelijk getest, functioneel en bestand tegen langdurig gebruik.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">industri\u00eble ovens<\/span>\n <span class=\"our-services-tag\">biomassacentrales<\/span>\n <span class=\"our-services-tag\">WKK-installaties<\/span>\n <span class=\"our-services-tag\">stookruimtes<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function () {\n function initSlider(container, imageClass) {\n const imgContainer = container.querySelector('.our-services-image-container') || container;\n const images = imgContainer.querySelectorAll('.' + imageClass);\n const prevBtn = imgContainer.querySelector('.prev-btn');\n const nextBtn = imgContainer.querySelector('.next-btn');\n if (!images || images.length === 0) return;\n\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n const idx = ((index % images.length) + images.length) % images.length;\n images.forEach((img) => img.classList.remove('active'));\n images[idx].classList.add('active');\n currentIndex = idx;\n };\n\n const nextSlide = () => showSlide(currentIndex + 1);\n const prevSlide = () => showSlide(currentIndex - 1);\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); startAutoSlide(); });\n if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); startAutoSlide(); });\n\n showSlide(0);\n startAutoSlide();\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n document.querySelectorAll('.our-services-blue-slider-container').forEach((container) => {\n initSlider(container, 'slider-image-six');\n });\n });\n })();\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47da493 e-flex e-con-boxed e-con e-parent\" data-id=\"47da493\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1289048 elementor-widget elementor-widget-ucaddon_akoestische_isolatie\" data-id=\"1289048\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_akoestische_isolatie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-seven {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-seven.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-seven.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: #ffffff; \/* keep button solid white to hide underlying graphics *\/\n padding: 0.5rem;\n border: none;\n cursor: pointer;\n transition: none;\n margin: 10px;\n border-radius: 6px;\n box-shadow: 0 1px 4px rgba(0,0,0,0.06);\n }\n\n .nav-button:hover,\n .nav-button:active,\n .nav-button:focus,\n .nav-button:focus-visible {\n background-color: #ffffff !important;\n outline: none !important;\n box-shadow: 0 1px 6px rgba(0,0,0,0.08) !important;\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n display: block;\n }\n\n .prev-btn, .next-btn {\n background-color: transparent;\n }\n\n .nav-button, .nav-button img { -webkit-tap-highlight-color: transparent; }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-slider-container {\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-seven.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-seven active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-3.svg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-seven active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/Frame-20-3.svg\" alt=\"Image 1\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button class=\"nav-button prev-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button class=\"nav-button next-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Akoestische isolatie<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Het verminderen van geluidsoverdracht tussen ruimtes om hinder of verstoring te voorkomen. Overige wensen.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Akoestische isolatie vermindert mechanisch geluid, galm en trillingsoverdracht. Het verbetert de werkomgeving en houdt gevoelige ruimtes\u2014zoals kantoren of laboratoria\u2014stil.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij brengen niet zomaar wat schuim aan. We ontwikkelen doordachte akoestische oplossingen met de juiste materialen\u2014vooral in lawaaierige of trillingsgevoelige omgevingen. Strak afgewerkt, doeltreffend en functioneel.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">kantoren<\/span>\n <span class=\"our-services-tag\">productiehallen<\/span>\n <span class=\"our-services-tag\">utiliteitsgebouwen<\/span>\n <span class=\"our-services-tag\">ziekenhuizen<\/span>\n <span class=\"our-services-tag\">scholen<\/span>\n <span class=\"our-services-tag\">machinekamers<\/span>\n <span class=\"our-services-tag\">HVAC-installaties<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function () {\n function initSlider(container, imageClass) {\n const imgContainer = container.querySelector('.our-services-image-container') || container;\n const images = imgContainer.querySelectorAll('.' + imageClass);\n const prevBtn = imgContainer.querySelector('.prev-btn');\n const nextBtn = imgContainer.querySelector('.next-btn');\n if (!images || images.length === 0) return;\n\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n const idx = ((index % images.length) + images.length) % images.length;\n images.forEach((img) => img.classList.remove('active'));\n images[idx].classList.add('active');\n currentIndex = idx;\n };\n\n const nextSlide = () => showSlide(currentIndex + 1);\n const prevSlide = () => showSlide(currentIndex - 1);\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); startAutoSlide(); });\n if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); startAutoSlide(); });\n\n showSlide(0);\n startAutoSlide();\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n document.querySelectorAll('.our-services-slider-container').forEach((container) => {\n initSlider(container, 'slider-image-seven');\n });\n });\n })();\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3c6940 e-flex e-con-boxed e-con e-parent\" data-id=\"d3c6940\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4204f7f elementor-widget elementor-widget-ucaddon_skids\" data-id=\"4204f7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_skids.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n \/* General Styles *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap');\n\n body {\n font-family: 'Sora', sans-serif;\n }\n\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n background-color: #c2eaf5;\n }\n\n \/* Image and Slider Styles *\/\n .our-services-image-container {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n }\n\n .slider-image-eight {\n display: none;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease-in-out;\n }\n\n .slider-image-eight.active {\n display: block;\n opacity: 1;\n min-height: 300px;\n }\n\n .slider-image-eight.inactive {\n opacity: 0;\n }\n\n \/* Navigation Button Styles *\/\n .our-services-nav-buttons {\n position: absolute;\n bottom: 2rem;\n display: flex;\n gap: 0.5rem;\n width: 100%;\n }\n\n .nav-buttons-wrapper {\n display: flex;\n justify-content: center;\n gap: 0;\n width: 100%;\n }\n\n .nav-button {\n background-color: transparent;\n padding: 0;\n border: none;\n cursor: pointer;\n transition: none;\n margin: 10px;\n }\n\n \/* Remove hover\/active visual changes entirely *\/\n .nav-button:hover,\n .nav-button:active,\n .nav-button:focus,\n .nav-button:focus-visible {\n background-color: transparent !important;\n outline: none !important;\n box-shadow: none !important;\n }\n\n .nav-icon {\n width: 1.5rem;\n height: 1.5rem;\n color: white;\n display: block; \/* prevent inline-gap rendering issues *\/\n }\n\n \/* Remove mobile tap highlight and any default focus ring *\/\n .nav-button, .nav-button img { -webkit-tap-highlight-color: transparent; }\n\n .prev-btn, .next-btn {\n background-color: transparent;\n }\n\n #skidsone:hover, #skidstwo:hover {\n background-color: transparent;\n }\n\n \/* Text Content Styles *\/\n .our-services-text-content {\n width: 100%;\n \/* padding: 40px 32px 40px 32px; *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 40px 32px 40px 32px; \n }\n\n .our-services-content-item.hidden {\n display: none;\n }\n\n .our-services-main-heading {\n color: #eb0046;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n position: relative;\n flex: 1;\n }\n\n .our-services-sub-heading {\n color: #1c2340;\n font-family: \"Sora\", sans-serif;\n text-align: left;\n font-family: \"-\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-sub-heading span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-description {\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 16px;\n line-height: 26px;\n font-weight: 400;\n position: relative;\n align-self: stretch;\n }\n\n .our-services-description span {\n font-family: \"Sora\", sans-serif;\n font-weight: 700;\n }\n\n .our-services-sector {\n color: #f97a00;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n .our-services-tags-container {\n padding: 12px 18px 12px 0px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n }\n\n .our-services-tag {\n border: 1px solid #a0aec0;\n border-radius: 9999px;\n padding: 0.25rem 0.75rem;\n color: #1c2340;\n text-align: left;\n font-family: \"Sora\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n position: relative;\n }\n\n @media (min-width: 920px) {\n .our-services-blue-slider-container {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n border-radius: 11px;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);\n overflow: hidden;\n min-height: 500px;\n }\n\n .our-services-image-container {\n width: 40%;\n height: auto;\n }\n\n .slider-image-eight.active {\n display: block;\n opacity: 1;\n min-height: 650px;\n }\n\n .our-services-text-content {\n padding: 4rem; \/* lg:p-16 *\/\n width: 60%;\n padding: 0 100px;\n }\n\n .our-services-main-heading {\n font-size: 3rem; \/* 5xl *\/\n line-height: 1;\n }\n\n .our-services-content-slider {\n overflow: hidden;\n padding: 0px; \n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"our-services-blue-slider-container\">\n \n <div class=\"our-services-image-container\">\n <img decoding=\"async\" class=\"slider-image-eight active lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/skid-3.jpg\" alt=\"Image 1\"><noscript><img decoding=\"async\" class=\"slider-image-eight active lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/skid-3.jpg\" alt=\"Image 1\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/skid-2.png\" alt=\"Image 2\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/08\/skid-2.png\" alt=\"Image 2\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-4.jpeg\" alt=\"Image 3\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-4.jpeg\" alt=\"Image 3\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-3.jpeg\" alt=\"Image 4\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-3.jpeg\" alt=\"Image 4\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-2.jpeg\" alt=\"Image 5\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-2.jpeg\" alt=\"Image 5\"><\/noscript>\n <img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-1.jpeg\" alt=\"Image 6\"><noscript><img decoding=\"async\" class=\"slider-image-eight lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/10\/skid-1.jpeg\" alt=\"Image 6\"><\/noscript>\n \n \n <div class=\"our-services-nav-buttons\">\n <div class=\"nav-buttons-wrapper\">\n <button id=\"skidsone\" class=\"nav-button prev-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-9.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <button id=\"skidstwo\" class=\"nav-button next-btn\">\n <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/h2ibv.nl\/wp-content\/uploads\/2025\/09\/Group-19.png\" alt=\"icon\"><\/noscript>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"our-services-text-content\">\n <div id=\"content-slider\" class=\"our-services-content-slider\">\n \n <div class=\"our-services-content-item\">\n <h2 class=\"our-services-main-heading\">Skids<\/h2>\n <p class=\"our-services-sub-heading\">\n <span>Waarom het belangrijk is:<\/span><br>\n Isoleren mobiele technische installaties zoals leidingen, pompen, warmtewisselaars voor de olie, gas industrie.\n <\/p>\n <p class=\"our-services-description\">\n <span>Voordelen:<\/span><br>\n Wij ontwerpen en produceren maatwerk isolatie en plaatwerk volledig in eigen huis. Hierdoor kunnen we onderdelen prefab op exacte maat leveren, wat tijd bespaart op locatie en een perfecte pasvorm garandeert.\n <\/p>\n <p class=\"our-services-description\">\n <span>H2i-expertise:<\/span><br>\n Wij denken van begin tot eind met je mee. Jij geeft aan wat je nodig hebt\u2014bescherming, uitstraling, duurzaamheid\u2014en wij zorgen dat het werkt. Snelle levering, vakkundige montage en altijd een nette afwerking.\n <\/p>\n <div class=\"our-services-sector\">Sectoren:<\/div>\n <div class=\"our-services-tags-container\">\n <span class=\"our-services-tag\">Alle sectoren<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n (function () {\n function initSlider(container, imageClass) {\n const imgContainer = container.querySelector('.our-services-image-container') || container;\n const images = imgContainer.querySelectorAll('.' + imageClass);\n const prevBtn = imgContainer.querySelector('.prev-btn');\n const nextBtn = imgContainer.querySelector('.next-btn');\n if (!images || images.length === 0) return;\n\n let currentIndex = 0;\n let slideInterval;\n\n const showSlide = (index) => {\n const idx = ((index % images.length) + images.length) % images.length;\n images.forEach((img) => img.classList.remove('active'));\n images[idx].classList.add('active');\n currentIndex = idx;\n };\n\n const nextSlide = () => showSlide(currentIndex + 1);\n const prevSlide = () => showSlide(currentIndex - 1);\n\n const startAutoSlide = () => {\n clearInterval(slideInterval);\n slideInterval = setInterval(nextSlide, 5000);\n };\n\n if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); startAutoSlide(); });\n if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); startAutoSlide(); });\n\n showSlide(0);\n startAutoSlide();\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n document.querySelectorAll('.our-services-blue-slider-container').forEach((container) => {\n initSlider(container, 'slider-image-eight');\n });\n });\n })();\n <\/script>\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Top Bar Bereikbaar +31 (0)10 415 44 36 Maaiveldweg 20, Bergschenhoek Image Slider Warmwater leidingen Waarom het belangrijk is: Onge\u00efsoleerde warmwaterleidingen verliezen snel warmte, wat leidt tot een hoger energieverbruik, meer CO2-uitstoot en stijgende maandelijkse kosten. In grotere installaties kunnen die verliezen flink oplopen. Goede isolatie zorgt ervoor dat de warmte daar aankomt waar […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/comments?post=2249"}],"version-history":[{"count":344,"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249\/revisions"}],"predecessor-version":[{"id":3908,"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/pages\/2249\/revisions\/3908"}],"wp:attachment":[{"href":"https:\/\/h2ibv.nl\/pl\/wp-json\/wp\/v2\/media?parent=2249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}