{"id":1727,"date":"2025-07-28T12:18:36","date_gmt":"2025-07-28T09:18:36","guid":{"rendered":"https:\/\/azgruppe.eu\/?page_id=1727"},"modified":"2026-01-26T11:58:25","modified_gmt":"2026-01-26T08:58:25","slug":"carport","status":"publish","type":"page","link":"https:\/\/azgruppe.eu\/tr\/carport\/","title":{"rendered":"Carport"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1727\" class=\"elementor elementor-1727\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2fa2b03c elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"2fa2b03c\" 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-5c6fafea\" data-id=\"5c6fafea\" 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-6be9360e elementor-widget elementor-widget-heading\" data-id=\"6be9360e\" 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\">Carport<\/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-33d84bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"33d84bb\" 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-2c22d91\" data-id=\"2c22d91\" 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-5ecd1a2 elementor-widget elementor-widget-html\" data-id=\"5ecd1a2\" 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<section style=\"background:#fdfdfd; padding:50px 20px; font-family:'Segoe UI', sans-serif; color:#222;\">\n  <div style=\"max-width:1200px; margin:0 auto; animation:fadeIn 1s ease-in-out;\">\n    \n    <h1 style=\"font-size:36px; color:#2e2e2e; border-left:6px solid #B22222; padding-left:15px;\">\n      Carports von Azgruppe \u2013 Schutz, Stil & smarte Technik\n    <\/h1>\n\n    <p style=\"font-size:18px; margin-top:20px; line-height:1.7;\">\n      Ihr Fahrzeug verdient mehr als nur einen Stellplatz \u2013 es verdient Schutz, der auch optisch begeistert.\n      Die <strong style=\"color:#B22222;\">ma\u00dfgefertigten Carports von Azgruppe<\/strong> kombinieren modernes Design mit funktionalem Nutzen.\n      Unsere L\u00f6sungen sch\u00fctzen zuverl\u00e4ssig vor Sonne, Regen, Schnee und Schmutz \u2013 und sind dabei echte Hingucker in jeder Einfahrt. <br><br>\n      Ob als Einzel- oder Doppelcarport, mit Ger\u00e4teraum oder Seitenverkleidung, aus Aluminium, Glas oder Holz \u2013 wir planen und realisieren \n      nach Ihren W\u00fcnschen. Optional erh\u00e4ltlich: <strong>LED-Beleuchtung, Solar-Integration & Smart-Control-Systeme<\/strong> f\u00fcr die Zukunft.\n    <\/p>\n\n    <!-- Main Image -->\n    <div style=\"margin-top:40px; text-align:center;\">\n      <img decoding=\"async\" \n        src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/carporthessen.png\" \n        alt=\"Azgruppe Carport\" \n        style=\"max-width:50%; border-radius:20px; box-shadow:0 0 20px rgba(0,0,0,0.25); transition:.3s ease;\"\n        onmouseover=\"this.style.transform='scale(1.03)'; this.style.boxShadow='0 0 30px rgba(0,0,0,0.4)'\"\n        onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 0 20px rgba(0,0,0,0.25)'\"\n      \/>\n    <\/div>\n\n    <!-- Vorteile -->\n    <div style=\"margin-top:50px;\">\n      <h2 style=\"font-size:26px; color:#B22222;\">Warum ein Carport von Azgruppe?<\/h2>\n      <ul style=\"font-size:17px; line-height:2; padding-left:20px;\">\n        <li>\u2714 Ma\u00dfgeschneiderte Planung f\u00fcr jedes Grundst\u00fcck<\/li>\n        <li>\u2714 Hochwertige Materialien: langlebig, wartungsarm, wetterfest<\/li>\n        <li>\u2714 Innovatives Design mit optionaler LED & Solartechnik<\/li>\n        <li>\u2714 Integration von Ger\u00e4teraum & Seitenw\u00e4nden m\u00f6glich<\/li>\n        <li>\u2714 Nachhaltig produziert \u2013 Qualit\u00e4t aus Europa<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- 3 Cards -->\n    <div style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:30px; margin-top:40px;\">\n      <div style=\"background:#fff; padding:20px; border-radius:15px; box-shadow:0 0 15px rgba(0,0,0,0.1); transition:0.3s;\">\n        <h3 style=\"color:#B22222;\">Einzelcarport<\/h3>\n        <p>Platzsparend, stilvoll und perfekt f\u00fcr Einfamilienh\u00e4user \u2013 sch\u00fctzt zuverl\u00e4ssig Ihr Fahrzeug.<\/p>\n      <\/div>\n      <div style=\"background:#fff; padding:20px; border-radius:15px; box-shadow:0 0 15px rgba(0,0,0,0.1); transition:0.3s;\">\n        <h3 style=\"color:#B22222;\">Doppelcarport<\/h3>\n        <p>Gro\u00dfz\u00fcgiger Platz f\u00fcr zwei Fahrzeuge \u2013 inklusive Technikoptionen und Stauraum.<\/p>\n      <\/div>\n      <div style=\"background:#fff; padding:20px; border-radius:15px; box-shadow:0 0 15px rgba(0,0,0,0.1); transition:0.3s;\">\n        <h3 style=\"color:#B22222;\">Mit Ger\u00e4teraum<\/h3>\n        <p>Kombinierter Schutz f\u00fcr Auto & Gartenutensilien \u2013 praktisch & funktional.<\/p>\n      <\/div>\n    <\/div>\n\n  \n      <\/div>\n \n\n    <!-- Call to Action -->\n    <div style=\"text-align:center; margin-top:60px;\">\n      <h2 style=\"font-size:24px; color:#2e2e2e;\">Jetzt Ihr Wunsch-Carport planen lassen<\/h2>\n      <p style=\"font-size:16px; max-width:600px; margin:15px auto;\">\n        Kostenlos beraten lassen & unverbindliches Angebot sichern \u2013 wir freuen uns auf Ihr Projekt!\n      <\/p>\n      <a href=\"https:\/\/azgruppe.eu\/tr\/unverbindliches-angebot-anfordern\/\"\n        style=\"background:#B22222; color:#fff; padding:14px 30px; border-radius:12px; text-decoration:none; font-weight:bold; font-size:16px; box-shadow:0 0 10px rgba(0,0,0,0.3); display:inline-block; transition:0.3s ease;\">\n        Angebot anfordern\n      <\/a>\n    <\/div>\n\n  <!-- FadeIn Animation -->\n  <style>\n    @keyframes fadeIn {\n      0% { opacity:0; transform:translateY(20px);}\n      100% { opacity:1; transform:translateY(0);}\n    }\n  <\/style>\n\n  <!-- Slider Script -->\n  <script>\n    let index = 0;\n    const track = document.getElementById(\"slider-track\");\n    setInterval(() => {\n      index = (index + 1) % 3;\n      track.style.transform = `translateX(-${index * 100}%)`;\n    }, 4000);\n  <\/script>\n<\/section>\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-4125cfd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4125cfd\" 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-dacb8df\" data-id=\"dacb8df\" 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-5866d75 elementor-widget elementor-widget-html\" data-id=\"5866d75\" 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<\/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\/09\/carporthessen.png\" alt=\"Modern Terrace Design\">\n                    <\/div>\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/carport.png\" alt=\"Glass Extension\">\n                    <\/div>\n                    <div class=\"gallery-item\">\n                        <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/carport_frankfurt.png\" 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-1fed7b04 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1fed7b04\" 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-50 elementor-top-column elementor-element elementor-element-4291c006\" data-id=\"4291c006\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-4c80d970 elementor-widget elementor-widget-text-editor\" data-id=\"4c80d970\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"color: #000000; font-weight: bold; font-size: 56px; line-height: 1.2; margin-bottom: 10px; letter-spacing: 3px; position: relative; display: inline-block;\">Carport<\/h1>\n<p style=\"color: #ffaa44; font-weight: bold; font-size: 20px; line-height: 1.5; background: none; text-shadow: none; margin-top: 10px;\">Ein moderner Carport ist mehr als nur ein einfacher Unterstand f\u00fcr Ihr Auto \u2013 er ist eine stilvolle und funktionale Erweiterung Ihres Zuhauses.<\/p>\n<p style=\"color: #000000; font-size: 16px; line-height: 1.6; background: none; text-shadow: none; letter-spacing: 0.03em; margin-top: 10px;\">Bei <strong>Azgruppe<\/strong> bieten wir ma\u00dfgeschneiderte <strong>Carport-L\u00f6sungen<\/strong> an, die nicht nur optimalen Schutz vor Wetterbedingungen wie Regen, Schnee und UV-Strahlung bieten, sondern auch architektonisch perfekt zu Ihrem Grundst\u00fcck passen. Unsere Carports sind aus hochwertigen, langlebigen Materialien gefertigt und lassen sich individuell in Gr\u00f6\u00dfe, Form und Design an Ihre W\u00fcnsche anpassen.<\/p>\n<p style=\"color: #000000; font-size: 16px; line-height: 1.6; background: none; text-shadow: none; letter-spacing: 0.03em; margin-top: 10px;\">Ob freistehend oder als Anbau \u2013 unsere <strong>Carports<\/strong> kombinieren Funktionalit\u00e4t mit moderner \u00c4sthetik. Dank unserer langj\u00e4hrigen Erfahrung und pr\u00e4zisen Planung erhalten Sie eine <strong>\u00dcberdachung<\/strong>, die nicht nur praktisch, sondern auch optisch ein Highlight ist.<\/p>\n<p style=\"color: #000000; font-size: 16px; line-height: 1.6; background: none; text-shadow: none; letter-spacing: 0.03em; margin-top: 10px;\">Vertrauen Sie auf <strong>Azgruppe<\/strong>, wenn Sie einen zuverl\u00e4ssigen und stilvollen <strong>Carport in Deutschland<\/strong> suchen. Kontaktieren Sie uns f\u00fcr eine pers\u00f6nliche Beratung und ein unverbindliches Angebot!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a62d6be elementor-widget elementor-widget-heading\" data-id=\"a62d6be\" 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\">Carport<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64d9494a elementor-align-center elementor-widget-tablet__width-initial elementor-widget elementor-widget-button\" data-id=\"64d9494a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/azgruppe.eu\/tr\/unsere-leistungen\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Angebot anfordern<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\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-50 elementor-top-column elementor-element elementor-element-732c9fe9\" data-id=\"732c9fe9\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-48ce6324 elementor-widget elementor-widget-image\" data-id=\"48ce6324\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/07\/carport.png\" title=\"\" alt=\"Carport, Carport Mainz, Carport Frankfurt, Carport Hessen, Carport WIsbaden\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\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>Carports von Azgruppe \u2013 Schutz, Stil &#038; smarte Technik Ihr Fahrzeug verdient mehr als nur einen Stellplatz \u2013 es verdient Schutz, der auch optisch begeistert. Die ma\u00dfgefertigten Carports von Azgruppe kombinieren modernes Design mit funktionalem Nutzen. Unsere L\u00f6sungen sch\u00fctzen zuverl\u00e4ssig vor Sonne, Regen, Schnee und Schmutz \u2013 und sind dabei echte Hingucker in jeder Einfahrt. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-carport.php","meta":{"footnotes":""},"class_list":["post-1727","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/1727","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=1727"}],"version-history":[{"count":73,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/1727\/revisions"}],"predecessor-version":[{"id":2907,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/1727\/revisions\/2907"}],"wp:attachment":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/media?parent=1727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}