{"id":997,"date":"2025-01-16T10:36:40","date_gmt":"2025-01-16T07:36:40","guid":{"rendered":"https:\/\/azgruppe.eu\/?page_id=997"},"modified":"2026-01-26T11:58:04","modified_gmt":"2026-01-26T08:58:04","slug":"elektrischem-sonnenschutz","status":"publish","type":"page","link":"https:\/\/azgruppe.eu\/tr\/elektrischem-sonnenschutz\/","title":{"rendered":"Elektrikli g\u00fcne\u015f korumas\u0131"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"997\" class=\"elementor elementor-997\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-77fd6794 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"77fd6794\" 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-50ccabd1\" data-id=\"50ccabd1\" 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-243dc69f elementor-widget elementor-widget-heading\" data-id=\"243dc69f\" 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\">Elektrikli g\u00fcne\u015f korumas\u0131<\/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-f4adcc4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f4adcc4\" 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-fe78322\" data-id=\"fe78322\" 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-a1f86b1 elementor-widget elementor-widget-html\" data-id=\"a1f86b1\" 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:4px solid #B22222;   padding-bottom:10px;   color:#111;  display: inline-block;\">\n  <span style=\"color:#B22222;\">Elektrischer Sonnenschutz<\/span>: Komfortabler Schatten auf Knopfdruck!\n<\/h1>\n\n<style>\n  @media (max-width: 768px) {\n    .responsive-image {\n      max-width: 100% !important;\n      float: none !important;\n      display: block;\n      margin: 0 auto 20px auto !important;\n    }\n    .flex-container {\n      flex-direction: column;\n    }\n  }\n<\/style>\n\n<p style=\"color:#111;\">\n  Genie\u00dfen Sie optimalen Hitzeschutz und moderne Eleganz mit unserem \n  <strong style=\"color:#B22222;\">elektrischen Sonnenschutz<\/strong> \u2013 speziell als <strong>Aufdachmarkise<\/strong> entwickelt. \n  Diese Systeme werden direkt auf dem Glasdach Ihres Wintergartens oder Ihrer Terrassen\u00fcberdachung montiert und bieten damit \n  nicht nur effektiven Schutz vor Sonnenstrahlen, sondern sorgen auch f\u00fcr ein angenehmes Raumklima \u2013 zu jeder Jahreszeit.\n<\/p>\n\n<p style=\"color:#111;\">\n  Dank der <strong>elektrischen Steuerung<\/strong> l\u00e4sst sich der Sonnenschutz bequem per Fernbedienung oder Smart Home-System \u00f6ffnen und schlie\u00dfen \u2013 ganz ohne M\u00fche. \n  Die elegante Bauweise sorgt f\u00fcr eine harmonische Integration in jede Architektur. \n  Perfekt f\u00fcr Wohnr\u00e4ume, Winterg\u00e4rten, Caf\u00e9s oder Au\u00dfenbereiche von Unternehmen.\n<\/p>\n\n<div class=\"flex-container\" style=\"display:flex; gap:30px; align-items:flex-start; margin-top:40px;\">\n\n  <div style=\"flex:1;\">\n    <h2 style=\"color:#111; font-size:24px; margin-bottom:20px;\">Eigenschaften<\/h2>\n    <ul style=\"color:#111; list-style:none; padding-left:0;\">\n      <li style=\"margin-bottom:12px;\">\u2714 Einsetzbar f\u00fcr Terrassend\u00e4cher & Winterg\u00e4rten (Aufdachmontage)<\/li>\n      <li style=\"margin-bottom:12px;\">\u2714 Effektiver Hitzeschutz durch Reflexion der Sonnenstrahlen<\/li>\n      <li style=\"margin-bottom:12px;\">\u2714 Komfortable elektrische Steuerung (auch per App m\u00f6glich)<\/li>\n      <li style=\"margin-bottom:12px;\">\u2714 Kein Raumverlust \u2013 Montage au\u00dferhalb des Raumes<\/li>\n      <li style=\"margin-bottom:12px;\">\u2714 Modernes Design mit langlebigen Materialien<\/li>\n      <li style=\"margin-bottom:12px;\">\u2714 Verbesserte Windbest\u00e4ndigkeit dank seitlicher Tuchf\u00fchrung<\/li>\n    <\/ul>\n  <\/div>\n\n  <div style=\"flex:1;\">\n    <img decoding=\"async\" \n      src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/08\/ee655e72-a1b2-4570-badf-7ea09939ca10.jpg\" \n      alt=\"Elektrischer Sonnenschutz Aufdachmarkise von Azgruppe\" \n      class=\"responsive-image\"\n      style=\"        max-width:100%;         height:auto;         border-radius:15px;         box-shadow: 0 0 20px rgba(139, 0, 0, 0.7);      \" \n    \/>\n  <\/div>\n\n<\/div>\n\n<h2 style=\"color:#111; font-size:28px; margin-top:40px;\">Warum elektrischer Sonnenschutz von Azgruppe?<\/h2>\n<ul style=\"color:#111;\">\n  <li>\u2705 Ma\u00dfgeschneiderte L\u00f6sungen f\u00fcr Ihr Projekt<\/li>\n  <li>\u2705 Integration mit Terrassen\u00fcberdachung oder Wintergarten<\/li>\n  <li>\u2705 Steuerbar via Fernbedienung oder Smart Home<\/li>\n  <li>\u2705 Hohe Windstabilit\u00e4t durch moderne Technik<\/li>\n  <li>\u2705 Fachgerechte Beratung, Planung & Montage<\/li>\n<\/ul>\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-c955a94 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c955a94\" 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-f2029ff\" data-id=\"f2029ff\" 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-ff709df elementor-widget elementor-widget-html\" data-id=\"ff709df\" 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\/08\/ee655e72-a1b2-4570-badf-7ea09939ca10.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\/WhatsApp-Image-2025-07-29-at-12.43.58-10.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-6e0ed94 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e0ed94\" 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-e7d77ee\" data-id=\"e7d77ee\" 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-d468ab1 elementor-widget elementor-widget-html\" data-id=\"d468ab1\" 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-3bfc3aa9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3bfc3aa9\" 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-1cd2648\" data-id=\"1cd2648\" 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-2246913a elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"2246913a\" 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-7019df99 elementor-widget elementor-widget-counter\" data-id=\"7019df99\" 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-772fac43\" data-id=\"772fac43\" 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-69175833 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"69175833\" 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-32a74c07 elementor-widget elementor-widget-counter\" data-id=\"32a74c07\" 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-6d69f1a4\" data-id=\"6d69f1a4\" 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-521ceb59 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"521ceb59\" 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-62d5fdd4 elementor-widget elementor-widget-counter\" data-id=\"62d5fdd4\" 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>Elektrischer Sonnenschutz: Komfortabler Schatten auf Knopfdruck! Genie\u00dfen Sie optimalen Hitzeschutz und moderne Eleganz mit unserem elektrischen Sonnenschutz \u2013 speziell als Aufdachmarkise entwickelt. Diese Systeme werden direkt auf dem Glasdach Ihres Wintergartens oder Ihrer Terrassen\u00fcberdachung montiert und bieten damit nicht nur effektiven Schutz vor Sonnenstrahlen, sondern sorgen auch f\u00fcr ein angenehmes Raumklima \u2013 zu jeder Jahreszeit. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-sonnenschutz.php","meta":{"footnotes":""},"class_list":["post-997","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/997","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=997"}],"version-history":[{"count":16,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/997\/revisions"}],"predecessor-version":[{"id":2381,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/997\/revisions\/2381"}],"wp:attachment":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/media?parent=997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}