{"id":622,"date":"2024-12-06T20:50:42","date_gmt":"2024-12-06T17:50:42","guid":{"rendered":"https:\/\/azgruppe.eu\/?page_id=622"},"modified":"2025-09-04T11:32:08","modified_gmt":"2025-09-04T08:32:08","slug":"messe","status":"publish","type":"page","link":"https:\/\/azgruppe.eu\/tr\/messe\/","title":{"rendered":"Ticaret fuar\u0131"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n AZ Gruppe - Messe & Ausstellungsservices<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n line-height: 1.6;\n color: #1a1a1a;\n background: #ffffff;\n overflow-x: hidden;\n }\n\n \/* Hero Section - FIND Style *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), \n url('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/azgruppeeumessebau-1.png');\n background-size: cover;\n background-position: center;\n color: white;\n }\n\n .hero-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 2rem;\n width: 100%;\n }\n\n .hero-content {\n max-width: 800px;\n }\n\n .hero-badge {\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.2);\n color: white;\n padding: 0.75rem 1.5rem;\n border-radius: 6px;\n font-size: 0.9rem;\n font-weight: 500;\n display: inline-block;\n margin-bottom: 2rem;\n backdrop-filter: blur(10px);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .hero h1 {\n font-size: clamp(3.5rem, 8vw, 7rem);\n font-weight: 900;\n line-height: 0.9;\n margin-bottom: 2rem;\n text-transform: uppercase;\n letter-spacing: -2px;\n }\n\n .hero-subtitle {\n font-size: clamp(1.5rem, 4vw, 2.5rem);\n font-weight: 300;\n margin-bottom: 2rem;\n line-height: 1.2;\n opacity: 0.9;\n }\n\n .hero-description {\n font-size: 1.25rem;\n line-height: 1.6;\n margin-bottom: 3rem;\n opacity: 0.8;\n max-width: 600px;\n }\n\n .cta-buttons {\n display: flex;\n gap: 1.5rem;\n flex-wrap: wrap;\n }\n\n .btn {\n padding: 1.25rem 2.5rem;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .btn-primary {\n background: #dc2626;\n color: white;\n border-color: #dc2626;\n }\n\n .btn-primary:hover {\n background: #b91c1c;\n border-color: #b91c1c;\n transform: translateY(-2px);\n }\n\n .btn-secondary {\n background: transparent;\n color: white;\n border-color: rgba(255, 255, 255, 0.5);\n }\n\n .btn-secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: white;\n }\n\n \/* Stats Section - FIND Style *\/\n .stats-hero {\n background: white;\n padding: 4rem 0;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .stats-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n text-align: center;\n }\n\n .stat-item {\n padding: 1rem;\n }\n\n .stat-number {\n font-size: clamp(3rem, 6vw, 5rem);\n font-weight: 900;\n color: #dc2626;\n line-height: 1;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n .stat-label {\n font-size: 1rem;\n font-weight: 600;\n color: #374151;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Gateway Section - FIND Style *\/\n .gateway {\n padding: 6rem 0;\n background: #f9fafb;\n }\n\n .section-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 4rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title {\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 900;\n margin-bottom: 1.5rem;\n color: #111827;\n text-transform: uppercase;\n letter-spacing: -1px;\n line-height: 1.1;\n }\n\n .section-subtitle {\n font-size: 1.5rem;\n color: #6b7280;\n line-height: 1.5;\n font-weight: 400;\n }\n\n .highlight-text {\n color: #dc2626;\n font-weight: 700;\n }\n\n \/* Experience Grid *\/\n .experience-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n margin-bottom: 6rem;\n }\n\n .experience-content h3 {\n font-size: 2rem;\n font-weight: 700;\n color: #111827;\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n letter-spacing: -0.5px;\n }\n\n .experience-content p {\n font-size: 1.2rem;\n color: #4b5563;\n line-height: 1.7;\n margin-bottom: 1.5rem;\n }\n\n .experience-image {\n position: relative;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n transition: transform 0.3s ease;\n }\n\n .experience-image:hover {\n transform: scale(1.02);\n }\n\n .experience-image img {\n width: 100%;\n height: 500px;\n object-fit: cover;\n }\n\n \/* Cards Section *\/\n .cards-section {\n padding: 6rem 0;\n background: white;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n\n .feature-card {\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n padding: 2.5rem;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #dc2626, #b91c1c);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .card-icon {\n width: 4rem;\n height: 4rem;\n background: #dc2626;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n color: white;\n font-size: 1.5rem;\n }\n\n .feature-card h3 {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: #111827;\n text-transform: uppercase;\n letter-spacing: -0.5px;\n }\n\n .feature-card p {\n color: #6b7280;\n line-height: 1.6;\n font-size: 1.1rem;\n }\n\n .feature-card ul {\n list-style: none;\n margin-top: 1rem;\n }\n\n .feature-card li {\n color: #374151;\n margin-bottom: 0.5rem;\n padding-left: 1.5rem;\n position: relative;\n font-weight: 500;\n }\n\n .feature-card li::before {\n content: \"\u2192\";\n position: absolute;\n left: 0;\n color: #dc2626;\n font-weight: bold;\n }\n\n \/* Gallery Section *\/\n .gallery-section {\n padding: 6rem 0;\n background: #111827;\n color: white;\n }\n\n .gallery-section .section-title {\n color: white;\n }\n\n .gallery-section .section-subtitle {\n color: #d1d5db;\n }\n\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin-top: 4rem;\n }\n\n .gallery-item {\n position: relative;\n border-radius: 12px;\n overflow: hidden;\n aspect-ratio: 4\/3;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .gallery-item:hover {\n transform: scale(1.05);\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .gallery-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\n display: flex;\n align-items: flex-end;\n padding: 1.5rem;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .gallery-item:hover .gallery-overlay {\n opacity: 1;\n }\n\n .gallery-overlay h4 {\n font-size: 1.25rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n }\n\n .gallery-overlay p {\n font-size: 0.9rem;\n opacity: 0.8;\n }\n\n \/* Project Slider *\/\n .slider-section {\n padding: 6rem 0;\n background: white;\n }\n\n .slider {\n position: relative;\n border-radius: 12px;\n overflow: hidden;\n margin-top: 4rem;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n }\n\n .slider-container {\n display: flex;\n transition: transform 0.6s ease;\n }\n\n .slide {\n min-width: 100%;\n position: relative;\n cursor: pointer;\n }\n\n .slide img {\n width: 100%;\n height: 600px;\n object-fit: cover;\n }\n\n .slide-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);\n padding: 3rem;\n color: white;\n }\n\n .slide-content h3 {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: -0.5px;\n }\n\n .slide-content p {\n font-size: 1.2rem;\n opacity: 0.9;\n line-height: 1.5;\n }\n\n .slider-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(255, 255, 255, 0.9);\n border: none;\n width: 4rem;\n height: 4rem;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n color: #374151;\n transition: all 0.3s ease;\n }\n\n .slider-nav:hover {\n background: white;\n transform: translateY(-50%) scale(1.1);\n }\n\n .slider-nav.prev {\n left: 2rem;\n }\n\n .slider-nav.next {\n right: 2rem;\n }\n\n .slider-dots {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-top: 2rem;\n }\n\n .slider-dot {\n width: 1rem;\n height: 1rem;\n border-radius: 50%;\n background: #d1d5db;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .slider-dot.active {\n background: #dc2626;\n transform: scale(1.2);\n }\n\n \/* Locations Section *\/\n .locations-section {\n padding: 6rem 0;\n background: #f9fafb;\n }\n\n .locations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n\n .location-card {\n background: white;\n border-radius: 12px;\n padding: 2.5rem;\n text-align: center;\n border: 1px solid #e5e7eb;\n transition: all 0.3s ease;\n }\n\n .location-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\n }\n\n .location-icon {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n color: #dc2626;\n }\n\n .location-card h3 {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 0.75rem;\n color: #111827;\n text-transform: uppercase;\n letter-spacing: -0.5px;\n }\n\n .location-card p {\n color: #6b7280;\n font-size: 1.1rem;\n }\n\n \/* Benefits Section *\/\n .benefits-section {\n padding: 6rem 0;\n background: white;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: 2rem;\n margin-top: 4rem;\n }\n\n .benefit-item {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n padding: 2rem;\n background: white;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n\n .benefit-item:hover {\n transform: translateX(12px);\n box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);\n }\n\n .benefit-icon {\n width: 4rem;\n height: 4rem;\n background: #dc2626;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n\n .benefit-content h4 {\n font-size: 1.25rem;\n font-weight: 700;\n color: #111827;\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: -0.5px;\n }\n\n .benefit-content p {\n color: #6b7280;\n line-height: 1.5;\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 6rem 0;\n background: linear-gradient(135deg, #111827, #1f2937);\n color: white;\n text-align: center;\n }\n\n .cta-section .section-title {\n color: white;\n margin-bottom: 1.5rem;\n }\n\n .cta-section .section-subtitle {\n color: #d1d5db;\n margin-bottom: 3rem;\n }\n\n .cta-tagline {\n font-size: 2rem;\n font-weight: 900;\n margin-top: 3rem;\n text-transform: uppercase;\n letter-spacing: -1px;\n }\n\n \/* Modal *\/\n .modal {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.95);\n backdrop-filter: blur(5px);\n }\n\n .modal-content {\n margin: 2% auto;\n display: block;\n max-width: 90%;\n max-height: 90%;\n border-radius: 8px;\n }\n\n .modal-close {\n position: absolute;\n top: 2rem;\n right: 2rem;\n color: white;\n font-size: 2.5rem;\n cursor: pointer;\n background: rgba(0, 0, 0, 0.5);\n width: 4rem;\n height: 4rem;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\n\n .modal-close:hover {\n background: rgba(0, 0, 0, 0.8);\n transform: scale(1.1);\n }\n\n \/* Flags Section *\/\n .flags-section {\n padding: 4rem 0;\n background: #f9fafb;\n overflow: hidden;\n }\n\n .flags-title {\n text-align: center;\n font-size: 2rem;\n font-weight: 700;\n color: #111827;\n margin-bottom: 3rem;\n text-transform: uppercase;\n letter-spacing: -0.5px;\n }\n\n .flags-carousel {\n display: flex;\n animation: scroll-flags 40s linear infinite;\n gap: 2rem;\n }\n\n .flag {\n flex-shrink: 0;\n width: 5rem;\n height: 5rem;\n border-radius: 50%;\n border: 3px solid #e5e7eb;\n transition: all 0.3s ease;\n cursor: pointer;\n background-size: cover;\n background-position: center;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n\n .flag:hover {\n transform: scale(1.15);\n border-color: #dc2626;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);\n }\n\n @keyframes scroll-flags {\n 0% { transform: translateX(100%); }\n 100% { transform: translateX(-100%); }\n }\n\n \/* Flag Designs *\/\n .flag-germany { background: linear-gradient(to bottom, #000000 33.33%, #dd0000 33.33%, #dd0000 66.66%, #ffce00 66.66%); }\n \n .flag-turkey { \n background: #e30a17;\n position: relative;\n }\n .flag-turkey::before {\n content: '\u262a';\n position: absolute;\n color: white;\n font-size: 24px;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n \n .flag-azerbaijan { \n background: linear-gradient(to bottom, #0099b5 33.33%, #ed2939 33.33%, #ed2939 66.66%, #00b04f 66.66%);\n position: relative;\n }\n .flag-azerbaijan::before {\n content: '\u262a';\n position: absolute;\n color: white;\n font-size: 20px;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n \n .flag-france { background: linear-gradient(to right, #002395 33.33%, #ffffff 33.33%, #ffffff 66.66%, #ed2939 66.66%); }\n .flag-uk { \n background: #012169;\n background-image: \n linear-gradient(45deg, transparent 42%, #ffffff 42%, #ffffff 44%, #c8102e 44%, #c8102e 56%, #ffffff 56%, #ffffff 58%, transparent 58%),\n linear-gradient(-45deg, transparent 42%, #ffffff 42%, #ffffff 44%, #c8102e 44%, #c8102e 56%, #ffffff 56%, #ffffff 58%, transparent 58%),\n linear-gradient(0deg, transparent 44%, #ffffff 44%, #ffffff 46%, #c8102e 46%, #c8102e 54%, #ffffff 54%, #ffffff 56%, transparent 56%);\n }\n .flag-spain { background: linear-gradient(to bottom, #aa151b 25%, #f1bf00 25%, #f1bf00 75%, #aa151b 75%); }\n .flag-italy { background: linear-gradient(to right, #009246 33.33%, #ffffff 33.33%, #ffffff 66.66%, #ce2b37 66.66%); }\n .flag-japan { background: #ffffff; background-image: radial-gradient(circle at 50% 50%, #bc002d 25%, transparent 25%); }\n \n .flag-china { \n background: #de2910;\n position: relative;\n }\n .flag-china::before {\n content: '\u2605';\n position: absolute;\n color: #ffde00;\n font-size: 16px;\n left: 30%;\n top: 30%;\n }\n \n .flag-eu { \n background: #003399;\n position: relative;\n }\n .flag-eu::before {\n content: '\u2605';\n position: absolute;\n color: #ffcc00;\n font-size: 30px;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n\n \/* Responsive Design - Fixed Mobile Overflow *\/\n @media (max-width: 1024px) {\n .gallery-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .hero-container,\n .stats-container,\n .section-container {\n padding: 0 1rem;\n max-width: 100%;\n margin: 0 auto;\n }\n\n .hero h1 {\n font-size: clamp(2rem, 8vw, 3.5rem);\n line-height: 1.1;\n }\n\n .hero-subtitle {\n font-size: clamp(1.2rem, 4vw, 1.8rem);\n }\n\n .experience-grid {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n\n .gallery-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 0.75rem;\n }\n\n .cards-grid,\n .locations-grid,\n .benefits-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .cta-buttons {\n flex-direction: column;\n width: 100%;\n }\n\n .btn {\n width: 100%;\n justify-content: center;\n padding: 1rem 2rem;\n }\n\n .benefit-item {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n\n .slider-nav {\n display: none;\n }\n\n .section-title {\n font-size: clamp(2rem, 6vw, 2.8rem);\n line-height: 1.2;\n }\n\n .section-subtitle {\n font-size: 1.1rem;\n }\n\n .feature-card,\n .location-card {\n padding: 2rem 1.5rem;\n }\n\n .slide img {\n height: 400px;\n }\n\n .slide-content {\n padding: 2rem 1.5rem;\n }\n\n .slide-content h3 {\n font-size: 1.5rem;\n }\n\n .slide-content p {\n font-size: 1rem;\n }\n\n .flags-carousel {\n gap: 1.5rem;\n }\n\n .flag {\n width: 4rem;\n height: 4rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero-container,\n .stats-container,\n .section-container {\n padding: 0 0.75rem;\n max-width: 100vw;\n overflow-x: hidden;\n }\n\n body {\n overflow-x: hidden;\n max-width: 100vw;\n }\n\n .hero {\n min-height: 80vh;\n padding: 2rem 0;\n }\n\n .hero h1 {\n font-size: clamp(1.8rem, 9vw, 2.5rem);\n line-height: 1.1;\n margin-bottom: 1.5rem;\n }\n\n .hero-subtitle {\n font-size: clamp(1rem, 5vw, 1.4rem);\n margin-bottom: 1.5rem;\n }\n\n .hero-description {\n font-size: 1rem;\n margin-bottom: 2rem;\n }\n\n .hero-badge {\n padding: 0.5rem 1rem;\n font-size: 0.8rem;\n margin-bottom: 1.5rem;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n .stat-number {\n font-size: clamp(2.5rem, 8vw, 3.5rem);\n }\n\n .stat-label {\n font-size: 0.9rem;\n }\n\n .section-title {\n font-size: clamp(1.8rem, 7vw, 2.2rem);\n line-height: 1.2;\n margin-bottom: 1rem;\n }\n\n .section-subtitle {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .feature-card,\n .location-card {\n padding: 1.5rem 1rem;\n }\n\n .feature-card h3,\n .location-card h3 {\n font-size: 1.2rem;\n }\n\n .feature-card p,\n .location-card p {\n font-size: 1rem;\n }\n\n .card-icon {\n width: 3rem;\n height: 3rem;\n font-size: 1.25rem;\n margin-bottom: 1.5rem;\n }\n\n .location-icon {\n font-size: 2rem;\n margin-bottom: 1rem;\n }\n\n .benefit-item {\n padding: 1.5rem 1rem;\n }\n\n .benefit-icon {\n width: 3rem;\n height: 3rem;\n font-size: 1.25rem;\n }\n\n .benefit-content h4 {\n font-size: 1.1rem;\n }\n\n .benefit-content p {\n font-size: 0.95rem;\n }\n\n .slide img {\n height: 300px;\n }\n\n .slide-content {\n padding: 1.5rem 1rem;\n }\n\n .slide-content h3 {\n font-size: 1.3rem;\n margin-bottom: 0.75rem;\n }\n\n .slide-content p {\n font-size: 0.95rem;\n }\n\n .slider-dots {\n gap: 0.5rem;\n margin-top: 1.5rem;\n }\n\n .slider-dot {\n width: 0.75rem;\n height: 0.75rem;\n }\n\n .flag {\n width: 3rem;\n height: 3rem;\n }\n\n .flag-turkey::before,\n .flag-azerbaijan::before {\n font-size: 16px;\n }\n\n .flag-china::before {\n font-size: 12px;\n }\n\n .flag-eu::before {\n font-size: 20px;\n }\n\n .flags-carousel {\n gap: 1rem;\n }\n\n .flags-title {\n font-size: 1.5rem;\n margin-bottom: 2rem;\n }\n\n .cta-tagline {\n font-size: 1.5rem;\n line-height: 1.3;\n margin-top: 2rem;\n }\n\n .experience-content h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .experience-content p {\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 1rem;\n }\n\n .experience-image img {\n height: 300px;\n }\n\n .modal-close {\n top: 1rem;\n right: 1rem;\n width: 3rem;\n height: 3rem;\n font-size: 1.5rem;\n }\n\n .gallery-overlay {\n padding: 1rem;\n }\n\n .gallery-overlay h4 {\n font-size: 1.1rem;\n margin-bottom: 0.25rem;\n }\n\n .gallery-overlay p {\n font-size: 0.8rem;\n }\n\n \/* Fix any potential overflow issues *\/\n * {\n max-width: 100%;\n box-sizing: border-box;\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n .flags-section {\n padding: 3rem 0;\n }\n\n .stats-hero {\n padding: 3rem 0;\n }\n\n .gateway,\n .cards-section,\n .gallery-section,\n .slider-section,\n .locations-section,\n .benefits-section,\n .cta-section {\n padding: 4rem 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n Seit 2005 - Premium Messeservice\n <\/div>\n <h1>Ihr Gateway zu Europas Messe-Destination<\/h1>\n <p class=\"hero-subtitle\">Wir bringen Ihre Marke auf die internationale B\u00fchne<\/p>\n <p class=\"hero-description\">\n AZGRUPPE ist Ihre ultimative Plattform, um mit einflussreichen Entscheidungstr\u00e4gern in Kontakt zu treten und die neuesten Messe-L\u00f6sungen f\u00fcr Ihre anstehenden Projekte zu finden.\n <\/p>\n <div class=\"cta-buttons\">\n <a href=\"#services\" class=\"btn btn-primary\">\n <i class=\"fas fa-rocket\"><\/i> Projekt Starten\n <\/a>\n <a href=\"#portfolio\" class=\"btn btn-secondary\">\n <i class=\"fas fa-play\"><\/i> Portfolio\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Stats Section -->\n <section class=\"stats-hero\">\n <div class=\"stats-container\">\n <div class=\"stats-grid\">\n <div class=\"stat-item\">\n <span class=\"stat-number\">20+<\/span>\n <div class=\"stat-label\">Jahre Erfahrung<\/div>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">100+<\/span>\n <div class=\"stat-label\">Erfolgreiche Projekte<\/div>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">91%<\/span>\n <div class=\"stat-label\">Kundenzufriedenheit<\/div>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">15<\/span>\n <div class=\"stat-label\">L\u00e4nder weltweit<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Gateway Section -->\n <section class=\"gateway\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Europas Premier Messe & Ausstellungsservice<\/h2>\n <p class=\"section-subtitle\">\n Unter dem Namen <span class=\"highlight-text\">Insight Messe GmbH<\/span> ist AZGRUPPE seit 2005 in der internationalen Messe- und Ausstellungsbranche aktiv und hat weltweit hunderte erfolgreiche Projekte realisiert.\n <\/p>\n <\/div>\n \n <div class=\"experience-grid\">\n <div class=\"experience-content\">\n <h3>Unsere Mission<\/h3>\n <p>F\u00fcr uns bedeutet eine Messe weit mehr als nur einen Stand zu bauen \u2013 <span class=\"highlight-text\">wir schaffen einen repr\u00e4sentativen Raum, der den Wert Ihrer Marke weltweit sichtbar macht.<\/span><\/p>\n \n <p>Mit fast 20 Jahren Erfahrung betreuen wir Projekte f\u00fcr <strong>staatliche Institutionen, internationale Unternehmen und f\u00fchrende Marken<\/strong>.<\/p>\n \n <p>Unsere Pr\u00e4senz in den wichtigsten Messest\u00e4dten Europas sowie im Nahen Osten ist ein klarer Beweis f\u00fcr unsere Professionalit\u00e4t und Zuverl\u00e4ssigkeit.<\/p>\n <\/div>\n <div class=\"experience-image\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/a5fd1d7493bc493b8290a4c03baba7dd-1.jpg\" alt=\"AZGRUPPE Messe Experience\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Features Section -->\n <section class=\"cards-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Unsere 2025 Features speziell f\u00fcr Sie kuratiert!<\/h2>\n <p class=\"section-subtitle\">Herausragende Projekte und Referenzen<\/p>\n <\/div>\n \n <div class=\"cards-grid\">\n <div class=\"feature-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <h3>Tourismusmessen S\u00fcddeutschland<\/h3>\n <p><strong>2005\u20132007:<\/strong> In Zusammenarbeit mit dem t\u00fcrkischen Ministerium f\u00fcr Kultur und Tourismus.<\/p>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3>Verteidigungsindustrie-Messen<\/h3>\n <p><strong>2006\u20132007:<\/strong> Im Auftrag des t\u00fcrkischen Verteidigungsministeriums und HAVELSAN in:<\/p>\n <ul>\n <li>Amman (Jordanien)<\/li>\n <li>Berlin (Deutschland)<\/li>\n <li>Astana (Kasachstan)<\/li>\n <li>Seoul (S\u00fcdkorea)<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-book\"><\/i>\n <\/div>\n <h3>Frankfurter Buchmesse<\/h3>\n <p>Die gr\u00f6\u00dfte Buchmesse der Welt \u2013 <strong>viermal vollst\u00e4ndig von uns organisiert.<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Gallery Section -->\n <section class=\"gallery-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Eine Inspirationsreise durch unsere 3D Messe-Konzepte<\/h2>\n <p class=\"section-subtitle\">Kreative Visualisierungen f\u00fcr Ihren perfekten Messestand<\/p>\n <\/div>\n \n <div class=\"gallery-grid\">\n <div class=\"gallery-item\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/Messeazgruppe-1.png')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/Messeazgruppe-1.png\" alt=\"3D Messe Konzept 1\" \/>\n <div class=\"gallery-overlay\">\n <div>\n <h4>Moderne Standkonzepte<\/h4>\n <p>Innovative 3D-Designs f\u00fcr maximale Wirkung<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"gallery-item\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messeazgruppe1234-1.png')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messeazgruppe1234-1.png\" alt=\"3D Messe Konzept 2\" \/>\n <div class=\"gallery-overlay\">\n <div>\n <h4>Funktionale Layouts<\/h4>\n <p>Optimale Raumnutzung f\u00fcr Ihr Business<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"gallery-item\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/MesseAzgruppeeu-1.png')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/MesseAzgruppeeu-1.png\" alt=\"3D Messe Konzept 3\" \/>\n <div class=\"gallery-overlay\">\n <div>\n <h4>Premium Materialien<\/h4>\n <p>Hochwertige Ausstattung f\u00fcr jeden Anspruch<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"gallery-item\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/MesseBauAzgruppe-1.png')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/MesseBauAzgruppe-1.png\" alt=\"3D Messe Konzept 4\" \/>\n <div class=\"gallery-overlay\">\n <div>\n <h4>Ma\u00dfgeschneiderte L\u00f6sungen<\/h4>\n <p>Individuelle Konzepte f\u00fcr Ihre Marke<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"gallery-item\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messebauazgruppe123-1.png')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messebauazgruppe123-1.png\" alt=\"3D Messe Konzept 5\" \/>\n <div class=\"gallery-overlay\">\n <div>\n <h4>Technische Innovation<\/h4>\n <p>Modernste Technik f\u00fcr Ihren Erfolg<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"gallery-item\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/bb7cbec4608d43d3b2fcc3a0109bdd99.jpg')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/bb7cbec4608d43d3b2fcc3a0109bdd99.jpg\" alt=\"3D Messe Konzept 6\" \/>\n <div class=\"gallery-overlay\">\n <div>\n <h4>Interaktive Elemente<\/h4>\n <p>Besucherengagement durch Innovation<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Image Modal -->\n <div id=\"imageModal\" class=\"modal\">\n <span class=\"modal-close\" onclick=\"closeModal()\">×<\/span>\n <img class=\"modal-content\" id=\"modalImage\">\n <\/div>\n\n <!-- Projects Slider Section -->\n <section class=\"slider-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Realisierte Projekte Recap 2024<\/h2>\n <p class=\"section-subtitle\">Einblicke in unsere erfolgreich umgesetzten Messest\u00e4nde<\/p>\n <\/div>\n \n <div class=\"slider\">\n <button class=\"slider-nav prev\" onclick=\"previousSlide()\">\n <i class=\"fas fa-chevron-left\"><\/i>\n <\/button>\n <button class=\"slider-nav next\" onclick=\"nextSlide()\">\n <i class=\"fas fa-chevron-right\"><\/i>\n <\/button>\n \n <div class=\"slider-container\" id=\"sliderContainer\">\n <div class=\"slide\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messe123.jpeg')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messe123.jpeg\" alt=\"Realisiertes Messeprojekt 1\" \/>\n <div class=\"slide-content\">\n <h3>Internationale Fachmesse<\/h3>\n <p>Premium Messestand mit modernster Ausstattung und strategischer Platzierung<\/p>\n <\/div>\n <\/div>\n <div class=\"slide\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messefuarmesse.jpeg')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messefuarmesse.jpeg\" alt=\"Realisiertes Messeprojekt 2\" \/>\n <div class=\"slide-content\">\n <h3>Branchenmesse Deutschland<\/h3>\n <p>Funktionale Standl\u00f6sung mit maximaler Wirkung und Besucherengagement<\/p>\n <\/div>\n <\/div>\n <div class=\"slide\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messebau.jpeg')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messebau.jpeg\" alt=\"Realisiertes Messeprojekt 3\" \/>\n <div class=\"slide-content\">\n <h3>Messestand Frankfurt<\/h3>\n <p>Kreative Umsetzung f\u00fcr internationale Kunden mit innovativem Design<\/p>\n <\/div>\n <\/div>\n <div class=\"slide\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/fuar.jpeg')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/fuar.jpeg\" alt=\"Realisiertes Messeprojekt 4\" \/>\n <div class=\"slide-content\">\n <h3>Corporate Pr\u00e4sentation<\/h3>\n <p>Repr\u00e4sentativer Stand f\u00fcr Markeninszenierung und Produktlaunches<\/p>\n <\/div>\n <\/div>\n <div class=\"slide\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messestand.jpeg')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messestand.jpeg\" alt=\"Realisiertes Messeprojekt 5\" \/>\n <div class=\"slide-content\">\n <h3>Industriemesse<\/h3>\n <p>Technische L\u00f6sungen mit \u00e4sthetischem Design f\u00fcr B2B-Kommunikation<\/p>\n <\/div>\n <\/div>\n <div class=\"slide\" onclick=\"openModal('https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messegermany.jpeg')\">\n <img decoding=\"async\" src=\"https:\/\/azgruppe.eu\/wp-content\/uploads\/2025\/09\/messegermany.jpeg\" alt=\"Realisiertes Messeprojekt 6\" \/>\n <div class=\"slide-content\">\n <h3>Multi-Brand Konzept<\/h3>\n <p>Komplexe Standl\u00f6sungen f\u00fcr mehrere Marken erfolgreich realisiert<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"slider-dots\">\n <span class=\"slider-dot active\" onclick=\"goToSlide(0)\"><\/span>\n <span class=\"slider-dot\" onclick=\"goToSlide(1)\"><\/span>\n <span class=\"slider-dot\" onclick=\"goToSlide(2)\"><\/span>\n <span class=\"slider-dot\" onclick=\"goToSlide(3)\"><\/span>\n <span class=\"slider-dot\" onclick=\"goToSlide(4)\"><\/span>\n <span class=\"slider-dot\" onclick=\"goToSlide(5)\"><\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Locations Section -->\n <section class=\"locations-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Unsere wichtigsten Einsatzorte<\/h2>\n <p class=\"section-subtitle\">Pr\u00e4senz in den f\u00fchrenden Messest\u00e4dten Europas<\/p>\n <\/div>\n \n <div class=\"locations-grid\">\n <div class=\"location-card\">\n <div class=\"location-icon\">\ud83c\udfe2<\/div>\n <h3>Frankfurt<\/h3>\n <p>IMEX, Frankfurter Buchmesse und weitere internationale Events<\/p>\n <\/div>\n <div class=\"location-card\">\n <div class=\"location-icon\">\ud83c\udfed<\/div>\n <h3>Stuttgart<\/h3>\n <p>Tourismus- und Industriemessen mit regionalem Fokus<\/p>\n <\/div>\n <div class=\"location-card\">\n <div class=\"location-icon\">\ud83c\udfe5<\/div>\n <h3>D\u00fcsseldorf<\/h3>\n <p>Medica und weitere Branchenmessen im Gesundheitswesen<\/p>\n <\/div>\n <div class=\"location-card\">\n <div class=\"location-icon\">\ud83c\udf10<\/div>\n <h3>Weitere Standorte<\/h3>\n <p>M\u00fcnchen, Essen, Berlin, Hamburg und viele mehr<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Services Section -->\n <section class=\"cards-section\" id=\"services\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Unsere Leistungen<\/h2>\n <p class=\"section-subtitle\">Alles aus einer Hand \u2013 von der Konzeption bis zur Realisierung<\/p>\n <\/div>\n \n <div class=\"cards-grid\">\n <div class=\"feature-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-drafting-compass\"><\/i>\n <\/div>\n <h3>Individuelles Standdesign<\/h3>\n <p>Kreativ, funktional und markengerecht \u2013 wir entwickeln Ihren perfekten Messeauftritt mit 3D-Visualisierung und detaillierter Planung.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-tools\"><\/i>\n <\/div>\n <h3>Technischer Support<\/h3>\n <p>Koordination und p\u00fcnktliche Umsetzung \u2013 bei uns l\u00e4uft alles wie am Schn\u00fcrchen. Von der Logistik bis zur Installation.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-project-diagram\"><\/i>\n <\/div>\n <h3>Projektmanagement<\/h3>\n <p>Alles aus einer Hand, von A bis Z \u2013 Sie k\u00f6nnen sich entspannt zur\u00fccklehnen. Wir koordinieren alle Gewerke professionell.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <h3>Corporate Pr\u00e4sentationen<\/h3>\n <p>Sichtbarkeit mit Wirkung \u2013 Ihre Marke im perfekten Licht. Multibrand-Konzepte und strategische Markeninszenierung.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Benefits Section -->\n <section class=\"benefits-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Warum AZGRUPPE?<\/h2>\n <p class=\"section-subtitle\">5 \u00fcberzeugende Gr\u00fcnde f\u00fcr unsere Partnerschaft<\/p>\n <\/div>\n \n <div class=\"benefits-grid\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <div class=\"benefit-content\">\n <h4>20+ Jahre Expertise<\/h4>\n <p>Bew\u00e4hrte internationale Erfahrung seit 2005 mit hunderten erfolgreichen Projekten weltweit.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <div class=\"benefit-content\">\n <h4>Globale Projekte<\/h4>\n <p>Kan\u0131tlanm\u0131\u015f bir ge\u00e7mi\u015f performans ve referanslarla d\u00fcnya \u00e7ap\u0131nda y\u00fczden fazla ba\u015far\u0131l\u0131 proje.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <div class=\"benefit-content\">\n <h4>Profesyonel ekip<\/h4>\n <p>Starke lokale Partner und kompetente Mitarbeiter garantieren Verl\u00e4sslichkeit in jedem Projekt.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-award\"><\/i>\n <\/div>\n <div class=\"benefit-content\">\n <h4>Premium Standards<\/h4>\n <p>Service auf europ\u00e4ischem Qualit\u00e4tsniveau mit garantierten Premium Standards in allen Bereichen.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <i class=\"fas fa-rocket\"><\/i>\n <\/div>\n <div class=\"benefit-content\">\n <h4>Effiziente Umsetzung<\/h4>\n <p>Schnell, zuverl\u00e4ssig und l\u00f6sungsorientiert \u2013 effizient und unkompliziert von der Planung bis zur Realisierung.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Ihre n\u00e4chste Messe beginnt mit uns<\/h2>\n <p class=\"section-subtitle\">Messen sind Ihre B\u00fchne \u2013 nutzen Sie sie richtig. Mit AZGRUPPE haben Sie den Partner, der Ihre Vision Realit\u00e4t werden l\u00e4sst.<\/p>\n <\/div>\n \n <div class=\"cta-buttons\">\n <a href=\"#contact\" class=\"btn btn-primary\">\n <i class=\"fas fa-phone\"><\/i> Jetzt Kontaktieren\n <\/a>\n <a href=\"#portfolio\" class=\"btn btn-secondary\">\n <i class=\"fas fa-images\"><\/i> Portfolio Ansehen\n <\/a>\n <\/div>\n \n <div class=\"cta-tagline\">\n AZGRUPPE \u2013 Wo Marken zu Erlebnissen werden\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Flags Section -->\n <section class=\"flags-section\">\n <div class=\"section-container\">\n <h3 class=\"flags-title\">Unsere internationale Pr\u00e4senz<\/h3>\n <\/div>\n <div class=\"flags-carousel\">\n <div class=\"flag flag-germany\" title=\"Deutschland - Hauptmarkt\"><\/div>\n <div class=\"flag flag-turkey\" title=\"T\u00fcrkei - Strategischer Partner\"><\/div>\n <div class=\"flag flag-azerbaijan\" title=\"Aserbaidschan - Heimatbasis\"><\/div>\n <div class=\"flag flag-france\" title=\"Frankreich\"><\/div>\n <div class=\"flag flag-uk\" title=\"Vereinigtes K\u00f6nigreich\"><\/div>\n <div class=\"flag flag-spain\" title=\"Spanien\"><\/div>\n <div class=\"flag flag-italy\" title=\"Italien\"><\/div>\n <div class=\"flag flag-china\" title=\"China\"><\/div>\n <div class=\"flag flag-japan\" title=\"Japan\"><\/div>\n <div class=\"flag flag-eu\" title=\"Europ\u00e4ische Union\"><\/div>\n <!-- Duplicate for seamless loop -->\n <div class=\"flag flag-germany\" title=\"Deutschland - Hauptmarkt\"><\/div>\n <div class=\"flag flag-turkey\" title=\"T\u00fcrkei - Strategischer Partner\"><\/div>\n <div class=\"flag flag-azerbaijan\" title=\"Aserbaidschan - Heimatbasis\"><\/div>\n <div class=\"flag flag-france\" title=\"Frankreich\"><\/div>\n <div class=\"flag flag-uk\" title=\"Vereinigtes K\u00f6nigreich\"><\/div>\n <div class=\"flag flag-spain\" title=\"Spanien\"><\/div>\n <div class=\"flag flag-italy\" title=\"Italien\"><\/div>\n <div class=\"flag flag-china\" title=\"China\"><\/div>\n <div class=\"flag flag-japan\" title=\"Japan\"><\/div>\n <div class=\"flag flag-eu\" title=\"Europ\u00e4ische Union\"><\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Modal functionality\n function openModal(imageSrc) {\n const modal = document.getElementById('imageModal');\n const modalImg = document.getElementById('modalImage');\n modal.style.display = 'block';\n modalImg.src = imageSrc;\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n const modal = document.getElementById('imageModal');\n modal.style.display = 'none';\n document.body.style.overflow = 'auto';\n }\n\n window.onclick = function(event) {\n const modal = document.getElementById('imageModal');\n if (event.target == modal) {\n closeModal();\n }\n }\n\n document.addEventListener('keydown', function(event) {\n if (event.key === 'Escape') {\n closeModal();\n }\n });\n\n \/\/ Slider functionality\n let currentSlide = 0;\n const totalSlides = 6;\n\n function updateSlider() {\n const container = document.getElementById('sliderContainer');\n const dots = document.querySelectorAll('.slider-dot');\n \n container.style.transform = `translateX(-${currentSlide * 100}%)`;\n \n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === currentSlide);\n });\n }\n\n function nextSlide() {\n currentSlide = (currentSlide + 1) % totalSlides;\n updateSlider();\n }\n\n function previousSlide() {\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n updateSlider();\n }\n\n function goToSlide(slideIndex) {\n currentSlide = slideIndex;\n updateSlider();\n }\n\n \/\/ Auto-play slider\n let autoPlay = setInterval(nextSlide, 6000);\n\n const slider = document.querySelector('.slider');\n slider.addEventListener('mouseenter', () => clearInterval(autoPlay));\n slider.addEventListener('mouseleave', () => autoPlay = setInterval(nextSlide, 6000));\n\n \/\/ Smooth scrolling\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Counter animation for stats\n function animateCounters() {\n const counters = document.querySelectorAll('.stat-number');\n \n counters.forEach(counter => {\n const target = counter.textContent.replace(\/[^\\d]\/g, '');\n const suffix = counter.textContent.replace(\/[\\d]\/g, '');\n let current = 0;\n const increment = target \/ 100;\n \n const timer = setInterval(() => {\n current += increment;\n if (current >= target) {\n counter.textContent = target + suffix;\n clearInterval(timer);\n } else {\n counter.textContent = Math.floor(current) + suffix;\n }\n }, 20);\n });\n }\n\n \/\/ Intersection Observer for animations\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n \/\/ Counter animation trigger\n const statsObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animateCounters();\n statsObserver.unobserve(entry.target);\n }\n });\n });\n\n \/\/ Initialize animations\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Animate elements\n const animatedElements = document.querySelectorAll('.feature-card, .gallery-item, .benefit-item, .location-card');\n animatedElements.forEach((el, index) => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = `all 0.6s ease ${index * 0.1}s`;\n observer.observe(el);\n });\n\n \/\/ Animate stats\n const statsSection = document.querySelector('.stats-grid');\n if (statsSection) {\n statsObserver.observe(statsSection);\n }\n });\n\n \/\/ Flags animation pause on hover\n document.addEventListener('DOMContentLoaded', function() {\n const flagsCarousel = document.querySelector('.flags-carousel');\n \n flagsCarousel.addEventListener('mouseenter', function() {\n this.style.animationPlayState = 'paused';\n });\n \n flagsCarousel.addEventListener('mouseleave', function() {\n this.style.animationPlayState = 'running';\n });\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<\/div>","protected":false},"excerpt":{"rendered":"<p>AZ Gruppe – Messe & Ausstellungsservices Seit 2005 – Premium Messeservice Ihr Gateway zu Europas Messe-Destination Wir bringen Ihre Marke auf die internationale B\u00fchne AZGRUPPE ist Ihre ultimative Plattform, um mit einflussreichen Entscheidungstr\u00e4gern in Kontakt zu treten und die neuesten Messe-L\u00f6sungen f\u00fcr Ihre anstehenden Projekte zu finden. Projekt Starten Portfolio 20+ Jahre Erfahrung 100+ Erfolgreiche […]<\/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-622","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/622","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=622"}],"version-history":[{"count":53,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/622\/revisions"}],"predecessor-version":[{"id":3213,"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/pages\/622\/revisions\/3213"}],"wp:attachment":[{"href":"https:\/\/azgruppe.eu\/tr\/wp-json\/wp\/v2\/media?parent=622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}