{"id":972,"date":"2025-01-09T23:09:46","date_gmt":"2025-01-09T20:09:46","guid":{"rendered":"https:\/\/azgruppe.eu\/?page_id=972"},"modified":"2025-08-05T16:05:20","modified_gmt":"2025-08-05T13:05:20","slug":"glasschiebewande","status":"publish","type":"page","link":"https:\/\/azgruppe.eu\/tr\/glasschiebewande\/","title":{"rendered":"S\u00fcrg\u00fcl\u00fc cam duvarlar"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"972\" class=\"elementor elementor-972\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-21f99142 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"21f99142\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23404e0b\" data-id=\"23404e0b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2713b4b0 elementor-widget elementor-widget-heading\" data-id=\"2713b4b0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">S\u00fcrg\u00fcl\u00fc cam duvarlar<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4325e8d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4325e8d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe67474\" data-id=\"fe67474\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41ddf8f elementor-widget elementor-widget-html\" data-id=\"41ddf8f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 style=\"font-size:30px; border-bottom:3px solid red; padding-bottom:10px; color:#111;\">\n  <span style=\"color:#B22222;\">S\u00fcrg\u00fcl\u00fc cam duvarlar<\/span>: Eleganter Schutz & freie Sicht \u2013 bei jedem Wetter!\n<\/h1>\n\n<style>\n  @media (max-width: 600px) {\n    .responsive-image {\n      max-width: 100% !important;\n      float: none !important;\n      display: block;\n      margin: 0 auto 20px auto !important;\n    }\n  }\n<\/style>\n\n<img decoding=\"async\" \n  src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/01\/Veranda-Maximaal-Glazenschuifwanden.jpg\" \n  alt=\"Glasschiebewand auf einer modernen Terrasse von Azgruppe\" \n  class=\"responsive-image\"\n  style=\"    max-width:400px;     width:100%;     height:auto;     border-radius:15px;     box-shadow: 0 0 20px rgba(139, 0, 0, 0.7);     float:right;     margin-left:20px;     margin-bottom:20px;\" \n\/>\n\n<p style=\"color:#111;\">\n  <strong><span style=\"color:#B22222;\">Mehr Transparenz, mehr Schutz<\/span><\/strong> \u2013 mit einer hochwertigen \n  <span style=\"color:#B22222;\">Glasschiebewand<\/span> von Azgruppe verwandeln Sie Ihre Terrasse in einen gesch\u00fctzten, lichtdurchfluteten Raum. \n  Unsere rahmenlosen Systeme bieten <strong style=\"color:#B22222;\">Wetterschutz<\/strong> ohne Sichtverlust \u2013 perfekt kombinierbar mit einer \n  <strong style=\"color:#B22222;\">Veranda \u00e7at\u0131 kaplamas\u0131<\/strong> oder einem \n  <strong style=\"color:#B22222;\">Konservatuvar<\/strong>.\n<\/p>\n\n<h2 style=\"color:#111; font-size:28px;\">Ihre Vorteile mit einer Glasschiebewand von Azgruppe<\/h2>\n<ul style=\"color:#111;\">\n  <li><strong>Ganzglas-Optik:<\/strong> Nahezu unsichtbar, elegant und modern.<\/li>\n  <li><strong>Flexible Nutzung:<\/strong> Leicht verschiebbar \u2013 offen oder geschlossen, ganz wie Sie wollen.<\/li>\n  <li><strong>Wetterschutz:<\/strong> Schutz vor Regen, Wind und K\u00e4lte \u2013 ohne Ihre Aussicht zu beeintr\u00e4chtigen.<\/li>\n  <li><strong>Qualit\u00e4t & Langlebigkeit:<\/strong> Aus robustem Sicherheitsglas und hochwertigem Aluminium gefertigt.<\/li>\n  <li><strong>Individuelle Ma\u00dfe:<\/strong> Ma\u00dfgeschneiderte L\u00f6sungen f\u00fcr jede Terrasse oder \u00dcberdachung.<\/li>\n<\/ul>\n<br>\n\n<img decoding=\"async\" \n  src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/07\/terrassendach-pergola.jpeg\" \n  alt=\"Glasschiebewand kombiniert mit Terrassendach von Azgruppe\" \n  class=\"responsive-image\"\n  style=\"    max-width:400px;     width:100%;     height:auto;     border-radius:15px;     box-shadow: 0 0 20px rgba(139, 0, 0, 0.7);     float:left;     margin-right:20px;     margin-bottom:20px;\" \n\/>\n\n<h2 style=\"color:#111; font-size:28px;\">Ideal kombinierbar mit:<\/h2>\n<ul style=\"color:#111;\">\n  <li><a href=\"\/tr\/terrassenueberdachung\/\" style=\"color:#B22222;\">Avlu \u00e7at\u0131lar\u0131<\/a><\/li>\n  <li><a href=\"\/tr\/sonnenschutz\/\" style=\"color:#B22222;\">Elektrikli g\u00fcne\u015f korumas\u0131<\/a><\/li>\n  <li><a href=\"\/tr\/beschattung\/\" style=\"color:#B22222;\">Beschattungssystemen<\/a><\/li>\n  <li><a href=\"\/tr\/wintergarten\/\" style=\"color:#B22222;\">Winterg\u00e4rten<\/a><\/li>\n  <li><a href=\"\/tr\/carport\/\" style=\"color:#B22222;\">Carports mit Seitenw\u00e4nden<\/a><\/li>\n<\/ul>\n\n<h2 style=\"color:#111; font-size:28px;\">Rundum-Service von Azgruppe<\/h2>\n<p style=\"color:#111;\">\n  Von der <strong style=\"color:#B22222;\">Beratung<\/strong> \u00fcber die <strong style=\"color:#B22222;\">Planung<\/strong> bis zur \n  <strong style=\"color:#B22222;\">fachgerechten Montage<\/strong> \u2013 wir begleiten Sie bei jedem Schritt. Unsere Experten entwickeln gemeinsam mit Ihnen eine \n  ma\u00dfgeschneiderte L\u00f6sung f\u00fcr Ihre Terrasse.\n<\/p>\n\n<h2 style=\"color:#111; font-size:28px;\">Warum Glasschiebew\u00e4nde von Azgruppe?<\/h2>\n<ul style=\"color:#111;\">\n  <li>\u2705 Ma\u00dfgefertigte L\u00f6sungen f\u00fcr jeden Bedarf<\/li>\n  <li>\u2705 Hochwertige Materialien und moderne Technik<\/li>\n  <li>\u2705 Kombination mit \u00dcberdachung, Sonnenschutz & mehr<\/li>\n  <li>\u2705 Kompetente Beratung & professionelle Montage<\/li>\n  <li>\u2705 100 % Transparenz \u2013 keine versteckten Kosten<\/li>\n<\/ul>\n\n<h2 style=\"color:#111; font-size:28px;\">Jetzt unverbindlich beraten lassen<\/h2>\n<p style=\"color:#111;\">\n  Machen Sie Ihre Terrasse wetterunabh\u00e4ngig \u2013 mit einer modernen \n  <strong style=\"color:#B22222;\">Glasschiebewand<\/strong> von Azgruppe. Kontaktieren Sie uns jetzt und erhalten Sie Ihr pers\u00f6nliches Angebot!\n<\/p>\n\n<p style=\"text-align: center;\">\n  <a \n    href=\"https:\/\/azgruppe.eu\/tr\/unverbindliches-angebot-anfordern\/\" \n    style=\"      display:inline-block;       background-color:#B22222;       color:white;       padding:12px 20px;       border-radius:12px;       text-decoration:none;       margin: 20px 0 0 0;       box-shadow: 0 0 10px rgba(139, 0, 0, 0.8);      font-weight: 600;      width: max-content;      cursor: pointer;    \"\n  >\n    Fiyat teklifi isteyin\n  <\/a>\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2849422 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2849422\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-89f3483\" data-id=\"89f3483\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-60ac2b8 elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"60ac2b8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"az\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Kundenprojekte - Modern Gallery<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Arial', sans-serif;\n            background-color: #f8f9fa;\n            padding: 40px 20px;\n        }\n\n        .gallery-section {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .section-title {\n            font-size: 2.5rem;\n            font-weight: 900;\n            color: #000;\n            margin-bottom: 10px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -8px;\n            left: 0;\n            width: 60%;\n            height: 4px;\n            background: linear-gradient(90deg, #e91e63 0%, #e91e63 80%, rgba(233, 30, 99, 0.3) 100%);\n        }\n\n        .slider-container {\n            margin-top: 50px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .slider-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(255, 255, 255, 0.9);\n            border: none;\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 20px;\n            color: #333;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            z-index: 10;\n        }\n\n        .slider-arrow:hover {\n            background: #fff;\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n            transform: translateY(-50%) scale(1.1);\n        }\n\n        .slider-arrow.prev {\n            left: 20px;\n        }\n\n        .slider-arrow.next {\n            right: 20px;\n        }\n\n        \/* Lightbox styles *\/\n        .lightbox {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.9);\n            z-index: 1000;\n            cursor: pointer;\n        }\n\n        .lightbox.active {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .lightbox img {\n            max-width: 90%;\n            max-height: 90%;\n            object-fit: contain;\n            border-radius: 10px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n        }\n\n        .lightbox-close {\n            position: absolute;\n            top: 30px;\n            right: 40px;\n            color: white;\n            font-size: 40px;\n            font-weight: bold;\n            cursor: pointer;\n            z-index: 1001;\n            transition: opacity 0.3s ease;\n        }\n\n        .lightbox-close:hover {\n            opacity: 0.7;\n        }\n\n        .slider-wrapper {\n            display: flex;\n            transition: transform 0.5s ease-in-out;\n        }\n\n        .slide {\n            min-width: 100%;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 15px;\n        }\n\n        .gallery-item {\n            position: relative;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            background: #ffffff;\n        }\n\n        .gallery-item:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n        }\n\n        .gallery-item img {\n            width: 100%;\n            height: 200px;\n            object-fit: cover;\n            object-position: center;\n            transition: transform 0.3s ease;\n            cursor: pointer;\n        }\n\n        .gallery-item:hover img {\n            transform: scale(1.05);\n        }\n\n        .gallery-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, \n                rgba(74, 144, 226, 0.3) 0%, \n                rgba(80, 200, 120, 0.3) 50%, \n                rgba(255, 107, 107, 0.3) 100%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .gallery-item:hover::before {\n            opacity: 1;\n        }\n\n        \/* Navigation dots *\/\n        .gallery-navigation {\n            display: flex;\n            justify-content: center;\n            gap: 10px;\n            margin-top: 40px;\n        }\n\n        .nav-dot {\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            background: #ddd;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .nav-dot.active {\n            background: #4a90e2;\n            transform: scale(1.2);\n        }\n\n        .nav-dot:hover {\n            background: #4a90e2;\n        }\n\n        \/* Responsive design *\/\n        @media (max-width: 1024px) and (min-width: 769px) {\n            \/* Tablet styles *\/\n            .slide {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 20px;\n            }\n            \n            .gallery-item img {\n                height: 220px;\n            }\n            \n            \/* Hide third image on tablet *\/\n            .slide .gallery-item:nth-child(3) {\n                display: none;\n            }\n            \n            .slider-arrow {\n                width: 45px;\n                height: 45px;\n                font-size: 18px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            \/* Mobile styles - Her g\u00f6rseli ayr\u0131 slide yapmak i\u00e7in *\/\n            .slider-wrapper {\n                \/* JavaScript ile dinamik olarak olu\u015fturulacak *\/\n            }\n            \n            .slide {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 0;\n                min-height: 300px;\n            }\n            \n            .gallery-item {\n                width: 100%;\n                max-width: 100%;\n                margin: 0;\n                border-radius: 15px;\n                overflow: hidden;\n            }\n            \n            .section-title {\n                font-size: 1.8rem;\n            }\n            \n            .gallery-item img {\n                height: 250px;\n                width: 100%;\n                object-fit: cover;\n                border-radius: 15px;\n            }\n            \n            .slider-arrow {\n                width: 40px;\n                height: 40px;\n                font-size: 16px;\n                background: rgba(255, 255, 255, 0.8);\n            }\n            \n            .slider-arrow.prev {\n                left: 15px;\n            }\n            \n            .slider-arrow.next {\n                right: 15px;\n            }\n\n            \/* Mobil navigation dots ayarlar\u0131 *\/\n            .gallery-navigation {\n                margin-top: 30px;\n            }\n\n            .nav-dot {\n                width: 10px;\n                height: 10px;\n            }\n        }\n\n        \/* Animation for page load *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .gallery-item {\n            animation: fadeInUp 0.6s ease forwards;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"gallery-section\">\n        <h2 class=\"section-title\">KUNDENPROJEKTE<\/h2>\n        \n        <div class=\"slider-container\">\n            <button class=\"slider-arrow prev\" id=\"prevBtn\">\u2039<\/button>\n            <button class=\"slider-arrow next\" id=\"nextBtn\">\u203a<\/button>\n            \n            <div class=\"slider-wrapper\" id=\"sliderWrapper\">\n                <!-- Slide 1 -->\n                <div class=\"slide\">\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/01\/Veranda-Maximaal-Glazenschuifwanden.jpg\" alt=\"Modern Terrace Design\">\n                    <\/div>\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/07\/Glasschiebewand-.jpeg\" alt=\"Glass Extension\">\n                    <\/div>\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/07\/wintergarten_wisbaden.jpg\" alt=\"Modern Architecture\">\n                    <\/div>\n                <\/div>\n                \n                <!-- Slide 2 -->\n                <div class=\"slide\">\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/08\/Balkonuberdachungen_Schiebetur-fur-die-Terrasse.jpg\" alt=\"Garden Room\">\n                    <\/div>\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/08\/slide.jpg\" alt=\"Pool House\">\n                    <\/div>\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/07\/wintergarten_mainz.jpg\" alt=\"Glass House\">\n                    <\/div>\n                <\/div>\n                \n                <!-- Slide 3 -->\n                <div class=\"slide\">\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/07\/Wintergarten-1.jpeg\">\n                    <\/div>\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-29-at-12.43.58-6.jpeg\" alt=\"Sunroom\">\n                    <\/div>\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/08\/Balkonuberdachungen.jpg\" alt=\"Winter Garden\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"gallery-navigation\" id=\"galleryNavigation\">\n            <div class=\"nav-dot active\" data-slide=\"0\"><\/div>\n            <div class=\"nav-dot\" data-slide=\"1\"><\/div>\n            <div class=\"nav-dot\" data-slide=\"2\"><\/div>\n        <\/div>\n        \n        <!-- Lightbox -->\n        <div class=\"lightbox\" id=\"lightbox\">\n            <span class=\"lightbox-close\" id=\"lightboxClose\">\u00d7<\/span>\n            <img decoding=\"async\" id=\"lightboxImg\" src=\"\" alt=\"\">\n        <\/div>\n    <\/div>\n\n    <script>\n        const sliderWrapper = document.getElementById('sliderWrapper');\n        const galleryNavigation = document.getElementById('galleryNavigation');\n        const prevBtn = document.getElementById('prevBtn');\n        const nextBtn = document.getElementById('nextBtn');\n        let currentSlide = 0;\n        let totalSlides = 3;\n        let isMobile = false;\n\n        \/\/ Mobil kontrol fonksiyonu\n        function checkMobile() {\n            return window.innerWidth <= 768;\n        }\n\n        \/\/ Mobil i\u00e7in slider'\u0131 yeniden d\u00fczenle\n        function restructureForMobile() {\n            if (checkMobile() && !isMobile) {\n                isMobile = true;\n                \n                \/\/ T\u00fcm g\u00f6rselleri topla\n                const allImages = [];\n                const originalSlides = sliderWrapper.querySelectorAll('.slide');\n                \n                originalSlides.forEach(slide => {\n                    const items = slide.querySelectorAll('.gallery-item');\n                    items.forEach(item => {\n                        allImages.push(item.cloneNode(true));\n                    });\n                });\n\n                \/\/ Slider'\u0131 temizle\n                sliderWrapper.innerHTML = '';\n                \n                \/\/ Her g\u00f6rsel i\u00e7in ayr\u0131 slide olu\u015ftur\n                allImages.forEach(item => {\n                    const newSlide = document.createElement('div');\n                    newSlide.className = 'slide';\n                    newSlide.appendChild(item);\n                    sliderWrapper.appendChild(newSlide);\n                });\n\n                \/\/ Toplam slide say\u0131s\u0131n\u0131 g\u00fcncelle (9 slide)\n                totalSlides = allImages.length;\n                currentSlide = 0;\n\n                \/\/ Navigation dots'lar\u0131 g\u00fcncelle (9 dot)\n                updateNavigationDots();\n                \n            } else if (!checkMobile() && isMobile) {\n                \/\/ Desktop'a geri d\u00f6n\u00fcld\u00fc\u011f\u00fcnde orijinal yap\u0131y\u0131 geri y\u00fckle\n                location.reload();\n            }\n        }\n\n        \/\/ Navigation dots'lar\u0131 g\u00fcncelle\n        function updateNavigationDots() {\n            galleryNavigation.innerHTML = '';\n            \n            for (let i = 0; i < totalSlides; i++) {\n                const dot = document.createElement('div');\n                dot.className = i === 0 ? 'nav-dot active' : 'nav-dot';\n                dot.setAttribute('data-slide', i);\n                dot.addEventListener('click', () => {\n                    currentSlide = i;\n                    updateSlider();\n                });\n                galleryNavigation.appendChild(dot);\n            }\n        }\n\n        \/\/ Arrow click handlers\n        prevBtn.addEventListener('click', () => {\n            currentSlide = currentSlide === 0 ? totalSlides - 1 : currentSlide - 1;\n            updateSlider();\n        });\n\n        nextBtn.addEventListener('click', () => {\n            currentSlide = (currentSlide + 1) % totalSlides;\n            updateSlider();\n        });\n\n        function updateSlider() {\n            \/\/ Move slider\n            const translateX = -currentSlide * 100;\n            sliderWrapper.style.transform = `translateX(${translateX}%)`;\n            \n            \/\/ Update active dot\n            const dots = galleryNavigation.querySelectorAll('.nav-dot');\n            dots.forEach(dot => dot.classList.remove('active'));\n            if (dots[currentSlide]) {\n                dots[currentSlide].classList.add('active');\n            }\n        }\n\n        \/\/ Auto slide\n        let autoSlideInterval = setInterval(() => {\n            currentSlide = (currentSlide + 1) % totalSlides;\n            updateSlider();\n        }, 5000);\n\n        \/\/ Hover effects and lightbox\n        function initializeGalleryItems() {\n            const galleryItems = document.querySelectorAll('.gallery-item');\n            const lightbox = document.getElementById('lightbox');\n            const lightboxImg = document.getElementById('lightboxImg');\n            const lightboxClose = document.getElementById('lightboxClose');\n\n            galleryItems.forEach(item => {\n                const img = item.querySelector('img');\n                \n                \/\/ Hover effects\n                item.addEventListener('mouseenter', () => {\n                    item.style.transform = 'translateY(-5px) scale(1.02)';\n                });\n                \n                item.addEventListener('mouseleave', () => {\n                    item.style.transform = 'translateY(0) scale(1)';\n                });\n\n                \/\/ Lightbox functionality\n                img.addEventListener('click', () => {\n                    lightboxImg.src = img.src.replace('w=800&h=600', 'w=1200&h=900');\n                    lightbox.classList.add('active');\n                    document.body.style.overflow = 'hidden';\n                });\n            });\n\n            \/\/ Close lightbox\n            lightboxClose.addEventListener('click', closeLightbox);\n            lightbox.addEventListener('click', (e) => {\n                if (e.target === lightbox) {\n                    closeLightbox();\n                }\n            });\n        }\n\n        \/\/ Close lightbox with ESC key\n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'Escape' && document.getElementById('lightbox').classList.contains('active')) {\n                closeLightbox();\n            }\n        });\n\n        function closeLightbox() {\n            document.getElementById('lightbox').classList.remove('active');\n            document.body.style.overflow = 'auto';\n        }\n\n        \/\/ Resize event listener\n        window.addEventListener('resize', () => {\n            clearInterval(autoSlideInterval);\n            restructureForMobile();\n            initializeGalleryItems();\n            \n            \/\/ Auto slide'\u0131 yeniden ba\u015flat\n            autoSlideInterval = setInterval(() => {\n                currentSlide = (currentSlide + 1) % totalSlides;\n                updateSlider();\n            }, 5000);\n        });\n\n        \/\/ Sayfa y\u00fcklendi\u011finde\n        document.addEventListener('DOMContentLoaded', () => {\n            restructureForMobile();\n            initializeGalleryItems();\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5974d98 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5974d98\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6414ee8\" data-id=\"6414ee8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9ee3754 elementor-widget elementor-widget-html\" data-id=\"9ee3754\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"az\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Icon Grid<\/title>\n  <link\n    rel=\"stylesheet\"\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\"\n  \/>\n  <style>\n    body {\n      font-family: sans-serif;\n      margin: 0;\n      padding: 20px;\n      background-color: #f9f9f9;\n    }\n\n    .icon-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 30px;\n      margin: 40px 0;\n      color: #111;\n    }\n\n    .icon-box {\n      text-align: center;\n      padding: 20px;\n      border: 1px solid #eee;\n      border-radius: 12px;\n      transition: all 0.3s ease;\n      opacity: 0;\n      transform: translateY(20px);\n      animation: fadeInUp 0.6s ease forwards;\n      background-color: #fff;\n    }\n\n    .icon-box:hover {\n      box-shadow: 0 0 15px rgba(178, 34, 34, 0.3);\n      transform: translateY(-5px);\n    }\n\n    \/* \u0130kon *\/\n    .icon-box i {\n      font-size: 36px;\n      color: #B22222;\n      margin-bottom: 10px;\n      display: block;\n    }\n\n    \/* Yaz\u0131 *\/\n    .icon-box p {\n      margin: 0;\n      font-weight: 500;\n      font-size: 14px;\n      color: #333;\n      word-break: break-word;\n    }\n    @media (max-width: 768px) {\n      .icon-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"icon-grid\">\n    <!-- \u0130lk s\u0131ra -->\n    <div class=\"icon-box\"><i class=\"fas fa-certificate\"><\/i><p>2 Jahre Garantie<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-volume-mute\"><\/i><p>Schalld\u00e4mmung<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-shield-alt\"><\/i><p>Isolierung & Abdichtung<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-palette\"><\/i><p>Gro\u00dfe Farbauswahl<\/p><\/div>\n\n    <!-- \u0130kinci s\u0131ra -->\n    <div class=\"icon-box\"><i class=\"fas fa-cogs\"><\/i><p>Ersatzteile<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-fire\"><\/i><p>Feuerbest\u00e4ndig<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-wifi\"><\/i><p>Fernbedienung<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-sync-alt\"><\/i><p>Automatische Steuerung<\/p><\/div>\n\n    <!-- \u00dc\u00e7\u00fcnc\u00fc s\u0131ra -->\n    <div class=\"icon-box\"><i class=\"fas fa-wind\"><\/i><p>Bel\u00fcftungsfunktion<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-temperature-high\"><\/i><p>Mit W\u00e4rmeschutzglas<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-award\"><\/i><p>Erstklassiges Material<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-mug-hot\"><\/i><p>Freiheit & Komfort<\/p><\/div>\n\n    <!-- D\u00f6rd\u00fcnc\u00fc s\u0131ra -->\n    <div class=\"icon-box\"><i class=\"fas fa-wind\"><\/i><p>Windschutz & Sicherheit<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-ruler-combined\"><\/i><p>Individuelle Ma\u00dfanfertigung<\/p><\/div>\n    <div class=\"icon-box\"><i class=\"fas fa-door-closed\"><\/i><p>Sicheres Glasgel\u00e4nder<\/p><\/div>\n  <\/div>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bccff28 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bccff28\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;opacity-tilt&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 2600 131.1\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-56193f86\" data-id=\"56193f86\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e72c643 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"3e72c643\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"material-icons md-document_scanner\" data-md-icon=\"document_scanner\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f51e77 elementor-widget elementor-widget-counter\" data-id=\"f51e77\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Projeler <\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"100\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3bb60652\" data-id=\"3bb60652\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-712ba4fd elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"712ba4fd\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-users\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16d6bd71 elementor-widget elementor-widget-counter\" data-id=\"16d6bd71\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Gl\u00fcckliche Kunden<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"1000\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-33ae5301\" data-id=\"33ae5301\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b5ee05f elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"b5ee05f\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-calendar-alt\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ae05574 elementor-widget elementor-widget-counter\" data-id=\"7ae05574\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Jahr mit dir<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"19\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Glasschiebew\u00e4nde: Eleganter Schutz &#038; freie Sicht \u2013 bei jedem Wetter! Mehr Transparenz, mehr Schutz \u2013 mit einer hochwertigen Glasschiebewand von Azgruppe verwandeln Sie Ihre Terrasse in einen gesch\u00fctzten, lichtdurchfluteten Raum. Unsere rahmenlosen Systeme bieten Wetterschutz ohne Sichtverlust \u2013 perfekt kombinierbar mit einer Terrassen\u00fcberdachung oder einem Wintergarten. Ihre Vorteile mit einer Glasschiebewand von Azgruppe Ganzglas-Optik: Nahezu [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-972","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/comments?post=972"}],"version-history":[{"count":92,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/972\/revisions"}],"predecessor-version":[{"id":2455,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/972\/revisions\/2455"}],"wp:attachment":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/media?parent=972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}