{"id":1210,"date":"2026-08-04T15:14:37","date_gmt":"2026-08-04T15:14:37","guid":{"rendered":"https:\/\/hidrokomplex.hu\/?page_id=1210"},"modified":"2026-08-04T15:14:38","modified_gmt":"2026-08-04T15:14:38","slug":"regionalis-vizellato-rendszerek","status":"publish","type":"page","link":"https:\/\/hidrokomplex.hu\/de\/regionalis-vizellato-rendszerek\/","title":{"rendered":"Regionale Wasserversorgungssysteme"},"content":{"rendered":"\n<div>\n    <div class=\"ref-projects-wrapper\">\n\n        <div class=\"ref-projects-grid ref-columns-2\">\n\n            \n                <div class=\"ref-empty\">\n                    Jelenleg nincs megjelen\u00edthet\u0151 referenciamunk\u00e1nk ebben a kateg\u00f3ri\u00e1ban.\n                <\/div>\n\n            \n        <\/div>\n\n        \n    <\/div>\n\n    <style>\n\n        .ref-projects-grid {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 16px;\n            width: 100%;\n            align-items: stretch;\n        }\n\n        .ref-columns-1 {\n            grid-template-columns: 1fr;\n        }\n\n        .ref-columns-2 {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .ref-project-card {\n            position: relative;\n            min-width: 0;\n            overflow: hidden;\n\t\t\tpadding: 28px;\n            background: var(--base-2);\n            border: 1px solid var(--base-3);\n            box-shadow: 0 8px 28px rgba(0, 0, 0, .055);\n            transition:\n                grid-column .35s ease,\n                border-color .3s ease,\n                box-shadow .3s ease,\n                transform .3s ease;\n        }\n\n        .ref-project-card:hover {\n            border-color: var(--accent-3);\n            box-shadow: 0 14px 36px rgba(0, 0, 0, .08);\n            transform: translateY(-2px);\n        }\n\n        .ref-project-card[open] {\n            grid-column: 1 \/ -1;\n            border-color: var(--accent-3);\n            box-shadow: 0 16px 42px rgba(0, 0, 0, .09);\n            transform: none;\n        }\n\n        .ref-project-summary {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) 150px;\n            gap: 24px;\n            min-height: 220px;\n\t\t\theight: 100%;\n            cursor: pointer;\n            list-style: none;\n        }\n\n        .ref-project-summary::-webkit-details-marker {\n            display: none;\n        }\n\n        .ref-project-summary::marker {\n            display: none;\n            content: \"\";\n        }\n\n        .ref-project-summary-content {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n\t\t\theight: 100%;\n        }\n\n        .ref-project-category {\n            margin-bottom: 9px;\n            color: var(--accent);\n            font-size: 11px;\n            font-weight: 700;\n            line-height: 1.35;\n            letter-spacing: .1em;\n            text-transform: uppercase;\n        }\n\n        .ref-project-title {\n            margin: 0;\n            max-width: 800px;\n            color: var(--contrast);\n            font-size: clamp(20px, 2vw, 27px);\n            font-weight: 700;\n            line-height: 1.2;\n        }\n\n        .ref-project-summary-meta {\n            display: grid;\n            gap: 8px;\n            margin-top: 20px;\n        }\n\n        .ref-summary-meta-item {\n            display: grid;\n            grid-template-columns: 68px minmax(0, 1fr);\n            gap: 12px;\n            align-items: baseline;\n        }\n\n        .ref-summary-meta-label {\n            color: var(--contrast-3);\n            font-size: 10px;\n            font-weight: 700;\n            line-height: 1.4;\n            letter-spacing: .08em;\n            text-transform: uppercase;\n        }\n\n        .ref-summary-meta-value {\n            color: var(--contrast-2);\n            font-size: 14px;\n            line-height: 1.45;\n        }\n\n        .ref-summary-client-list {\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .ref-project-preview {\n            position: relative;\n            align-self: stretch;\n            min-width: 0;\n            min-height: 160px;\n            overflow: hidden;\n            background: var(--base-2);\n        }\n\n        .ref-project-preview::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(\n                135deg,\n                transparent 55%,\n                rgba(0, 0, 0, .08)\n            );\n            pointer-events: none;\n        }\n\n        .ref-project-preview-image {\n            display: block;\n            width: 100%;\n            height: 100%;\n            min-height: 160px;\n            object-fit: cover;\n            transition: transform .45s ease;\n        }\n\n        .ref-project-card:hover .ref-project-preview-image {\n            transform: scale(1.035);\n        }\n\n        .ref-project-toggle {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            margin-top: auto;\n            padding-top: 22px;\n            color: var(--accent);\n            font-size: 13px;\n            font-weight: 700;\n            line-height: 1;\n        }\n\n        .ref-project-toggle-icon {\n            display: block;\n            width: 9px;\n            height: 9px;\n            border-right: 2px solid currentColor;\n            border-bottom: 2px solid currentColor;\n            transform: rotate(45deg) translateY(-2px);\n            transition: transform .3s ease;\n        }\n\n        .ref-project-card[open] .ref-project-toggle-icon {\n            transform: rotate(225deg) translate(-1px, -1px);\n        }\n\n        .ref-project-card[open] .ref-project-toggle-text {\n            font-size: 0;\n        }\n\n        .ref-project-card[open] .ref-project-toggle-text::after {\n            content: \"Bez\u00e1r\u00e1s\";\n            font-size: 13px;\n        }\n\t\n\t\t.ref-project-card[open] .ref-project-summary,\n\t\t.ref-project-card[open] .ref-project-summary-content {\n    \t\theight: auto;\n\t\t}\n\n        .ref-project-details {\n            border-top: 1px solid var(--base-3);\n            background: var(--base-2);\n\t\t\tmargin-top: 16px;\n            animation: refDetailsIn .3s ease both;\n        }\n\n        @keyframes refDetailsIn {\n\n            from {\n                opacity: 0;\n                transform: translateY(-8px);\n            }\n\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n\n        }\n\n        .ref-project-details-inner {\n            padding: 30px;\n        }\n\n        .ref-project-info-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 30px 50px;\n        }\n\n        .ref-project-section {\n            min-width: 0;\n        }\n\n        .ref-project-section-wide {\n            grid-column: 1 \/ -1;\n        }\n\n        .ref-project-section h4,\n        .ref-project-gallery-heading h4 {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin: 0 0 13px;\n            color: var(--contrast);\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1.35;\n        }\n\n        .ref-project-section h4::before,\n        .ref-project-gallery-heading h4::before {\n            content: \"\";\n            display: block;\n            width: 4px;\n            height: 18px;\n            flex: 0 0 4px;\n            background: var(--accent);\n        }\n\n        .ref-project-section ul {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 7px 28px;\n            margin: 0;\n            padding: 0;\n            list-style: none;\n        }\n\n        .ref-project-section li {\n            position: relative;\n            margin: 0;\n            padding-left: 18px;\n            color: var(--contrast-2);\n            font-size: 14px;\n            line-height: 1.5;\n        }\n\n        .ref-project-section li::before {\n            content: \"\";\n            position: absolute;\n            top: .65em;\n            left: 0;\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            background: var(--accent);\n            transform: translateY(-50%);\n        }\n\n        .ref-project-gallery-section {\n            margin-top: 34px;\n            padding-top: 28px;\n            border-top: 1px solid var(--base-3);\n        }\n\n        .ref-project-gallery {\n            margin-top: 4px;\n        }\n\n        .ref-project-gallery .foogallery {\n            margin: 0 !important;\n        }\n\n        .ref-project-gallery .foogallery-container {\n            margin: 0 !important;\n        }\n\n        .ref-project-gallery .fg-item {\n            overflow: hidden;\n        }\n\n        .ref-project-gallery .fg-item img {\n            transition: transform .35s ease;\n        }\n\n        .ref-project-gallery .fg-item:hover img {\n            transform: scale(1.035);\n        }\n\n        .ref-empty {\n            grid-column: 1 \/ -1;\n            padding: 50px 30px;\n            color: var(--contrast-2);\n            text-align: center;\n            background: var(--base-2);\n            border: 1px solid var(--base-3);\n        }\n\n        .ref-pagination {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 7px;\n            margin-top: 40px;\n        }\n\n        .ref-pagination-link {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            min-width: 38px;\n            height: 38px;\n            padding: 0 10px;\n            color: var(--contrast-2);\n            font-size: 13px;\n            font-weight: 600;\n            line-height: 1;\n            text-decoration: none;\n            background: var(--base);\n            border: 1px solid var(--base-3);\n            transition:\n                color .2s ease,\n                background-color .2s ease,\n                border-color .2s ease;\n        }\n\n        .ref-pagination-link:hover,\n        .ref-pagination-link.is-current {\n            color: var(--base);\n            background: var(--accent);\n            border-color: var(--accent);\n        }\n\n        .ref-pagination-ellipsis {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            width: 24px;\n            color: var(--contrast-3);\n        }\n\n        @media (max-width: 900px) {\n\n            .ref-projects-grid,\n            .ref-columns-2 {\n                grid-template-columns: 1fr;\n            }\n\n            .ref-project-card[open] {\n                grid-column: auto;\n            }\n\n        }\n\n        @media (max-width: 600px) {\n\n            .ref-project-summary {\n                grid-template-columns: 1fr;\n                gap: 20px;\n                min-height: 0;\n                padding: 22px;\n            }\n\n            .ref-project-preview {\n                order: -1;\n                height: 180px;\n                min-height: 0;\n            }\n\n            .ref-project-preview-image {\n                min-height: 0;\n            }\n\n            .ref-project-details-inner {\n                padding: 22px;\n            }\n\n            .ref-project-info-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }\n\n            .ref-project-section-wide {\n                grid-column: auto;\n            }\n\n            .ref-project-section ul {\n                grid-template-columns: 1fr;\n                gap: 7px;\n            }\n\n            .ref-pagination {\n                margin-top: 30px;\n            }\n\n        }\n\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n\n            document.querySelectorAll('.ref-projects-grid').forEach(function (grid) {\n\n                grid.addEventListener('toggle', function (event) {\n\n                    if (\n                        event.target.tagName === 'DETAILS' &&\n                        event.target.open\n                    ) {\n\n                        grid.querySelectorAll('details.ref-project-card[open]').forEach(function (card) {\n\n                            if (card !== event.target) {\n                                card.removeAttribute('open');\n                            }\n\n                        });\n\n                    }\n\n                }, true);\n\n            });\n\n        });\n    <\/script>\n\n    \n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1210","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Region\u00e1lis v\u00edzell\u00e1t\u00f3 rendszerek - hidrokomplex.hu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hidrokomplex.hu\/de\/regionalis-vizellato-rendszerek\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Region\u00e1lis v\u00edzell\u00e1t\u00f3 rendszerek\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hidrokomplex.hu\/de\/regionalis-vizellato-rendszerek\/\" \/>\n<meta property=\"og:site_name\" content=\"hidrokomplex.hu\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-04T15:14:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hidrokomplex.hu\\\/regionalis-vizellato-rendszerek\\\/\",\"url\":\"https:\\\/\\\/hidrokomplex.hu\\\/regionalis-vizellato-rendszerek\\\/\",\"name\":\"Region\u00e1lis v\u00edzell\u00e1t\u00f3 rendszerek - hidrokomplex.hu\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hidrokomplex.hu\\\/#website\"},\"datePublished\":\"2026-08-04T15:14:37+00:00\",\"dateModified\":\"2026-08-04T15:14:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hidrokomplex.hu\\\/regionalis-vizellato-rendszerek\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hidrokomplex.hu\\\/regionalis-vizellato-rendszerek\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hidrokomplex.hu\\\/regionalis-vizellato-rendszerek\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hidrokomplex.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Region\u00e1lis v\u00edzell\u00e1t\u00f3 rendszerek\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hidrokomplex.hu\\\/#website\",\"url\":\"https:\\\/\\\/hidrokomplex.hu\\\/\",\"name\":\"hidrokomplex.hu\",\"description\":\"hidrokomplex.hu\",\"publisher\":{\"@id\":\"https:\\\/\\\/hidrokomplex.hu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hidrokomplex.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hidrokomplex.hu\\\/#organization\",\"name\":\"hidrokomplex.hu\",\"url\":\"https:\\\/\\\/hidrokomplex.hu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/hidrokomplex.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hidrokomplex.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-ChatGPT_Image_2026._maj._19._19_13_28-removebg-preview.png\",\"contentUrl\":\"https:\\\/\\\/hidrokomplex.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-ChatGPT_Image_2026._maj._19._19_13_28-removebg-preview.png\",\"width\":765,\"height\":153,\"caption\":\"hidrokomplex.hu\"},\"image\":{\"@id\":\"https:\\\/\\\/hidrokomplex.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Region\u00e1lis v\u00edzell\u00e1t\u00f3 rendszerek - hidrokomplex.hu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hidrokomplex.hu\/de\/regionalis-vizellato-rendszerek\/","og_locale":"de_DE","og_type":"article","og_title":"Region\u00e1lis v\u00edzell\u00e1t\u00f3 rendszerek","og_url":"https:\/\/hidrokomplex.hu\/de\/regionalis-vizellato-rendszerek\/","og_site_name":"hidrokomplex.hu","article_modified_time":"2026-08-04T15:14:38+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hidrokomplex.hu\/regionalis-vizellato-rendszerek\/","url":"https:\/\/hidrokomplex.hu\/regionalis-vizellato-rendszerek\/","name":"Region\u00e1lis v\u00edzell\u00e1t\u00f3 rendszerek - hidrokomplex.hu","isPartOf":{"@id":"https:\/\/hidrokomplex.hu\/#website"},"datePublished":"2026-08-04T15:14:37+00:00","dateModified":"2026-08-04T15:14:38+00:00","breadcrumb":{"@id":"https:\/\/hidrokomplex.hu\/regionalis-vizellato-rendszerek\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hidrokomplex.hu\/regionalis-vizellato-rendszerek\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hidrokomplex.hu\/regionalis-vizellato-rendszerek\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hidrokomplex.hu\/"},{"@type":"ListItem","position":2,"name":"Region\u00e1lis v\u00edzell\u00e1t\u00f3 rendszerek"}]},{"@type":"WebSite","@id":"https:\/\/hidrokomplex.hu\/#website","url":"https:\/\/hidrokomplex.hu\/","name":"hidrokomplex.hu","description":"hidrokomplex.hu","publisher":{"@id":"https:\/\/hidrokomplex.hu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hidrokomplex.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/hidrokomplex.hu\/#organization","name":"hidrokomplex.hu","url":"https:\/\/hidrokomplex.hu\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/hidrokomplex.hu\/#\/schema\/logo\/image\/","url":"https:\/\/hidrokomplex.hu\/wp-content\/uploads\/2026\/05\/cropped-ChatGPT_Image_2026._maj._19._19_13_28-removebg-preview.png","contentUrl":"https:\/\/hidrokomplex.hu\/wp-content\/uploads\/2026\/05\/cropped-ChatGPT_Image_2026._maj._19._19_13_28-removebg-preview.png","width":765,"height":153,"caption":"hidrokomplex.hu"},"image":{"@id":"https:\/\/hidrokomplex.hu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hidrokomplex.hu\/de\/wp-json\/wp\/v2\/pages\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hidrokomplex.hu\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hidrokomplex.hu\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hidrokomplex.hu\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hidrokomplex.hu\/de\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":1,"href":"https:\/\/hidrokomplex.hu\/de\/wp-json\/wp\/v2\/pages\/1210\/revisions"}],"predecessor-version":[{"id":1211,"href":"https:\/\/hidrokomplex.hu\/de\/wp-json\/wp\/v2\/pages\/1210\/revisions\/1211"}],"wp:attachment":[{"href":"https:\/\/hidrokomplex.hu\/de\/wp-json\/wp\/v2\/media?parent=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}