{"id":46108,"date":"2025-11-27T09:02:52","date_gmt":"2025-11-27T09:02:52","guid":{"rendered":"https:\/\/gobelka.com\/de\/?page_id=46108"},"modified":"2025-12-18T09:25:12","modified_gmt":"2025-12-18T09:25:12","slug":"waermedaemmung-innen","status":"publish","type":"page","link":"https:\/\/gobelka.com\/de\/waermedaemmung-innen\/","title":{"rendered":"waermedaemmung-innen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46108\" class=\"elementor elementor-46108\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-c39f419 e-flex e-con-boxed e-con e-parent\" data-id=\"c39f419\" 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-d369fa6 elementor-widget elementor-widget-html\" data-id=\"d369fa6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        \/* --- TEMEL AYARLAR --- *\/\r\n        :root {\r\n            --primary-color: #059669; \/* Emerald Green *\/\r\n            --text-dark: #111827;\r\n            --text-gray: #4b5563;\r\n            --bg-white: #ffffff;\r\n            --border-color: #e5e7eb;\r\n            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        body { margin: 0; font-family: 'Inter', system-ui, -apple-system, sans-serif; }\r\n\r\n        \/* --- HEADER ST\u0130L\u0130 --- *\/\r\n        .funnel-header {\r\n            position: fixed;\r\n            top: 0; left: 0; width: 100%;\r\n            height: 55px;\r\n            background: var(--bg-white);\r\n            box-shadow: var(--shadow);\r\n            z-index: 1000;\r\n            border-bottom: 1px solid var(--border-color);\r\n        }\r\n\r\n        .header-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* LOGO ALANI *\/\r\n        .logo-area {\r\n            display: flex;\r\n            align-items: center;\r\n            text-decoration: none;\r\n        }\r\n        \r\n        .logo-placeholder {\r\n            width: 120px;\r\n            height: 36px;\r\n            background-color: #f3f4f6;\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #9ca3af;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            border: 1px dashed #d1d5db;\r\n        }\r\n\r\n        \/* DESKTOP NAV\u0130GASYON (Mobilde Gizli) *\/\r\n        .desktop-nav {\r\n            display: none; \/* Varsay\u0131lan gizli *\/\r\n            gap: 25px;\r\n            align-items: center;\r\n        }\r\n\r\n        .nav-link {\r\n            text-decoration: none;\r\n            color: var(--text-dark);\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            transition: color 0.2s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .nav-link:hover { color: var(--primary-color); }\r\n        .nav-link svg { width: 18px; height: 18px; opacity: 0.7; }\r\n\r\n        \/* \u00d6zel Buton Link (Sat\u0131n Al) *\/\r\n        .header-primary-cta-button {\r\n            background-color: #059669 !important;\r\n            color: white !important;\r\n            padding: 8px 16px;\r\n            border-radius: 6px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n        .header-primary-cta-button:hover { \r\n            background-color: #047857 !important; \r\n            color: white !important; \r\n        }\r\n\r\n        \/* MOB\u0130L HAMBURGER (Desktopta Gizli) *\/\r\n        .mobile-toggle {\r\n            display: flex;\r\n            cursor: pointer;\r\n            padding: 8px;\r\n        }\r\n\r\n        \/* MOB\u0130L MEN\u00dc OVERLAY *\/\r\n        .mobile-menu-overlay {\r\n            position: fixed;\r\n            top: 70px; \/* Header alt\u0131ndan ba\u015flar *\/\r\n            left: 0;\r\n            width: 100%;\r\n            height: 0;\r\n            background: white;\r\n            overflow: hidden;\r\n            transition: height 0.3s ease-in-out;\r\n            z-index: 999;\r\n            box-shadow: 0 10px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .mobile-menu-overlay.active {\r\n            height: auto;\r\n            border-bottom: 1px solid var(--border-color);\r\n        }\r\n\r\n        .mobile-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .mobile-list li { border-bottom: 1px solid #f3f4f6; }\r\n\r\n        .mobile-list a {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 16px 20px;\r\n            text-decoration: none;\r\n            color: var(--text-dark);\r\n            font-weight: 500;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .mobile-list a:hover { background-color: #f9fafb; color: var(--primary-color); }\r\n\r\n        \/* --- RESPONSIVE KIRILIM --- *\/\r\n        @media (min-width: 992px) {\r\n            .mobile-toggle { display: none; } \/* Mobili gizle *\/\r\n            .desktop-nav { display: flex; } \/* Desktopu a\u00e7 *\/\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <div class=\"funnel-header\">\r\n        <div class=\"header-container\">\r\n            \r\n            <!-- SOL: LOGO -->\r\n            <a href=\"\/de\/waermedaemmung-innen\" class=\"logo-area\">\r\n                <img decoding=\"async\" src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/07\/Belka-Tapete-%E2%80%93-Markenlogo-fuer-oekologische-Baumwollputz-Tapeten-1.svg\" alt=\"Belka Tapete Logo\" style=\"height: 16px; width: auto;\">\r\n            <\/a>\r\n\r\n            <!-- ORTA\/SA\u011e: DESKTOP MENU -->\r\n            <nav class=\"desktop-nav\">\r\n                <a href=\"\/de\/waermedaemmung-innen\" class=\"nav-link\">\r\n                    <!-- Icon: Home -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n                    Start\r\n                <\/a>\r\n                <a href=\"\/de\/heizkosten-sparen\" class=\"nav-link\">\r\n                    <!-- Icon: Calculator -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"\/><line x1=\"8\" x2=\"16\" y1=\"6\" y2=\"6\"\/><line x1=\"16\" x2=\"16\" y1=\"14\" y2=\"18\"\/><path d=\"M16 10h.01\"\/><path d=\"M12 10h.01\"\/><path d=\"M8 10h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M8 14h.01\"\/><path d=\"M12 18h.01\"\/><path d=\"M8 18h.01\"\/><\/svg>\r\n                    Rechner\r\n                <\/a>\r\n                <a href=\"\/de\/muster-bestellen\" class=\"nav-link\">\r\n                    <!-- Icon: Package -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg>\r\n                    Muster (8\u20ac)\r\n                <\/a>\r\n                <a href=\"\/de\/farben-kaufen\" class=\"nav-link header-primary-cta-button\">\r\n                    Jetzt Kaufen\r\n                <\/a>\r\n            <\/nav>\r\n\r\n            <!-- SA\u011e: MOB\u0130L BUTON -->\r\n            <div class=\"mobile-toggle\" onclick=\"toggleMenu()\">\r\n                <!-- Icon: Menu -->\r\n                <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#111\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MOB\u0130L A\u00c7ILIR MENU -->\r\n    <div class=\"mobile-menu-overlay\" id=\"mobileMenu\">\r\n        <ul class=\"mobile-list\">\r\n            <li><a href=\"\/de\/waermedaemmung-innen\">\ud83c\udfe0 Startseite<\/a><\/li>\r\n            <li><a href=\"\/de\/heizkosten-sparen\">\ud83e\uddee heizkosten-sparen<\/a><\/li>\r\n            <li><a href=\"\/de\/muster-bestellen\">\ud83d\udce6 Test-Paket (Muster)<\/a><\/li>\r\n            <li><a href=\"\/de\/farben-kaufen\" style=\"color: var(--primary-color); font-weight: 700;\">\ud83c\udfa8 Direkt Kaufen<\/a><\/li>\r\n            <li style=\"background: #fafafa;\"><a href=\"https:\/\/gobelka.com\/de\/waermedaemmung-innen\" style=\"color:#999; font-size:14px;\">\u2190 Zur Hauptseite<\/a><\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <script>\r\n        function toggleMenu() {\r\n            document.getElementById('mobileMenu').classList.toggle('active');\r\n        }\r\n    <\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-16220e0 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"16220e0\" 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-77ef4de elementor-widget elementor-widget-html\" data-id=\"77ef4de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        \/* ==========================================\r\n           CSS Reset & Base Styles\r\n           ========================================== *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n\r\n\/* Page ID: 46108 i\u00e7in Komple Gizleme Kodu *\/\r\n\r\n\/* 1. Header ve Footer Alanlar\u0131 *\/\r\n.page-id-46108 .site-header,\r\n.page-id-46108 .site-footer,\r\n.page-id-46108 header,\r\n.page-id-46108 footer,\r\n.page-id-46108 .whb-header, \/* WoodMart Header *\/\r\n\r\n\/* 2. Mobil Alt Men\u00fc (Toolbar) *\/\r\n.page-id-46108 .wd-toolbar,\r\n.page-id-46108 .wd-toolbar-label-show,\r\n.page-id-46108 .wd-sticky-nav,\r\n.page-id-46108 .wd-hide-md,\r\n\/* 3. HubSpot Sohbet Arac\u0131 *\/\r\n.page-id-46108 #hubspot-messages-iframe-container {\r\n    display: none !important;\r\n}\r\n.wd-sticky-nav-enabled{\r\n    --wd-sticky-nav-w:0px;\r\n}\r\n.sticky-toolbar-on{\r\n    padding-bottom:0px !important;\r\n}\r\n.wd-content-layout{\r\n    padding-block:0px !important;\r\n}\r\n.countdown-bar,.bf-compact-banner{\r\n    display: none;\r\n}\r\n        body {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Hero Section Container\r\n           ========================================== *\/\r\n        .belka-hero-section-container {\r\n            position: relative;\r\n            min-height: 100vh;\r\n            height: 100vh;\r\n            display: flex;\r\n            align-items: flex-end;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Hero Background with Split Design\r\n           ========================================== *\/\r\n        .belka-hero-background-wrapper {\r\n            position: absolute;\r\n            inset: 0;\r\n            z-index: 0;\r\n        }\r\n\r\n        .belka-hero-background-grid-layout {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            height: 100%;\r\n        }\r\n\r\n        \/* Mobile - Single Background Image *\/\r\n        .belka-hero-background-image-mobile {\r\n            display: none;\r\n            width: 100%;\r\n            height: 100%;\r\n            min-height: 100vh;\r\n            object-fit: cover;\r\n            object-position: center;\r\n        }\r\n\r\n        \/* Left Panel - Warm Living Room *\/\r\n        .belka-hero-background-left-panel {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .belka-hero-background-image-left {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            display: block;\r\n        }\r\n\r\n        \/* Right Panel - Thermal Camera View *\/\r\n        .belka-hero-background-right-panel {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .belka-hero-background-image-right {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            display: block;\r\n        }\r\n\r\n        \/* Dark Gradient Overlay for Text Readability *\/\r\n        .belka-hero-background-gradient-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3), transparent);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Hero Content Section\r\n           ========================================== *\/\r\n        .belka-hero-content-wrapper {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 1.5rem 3rem;\r\n            width: 100%;\r\n        }\r\n\r\n        .belka-hero-content-max-width-container {\r\n            max-width: 42rem;\r\n        }\r\n\r\n        \/* Main Headline *\/\r\n        .belka-hero-main-headline-text {\r\n            font-size: 2.25rem;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            margin-bottom: 1rem;\r\n            line-height: 1.2;\r\n            text-wrap: balance;\r\n        }\r\n\r\n        \/* Subheadline Description *\/\r\n        .belka-hero-subheadline-description-text {\r\n            font-size: 1.125rem;\r\n            color: rgba(255, 255, 255, 0.95);\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.6;\r\n            text-wrap: pretty;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Call to Action Buttons\r\n           ========================================== *\/\r\n        .belka-hero-call-to-action-buttons-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0.75rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        \/* Primary CTA Button *\/\r\n        .elementor-widget-html .belka-hero-primary-cta-button {\r\n            width: 100%;\r\n            background-color: #059669;\r\n            color: #ffffff;\r\n            border: none;\r\n            padding: 1rem 1.5rem;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            border-radius: 0.5rem;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n            transition: background-color 0.2s ease;\r\n            height: 3.5rem;\r\n        }\r\n\r\n        .elementor-widget-html .belka-hero-primary-cta-button:hover {\r\n            background-color: #047857;\r\n        }\r\n\r\n        .elementor-widget-html .belka-hero-primary-cta-icon {\r\n            width: 1.25rem;\r\n            height: 1.25rem;\r\n        }\r\n\r\n        \/* Secondary CTA Button *\/\r\n        .elementor-widget-html .belka-hero-secondary-cta-button {\r\n            width: 100%;\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n            color: #ffffff;\r\n            border: 1px solid rgba(255, 255, 255, 0.4);\r\n            padding: 0.875rem 1.5rem;\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n            border-radius: 0.5rem;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n            transition: background-color 0.2s ease;\r\n            height: 3rem;\r\n        }\r\n\r\n        .elementor-widget-html .belka-hero-secondary-cta-button:hover {\r\n            background-color: rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .elementor-widget-html .belka-hero-secondary-cta-play-icon {\r\n            width: 1.25rem;\r\n            height: 1.25rem;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Trust Badges Section\r\n           ========================================== *\/\r\n        .belka-hero-trust-badges-container {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-size: 0.875rem;\r\n        }\r\n\r\n        .belka-hero-trust-badge-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .belka-hero-trust-badge-icon {\r\n            width: 1.25rem;\r\n            height: 1.25rem;\r\n        }\r\n\r\n        .belka-hero-trust-badge-star-filled {\r\n            fill: #facc15;\r\n            color: #facc15;\r\n        }\r\n\r\n        .belka-hero-trust-badge-text {\r\n            font-weight: 500;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Tablet Responsive Styles (768px - 1023px)\r\n           ========================================== *\/\r\n        @media (min-width: 768px) {\r\n            .belka-hero-section-container {\r\n                min-height: 100vh;\r\n            }\r\n\r\n            .belka-hero-background-left-panel,\r\n            .belka-hero-background-right-panel {\r\n                min-height: 100vh;\r\n            }\r\n\r\n            .belka-hero-background-image-left,\r\n            .belka-hero-background-image-right {\r\n                min-height: 100vh;\r\n            }\r\n\r\n            .belka-hero-main-headline-text {\r\n                font-size: 3rem;\r\n            }\r\n\r\n            .belka-hero-subheadline-description-text {\r\n                font-size: 1.25rem;\r\n            }\r\n\r\n            .belka-hero-call-to-action-buttons-container {\r\n                max-width: 32rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Desktop Responsive Styles (1024px+)\r\n           ========================================== *\/\r\n        @media (min-width: 1024px) {\r\n            .belka-hero-content-wrapper {\r\n                padding: 0 2rem 4rem;\r\n            }\r\n\r\n            .belka-hero-main-headline-text {\r\n                font-size: 3.5rem;\r\n            }\r\n\r\n            .belka-hero-subheadline-description-text {\r\n                font-size: 1.375rem;\r\n            }\r\n\r\n            .belka-hero-trust-badges-container {\r\n                gap: 1.5rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Mobile Responsive Styles (max 640px)\r\n           ========================================== *\/\r\n        @media (max-width: 640px) {\r\n            .belka-hero-section-container {\r\n                min-height: 90vh;\r\n            }\r\n\r\n            \/* Mobile - Show single image, hide desktop grid *\/\r\n            .belka-hero-background-grid-layout {\r\n                display: none;\r\n            }\r\n\r\n            .belka-hero-background-image-mobile {\r\n                display: block;\r\n            }\r\n\r\n            .belka-hero-main-headline-text {\r\n                font-size: 1.875rem;\r\n            }\r\n\r\n            .belka-hero-subheadline-description-text {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .belka-hero-trust-badges-container {\r\n                font-size: 0.82rem;\r\n                gap: 0.9rem;\r\n            }\r\n\r\n            .belka-hero-trust-badge-icon {\r\n                width: 1rem;\r\n                height: 1rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Focus Styles for Accessibility\r\n           ========================================== *\/\r\n        .elementor-widget-html .belka-hero-primary-cta-button:focus,\r\n        .elementor-widget-html .belka-hero-secondary-cta-button:focus {\r\n            outline: 2px solid #059669;\r\n            outline-offset: 2px;\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Hero Section with Split Background -->\r\n    <section class=\"belka-hero-section-container\">\r\n        <!-- Background Split Grid -->\r\n        <div class=\"belka-hero-background-wrapper\">\r\n            <!-- Mobile Background Image -->\r\n            <img decoding=\"async\" \r\n                src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/12\/belka-tapete-waermedaemmung-thermovergleich-wohnzimmer.jpg\" \r\n                alt=\"BELKA Mobile Hero Image\" \r\n                class=\"belka-hero-background-image-mobile\"\r\n            \/>\r\n            \r\n            <!-- Desktop\/Tablet Split Grid -->\r\n            <div class=\"belka-hero-background-grid-layout\">\r\n                <!-- Left Side - Warm Living Room -->\r\n                <div class=\"belka-hero-background-left-panel\">\r\n                    <img decoding=\"async\" \r\n                        src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/12\/Belka-Tapete-Waermedaemmung-Innen-mit-Belka-Gemuetlichkeit-trifft-auf-Effizienz.jpg\" \r\n                        alt=\"Warmes Wohnzimmer mit BELKA Beschichtung\" \r\n                        class=\"belka-hero-background-image-left\"\r\n                    \/>\r\n                <\/div>\r\n                <!-- Right Side - Thermal Camera View -->\r\n                <div class=\"belka-hero-background-right-panel\">\r\n                    <img decoding=\"async\" \r\n                        src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/12\/Belka-Tapete-Waermedaemmung-Innen-mit-Belka-Gemuetlichkeit-trifft-auf-Effizienz-1.jpg\" \r\n                        alt=\"W\u00e4rmebildkamera Ansicht zeigt W\u00e4rmed\u00e4mmung\" \r\n                        class=\"belka-hero-background-image-right\"\r\n                    \/>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Dark Gradient Overlay -->\r\n            <div class=\"belka-hero-background-gradient-overlay\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Hero Content -->\r\n        <div class=\"belka-hero-content-wrapper\">\r\n            <div class=\"belka-hero-content-max-width-container\">\r\n                <h2 class=\"belka-hero-main-headline-text\">\r\n                    Schluss mit kalten W\u00e4nden: Sparen Sie bis zu 50% Heizkosten.\r\n                <\/h2>\r\n                <p class=\"belka-hero-subheadline-description-text\">\r\n                    Belka erh\u00f6ht die Oberfl\u00e4chentemperatur Ihrer W\u00e4nde und stoppt die unangenehme K\u00e4lteabstrahlung. Die zertifizierte L\u00f6sung f\u00fcr mehr Wohnkomfort.\r\n                <\/p>\r\n\r\n                <!-- Call to Action Buttons -->\r\n                <div class=\"belka-hero-call-to-action-buttons-container\">\r\n         <a href=\"\/de\/heizkosten-sparen\">\r\n    <button class=\"belka-hero-primary-cta-button\">\r\n        <span>Sparpotenzial berechnen<\/span>\r\n        <svg class=\"belka-hero-primary-cta-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n        <\/svg>\r\n    <\/button>\r\n<\/a>\r\n                    <button class=\"belka-hero-secondary-cta-button\" id=\"belka-scroll-to-video-button\">\r\n                        <svg class=\"belka-hero-secondary-cta-play-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                        <\/svg>\r\n                        <span>Wie funktioniert das? (Video)<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <!-- Trust Badges -->\r\n                <div class=\"belka-hero-trust-badges-container\">\r\n                    <div class=\"belka-hero-trust-badge-item\">\r\n                        <svg class=\"belka-hero-trust-badge-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n                        <\/svg>\r\n                        <span class=\"belka-hero-trust-badge-text\">W\u00e4rmeleitf\u00e4higkeit: 0,067 W\/(m\u00b7K) (MPA NRW)<\/span>\r\n                    <\/div>\r\n                    <div class=\"belka-hero-trust-badge-item\">\r\n                        <svg class=\"belka-hero-trust-badge-icon belka-hero-trust-badge-star-filled\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n                        <\/svg>\r\n                        <span class=\"belka-hero-trust-badge-text\">Trustpilot 4.8<\/span>\r\n                    <\/div>\r\n                    <div class=\"belka-hero-trust-badge-item\">\r\n                        <svg class=\"belka-hero-trust-badge-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\r\n                            <line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line>\r\n                        <\/svg>\r\n                        <span class=\"belka-hero-trust-badge-text\">Made in Germany<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/**\r\n         * BELKA Hero Section - Simple JavaScript\r\n         * Sticky Header & Smooth Scroll\r\n         *\/\r\n        \r\n        \/\/ Initialize on page load\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            initializeScrollToVideo();\r\n            console.log('Hero section loaded successfully');\r\n        });\r\n\r\n        \/**\r\n         * Scroll to Video Section Button\r\n         *\/\r\n        function initializeScrollToVideo() {\r\n            const button = document.getElementById('belka-scroll-to-video-button');\r\n            if (!button) return;\r\n\r\n            button.addEventListener('click', function(event) {\r\n                event.preventDefault();\r\n                const videoSection = document.getElementById('how-it-works');\r\n                \r\n                if (videoSection) {\r\n                    videoSection.scrollIntoView({ \r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                } else {\r\n                    console.info('Video section not found on this page');\r\n                }\r\n            });\r\n        }\r\n    <\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fe0276 elementor-widget elementor-widget-html\" data-id=\"6fe0276\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n\r\n\r\n        \/* ==========================================\r\n           Science Section Container\r\n           ========================================== *\/\r\n        .belka-science-section-container {\r\n            padding: 4rem 0 5rem;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .belka-science-content-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 1.5rem;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Section Heading\r\n           ========================================== *\/\r\n        .belka-science-heading-container {\r\n            max-width: 56rem;\r\n            margin: 0 auto 3rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .belka-science-main-headline-text {\r\n            font-size: 1.875rem;\r\n            font-weight: 700;\r\n            color: #111827;\r\n            margin-bottom: 1rem;\r\n            text-wrap: balance;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .belka-science-subheadline-description-text {\r\n            font-size: 1.125rem;\r\n            color: #4b5563;\r\n            text-wrap: pretty;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Technical Diagram Section\r\n           ========================================== *\/\r\n        .belka-science-technical-diagram-container {\r\n            max-width: 80rem;\r\n            margin: 0 auto 4rem;\r\n        }\r\n\r\n        .belka-science-technical-diagram-image {\r\n            width: 100%;\r\n            height: auto;\r\n            border-radius: 0.75rem;\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n            display: block;\r\n        }\r\n\r\n        \/* Mobile-specific diagram image *\/\r\n        .belka-science-technical-diagram-image-mobile {\r\n            display: none;\r\n            width: 100%;\r\n            height: auto;\r\n            border-radius: 0.75rem;\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        \/* ==========================================\r\n           Feature Cards Grid\r\n           ========================================== *\/\r\n        .belka-science-feature-cards-grid-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n            max-width: 80rem;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Feature Card Wrapper *\/\r\n        .elementor-widget-html .belka-science-feature-card-wrapper {\r\n            background-color: #ffffff;\r\n            border: 2px solid #e5e7eb;\r\n            border-radius: 0.5rem;\r\n            transition: box-shadow 0.3s ease, transform 0.2s ease;\r\n        }\r\n\r\n        .elementor-widget-html .belka-science-feature-card-wrapper:hover {\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Feature Card Content *\/\r\n        .belka-science-feature-card-content {\r\n            padding: 2rem 1.5rem;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Feature Icon Container *\/\r\n        .belka-science-feature-icon-container {\r\n            width: 4rem;\r\n            height: 4rem;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1.5rem;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .elementor-widget-html .belka-science-feature-card-wrapper:hover .belka-science-feature-icon-container {\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        .belka-science-feature-icon-orange-background {\r\n            background-color: #ffedd5;\r\n        }\r\n\r\n        .belka-science-feature-icon-green-background {\r\n            background-color: #d1fae5;\r\n        }\r\n\r\n        .belka-science-feature-icon-blue-background {\r\n            background-color: #dbeafe;\r\n        }\r\n\r\n        \/* Feature Icon SVG *\/\r\n        .belka-science-feature-icon-svg {\r\n            width: 2rem;\r\n            height: 2rem;\r\n        }\r\n\r\n        .belka-science-feature-icon-orange-color {\r\n            color: #ea580c;\r\n        }\r\n\r\n        .belka-science-feature-icon-green-color {\r\n            color: #059669;\r\n        }\r\n\r\n        .belka-science-feature-icon-blue-color {\r\n            color: #2563eb;\r\n        }\r\n\r\n        \/* Feature Card Headline *\/\r\n        .belka-science-feature-card-headline {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            color: #111827;\r\n            margin-bottom: 0.75rem;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* Feature Card Description *\/\r\n        .belka-science-feature-card-description-text {\r\n            font-size: 1rem;\r\n            color: #4b5563;\r\n            line-height: 1.6;\r\n            text-wrap: pretty;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Tablet Responsive Styles (768px - 1023px)\r\n           ========================================== *\/\r\n        @media (min-width: 768px) {\r\n            .belka-science-section-container {\r\n                padding: 5rem 0;\r\n            }\r\n\r\n            .belka-science-main-headline-text {\r\n                font-size: 2.25rem;\r\n            }\r\n\r\n            .belka-science-feature-cards-grid-container {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 2rem;\r\n            }\r\n\r\n            .belka-science-feature-card-content {\r\n                padding: 2.5rem 2rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Desktop Responsive Styles (1024px+)\r\n           ========================================== *\/\r\n        @media (min-width: 1024px) {\r\n            .belka-science-section-container {\r\n                padding: 5rem 0 6rem;\r\n            }\r\n\r\n            .belka-science-content-wrapper {\r\n                padding: 0 2rem;\r\n            }\r\n\r\n            .belka-science-main-headline-text {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .belka-science-subheadline-description-text {\r\n                font-size: 1.25rem;\r\n            }\r\n\r\n            .belka-science-feature-cards-grid-container {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 2rem;\r\n            }\r\n\r\n            .belka-science-feature-card-content {\r\n                padding: 2.5rem 1.5rem;\r\n            }\r\n\r\n            .belka-science-feature-card-headline {\r\n                font-size: 1.375rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Mobile Responsive Styles (max 640px)\r\n           ========================================== *\/\r\n        @media (max-width: 640px) {\r\n            .belka-science-section-container {\r\n                padding: 3rem 0;\r\n            }\r\n\r\n            .belka-science-technical-diagram-image {\r\n                display: none;\r\n            }\r\n\r\n            .belka-science-technical-diagram-image-mobile {\r\n                display: block;\r\n            }\r\n\r\n            .belka-science-heading-container {\r\n                margin-bottom: 2rem;\r\n            }\r\n\r\n            .belka-science-main-headline-text {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .belka-science-subheadline-description-text {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .belka-science-technical-diagram-container {\r\n                margin-bottom: 3rem;\r\n            }\r\n\r\n            .belka-science-feature-cards-grid-container {\r\n                gap: 1.25rem;\r\n            }\r\n\r\n            .belka-science-feature-card-content {\r\n                padding: 1.75rem 1.25rem;\r\n            }\r\n\r\n            .belka-science-feature-icon-container {\r\n                width: 3.5rem;\r\n                height: 3.5rem;\r\n                margin-bottom: 1.25rem;\r\n            }\r\n\r\n            .belka-science-feature-icon-svg {\r\n                width: 1.75rem;\r\n                height: 1.75rem;\r\n            }\r\n\r\n            .belka-science-feature-card-headline {\r\n                font-size: 1.125rem;\r\n            }\r\n\r\n            .belka-science-feature-card-description-text {\r\n                font-size: 0.9375rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Focus Styles for Accessibility\r\n           ========================================== *\/\r\n        .elementor-widget-html .belka-science-feature-card-wrapper:focus {\r\n            outline: 2px solid #059669;\r\n            outline-offset: 2px;\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Science Section - The Why -->\r\n    <section class=\"belka-science-section-container\">\r\n        <div class=\"belka-science-content-wrapper\">\r\n            \r\n            <!-- Section Heading -->\r\n            <div class=\"belka-science-heading-container\">\r\n                <h2 class=\"belka-science-main-headline-text\">\r\n                    Das Geheimnis: Die Kraft der Baumwolle\r\n                <\/h2>\r\n                <p class=\"belka-science-subheadline-description-text\">\r\n                    Kein Styropor. Keine Chemie. 100% Natur.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Technical Diagram Image -->\r\n            <div class=\"belka-science-technical-diagram-container\">\r\n                <!-- Desktop\/Tablet Image -->\r\n                <img decoding=\"async\" \r\n                    src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/09\/a-plus-insulation-section-amazon-y-series-tapete-scaled.jpg\" \r\n                    alt=\"Technischer Wandaufbau mit BELKA Baumwollbeschichtung\" \r\n                    class=\"belka-science-technical-diagram-image\"\r\n                \/>\r\n                <!-- Mobile Image -->\r\n                <img decoding=\"async\" \r\n                    src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/09\/a-plus-insulation-section-amazon-y-series-tapete-mobile.jpg\" \r\n                    alt=\"Technischer Wandaufbau mit BELKA Baumwollbeschichtung\" \r\n                    class=\"belka-science-technical-diagram-image-mobile\"\r\n                \/>\r\n            <\/div>\r\n\r\n            <!-- Feature Cards Grid -->\r\n            <div class=\"belka-science-feature-cards-grid-container\">\r\n                \r\n                <!-- Feature Card 1: W\u00e4rme-Barriere -->\r\n                <article class=\"belka-science-feature-card-wrapper\" tabindex=\"0\">\r\n                    <div class=\"belka-science-feature-card-content\">\r\n                        <div class=\"belka-science-feature-icon-container belka-science-feature-icon-orange-background\">\r\n                            <svg class=\"belka-science-feature-icon-svg belka-science-feature-icon-orange-color\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"belka-science-feature-card-headline\">\r\n                            W\u00e4rme-Barriere\r\n                        <\/h3>\r\n                        <p class=\"belka-science-feature-card-description-text\">\r\n                            Millionen Luftporen speichern die W\u00e4rme wie eine Thermoskanne und stoppen die K\u00e4lte von der Wand.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Feature Card 2: Atmungsaktiv & Schimmelfrei -->\r\n                <article class=\"belka-science-feature-card-wrapper\" tabindex=\"0\">\r\n                    <div class=\"belka-science-feature-card-content\">\r\n                        <div class=\"belka-science-feature-icon-container belka-science-feature-icon-green-background\">\r\n                            <svg class=\"belka-science-feature-icon-svg belka-science-feature-icon-green-color\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"belka-science-feature-card-headline\">\r\n                            Atmungsaktiv & Schimmelfrei\r\n                        <\/h3>\r\n                        <p class=\"belka-science-feature-card-description-text\">\r\n                            Belka reguliert die Feuchtigkeit im Raum. Ihre W\u00e4nde atmen, was Schimmelbildung aktiv verhindert.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Feature Card 3: Akustik-Komfort -->\r\n                <article class=\"belka-science-feature-card-wrapper\" tabindex=\"0\">\r\n                    <div class=\"belka-science-feature-card-content\">\r\n                        <div class=\"belka-science-feature-icon-container belka-science-feature-icon-blue-background\">\r\n                            <svg class=\"belka-science-feature-icon-svg belka-science-feature-icon-blue-color\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon>\r\n                                <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path>\r\n                                <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"belka-science-feature-card-headline\">\r\n                            Akustik-Komfort\r\n                        <\/h3>\r\n                        <p class=\"belka-science-feature-card-description-text\">\r\n                            Die 3mm dicke, weiche Struktur schluckt den Schall. F\u00fcr ruhigere und gem\u00fctlichere R\u00e4ume.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b73a9a elementor-widget elementor-widget-html\" data-id=\"8b73a9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        \r\n\r\n        \/* ==========================================\r\n           Application Section Container\r\n           ========================================== *\/\r\n        .belka-application-section-container {\r\n            padding: 4rem 0 5rem;\r\n            background-color: #f9fafb;\r\n        }\r\n\r\n        .belka-application-content-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 1.5rem;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Section Heading\r\n           ========================================== *\/\r\n        .belka-application-heading-container {\r\n            max-width: 56rem;\r\n            margin: 0 auto 3rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .belka-application-main-headline-text {\r\n            font-size: 1.875rem;\r\n            font-weight: 700;\r\n            color: #111827;\r\n            margin-bottom: 1rem;\r\n            text-wrap: balance;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .belka-application-subheadline-description-text {\r\n            font-size: 1.125rem;\r\n            color: #4b5563;\r\n            text-wrap: pretty;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Surface Compatibility Section\r\n           ========================================== *\/\r\n        .belka-application-surface-compatibility-container {\r\n            max-width: 48rem;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .belka-application-surface-compatibility-headline {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            color: #111827;\r\n            margin-bottom: 1.5rem;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Surface Examples Image *\/\r\n        .belka-application-surface-examples-image-container {\r\n            margin-bottom: 2rem;\r\n            max-width: 48rem;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .belka-application-surface-examples-image {\r\n            width: 100%;\r\n            height: auto;\r\n            border-radius: 0.75rem;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n            display: none;\r\n        }\r\n\r\n        \/* Mobile-specific surface examples image *\/\r\n        .belka-application-surface-examples-image-mobile {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            border-radius: 0.75rem;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n        }\r\n\r\n        \/* Surface List Grid *\/\r\n        .belka-application-surface-list-grid-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 0.75rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .belka-application-surface-list-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            color: #374151;\r\n        }\r\n\r\n        \/* Checkmark Icon *\/\r\n        .belka-application-surface-checkmark-icon-wrapper {\r\n            width: 1.25rem;\r\n            height: 1.25rem;\r\n            background-color: #059669;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .belka-application-surface-checkmark-icon {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .belka-application-surface-list-text {\r\n            font-size: 0.875rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Additional Info Text *\/\r\n        .belka-application-surface-additional-info-text {\r\n            font-size: 0.875rem;\r\n            color: #6b7280;\r\n            text-align: center;\r\n            font-style: italic;\r\n            text-wrap: pretty;\r\n            margin-bottom: 2.5rem;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Call to Action Section\r\n           ========================================== *\/\r\n        .belka-application-call-to-action-container {\r\n            text-align: center;\r\n        }\r\n\r\n        .elementor-widget-html .belka-application-primary-cta-button {\r\n            background-color: #059669;\r\n            color: #ffffff;\r\n            border: none;\r\n            padding: 1rem 2rem;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            border-radius: 0.5rem;\r\n            cursor: pointer;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n            transition: background-color 0.2s ease, transform 0.2s ease;\r\n            height: 3.5rem;\r\n        }\r\n\r\n        .elementor-widget-html .belka-application-primary-cta-button:hover {\r\n            background-color: #047857;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .elementor-widget-html .belka-application-primary-cta-button:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .belka-application-cta-button-icon {\r\n            width: 1.25rem;\r\n            height: 1.25rem;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Tablet Responsive Styles (768px - 1023px)\r\n           ========================================== *\/\r\n        @media (min-width: 768px) {\r\n            .belka-application-section-container {\r\n                padding: 5rem 0;\r\n            }\r\n\r\n            .belka-application-main-headline-text {\r\n                font-size: 2.25rem;\r\n            }\r\n\r\n            .belka-application-surface-examples-image {\r\n                display: block;\r\n            }\r\n\r\n            .belka-application-surface-examples-image-mobile {\r\n                display: none;\r\n            }\r\n\r\n            .belka-application-surface-list-grid-container {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 1rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Desktop Responsive Styles (1024px+)\r\n           ========================================== *\/\r\n        @media (min-width: 1024px) {\r\n            .belka-application-section-container {\r\n                padding: 5rem 0 6rem;\r\n            }\r\n\r\n            .belka-application-content-wrapper {\r\n                padding: 0 2rem;\r\n            }\r\n\r\n            .belka-application-main-headline-text {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .belka-application-subheadline-description-text {\r\n                font-size: 1.25rem;\r\n            }\r\n\r\n            .belka-application-surface-compatibility-headline {\r\n                font-size: 1.375rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Mobile Responsive Styles (max 640px)\r\n           ========================================== *\/\r\n        @media (max-width: 640px) {\r\n            .belka-application-section-container {\r\n                padding: 3rem 0;\r\n            }\r\n\r\n            .belka-application-heading-container {\r\n                margin-bottom: 2rem;\r\n            }\r\n\r\n            .belka-application-main-headline-text {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .belka-application-subheadline-description-text {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .belka-application-surface-compatibility-headline {\r\n                font-size: 1.125rem;\r\n            }\r\n\r\n            .belka-application-surface-list-grid-container {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .belka-application-surface-list-text {\r\n                font-size: 0.8125rem;\r\n            }\r\n\r\n            .elementor-widget-html .belka-application-primary-cta-button {\r\n                width: 100%;\r\n                max-width: 24rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Focus Styles for Accessibility\r\n           ========================================== *\/\r\n        .elementor-widget-html .belka-application-primary-cta-button:focus {\r\n            outline: 2px solid #059669;\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Video Container In-Place\r\n           ========================================== *\/\r\n        .belka-video-container {\r\n            position: relative;\r\n            width: 100%;\r\n            aspect-ratio: 9 \/ 16;\r\n            background-color: #000000;\r\n            border-radius: 1rem;\r\n            overflow: hidden;\r\n            margin: 0 auto 3rem;\r\n            max-width: 28rem;\r\n        }\r\n\r\n        .belka-video-iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n            border-radius: 1rem;\r\n        }\r\n\r\n        \/* Video Cover\/Placeholder *\/\r\n        .belka-video-cover {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to bottom right, #d1fae5, #99f6e4);\r\n            background-size: cover;\r\n            background-position: center;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border-radius: 1rem;\r\n            z-index: 10;\r\n        }\r\n\r\n        .belka-video-cover.hidden {\r\n            display: none;\r\n        }\r\n\r\n        .belka-video-cover:hover {\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n        }\r\n\r\n        .belka-video-cover-content {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .belka-video-cover-button {\r\n            width: 5rem;\r\n            height: 5rem;\r\n            background-color: #ffffff;\r\n            border: none;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .belka-video-cover:hover .belka-video-cover-button {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .belka-video-cover-icon {\r\n            color: #059669;\r\n            margin-left: 0.25rem;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Tablet Responsive - 16:9 for tablet+\r\n           ========================================== *\/\r\n        @media (min-width: 768px) {\r\n            .belka-video-container {\r\n                aspect-ratio: 16 \/ 9;\r\n                max-width: 48rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Desktop Responsive - Larger 16:9\r\n           ========================================== *\/\r\n        @media (min-width: 1024px) {\r\n            .belka-video-container {\r\n                aspect-ratio: 16 \/ 9;\r\n                max-width: 56rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Mobile Responsive\r\n           ========================================== *\/\r\n        @media (max-width: 640px) {\r\n            .belka-video-container {\r\n                aspect-ratio: 9 \/ 16;\r\n                max-width: 100%;\r\n                margin: 0 auto 2rem;\r\n            }\r\n\r\n            .belka-video-cover-button {\r\n                width: 4rem;\r\n                height: 4rem;\r\n            }\r\n\r\n            .belka-video-cover-icon {\r\n                width: 2rem;\r\n                height: 2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Application Section - How It Works -->\r\n    <section id=\"how-it-works\" class=\"belka-application-section-container\">\r\n        <div class=\"belka-application-content-wrapper\">\r\n            \r\n            <!-- Section Heading -->\r\n            <div class=\"belka-application-heading-container\">\r\n                <h2 class=\"belka-application-main-headline-text\">\r\n                    In 60 Sekunden erkl\u00e4rt: So einfach geht's.\r\n                <\/h2>\r\n                <p class=\"belka-application-subheadline-description-text\">\r\n                    Kein Staub. Kein Schutt. Einfach anr\u00fchren und auftragen.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Video Container - In-Place -->\r\n            <div class=\"belka-video-container\" id=\"videoContainer\">\r\n                <!-- Video Cover (Kapak G\u00f6rsel) -->\r\n                <div class=\"belka-video-cover\" id=\"videoCover\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/oM_nHcHsGVo\/maxresdefault.jpg');\">\r\n                    <div class=\"belka-video-cover-content\">\r\n                        <button class=\"belka-video-cover-button\" aria-label=\"Video abspielen\">\r\n                            <svg class=\"belka-video-cover-icon\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- YouTube IFrame -->\r\n                <iframe\r\n                    class=\"belka-video-iframe\"\r\n                    id=\"youtubePlayer\"\r\n                    src=\"https:\/\/www.youtube.com\/embed\/oM_nHcHsGVo?enablejsapi=1&origin=https:\/\/gobelka.com\/de\/\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                    allowfullscreen=\"true\">\r\n                <\/iframe>\r\n            <\/div>\r\n\r\n            <!-- Surface Compatibility Section -->\r\n            <div class=\"belka-application-surface-compatibility-container\">\r\n                <h3 class=\"belka-application-surface-compatibility-headline\">\r\n                    H\u00e4lt auf fast jedem Untergrund:\r\n                <\/h3>\r\n\r\n                <!-- Surface Examples Image -->\r\n                <div class=\"belka-application-surface-examples-image-container\">\r\n                    <!-- Desktop\/Tablet Image -->\r\n                    <img decoding=\"async\" \r\n                        src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-auf-jeder-oberflaeshe.jpg\" \r\n                        alt=\"Verschiedene Oberfl\u00e4chen: Fliesen, Holz, Beton, Tapete und mehr\" \r\n                        class=\"belka-application-surface-examples-image\"\r\n                    \/>\r\n                    <!-- Mobile Image -->\r\n                    <img decoding=\"async\" \r\n                        src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-auf-jeder-oberflaeshe.jpg\" \r\n                        alt=\"Verschiedene Oberfl\u00e4chen: Fliesen, Holz, Beton, Tapete und mehr\" \r\n                        class=\"belka-application-surface-examples-image-mobile\"\r\n                    \/>\r\n                <\/div>\r\n\r\n                <!-- Surface List Grid -->\r\n                <div class=\"belka-application-surface-list-grid-container\">\r\n                    <div class=\"belka-application-surface-list-item\">\r\n                        <div class=\"belka-application-surface-checkmark-icon-wrapper\">\r\n                            <svg class=\"belka-application-surface-checkmark-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"belka-application-surface-list-text\">Fliesen<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"belka-application-surface-list-item\">\r\n                        <div class=\"belka-application-surface-checkmark-icon-wrapper\">\r\n                            <svg class=\"belka-application-surface-checkmark-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"belka-application-surface-list-text\">Holz\/OSB<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"belka-application-surface-list-item\">\r\n                        <div class=\"belka-application-surface-checkmark-icon-wrapper\">\r\n                            <svg class=\"belka-application-surface-checkmark-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"belka-application-surface-list-text\">Beton\/Putz<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"belka-application-surface-list-item\">\r\n                        <div class=\"belka-application-surface-checkmark-icon-wrapper\">\r\n                            <svg class=\"belka-application-surface-checkmark-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"belka-application-surface-list-text\">Tapete<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"belka-application-surface-list-item\">\r\n                        <div class=\"belka-application-surface-checkmark-icon-wrapper\">\r\n                            <svg class=\"belka-application-surface-checkmark-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"belka-application-surface-list-text\">Glas<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"belka-application-surface-list-item\">\r\n                        <div class=\"belka-application-surface-checkmark-icon-wrapper\">\r\n                            <svg class=\"belka-application-surface-checkmark-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"belka-application-surface-list-text\">Metall<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"belka-application-surface-list-item\">\r\n                        <div class=\"belka-application-surface-checkmark-icon-wrapper\">\r\n                            <svg class=\"belka-application-surface-checkmark-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"belka-application-surface-list-text\">Gipskarton<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"belka-application-surface-list-item\">\r\n                        <div class=\"belka-application-surface-checkmark-icon-wrapper\">\r\n                            <svg class=\"belka-application-surface-checkmark-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"belka-application-surface-list-text\">Styropor<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"belka-application-surface-list-item\">\r\n                        <div class=\"belka-application-surface-checkmark-icon-wrapper\">\r\n                            <svg class=\"belka-application-surface-checkmark-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"belka-application-surface-list-text\">Alt-Anstrich<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Additional Information Text -->\r\n                <p class=\"belka-application-surface-additional-info-text\">\r\n                    Ideal f\u00fcr alle Oberfl\u00e4chen mit Wasserkontakt. Keine Grundierung n\u00f6tig.\r\n                <\/p>\r\n\r\n                <!-- Call to Action Button -->\r\n                <div class=\"belka-application-call-to-action-container\">\r\n\t\t\t\t<a href=\"\/de\/heizkosten-sparen\">\r\n                    <button class=\"belka-application-primary-cta-button\">\r\n                        <span>Sparpotenzial berechnen<\/span>\r\n                        <svg class=\"belka-application-cta-button-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/button>\r\n\t\t\t\t\t<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script src=\"https:\/\/www.youtube.com\/iframe_api\"><\/script>\r\n    <script>\r\n        \/**\r\n         * BELKA Application Section - Simple JavaScript\r\n         *\/\r\n        \r\n        let youtubePlayer = null;\r\n        \r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            initializeVideoPlayer();\r\n            initializeVideoModal();\r\n            console.log('Application section loaded successfully');\r\n        });\r\n\r\n        \/**\r\n         * Initialize Video Player\r\n         *\/\r\n        function initializeVideoPlayer() {\r\n            const videoCover = document.getElementById('videoCover');\r\n            const playButton = document.querySelector('.belka-video-cover-button');\r\n\r\n            if (!videoCover || !playButton) return;\r\n\r\n            \/\/ Click on video cover\r\n            videoCover.addEventListener('click', function(event) {\r\n                handleVideoPlay();\r\n            });\r\n\r\n            \/\/ Click on play button\r\n            playButton.addEventListener('click', function(event) {\r\n                event.stopPropagation();\r\n                handleVideoPlay();\r\n            });\r\n        }\r\n\r\n        \/**\r\n         * Initialize Video Modal (In-Place)\r\n         *\/\r\n        function initializeVideoModal() {\r\n            const videoContainer = document.getElementById('videoContainer');\r\n            const videoCover = document.getElementById('videoCover');\r\n            const youtubeFrame = document.getElementById('youtubePlayer');\r\n\r\n            if (!videoContainer || !videoCover) return;\r\n\r\n            \/\/ Video cover'a t\u0131kland\u0131\u011f\u0131nda video oynat\r\n            videoCover.addEventListener('click', function() {\r\n                videoCover.classList.add('hidden');\r\n                \r\n                \/\/ YouTube Player API'yi ba\u015flat\r\n                if (!youtubePlayer) {\r\n                    youtubePlayer = new YT.Player('youtubePlayer', {\r\n                        events: {\r\n                            'onReady': onYouTubePlayerReady,\r\n                            'onStateChange': onYouTubePlayerStateChange\r\n                        }\r\n                    });\r\n                } else {\r\n                    youtubePlayer.playVideo();\r\n                }\r\n            });\r\n        }\r\n\r\n        \/**\r\n         * Handle Video Play - Video cover'\u0131 gizle ve video oynat\r\n         *\/\r\n        function handleVideoPlay() {\r\n            console.log('Video play triggered - Video yerinde oynat\u0131l\u0131yor');\r\n            const videoCover = document.getElementById('videoCover');\r\n            \r\n            if (videoCover) {\r\n                videoCover.classList.add('hidden');\r\n            }\r\n            \r\n            \/\/ YouTube Player API'yi ba\u015flat\r\n            if (!youtubePlayer) {\r\n                youtubePlayer = new YT.Player('youtubePlayer', {\r\n                    events: {\r\n                        'onReady': onYouTubePlayerReady,\r\n                        'onStateChange': onYouTubePlayerStateChange\r\n                    }\r\n                });\r\n            } else {\r\n                youtubePlayer.playVideo();\r\n            }\r\n        }\r\n\r\n        \/**\r\n         * YouTube Player Ready Callback\r\n         *\/\r\n        function onYouTubePlayerReady(event) {\r\n            console.log('YouTube Player ready');\r\n            event.target.playVideo();\r\n        }\r\n\r\n        \/**\r\n         * ============================================================\r\n         * VIDEO PROGRESS TRACKING FOR GTM - %50 \u0130ZLEME TakiBi\r\n         * ============================================================\r\n         * Bu kod video'nun %50'sine ula\u015f\u0131ld\u0131\u011f\u0131nda GTM dataLayer'a event g\u00f6nderir\r\n         * Retargeting ve analytics i\u00e7in kullan\u0131l\u0131r\r\n         *\/\r\n        \r\n        function initializeVideoProgressTracking() {\r\n            \/\/ Video player'\u0131 se\u00e7 (HTML5 video elementi)\r\n            const video = document.querySelector('video'); \/\/ E\u011fer HTML5 video kullan\u0131yorsan\r\n            \r\n            if (!video) {\r\n                console.log('Video player bulunamad\u0131. YouTube\/Vimeo embed kullan\u0131yorsan a\u015fa\u011f\u0131daki alternatif y\u00f6ntemi kullan.');\r\n                return;\r\n            }\r\n            \r\n            let trackingFired = false;\r\n            const videoTitle = 'Belka Uygulama'; \/\/ Video ba\u015fl\u0131\u011f\u0131\r\n            \r\n            \/\/ Timeupdate event - video oynatt\u0131\u011f\u0131nda her \u00e7eyrek saniyede \u00e7al\u0131\u015f\u0131r\r\n            video.addEventListener('timeupdate', function() {\r\n                \/\/ Video'nun y\u00fczde ka\u00e7\u0131 izlendi hesapla\r\n                const percentage = (video.currentTime \/ video.duration) * 100;\r\n                \r\n                console.log('Video progress: ' + Math.round(percentage) + '%');\r\n                \r\n                \/\/ E\u011fer %50'ye ula\u015ft\u0131ysa ve daha \u00f6nce tetiklenmemi\u015fse\r\n                if (percentage >= 50 && !trackingFired) {\r\n                    console.log('50% izleme noktas\u0131na ula\u015f\u0131ld\u0131 - GTM event g\u00f6nderiliyor');\r\n                    \r\n                    \/\/ GTM DataLayer'a event push et\r\n                    if (window.dataLayer) {\r\n                        window.dataLayer.push({\r\n                            'event': 'video_progress_50',\r\n                            'video_title': videoTitle,\r\n                            'video_url': video.src,\r\n                            'timestamp': new Date().toISOString()\r\n                        });\r\n                    } else {\r\n                        console.warn('DataLayer bulunamad\u0131. GTM do\u011fru y\u00fcklenmedi mi?');\r\n                    }\r\n                    \r\n                    \/\/ Tekrar tetiklenmesini engelle\r\n                    trackingFired = true;\r\n                }\r\n            });\r\n            \r\n            \/\/ Video bitti\u011finde temizle (di\u011fer videolar i\u00e7in)\r\n            video.addEventListener('ended', function() {\r\n                trackingFired = false;\r\n            });\r\n        }\r\n\r\n        \/**\r\n         * ============================================================\r\n         * ALTERNAT\u0130F: YouTube IFrame Embed \u0130\u00e7in GTM Tracking\r\n         * ============================================================\r\n         * E\u011fer YouTube IFrame kullan\u0131yorsan bu kodu kullan\r\n         * https:\/\/www.youtube.com\/iframe_api referans\u0131n\u0131 head'e ekle\r\n         *\/\r\n        \r\n        function initializeYouTubeVideoTracking() {\r\n            \/\/ YouTube API'nin y\u00fcklenmesini bekle\r\n            if (!window.YT) {\r\n                console.log('YouTube API y\u00fcklenmedi. Bu sadece YouTube videolar\u0131 i\u00e7in gereklidir.');\r\n                return;\r\n            }\r\n            \r\n            \/\/ T\u00fcm YouTube iframe'leri se\u00e7\r\n            const youtubeFrames = document.querySelectorAll('iframe[src*=\"youtube\"]');\r\n            \r\n            youtubeFrames.forEach((iframe, index) => {\r\n                const player = new YT.Player(iframe, {\r\n                    events: {\r\n                        'onStateChange': onYouTubePlayerStateChange,\r\n                        'onPlaybackRateChange': onYouTubePlayerStateChange\r\n                    }\r\n                });\r\n                \r\n                \/\/ Her iframe i\u00e7in takip durumunu tut\r\n                iframe.dataset.progressTracked = 'false';\r\n                iframe.dataset.videoTitle = 'Belka Uygulama';\r\n            });\r\n        }\r\n\r\n        let video50PercentTracked = false;\r\n        let progressCheckInterval = null;\r\n\r\n        function onYouTubePlayerStateChange(event) {\r\n            const YT_PLAYING = 1;\r\n            const YT_ENDED = 0;\r\n            \r\n            if (event.data === YT_PLAYING) {\r\n                console.log('YouTube video oynat\u0131lmaya ba\u015fland\u0131');\r\n                \r\n                \/\/ %50 tracking'i s\u0131f\u0131rla video ba\u015f\u0131ndaki i\u00e7in\r\n                if (!video50PercentTracked) {\r\n                    \/\/ Her 250ms'de kontrol et\r\n                    progressCheckInterval = setInterval(() => {\r\n                        const duration = event.target.getDuration();\r\n                        const currentTime = event.target.getCurrentTime();\r\n                        \r\n                        if (duration > 0) {\r\n                            const percentage = (currentTime \/ duration) * 100;\r\n                            console.log('Video ilerleme: ' + Math.round(percentage) + '%');\r\n                            \r\n                            \/\/ %50'ye ula\u015ft\u0131ysa\r\n                            if (percentage >= 50 && !video50PercentTracked) {\r\n                                console.log('50% izleme noktas\u0131na ula\u015f\u0131ld\u0131 - GTM event g\u00f6nderiliyor');\r\n                                \r\n                                \/\/ GTM DataLayer'a event g\u00f6nder\r\n                                if (window.dataLayer) {\r\n                                    window.dataLayer.push({\r\n                                        'event': 'video_progress_50',\r\n                                        'video_title': 'Belka Uygulama',\r\n                                        'video_url': 'https:\/\/www.youtube.com\/watch?v=oM_nHcHsGVo',\r\n                                        'timestamp': new Date().toISOString()\r\n                                    });\r\n                                    console.log('GTM event ba\u015far\u0131yla g\u00f6nderildi!');\r\n                                } else {\r\n                                    console.warn('DataLayer bulunamad\u0131. GTM do\u011fru y\u00fcklenmedi mi?');\r\n                                }\r\n                                \r\n                                video50PercentTracked = true;\r\n                            }\r\n                        }\r\n                    }, 250);\r\n                }\r\n            } else if (event.data === YT_ENDED) {\r\n                \/\/ Video bitti\u011finde tracking'i s\u0131f\u0131rla\r\n                console.log('Video bitti - tracking s\u0131f\u0131rland\u0131');\r\n                video50PercentTracked = false;\r\n                if (progressCheckInterval) {\r\n                    clearInterval(progressCheckInterval);\r\n                }\r\n            }\r\n        }\r\n\r\n        \/**\r\n         * ============================================================\r\n         * ALTERNAT\u0130F: Video Player Click Trigger (Modal \u0130\u00e7in)\r\n         * ============================================================\r\n         * E\u011fer video oynatmas\u0131 t\u0131klamaya ba\u015flarsa GTM event g\u00f6nder\r\n         * (Modal videosu varsa kullan)\r\n         *\/\r\n        \r\n        function trackVideoPlayInitiated() {\r\n            \/\/ Tracking already handled by onYouTubePlayerStateChange\r\n        }\r\n        \r\n        \/\/ Video tracking aktif\r\n        trackVideoPlayInitiated();\r\n    <\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6b3694 elementor-widget elementor-widget-html\" data-id=\"a6b3694\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n\r\n\r\n        \/* ==========================================\r\n           Aesthetics Section Container\r\n           ========================================== *\/\r\n        .belka-aesthetics-section-container {\r\n            padding: 4rem 0 8rem;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .belka-aesthetics-content-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 1.5rem;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Section Heading\r\n           ========================================== *\/\r\n        .belka-aesthetics-heading-container {\r\n            max-width: 56rem;\r\n            margin: 0 auto 3rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .belka-aesthetics-main-headline-text {\r\n            font-size: 1.875rem;\r\n            font-weight: 700;\r\n            color: #111827;\r\n            margin-bottom: 1rem;\r\n            text-wrap: balance;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .belka-aesthetics-subheadline-description-text {\r\n            font-size: 1.125rem;\r\n            color: #4b5563;\r\n            text-wrap: pretty;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Gallery Section\r\n           ========================================== *\/\r\n        .belka-aesthetics-gallery-container {\r\n            max-width: 64rem;\r\n            margin: 0 auto 4rem;\r\n        }\r\n\r\n        \/* Desktop Gallery Grid *\/\r\n        .belka-aesthetics-gallery-grid-desktop {\r\n            display: none;\r\n        }\r\n\r\n        .belka-aesthetics-gallery-card-wrapper {\r\n            background-color: #ffffff;\r\n            border-radius: 0.5rem;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n            transition: box-shadow 0.3s ease, transform 0.3s ease;\r\n        }\r\n\r\n        .belka-aesthetics-gallery-card-wrapper:hover {\r\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n            transform: translateY(-4px);\r\n        }\r\n\r\n        .belka-aesthetics-gallery-image-container {\r\n            position: relative;\r\n            aspect-ratio: 1;\r\n        }\r\n\r\n        .belka-aesthetics-gallery-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .belka-aesthetics-gallery-badge {\r\n            position: absolute;\r\n            top: 1rem;\r\n            left: 1rem;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 0.375rem;\r\n            font-size: 0.875rem;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            background-color: #059669;\r\n        }\r\n\r\n        .belka-aesthetics-gallery-badge-emerald {\r\n            background-color: #059669;\r\n        }\r\n\r\n        .belka-aesthetics-gallery-badge-amber {\r\n            background-color: #d97706;\r\n        }\r\n\r\n        .belka-aesthetics-gallery-badge-blue {\r\n            background-color: #2563eb;\r\n        }\r\n\r\n        \/* Mobile Gallery Carousel *\/\r\n        .belka-aesthetics-gallery-carousel-mobile {\r\n            display: block;\r\n        }\r\n\r\n        .belka-aesthetics-carousel-navigation-controls {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-carousel-navigation-button {\r\n            padding: 0.5rem;\r\n            border-radius: 50%;\r\n            background-color: #f3f4f6;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: background-color 0.2s ease;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-carousel-navigation-button:hover {\r\n            background-color: #e5e7eb;\r\n        }\r\n\r\n        .belka-aesthetics-carousel-navigation-button svg {\r\n            color: #374151;\r\n        }\r\n\r\n        .belka-aesthetics-carousel-dots-container {\r\n            display: flex;\r\n            gap: 0.5rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-carousel-dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            min-width: 10px;\r\n            min-height: 10px;\r\n            border-radius: 50%;\r\n            background-color: #d1d5db;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: background-color 0.2s ease;\r\n            padding: 0;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-carousel-dot-active {\r\n            background-color: #059669;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Testimonials Section\r\n           ========================================== *\/\r\n        .belka-aesthetics-testimonials-container {\r\n            max-width: 42rem;\r\n            margin: 0 auto 4rem;\r\n        }\r\n\r\n        .belka-aesthetics-testimonial-card-wrapper {\r\n            background-color: #ffffff;\r\n            border: 2px solid #d1fae5;\r\n            border-radius: 0.5rem;\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .belka-aesthetics-testimonial-card-content {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        \/* Star Rating *\/\r\n        .belka-aesthetics-testimonial-star-rating-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 0.25rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .belka-aesthetics-testimonial-star-icon {\r\n            width: 1.5rem;\r\n            height: 1.5rem;\r\n        }\r\n\r\n        .belka-aesthetics-testimonial-star-filled {\r\n            fill: #059669;\r\n            color: #059669;\r\n        }\r\n\r\n        \/* Testimonial Quote *\/\r\n        .belka-aesthetics-testimonial-quote-text {\r\n            font-size: 1.125rem;\r\n            color: #374151;\r\n            text-align: center;\r\n            margin-bottom: 1rem;\r\n            line-height: 1.6;\r\n            text-wrap: balance;\r\n            min-height: 7.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* Testimonial Author *\/\r\n        .belka-aesthetics-testimonial-author-info {\r\n            text-align: center;\r\n            color: #4b5563;\r\n            font-weight: 500;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .belka-aesthetics-testimonial-author-name {\r\n            color: #111827;\r\n        }\r\n\r\n        .belka-aesthetics-testimonial-verified-badge {\r\n            color: #9ca3af;\r\n        }\r\n\r\n        \/* Testimonial Navigation *\/\r\n        .belka-aesthetics-testimonial-navigation-controls {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-testimonial-navigation-button {\r\n            padding: 0.375rem;\r\n            border-radius: 50%;\r\n            background-color: #f3f4f6;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: background-color 0.2s ease;\r\n            width: 2rem;\r\n            height: 2rem;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-testimonial-navigation-button:hover {\r\n            background-color: #e5e7eb;\r\n        }\r\n\r\n        .belka-aesthetics-testimonial-navigation-button svg {\r\n            color: #374151;\r\n            width: 1rem;\r\n            height: 1rem;\r\n        }\r\n\r\n        .belka-aesthetics-testimonial-dots-container {\r\n            display: flex;\r\n            gap: 0.5rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-testimonial-dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            min-width: 10px;\r\n            min-height: 10px;\r\n            border-radius: 50%;\r\n            background-color: #d1d5db;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: background-color 0.2s ease;\r\n            padding: 0;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-testimonial-dot-active {\r\n            background-color: #059669;\r\n        }\r\n\r\n        \/* ==========================================\r\n           FAQ Accordion Section\r\n           ========================================== *\/\r\n        .belka-aesthetics-faq-section-container {\r\n            max-width: 42rem;\r\n            margin: 0 auto 3rem;\r\n        }\r\n\r\n        .belka-aesthetics-faq-section-headline {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: #111827;\r\n            margin-bottom: 1.5rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .belka-aesthetics-faq-accordion-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .belka-aesthetics-faq-accordion-item {\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 0.5rem;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-faq-accordion-trigger {\r\n            width: 100%;\r\n            padding: 1.25rem 1.5rem;\r\n            background-color: #ffffff;\r\n            border: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            cursor: pointer;\r\n            transition: background-color 0.2s ease;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-faq-accordion-trigger:hover {\r\n            background-color: #f9fafb;\r\n        }\r\n\r\n        .belka-aesthetics-faq-accordion-question-text {\r\n            text-align: left;\r\n            font-weight: 600;\r\n            color: #111827;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .belka-aesthetics-faq-accordion-chevron-icon {\r\n            color: #6b7280;\r\n            flex-shrink: 0;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .belka-aesthetics-faq-accordion-item.belka-faq-accordion-item-open .belka-aesthetics-faq-accordion-chevron-icon {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .belka-aesthetics-faq-accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease;\r\n        }\r\n\r\n        .belka-aesthetics-faq-accordion-item.belka-faq-accordion-item-open .belka-aesthetics-faq-accordion-content {\r\n            max-height: 500px;\r\n        }\r\n\r\n        .belka-aesthetics-faq-accordion-answer-text {\r\n            padding: 1rem 1.5rem 1.25rem;\r\n            color: #4b5563;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Important Notice Section\r\n           ========================================== *\/\r\n        .belka-aesthetics-important-notice-container {\r\n            max-width: 42rem;\r\n            margin: 0 auto 3rem;\r\n            background-color: #fef3c7;\r\n            border-left: 4px solid #f59e0b;\r\n            border-radius: 0.5rem;\r\n            padding: 1.25rem 1.5rem;\r\n        }\r\n\r\n        .belka-aesthetics-important-notice-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .belka-aesthetics-important-notice-icon {\r\n            color: #f59e0b;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .belka-aesthetics-important-notice-title {\r\n            font-weight: 700;\r\n            color: #92400e;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .belka-aesthetics-important-notice-text {\r\n            color: #78350f;\r\n            line-height: 1.6;\r\n            font-size: 0.9375rem;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Final Call to Action\r\n           ========================================== *\/\r\n        .belka-aesthetics-final-cta-container {\r\n            max-width: 28rem;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-final-cta-button {\r\n            width: 100%;\r\n            background-color: #059669;\r\n            color: #ffffff;\r\n            border: none;\r\n            padding: 1rem 1.5rem;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            border-radius: 0.5rem;\r\n            cursor: pointer;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n            transition: background-color 0.2s ease, transform 0.2s ease;\r\n            height: 3.5rem;\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-final-cta-button:hover {\r\n            background-color: #047857;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .elementor-widget-html .belka-aesthetics-final-cta-button:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .belka-aesthetics-final-cta-icon {\r\n            width: 1.25rem;\r\n            height: 1.25rem;\r\n        }\r\n\r\n        .belka-aesthetics-final-cta-subtext {\r\n            font-size: 0.875rem;\r\n            color: #4b5563;\r\n            margin-top: 0.75rem;\r\n        }\r\n\r\n        \/* ==========================================\r\n           Tablet Responsive Styles (768px - 1023px)\r\n           ========================================== *\/\r\n        @media (min-width: 768px) {\r\n            .belka-aesthetics-section-container {\r\n                padding: 5rem 0;\r\n            }\r\n\r\n            .belka-aesthetics-main-headline-text {\r\n                font-size: 2.25rem;\r\n            }\r\n\r\n            .belka-aesthetics-gallery-grid-desktop {\r\n                display: grid;\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 1.5rem;\r\n            }\r\n\r\n            .belka-aesthetics-gallery-carousel-mobile {\r\n                display: none;\r\n            }\r\n\r\n            .belka-aesthetics-testimonial-card-content {\r\n                padding: 2.5rem 2rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Desktop Responsive Styles (1024px+)\r\n           ========================================== *\/\r\n        @media (min-width: 1024px) {\r\n            .belka-aesthetics-section-container {\r\n                padding: 5rem 0 8rem;\r\n            }\r\n\r\n            .belka-aesthetics-content-wrapper {\r\n                padding: 0 2rem;\r\n            }\r\n\r\n            .belka-aesthetics-main-headline-text {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .belka-aesthetics-subheadline-description-text {\r\n                font-size: 1.25rem;\r\n            }\r\n\r\n            .belka-aesthetics-gallery-grid-desktop {\r\n                gap: 2rem;\r\n            }\r\n\r\n            .belka-aesthetics-faq-section-headline {\r\n                font-size: 1.75rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Mobile Responsive Styles (max 640px)\r\n           ========================================== *\/\r\n        @media (max-width: 640px) {\r\n            .belka-aesthetics-section-container {\r\n                padding: 3rem 0 4rem;\r\n            }\r\n\r\n            .belka-aesthetics-heading-container {\r\n                margin-bottom: 2rem;\r\n            }\r\n\r\n            .belka-aesthetics-main-headline-text {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .belka-aesthetics-subheadline-description-text {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .belka-aesthetics-gallery-container {\r\n                margin-bottom: 3rem;\r\n            }\r\n\r\n            .belka-aesthetics-testimonials-container {\r\n                margin-bottom: 3rem;\r\n            }\r\n\r\n            .belka-aesthetics-testimonial-quote-text {\r\n                font-size: 1rem;\r\n                min-height: 6rem;\r\n            }\r\n\r\n            .belka-aesthetics-faq-section-headline {\r\n                font-size: 1.25rem;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           Focus Styles for Accessibility\r\n           ========================================== *\/\r\n        .elementor-widget-html .belka-aesthetics-carousel-navigation-button:focus,\r\n        .elementor-widget-html .belka-aesthetics-testimonial-navigation-button:focus,\r\n        .elementor-widget-html .belka-aesthetics-faq-accordion-trigger:focus,\r\n        .elementor-widget-html .belka-aesthetics-final-cta-button:focus {\r\n            outline: 2px solid #059669;\r\n            outline-offset: 2px;\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Aesthetics & Transformation Section -->\r\n    <section class=\"belka-aesthetics-section-container\">\r\n        <div class=\"belka-aesthetics-content-wrapper\">\r\n            \r\n            <!-- Section Heading -->\r\n            <div class=\"belka-aesthetics-heading-container\">\r\n                <h2 class=\"belka-aesthetics-main-headline-text\">\r\n                    W\u00e4rmed\u00e4mmung war noch nie so stilvoll.\r\n                <\/h2>\r\n                <p class=\"belka-aesthetics-subheadline-description-text\">\r\n                    Vergessen Sie kalte W\u00e4nde. 60+ Farben f\u00fcr jeden Stil.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Gallery Carousel Section -->\r\n            <div class=\"belka-aesthetics-gallery-container\">\r\n                \r\n                <!-- Desktop: Grid View (3 columns) -->\r\n                <div class=\"belka-aesthetics-gallery-grid-desktop\">\r\n                    <article class=\"belka-aesthetics-gallery-card-wrapper\">\r\n                        <div class=\"belka-aesthetics-gallery-image-container\">\r\n                            <img decoding=\"async\" \r\n                                src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-Vorher-Nachher-\u2013-Wohnzimmer-Transformation.jpg\" \r\n                                alt=\"Vorher-Nachher Wohnzimmer: Linke Seite mit kalter Standardwand, rechte Seite mit warmer Belka Wandbeschichtung f\u00fcr isolierten, gem\u00fctlichen Wohnraum\" \r\n                                class=\"belka-aesthetics-gallery-image\"\r\n                            \/>\r\n                            <span class=\"belka-aesthetics-gallery-badge belka-aesthetics-gallery-badge-emerald\">\r\n                                Vorher \/ Nachher\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"belka-aesthetics-gallery-card-wrapper\">\r\n                        <div class=\"belka-aesthetics-gallery-image-container\">\r\n                            <img decoding=\"async\" \r\n                                src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-\u2013-Makroaufnahme-der-weichen-textilen-Oberflaeche.jpg\" \r\n                                alt=\"Hand ber\u00fchrt die warme, weiche Belka Wandbeschichtung in Sandbeige \u2013 hochwertige Makrotextur f\u00fcr nat\u00fcrliche Innenr\u00e4ume\" \r\n                                class=\"belka-aesthetics-gallery-image\"\r\n                            \/>\r\n                            <span class=\"belka-aesthetics-gallery-badge belka-aesthetics-gallery-badge-amber\">\r\n                                Soft-Touch Struktur\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"belka-aesthetics-gallery-card-wrapper\">\r\n                        <div class=\"belka-aesthetics-gallery-image-container\">\r\n                            <img decoding=\"async\" \r\n                                src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-im-modernen-Wohnzimmer-\u2013-Warm-Stone-Grey.jpg\" \r\n                                alt=\"Modernes Wohnzimmer mit Belka Wandbeschichtung in Warm Stone Grey \u2013 nahtlose, textilartige Struktur hinter einem beigen Sofa\" \r\n                                class=\"belka-aesthetics-gallery-image\"\r\n                            \/>\r\n                            <span class=\"belka-aesthetics-gallery-badge belka-aesthetics-gallery-badge-blue\">\r\n                                Design & Komfort\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"belka-aesthetics-gallery-card-wrapper\">\r\n                        <div class=\"belka-aesthetics-gallery-image-container\">\r\n                            <img decoding=\"async\" \r\n                                src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-im-Schlafzimmer-\u2013-Soft-Sage-Green.jpg\" \r\n                                alt=\"Schlafzimmer mit beruhigender Belka Wandbeschichtung in Soft Sage Green hinter einem minimalistischen Holzbett mit wei\u00dfen Leinenstoffen\" \r\n                                class=\"belka-aesthetics-gallery-image\"\r\n                            \/>\r\n                            <span class=\"belka-aesthetics-gallery-badge belka-aesthetics-gallery-badge-emerald\">\r\n                                Schlafzimmer\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"belka-aesthetics-gallery-card-wrapper\">\r\n                        <div class=\"belka-aesthetics-gallery-image-container\">\r\n                            <img decoding=\"async\" \r\n                                src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-\u2013-Risse-und-Loecher-professionell-abdecken.jpg\" \r\n                                alt=\"Vorher-Nachher Wandvergleich: Links sichtbare Risse und alte Nagell\u00f6cher, rechts die gleiche Wand perfekt mit Belka Wandbeschichtung abgedeckt\" \r\n                                class=\"belka-aesthetics-gallery-image\"\r\n                            \/>\r\n                            <span class=\"belka-aesthetics-gallery-badge belka-aesthetics-gallery-badge-amber\">\r\n                                Risse abdecken\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <article class=\"belka-aesthetics-gallery-card-wrapper\">\r\n                        <div class=\"belka-aesthetics-gallery-image-container\">\r\n                            <img decoding=\"async\" \r\n                                src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-Querschnitt-Struktur-aus-Baumwollfasern-und-Mineralien.jpg\" \r\n                                alt=\"Mikroskopischer Querschnitt der Belka Baumwollputz-Struktur mit nat\u00fcrlichen Baumwollfasern und Mineralien\" \r\n                                class=\"belka-aesthetics-gallery-image\"\r\n                            \/>\r\n                            <span class=\"belka-aesthetics-gallery-badge belka-aesthetics-gallery-badge-blue\">\r\n                                Baumwollstruktur\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/article>\r\n                <\/div>\r\n\r\n                <!-- Mobile: Carousel -->\r\n                <div class=\"belka-aesthetics-gallery-carousel-mobile\">\r\n                    <article class=\"belka-aesthetics-gallery-card-wrapper\">\r\n                        <div class=\"belka-aesthetics-gallery-image-container\">\r\n                            <img decoding=\"async\" \r\n                                src=\"https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-Vorher-Nachher-\u2013-Wohnzimmer-Transformation.jpg\" \r\n                                alt=\"Vorher-Nachher Wohnzimmer: Linke Seite mit kalter Standardwand, rechte Seite mit warmer Belka Wandbeschichtung f\u00fcr isolierten, gem\u00fctlichen Wohnraum\" \r\n                                class=\"belka-aesthetics-gallery-image\"\r\n                                id=\"belka-aesthetics-current-gallery-image\"\r\n                            \/>\r\n                            <span class=\"belka-aesthetics-gallery-badge belka-aesthetics-gallery-badge-emerald\" id=\"belka-aesthetics-current-gallery-badge\">\r\n                                Vorher \/ Nachher\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/article>\r\n\r\n                    <!-- Carousel Navigation -->\r\n                    <div class=\"belka-aesthetics-carousel-navigation-controls\">\r\n                        <button \r\n                            class=\"belka-aesthetics-carousel-navigation-button belka-aesthetics-carousel-button-previous\"\r\n                            id=\"belka-gallery-previous-button\"\r\n                            aria-label=\"Vorheriges Bild\"\r\n                        >\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n\r\n                        <div class=\"belka-aesthetics-carousel-dots-container\" id=\"belka-gallery-dots-container\">\r\n                            <button class=\"belka-aesthetics-carousel-dot belka-aesthetics-carousel-dot-active\" data-slide-index=\"0\" aria-label=\"Bild 1\"><\/button>\r\n                            <button class=\"belka-aesthetics-carousel-dot\" data-slide-index=\"1\" aria-label=\"Bild 2\"><\/button>\r\n                            <button class=\"belka-aesthetics-carousel-dot\" data-slide-index=\"2\" aria-label=\"Bild 3\"><\/button>\r\n                            <button class=\"belka-aesthetics-carousel-dot\" data-slide-index=\"3\" aria-label=\"Bild 4\"><\/button>\r\n                            <button class=\"belka-aesthetics-carousel-dot\" data-slide-index=\"4\" aria-label=\"Bild 5\"><\/button>\r\n                            <button class=\"belka-aesthetics-carousel-dot\" data-slide-index=\"5\" aria-label=\"Bild 6\"><\/button>\r\n                        <\/div>\r\n\r\n                        <button \r\n                            class=\"belka-aesthetics-carousel-navigation-button belka-aesthetics-carousel-button-next\"\r\n                            id=\"belka-gallery-next-button\"\r\n                            aria-label=\"N\u00e4chstes Bild\"\r\n                        >\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Testimonials Section -->\r\n            <div class=\"belka-aesthetics-testimonials-container\">\r\n                <article class=\"belka-aesthetics-testimonial-card-wrapper\">\r\n                    <div class=\"belka-aesthetics-testimonial-card-content\">\r\n                        <!-- Star Rating -->\r\n                        <div class=\"belka-aesthetics-testimonial-star-rating-container\">\r\n                            <svg class=\"belka-aesthetics-testimonial-star-icon belka-aesthetics-testimonial-star-filled\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n                            <\/svg>\r\n                            <svg class=\"belka-aesthetics-testimonial-star-icon belka-aesthetics-testimonial-star-filled\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n                            <\/svg>\r\n                            <svg class=\"belka-aesthetics-testimonial-star-icon belka-aesthetics-testimonial-star-filled\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n                            <\/svg>\r\n                            <svg class=\"belka-aesthetics-testimonial-star-icon belka-aesthetics-testimonial-star-filled\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n                            <\/svg>\r\n                            <svg class=\"belka-aesthetics-testimonial-star-icon belka-aesthetics-testimonial-star-filled\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n                            <\/svg>\r\n                        <\/div>\r\n\r\n                        <!-- Testimonial Quote -->\r\n                        <blockquote class=\"belka-aesthetics-testimonial-quote-text\" id=\"belka-testimonial-quote-text\">\r\n                            \"Besuch dachte, es sei teurer Design-Putz. Dass es auch noch w\u00e4rmt, ist genial.\"\r\n                        <\/blockquote>\r\n\r\n                        <!-- Testimonial Author -->\r\n                        <p class=\"belka-aesthetics-testimonial-author-info\">\r\n                            <span class=\"belka-aesthetics-testimonial-author-name\" id=\"belka-testimonial-author-name\">Sabine K.<\/span>\r\n                            <span class=\"belka-aesthetics-testimonial-verified-badge\">\u2014 Verifizierter K\u00e4ufer<\/span>\r\n                        <\/p>\r\n\r\n                        <!-- Testimonial Navigation -->\r\n                        <div class=\"belka-aesthetics-testimonial-navigation-controls\">\r\n                            <button \r\n                                class=\"belka-aesthetics-testimonial-navigation-button\"\r\n                                id=\"belka-testimonial-previous-button\"\r\n                                aria-label=\"Vorherige Bewertung\"\r\n                            >\r\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                                <\/svg>\r\n                            <\/button>\r\n\r\n                            <div class=\"belka-aesthetics-testimonial-dots-container\" id=\"belka-testimonial-dots-container\">\r\n                                <button class=\"belka-aesthetics-testimonial-dot belka-aesthetics-testimonial-dot-active\" data-testimonial-index=\"0\" aria-label=\"Bewertung 1\"><\/button>\r\n                                <button class=\"belka-aesthetics-testimonial-dot\" data-testimonial-index=\"1\" aria-label=\"Bewertung 2\"><\/button>\r\n                                <button class=\"belka-aesthetics-testimonial-dot\" data-testimonial-index=\"2\" aria-label=\"Bewertung 3\"><\/button>\r\n                                <button class=\"belka-aesthetics-testimonial-dot\" data-testimonial-index=\"3\" aria-label=\"Bewertung 4\"><\/button>\r\n                            <\/div>\r\n\r\n                            <button \r\n                                class=\"belka-aesthetics-testimonial-navigation-button\"\r\n                                id=\"belka-testimonial-next-button\"\r\n                                aria-label=\"N\u00e4chste Bewertung\"\r\n                            >\r\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                                <\/svg>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n            <\/div>\r\n\r\n            <!-- FAQ Accordion Section -->\r\n            <div class=\"belka-aesthetics-faq-section-container\">\r\n                <h3 class=\"belka-aesthetics-faq-section-headline\">H\u00e4ufige Fragen<\/h3>\r\n\r\n                <div class=\"belka-aesthetics-faq-accordion-wrapper\">\r\n                    \r\n                    <!-- FAQ Item 1 -->\r\n                    <div class=\"belka-aesthetics-faq-accordion-item\">\r\n                        <button class=\"belka-aesthetics-faq-accordion-trigger\" data-faq-item=\"1\">\r\n                            <span class=\"belka-aesthetics-faq-accordion-question-text\">Verursacht eine Innend\u00e4mmung Schimmel?<\/span>\r\n                            <svg class=\"belka-aesthetics-faq-accordion-chevron-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        <div class=\"belka-aesthetics-faq-accordion-content\">\r\n                            <p class=\"belka-aesthetics-faq-accordion-answer-text\">\r\n                                Nein. Belka ist atmungsaktiv (diffusionsoffen). Es reguliert die Feuchtigkeit im Raum und verhindert Kondenswasser an der Wand \u2013 der Hauptgrund f\u00fcr Schimmel.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FAQ Item 2 -->\r\n                    <div class=\"belka-aesthetics-faq-accordion-item\">\r\n                        <button class=\"belka-aesthetics-faq-accordion-trigger\" data-faq-item=\"2\">\r\n                            <span class=\"belka-aesthetics-faq-accordion-question-text\">Wie viel Heizkosten kann ich wirklich sparen?<\/span>\r\n                            <svg class=\"belka-aesthetics-faq-accordion-chevron-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        <div class=\"belka-aesthetics-faq-accordion-content\">\r\n                            <p class=\"belka-aesthetics-faq-accordion-answer-text\">\r\n                                Kunden berichten von sp\u00fcrbar w\u00e4rmeren R\u00e4umen und reduzierten Heizkosten. Da Belka die K\u00e4lteabstrahlung der W\u00e4nde stoppt, erreichen Sie Ihre Wohlf\u00fchltemperatur schneller und g\u00fcnstiger.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FAQ Item 3 -->\r\n                    <div class=\"belka-aesthetics-faq-accordion-item\">\r\n                        <button class=\"belka-aesthetics-faq-accordion-trigger\" data-faq-item=\"3\">\r\n                            <span class=\"belka-aesthetics-faq-accordion-question-text\">Ist es f\u00fcr Mietwohnungen geeignet?<\/span>\r\n                            <svg class=\"belka-aesthetics-faq-accordion-chevron-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        <div class=\"belka-aesthetics-faq-accordion-content\">\r\n                            <p class=\"belka-aesthetics-faq-accordion-answer-text\">\r\n                                Ja. Sie k\u00f6nnen Belka jederzeit mit Wasser einweichen und r\u00fcckstandsfrei entfernen. Ideal f\u00fcr Mieter, die nicht dauerhaft renovieren d\u00fcrfen.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FAQ Item 4 -->\r\n                    <div class=\"belka-aesthetics-faq-accordion-item\">\r\n                        <button class=\"belka-aesthetics-faq-accordion-trigger\" data-faq-item=\"4\">\r\n                            <span class=\"belka-aesthetics-faq-accordion-question-text\">Was passiert bei Kratzern oder Besch\u00e4digungen?<\/span>\r\n                            <svg class=\"belka-aesthetics-faq-accordion-chevron-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        <div class=\"belka-aesthetics-faq-accordion-content\">\r\n                            <p class=\"belka-aesthetics-faq-accordion-answer-text\">\r\n                                Keine Sorge. Belka ist reparabel. Befeuchten Sie die besch\u00e4digte Stelle einfach mit Wasser und verreiben Sie sie neu. Der Schaden verschwindet spurlos \u2013 ideal f\u00fcr Haushalte mit Kindern oder Haustieren.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FAQ Item 5 -->\r\n                    <div class=\"belka-aesthetics-faq-accordion-item\">\r\n                        <button class=\"belka-aesthetics-faq-accordion-trigger\" data-faq-item=\"5\">\r\n                            <span class=\"belka-aesthetics-faq-accordion-question-text\">Zieht die Baumwoll-Oberfl\u00e4che Staub an?<\/span>\r\n                            <svg class=\"belka-aesthetics-faq-accordion-chevron-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        <div class=\"belka-aesthetics-faq-accordion-content\">\r\n                            <p class=\"belka-aesthetics-faq-accordion-answer-text\">\r\n                                Nein. Belka ist antistatisch, das hei\u00dft, es l\u00e4dt sich nicht elektrisch auf und zieht keinen Staub an. Sollte es dennoch n\u00f6tig sein, k\u00f6nnen Sie die Wand einfach absaugen.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Important Notice -->\r\n            <div class=\"belka-aesthetics-important-notice-container\">\r\n                <div class=\"belka-aesthetics-important-notice-header\">\r\n                    <svg class=\"belka-aesthetics-important-notice-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\r\n                        <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\r\n                        <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\r\n                    <\/svg>\r\n                    <h4 class=\"belka-aesthetics-important-notice-title\">Wichtiger Hinweis<\/h4>\r\n                <\/div>\r\n                <p class=\"belka-aesthetics-important-notice-text\">\r\n                    Sollten Sie bereits Schimmel an der Wand haben, entfernen Sie diesen bitte fachgerecht vor der Anwendung. Belka beugt neuem Schimmel vor, deckt aber keinen aktiven Pilzbefall ab.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Final Call to Action -->\r\n            <div class=\"belka-aesthetics-final-cta-container\">\r\n\t\t\t<a href=\"\/de\/heizkosten-sparen\">\r\n                <button class=\"belka-aesthetics-final-cta-button\">\r\n                    <span>Farben ansehen & Berechnen<\/span>\r\n                    <svg class=\"belka-aesthetics-final-cta-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                    <\/svg>\r\n                <\/button>\r\n\t\t\t<\/a>\t\r\n                <p class=\"belka-aesthetics-final-cta-subtext\">Inkl. kostenloser Muster-Option<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/**\r\n         * BELKA Aesthetics Section - JavaScript\r\n         * Gallery, Testimonials, FAQ\r\n         *\/\r\n\r\n        \/\/ Gallery Data\r\n        const gallerySlides = [\r\n            {\r\n                image: 'https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-Vorher-Nachher-\u2013-Wohnzimmer-Transformation.jpg',\r\n                label: 'Vorher \/ Nachher',\r\n                badgeClass: 'belka-aesthetics-gallery-badge-emerald'\r\n            },\r\n            {\r\n                image: 'https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-\u2013-Makroaufnahme-der-weichen-textilen-Oberflaeche.jpg',\r\n                label: 'Soft-Touch Struktur',\r\n                badgeClass: 'belka-aesthetics-gallery-badge-amber'\r\n            },\r\n            {\r\n                image: 'https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-im-modernen-Wohnzimmer-\u2013-Warm-Stone-Grey.jpg',\r\n                label: 'Design & Komfort',\r\n                badgeClass: 'belka-aesthetics-gallery-badge-blue'\r\n            },\r\n            {\r\n                image: 'https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-im-Schlafzimmer-\u2013-Soft-Sage-Green.jpg',\r\n                label: 'Schlafzimmer',\r\n                badgeClass: 'belka-aesthetics-gallery-badge-emerald'\r\n            },\r\n            {\r\n                image: 'https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/Belka-Wandbeschichtung-\u2013-Risse-und-Loecher-professionell-abdecken.jpg',\r\n                label: 'Risse abdecken',\r\n                badgeClass: 'belka-aesthetics-gallery-badge-amber'\r\n            },\r\n            {\r\n                image: 'https:\/\/gobelka.com\/de\/wp-content\/uploads\/2025\/11\/belka-tapete-Querschnitt-Struktur-aus-Baumwollfasern-und-Mineralien.jpg',\r\n                label: 'Baumwollstruktur',\r\n                badgeClass: 'belka-aesthetics-gallery-badge-blue'\r\n            }\r\n        ];\r\n\r\n        \/\/ Testimonials Data\r\n        const testimonials = [\r\n            {\r\n                text: 'Besuch dachte, es sei teurer Design-Putz. Dass es auch noch w\u00e4rmt, ist genial.',\r\n                author: 'Sabine K.'\r\n            },\r\n            {\r\n                text: 'Meine Heizkosten sind um 35% gesunken. Die Investition hat sich bereits nach einem Winter gelohnt!',\r\n                author: 'Thomas M.'\r\n            },\r\n            {\r\n                text: 'Endlich keine kalten W\u00e4nde mehr im Schlafzimmer. Die Kinder schlafen jetzt viel besser.',\r\n                author: 'Julia R.'\r\n            },\r\n            {\r\n                text: 'Einfache Anwendung, tolles Ergebnis. Als Heimwerker konnte ich das problemlos selbst machen.',\r\n                author: 'Michael B.'\r\n            }\r\n        ];\r\n\r\n        \/\/ State\r\n        let currentGalleryIndex = 0;\r\n        let currentTestimonialIndex = 0;\r\n\r\n        \/\/ Initialize\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            initGallery();\r\n            initTestimonials();\r\n            initFAQ();\r\n            console.log('Aesthetics section loaded successfully');\r\n        });\r\n\r\n        \/**\r\n         * Gallery Functions\r\n         *\/\r\n        function initGallery() {\r\n            const prevBtn = document.getElementById('belka-gallery-previous-button');\r\n            const nextBtn = document.getElementById('belka-gallery-next-button');\r\n            \r\n            if (!prevBtn || !nextBtn) return; \/\/ Desktop mode\r\n\r\n            prevBtn.addEventListener('click', () => navigateGallery('prev'));\r\n            nextBtn.addEventListener('click', () => navigateGallery('next'));\r\n\r\n            \/\/ Dot navigation\r\n            const dots = document.querySelectorAll('#belka-gallery-dots-container .belka-aesthetics-carousel-dot');\r\n            dots.forEach(dot => {\r\n                dot.addEventListener('click', function() {\r\n                    currentGalleryIndex = parseInt(this.dataset.slideIndex);\r\n                    updateGallery();\r\n                });\r\n            });\r\n\r\n            \/\/ Touch swipe\r\n            const carousel = document.querySelector('.belka-aesthetics-gallery-carousel-mobile');\r\n            let touchStartX = 0;\r\n            carousel.addEventListener('touchstart', e => touchStartX = e.changedTouches[0].screenX);\r\n            carousel.addEventListener('touchend', e => {\r\n                const touchEndX = e.changedTouches[0].screenX;\r\n                if (touchEndX < touchStartX - 50) navigateGallery('next');\r\n                if (touchEndX > touchStartX + 50) navigateGallery('prev');\r\n            });\r\n        }\r\n\r\n        function navigateGallery(direction) {\r\n            if (direction === 'next') {\r\n                currentGalleryIndex = (currentGalleryIndex + 1) % gallerySlides.length;\r\n            } else {\r\n                currentGalleryIndex = (currentGalleryIndex - 1 + gallerySlides.length) % gallerySlides.length;\r\n            }\r\n            updateGallery();\r\n        }\r\n\r\n        function updateGallery() {\r\n            const slide = gallerySlides[currentGalleryIndex];\r\n            const img = document.getElementById('belka-aesthetics-current-gallery-image');\r\n            const badge = document.getElementById('belka-aesthetics-current-gallery-badge');\r\n            \r\n            if (img) {\r\n                img.src = slide.image;\r\n                img.alt = slide.label;\r\n            }\r\n            \r\n            if (badge) {\r\n                badge.textContent = slide.label;\r\n                badge.className = 'belka-aesthetics-gallery-badge ' + slide.badgeClass;\r\n            }\r\n\r\n            \/\/ Update dots\r\n            document.querySelectorAll('#belka-gallery-dots-container .belka-aesthetics-carousel-dot').forEach((dot, i) => {\r\n                dot.classList.toggle('belka-aesthetics-carousel-dot-active', i === currentGalleryIndex);\r\n            });\r\n        }\r\n\r\n        \/**\r\n         * Testimonials Functions\r\n         *\/\r\n        function initTestimonials() {\r\n            const prevBtn = document.getElementById('belka-testimonial-previous-button');\r\n            const nextBtn = document.getElementById('belka-testimonial-next-button');\r\n            \r\n            if (!prevBtn || !nextBtn) return;\r\n\r\n            prevBtn.addEventListener('click', () => navigateTestimonial('prev'));\r\n            nextBtn.addEventListener('click', () => navigateTestimonial('next'));\r\n\r\n            \/\/ Dot navigation\r\n            const dots = document.querySelectorAll('#belka-testimonial-dots-container .belka-aesthetics-testimonial-dot');\r\n            dots.forEach(dot => {\r\n                dot.addEventListener('click', function() {\r\n                    currentTestimonialIndex = parseInt(this.dataset.testimonialIndex);\r\n                    updateTestimonial();\r\n                });\r\n            });\r\n        }\r\n\r\n        function navigateTestimonial(direction) {\r\n            if (direction === 'next') {\r\n                currentTestimonialIndex = (currentTestimonialIndex + 1) % testimonials.length;\r\n            } else {\r\n                currentTestimonialIndex = (currentTestimonialIndex - 1 + testimonials.length) % testimonials.length;\r\n            }\r\n            updateTestimonial();\r\n        }\r\n\r\n        function updateTestimonial() {\r\n            const testimonial = testimonials[currentTestimonialIndex];\r\n            const quote = document.getElementById('belka-testimonial-quote-text');\r\n            const author = document.getElementById('belka-testimonial-author-name');\r\n            \r\n            if (quote) quote.textContent = '\"' + testimonial.text + '\"';\r\n            if (author) author.textContent = testimonial.author;\r\n\r\n            \/\/ Update dots\r\n            document.querySelectorAll('#belka-testimonial-dots-container .belka-aesthetics-testimonial-dot').forEach((dot, i) => {\r\n                dot.classList.toggle('belka-aesthetics-testimonial-dot-active', i === currentTestimonialIndex);\r\n            });\r\n        }\r\n\r\n        \/**\r\n         * FAQ Accordion Functions\r\n         *\/\r\n        function initFAQ() {\r\n            const triggers = document.querySelectorAll('.belka-aesthetics-faq-accordion-trigger');\r\n            \r\n            triggers.forEach(trigger => {\r\n                trigger.addEventListener('click', function() {\r\n                    const item = this.closest('.belka-aesthetics-faq-accordion-item');\r\n                    const isOpen = item.classList.contains('belka-faq-accordion-item-open');\r\n                    \r\n                    \/\/ Close all\r\n                    document.querySelectorAll('.belka-aesthetics-faq-accordion-item').forEach(i => {\r\n                        i.classList.remove('belka-faq-accordion-item-open');\r\n                    });\r\n                    \r\n                    \/\/ Toggle current\r\n                    if (!isOpen) {\r\n                        item.classList.add('belka-faq-accordion-item-open');\r\n                    }\r\n                });\r\n            });\r\n        }\r\n    <\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8cc586f elementor-widget elementor-widget-html\" data-id=\"8cc586f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        \/* --- FOOTER ST\u0130L\u0130 --- *\/\r\n        .funnel-footer {\r\n            background-color: #f9fafb;\r\n            border-top: 1px solid #e5e7eb;\r\n            padding: 10px 5px 40px;\r\n            \/* KR\u0130T\u0130K: Mobildeki sat\u0131n al butonu alt\u0131nda kalmas\u0131n diye bo\u015fluk *\/\r\n           \r\n            font-family: 'Inter', sans-serif;\r\n            color: #4b5563;\r\n        }\r\n.countdown-bar,.bf-compact-banner{\r\n    display: none;\r\n}\r\n        .footer-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr; \/* Mobil: Tek kolon *\/\r\n            gap: 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Footer Ba\u015fl\u0131klar\u0131 *\/\r\n        .footer-heading {\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 15px;\r\n            color: #111827;\r\n        }\r\n\r\n        \/* G\u00dcVENL\u0130K & BADGES *\/\r\n        .badge-row {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        \/* SVG Rozet Placeholderlar\u0131 (Resim yerine) *\/\r\n        .trust-badge {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            border: 1px solid #d1d5db;\r\n            padding: 8px 12px;\r\n            border-radius: 6px;\r\n            background: white;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* L\u0130NKLER *\/\r\n        .link-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n        .link-list li { margin-bottom: 10px; }\r\n        .link-list a {\r\n            text-decoration: none;\r\n            color: #6b7280;\r\n            font-size: 14px;\r\n            transition: color 0.2s;\r\n        }\r\n        .link-list a:hover { color: #059669; text-decoration: underline; }\r\n\r\n        \/* \u00d6DEME \u0130KONLARI *\/\r\n        .payment-icons {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            font-size: 24px;\r\n            color: #374151;\r\n        }\r\n\r\n        \/* COPYRIGHT *\/\r\n        .copyright {\r\n            margin-top: 50px;\r\n            padding-top: 20px;\r\n            border-top: 1px solid #e5e7eb;\r\n            font-size: 12px;\r\n            color: #9ca3af;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* --- TABLET & DESKTOP AYARLARI --- *\/\r\n        @media (min-width: 768px) {\r\n            .footer-container {\r\n                grid-template-columns: repeat(3, 1fr); \/* 3 Kolon *\/\r\n                text-align: left;\r\n            }\r\n            .badge-row, .payment-icons {\r\n                justify-content: flex-start;\r\n            }\r\n            .funnel-footer {\r\n                padding-bottom: 40px; \/* Desktopta buton olmad\u0131\u011f\u0131 i\u00e7in normal bo\u015fluk *\/\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <div class=\"funnel-footer\">\r\n        <div class=\"footer-container\">\r\n            \r\n            <!-- KOLON 1: G\u00dcVEN -->\r\n            <div class=\"footer-col\">\r\n                <div class=\"footer-heading\">Qualit\u00e4t & Sicherheit<\/div>\r\n                <div class=\"badge-row\">\r\n                    <!-- MPA RNW Placeholder SVG -->\r\n                    <div class=\"trust-badge\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                        MPA RNW\r\n                    <\/div>\r\n                    <!-- Trustpilot Placeholder SVG -->\r\n                    <div class=\"trust-badge\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#059669\" stroke=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                        4.8\/5.0\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- KOLON 2: YASAL -->\r\n            <div class=\"footer-col\">\r\n                <div class=\"footer-heading\">Rechtliches<\/div>\r\n                <ul class=\"link-list\">\r\n                    <li><a href=\"\/de\/impressum\" target=\"_blank\">Impressum<\/a><\/li>\r\n                    <li><a href=\"\/de\/datenschutz\" target=\"_blank\">Datenschutzerkl\u00e4rung<\/a><\/li>\r\n                    <li><a href=\"\/de\/agb\" target=\"_blank\">AGB<\/a><\/li>\r\n                   \r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- KOLON 3: \u00d6DEME -->\r\n            <div class=\"footer-col\">\r\n                <div class=\"footer-heading\">Sicher Bezahlen<\/div>\r\n\r\n                <p style=\"font-size:12px; color:#999; margin-top:10px;\">SSL Verschl\u00fcsselte \u00dcbertragung<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- COPYRIGHT -->\r\n        <div class=\"copyright\">\r\n            &copy; <span id=\"currentYear\"><\/span> BELKA Tapete. Alle Rechte vorbehalten. Made in Germany.\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.getElementById(\"currentYear\").textContent = new Date().getFullYear();\r\n\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    \/\/ Bu fonksiyon butonu bulup gizler\r\n    function hideRevisitBtn() {\r\n        var btnWrapper = document.querySelector(\".cky-btn-revisit-wrapper\");\r\n        if (btnWrapper) {\r\n            btnWrapper.style.display = \"none\";\r\n            btnWrapper.style.visibility = \"hidden\";\r\n            btnWrapper.style.opacity = \"0\";\r\n            btnWrapper.style.pointerEvents = \"none\";\r\n        }\r\n    }\r\n\r\n    \/\/ Sayfa y\u00fcklenince bir kere \u00e7al\u0131\u015ft\u0131r\r\n    hideRevisitBtn();\r\n\r\n    \/\/ CookieYes sonradan DOM'a ekledi\u011finde de yakalamak i\u00e7in g\u00f6zlemci\r\n    var observer = new MutationObserver(function () {\r\n        hideRevisitBtn();\r\n    });\r\n\r\n    observer.observe(document.body, { childList: true, subtree: true });\r\n});\r\n\r\n\r\n<\/script>\r\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>Start Rechner Muster (8\u20ac) Jetzt Kaufen \ud83c\udfe0 Startseite \ud83e\uddee heizkosten-sparen \ud83d\udce6 Test-Paket (Muster) \ud83c\udfa8 Direkt Kaufen \u2190 Zur Hauptseite Schluss<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages\/46108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/comments?post=46108"}],"version-history":[{"count":235,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages\/46108\/revisions"}],"predecessor-version":[{"id":48544,"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/pages\/46108\/revisions\/48544"}],"wp:attachment":[{"href":"https:\/\/gobelka.com\/de\/wp-json\/wp\/v2\/media?parent=46108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}