{"id":4267,"date":"2026-01-20T13:07:06","date_gmt":"2026-01-20T13:07:06","guid":{"rendered":"https:\/\/calda.digitalwise-hq.gr\/variotherm\/"},"modified":"2026-03-20T11:21:31","modified_gmt":"2026-03-20T11:21:31","slug":"variotherm","status":"publish","type":"page","link":"https:\/\/calda.digitalwise-hq.gr\/en\/variotherm\/","title":{"rendered":"VARIOTHERM"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Heating. Cooling. Comfort. For a lifetime.<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\">Variotherm is an Austrian company with more than 45 years of experience in designing and manufacturing innovative surface heating and cooling solutions. It specializes in solutions for floors, walls, and ceilings, combining comfort, energy efficiency, and modern aesthetics. <\/p>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The company places strong emphasis on sustainability, the use of natural materials, and compatibility with renewable energy sources. All products are designed and manufactured in Austria to the highest quality standards, environmentally friendly and user-oriented. Production complies with the strictest certifications (CE, ISO), and the company has been awarded numerous distinctions for quality and innovation.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The values it represents and which guide every action with respect for people include professionalism, passion and consistency, specialization and uniqueness, exceptional expertise, and strong support for its partners, offering fast, reliable, and high-quality solutions.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-1-1024x576.png\" alt=\"\" class=\"wp-image-3577\" srcset=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-1-1024x576.png 1024w, https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-1-300x169.png 300w, https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-1-768x432.png 768w, https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-1-1536x864.png 1536w, https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-1-600x338.png 600w, https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n    <div class=\"image-gallery-carousel-wrapper py-12\">\n        <div class=\"relative\">\n            <!-- Swiper Container -->\n            <div class=\"swiper image-carousel-6a764ea394bd9\">\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                            <div class=\"relative overflow-hidden rounded-md aspect-[4\/3] cursor-zoom-in\"\n                                 data-lightbox-id=\"image-carousel-6a764ea394bd9\"\n                                 data-lightbox-index=\"0\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-2-1024x694.png\" \n                                     alt=\"\" \n                                     class=\"absolute inset-0 w-full h-full object-cover\"\n                                     loading=\"lazy\">\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <div class=\"relative overflow-hidden rounded-md aspect-[4\/3] cursor-zoom-in\"\n                                 data-lightbox-id=\"image-carousel-6a764ea394bd9\"\n                                 data-lightbox-index=\"1\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-3-1024x685.png\" \n                                     alt=\"\" \n                                     class=\"absolute inset-0 w-full h-full object-cover\"\n                                     loading=\"lazy\">\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <div class=\"relative overflow-hidden rounded-md aspect-[4\/3] cursor-zoom-in\"\n                                 data-lightbox-id=\"image-carousel-6a764ea394bd9\"\n                                 data-lightbox-index=\"2\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/02\/variotherm-4-1024x961.png\" \n                                     alt=\"\" \n                                     class=\"absolute inset-0 w-full h-full object-cover\"\n                                     loading=\"lazy\">\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <!-- Progress Bar and Navigation Container -->\n                <div class=\"mt-6\">\n                    <!-- Progress Bar (Full Width) -->\n                                            <div class=\"swiper-pagination image-carousel-6a764ea394bd9-pagination !relative !left-0 !bottom-0 !w-full mb-4\"><\/div>\n                    \n                    <!-- Navigation Arrows (Right) -->\n                                            <div class=\"flex items-center justify-end gap-3 px-4\">\n                            <button class=\"swiper-button-prev image-carousel-6a764ea394bd9-prev !relative !left-0 !right-0 !top-0 !mt-0 max-w-[30px]\" aria-label=\"Previous slide\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/themes\/whytheme-main\/assets\/images\/icons\/Arrow-left.svg\" alt=\"Previous\" class=\"w-full h-full\">\n                            <\/button>\n                            <button class=\"swiper-button-next image-carousel-6a764ea394bd9-next !relative !left-0 !right-0 !top-0 !mt-0 max-w-[30px]\" aria-label=\"Next slide\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/themes\/whytheme-main\/assets\/images\/icons\/Arrow-right.svg\" alt=\"Next\" class=\"w-full h-full\">\n                            <\/button>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Lightbox -->\n    <div id=\"image-carousel-6a764ea394bd9-lightbox\"\n         class=\"fixed inset-0 z-[9999] bg-black\/90 hidden items-center justify-center\"\n         role=\"dialog\" aria-modal=\"true\">\n        <!-- Close -->\n        <button class=\"image-carousel-6a764ea394bd9-lb-close absolute top-4 right-4 text-white hover:text-gray-300 transition-colors z-10\" aria-label=\"Close\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <path stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M6 6l12 12M18 6L6 18\"\/>\n            <\/svg>\n        <\/button>\n        <!-- Prev -->\n        <button class=\"image-carousel-6a764ea394bd9-lb-prev absolute left-4 top-1\/2 -translate-y-1\/2 text-white hover:text-gray-300 transition-colors z-10\" aria-label=\"Previous\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <path stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\"\/>\n            <\/svg>\n        <\/button>\n        <!-- Image -->\n        <img decoding=\"async\" class=\"image-carousel-6a764ea394bd9-lb-img max-h-[90vh] max-w-[90vw] object-contain select-none\" src=\"\" alt=\"\">\n        <!-- Next -->\n        <button class=\"image-carousel-6a764ea394bd9-lb-next absolute right-4 top-1\/2 -translate-y-1\/2 text-white hover:text-gray-300 transition-colors z-10\" aria-label=\"Next\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <path stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\"\/>\n            <\/svg>\n        <\/button>\n    <\/div>\n\n    <script>\n        (function() {\n            var lbImages = [{\"full\":\"https:\\\/\\\/calda.digitalwise-hq.gr\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/variotherm-2-scaled.png\",\"alt\":\"\"},{\"full\":\"https:\\\/\\\/calda.digitalwise-hq.gr\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/variotherm-3-scaled.png\",\"alt\":\"\"},{\"full\":\"https:\\\/\\\/calda.digitalwise-hq.gr\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/variotherm-4-scaled.png\",\"alt\":\"\"}];\n            var lbId     = 'image-carousel-6a764ea394bd9';\n            var lbEl     = document.getElementById(lbId + '-lightbox');\n            var lbImg    = lbEl.querySelector('.' + lbId + '-lb-img');\n            var current  = 0;\n\n            function lbShow(index) {\n                current = (index + lbImages.length) % lbImages.length;\n                lbImg.src = lbImages[current].full;\n                lbImg.alt = lbImages[current].alt;\n                lbEl.classList.remove('hidden');\n                lbEl.classList.add('flex');\n                document.body.style.overflow = 'hidden';\n            }\n\n            function lbClose() {\n                lbEl.classList.add('hidden');\n                lbEl.classList.remove('flex');\n                document.body.style.overflow = '';\n                lbImg.src = '';\n            }\n\n            \/\/ Open on slide click\n            document.querySelectorAll('[data-lightbox-id=\"' + lbId + '\"]').forEach(function(el) {\n                el.addEventListener('click', function() {\n                    lbShow(parseInt(this.dataset.lightboxIndex, 10));\n                });\n            });\n\n            \/\/ Close button\n            lbEl.querySelector('.' + lbId + '-lb-close').addEventListener('click', lbClose);\n\n            \/\/ Prev \/ Next\n            lbEl.querySelector('.' + lbId + '-lb-prev').addEventListener('click', function() { lbShow(current - 1); });\n            lbEl.querySelector('.' + lbId + '-lb-next').addEventListener('click', function() { lbShow(current + 1); });\n\n            \/\/ Click backdrop to close\n            lbEl.addEventListener('click', function(e) { if (e.target === lbEl) lbClose(); });\n\n            \/\/ Keyboard\n            document.addEventListener('keydown', function(e) {\n                if (lbEl.classList.contains('hidden')) return;\n                if (e.key === 'Escape')     lbClose();\n                if (e.key === 'ArrowLeft')  lbShow(current - 1);\n                if (e.key === 'ArrowRight') lbShow(current + 1);\n            });\n\n            \/\/ Touch swipe\n            var touchStartX = 0;\n            var touchStartY = 0;\n            lbEl.addEventListener('touchstart', function(e) {\n                touchStartX = e.touches[0].clientX;\n                touchStartY = e.touches[0].clientY;\n            }, { passive: true });\n            lbEl.addEventListener('touchend', function(e) {\n                var dx = e.changedTouches[0].clientX - touchStartX;\n                var dy = e.changedTouches[0].clientY - touchStartY;\n                if (Math.abs(dx) < 30 || Math.abs(dy) > Math.abs(dx)) return;\n                if (dx < 0) lbShow(current + 1);\n                else        lbShow(current - 1);\n            }, { passive: true });\n        })();\n    <\/script>\n\n    <style>\n        .image-carousel-6a764ea394bd9 .swiper-button-prev,\n        .image-carousel-6a764ea394bd9 .swiper-button-next {\n            background: transparent;\n            width: 40px;\n            height: 40px;\n            border-radius: 0;\n            box-shadow: none;\n            transition: opacity 0.3s;\n            border: none;\n            cursor: pointer;\n            padding: 0;\n        }\n\n        .image-carousel-6a764ea394bd9 .swiper-button-prev:hover,\n        .image-carousel-6a764ea394bd9 .swiper-button-next:hover {\n            opacity: 0.7;\n        }\n\n        .image-carousel-6a764ea394bd9 .swiper-button-prev:after,\n        .image-carousel-6a764ea394bd9 .swiper-button-next:after {\n            content: '';\n            display: none;\n        }\n\n        .image-carousel-6a764ea394bd9-pagination {\n            text-align: left !important;\n        }\n\n        \/* Progress bar: visual track (5px) centered, fill (8px) taller and rounded *\/\n        .image-carousel-6a764ea394bd9 .swiper-pagination-progressbar {\n            background: #e5e7eb;\n            height: 5px; \/* track height *\/\n            border-radius: 5px; \/* small rounded track *\/\n            position: relative;\n            overflow-y: visible;\n        }\n\n        .image-carousel-6a764ea394bd9 .swiper-pagination-progressbar-fill {\n            background: #1f2937;\n            height: 8px; \/* visible fill height *\/\n            border-radius: 8px; \/* keep fill rounded *\/\n            display: block;\n            margin-top: -2.5px; \/* center 8px fill inside 5px track ((5-8)\/2 = -1.5 or -2.5 depending on rendering) *\/\n            transform-origin: left center; \/* ensure progress expands from left *\/\n        }\n    <\/style>\n\n    <script>\n        \/* eslint-disable *\/ \/\/ @ts-nocheck\n        (function() {\n            function initSwiper_image_carousel_6a764ea394bd9() {\n                if (typeof Swiper === 'undefined') {\n                    setTimeout(initSwiper_image_carousel_6a764ea394bd9, 100);\n                    return;\n                }\n                new Swiper('.image-carousel-6a764ea394bd9', {\n                slidesPerView: 1,\n                spaceBetween: 16,\n                loop: false,\n                observer: true,\n                observeParents: true,\n                                autoplay: {\n                    delay: 5000,\n                    disableOnInteraction: false,\n                    pauseOnMouseEnter: true,\n                },\n                                navigation: {\n                    nextEl: '.image-carousel-6a764ea394bd9-next',\n                    prevEl: '.image-carousel-6a764ea394bd9-prev',\n                },\n                pagination: {\n                    el: '.image-carousel-6a764ea394bd9-pagination',\n                    type: 'progressbar',\n                },\n                breakpoints: {\n                    640: {\n                        slidesPerView: 2,\n                        spaceBetween: 16,\n                    },\n                    768: {\n                        slidesPerView: 3,\n                        spaceBetween: 16,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 16,\n                    },\n                },\n            });\n        }\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initSwiper_image_carousel_6a764ea394bd9);\n        } else {\n            initSwiper_image_carousel_6a764ea394bd9();\n        }\n        })();\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Heating. Cooling. Comfort. For a lifetime. Variotherm is an Austrian company with more than 45 years of experience in designing and manufacturing innovative surface heating and cooling solutions. It specializes in solutions for floors, walls, and ceilings, combining comfort, energy efficiency, and modern aesthetics. The company places strong emphasis on sustainability, the use of natural [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":4268,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-brand.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4267","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/pages\/4267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/comments?post=4267"}],"version-history":[{"count":3,"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/pages\/4267\/revisions"}],"predecessor-version":[{"id":5186,"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/pages\/4267\/revisions\/5186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/media\/4268"}],"wp:attachment":[{"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/media?parent=4267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}