{"id":1162,"date":"2025-12-12T06:36:39","date_gmt":"2025-12-12T06:36:39","guid":{"rendered":"https:\/\/demo.zieno.com.tr\/?page_id=1162"},"modified":"2026-01-20T19:47:36","modified_gmt":"2026-01-20T19:47:36","slug":"exportieren","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/de\/exportieren\/","title":{"rendered":"Exportieren"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nExport & Globale Pr\u00e4senz | ZIENO<\/title>\r\n\r\n<!-- Custom Fonts -->\r\n<style>\r\n@font-face {\r\n font-family: 'Black Mango';\r\n src: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/black-mango-regular.ttf') format('truetype');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'DIN Next LT Pro';\r\n src: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/din-next-lt-pro-regular.ttf') format('truetype');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n<\/style>\r\n\r\n<!-- Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<!-- Swiper.js CSS -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\r\n\r\n<!-- AOS - Animate On Scroll -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.4\/dist\/aos.css\">\r\n\r\n<style>\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nhtml.lenis, html.lenis body {\r\n height: auto;\r\n}\r\n\r\n.lenis.lenis-smooth {\r\n scroll-behavior: auto !important;\r\n}\r\n\r\n.lenis.lenis-smooth [data-lenis-prevent] {\r\n overscroll-behavior: contain;\r\n}\r\n\r\n.lenis.lenis-stopped {\r\n overflow: hidden;\r\n}\r\n\r\n.lenis.lenis-scrolling iframe {\r\n pointer-events: none;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background: #ffffff;\r\n font-family: 'DIN Next LT Pro', sans-serif !important;\r\n color: #1a1a1a;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* ========================================\r\n HERO SECTION\r\n======================================== *\/\r\n.hero {\r\n position: relative;\r\n height: 800px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n background: #0a0a0a url('https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=2070&auto=format&fit=crop') center\/cover no-repeat;\r\n color: #fff;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .hero {\r\n height: auto;\r\n min-height: 100vh;\r\n padding: 80px 0;\r\n }\r\n}\r\n\r\n.hero::before,\r\n.hero::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n}\r\n\r\n.hero::before {\r\n background: #000;\r\n opacity: 0.4;\r\n z-index: 1;\r\n}\r\n\r\n.hero::after {\r\n background: rgba(0,0,0,0.2);\r\n z-index: 2;\r\n}\r\n\r\n.hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n}\r\n\r\n.hero-video {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 0;\r\n filter: saturate(0.8) brightness(0.7) blur(8px);\r\n transform: scale(1.05);\r\n transform-origin: center center;\r\n}\r\n\r\n.hero-overlay {\r\n display: none;\r\n}\r\n\r\n.hero-content {\r\n position: relative;\r\n z-index: 3;\r\n padding: 60px 0;\r\n text-align: center;\r\n color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n max-width: 100%;\r\n width: 100%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .hero-content {\r\n padding: 60px 20px;\r\n }\r\n}\r\n\r\n.hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 22px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,0.1);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: #fff;\r\n margin-bottom: 24px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n}\r\n\r\n.hero-badge i {\r\n font-size: 13px;\r\n color: #fff;\r\n}\r\n\r\n.hero h1 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(38px, 7vw, 76px);\r\n font-weight: 400;\r\n margin: 0 0 18px;\r\n line-height: 1.1;\r\n letter-spacing: -0.03em;\r\n color: #fff;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n}\r\n\r\n.hero h1 .line {\r\n display: block;\r\n overflow: hidden;\r\n}\r\n\r\n.hero h1 .line span {\r\n display: block;\r\n}\r\n\r\n.hero-subtitle {\r\n font-size: clamp(14px, 1.5vw, 16px);\r\n color: rgba(255,255,255,0.85);\r\n max-width: 100%;\r\n margin: 0 auto 48px;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n}\r\n\r\n.hero-stats {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px;\r\n margin-top: 0;\r\n width: 100%;\r\n}\r\n\r\n@media (max-width: 960px) {\r\n .hero-stats {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n}\r\n\r\n.hero-stat {\r\n background: #fff;\r\n border: 1px solid rgba(0,0,0,0.06);\r\n border-radius: 12px;\r\n padding: 20px;\r\n text-align: left;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n transition: all 0.3s ease;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n}\r\n\r\n.hero-stat:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\r\n}\r\n\r\n.hero-stat-label {\r\n font-size: 12px;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: #666;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n.hero-stat-number {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: 34px;\r\n font-weight: 400;\r\n display: block;\r\n line-height: 1.1;\r\n margin-bottom: 6px;\r\n color: #1a1a1a;\r\n}\r\n\r\n.hero-stat-desc {\r\n margin: 0;\r\n color: #666;\r\n font-size: 13px;\r\n line-height: 1.2;\r\n display: block;\r\n}\r\n\r\n.scroll-indicator {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 3;\r\n color: rgba(255,255,255,0.5);\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.scroll-indicator:hover {\r\n color: rgba(255,255,255,0.8);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .scroll-indicator {\r\n display: none;\r\n }\r\n}\r\n\r\n.scroll-indicator .scroll-line {\r\n width: 1px;\r\n height: 60px;\r\n background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.scroll-indicator .scroll-line::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 30px;\r\n background: #fff;\r\n animation: scrollLine 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes scrollLine {\r\n 0% { transform: translateY(-100%); }\r\n 100% { transform: translateY(200%); }\r\n}\r\n\r\n\/* ========================================\r\n COMMON STYLES\r\n======================================== *\/\r\n.page-wrapper {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n}\r\n\r\n.hero .page-wrapper {\r\n max-width: 100%;\r\n padding: 0 24px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .page-wrapper {\r\n padding: 0 20px;\r\n }\r\n \r\n .hero .page-wrapper {\r\n padding: 0 20px;\r\n }\r\n}\r\n\r\n.section {\r\n padding: 120px 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section {\r\n padding: 80px 0;\r\n }\r\n}\r\n\r\n.section-header {\r\n text-align: center;\r\n max-width: 750px;\r\n margin: 0 auto 80px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section-header {\r\n margin-bottom: 50px;\r\n }\r\n}\r\n\r\n.section-label {\r\n display: inline-block;\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n margin-bottom: 20px;\r\n padding: 10px 24px;\r\n border-radius: 50px;\r\n}\r\n\r\n\/* Light sections *\/\r\n.section-light .section-label {\r\n background: #e8e8e6;\r\n color: #555;\r\n}\r\n\r\n.section-light .section-header h2 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(36px, 5vw, 60px);\r\n font-weight: 400;\r\n margin: 0 0 24px;\r\n color: #1a1a1a;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.section-light .section-header p {\r\n font-size: clamp(15px, 2vw, 18px);\r\n color: #666;\r\n line-height: 1.8;\r\n}\r\n\r\n\/* Dark sections *\/\r\n.section-dark {\r\n background: #0a0a0a;\r\n color: #fff;\r\n}\r\n\r\n.section-dark .section-label {\r\n background: rgba(255,255,255,0.1);\r\n color: rgba(255,255,255,0.7);\r\n}\r\n\r\n.section-dark .section-header h2 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(36px, 5vw, 60px);\r\n font-weight: 400;\r\n margin: 0 0 24px;\r\n color: #fff;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.section-dark .section-header p {\r\n font-size: clamp(15px, 2vw, 18px);\r\n color: rgba(255,255,255,0.7);\r\n line-height: 1.8;\r\n}\r\n\r\n\/* ========================================\r\n INTRO SECTION\r\n======================================== *\/\r\n.intro-section {\r\n background: #f8f8f6;\r\n}\r\n\r\n.intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 100px;\r\n align-items: center;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .intro-grid {\r\n gap: 60px;\r\n }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .intro-grid {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n}\r\n\r\n.intro-content h2 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(32px, 4vw, 52px);\r\n font-weight: 400;\r\n margin: 0 0 32px;\r\n line-height: 1.15;\r\n color: #1a1a1a;\r\n}\r\n\r\n.intro-content p {\r\n font-size: clamp(15px, 1.5vw, 17px);\r\n color: #555;\r\n margin-bottom: 24px;\r\n line-height: 1.85;\r\n}\r\n\r\n.intro-highlight {\r\n background: #fff;\r\n border-left: 4px solid #1a1a1a;\r\n padding: 24px 28px;\r\n margin: 36px 0;\r\n border-radius: 0 16px 16px 0;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.05);\r\n}\r\n\r\n.intro-highlight p {\r\n margin: 0;\r\n font-size: clamp(15px, 1.5vw, 16px);\r\n font-style: italic;\r\n color: #444;\r\n}\r\n\r\n.intro-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin-top: 40px;\r\n}\r\n\r\n@media (max-width: 500px) {\r\n .intro-features {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n.intro-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 18px;\r\n background: #fff;\r\n border-radius: 14px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: default;\r\n}\r\n\r\n.intro-feature:hover {\r\n transform: translateX(8px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n.intro-feature-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: #1a1a1a;\r\n color: #fff;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.intro-feature:hover .intro-feature-icon {\r\n transform: scale(1.1);\r\n}\r\n\r\n.intro-feature-text {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #333;\r\n}\r\n\r\n.intro-image {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n}\r\n\r\n.intro-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n min-height: 550px;\r\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.intro-image:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.intro-image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 40px;\r\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);\r\n}\r\n\r\n.intro-image-stats {\r\n display: flex;\r\n gap: 50px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .intro-image-stats {\r\n gap: 30px;\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n.intro-image-stat-number {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(32px, 4vw, 42px);\r\n display: block;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n color: #fff;\r\n}\r\n\r\n.intro-image-stat-label {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.7);\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n}\r\n\r\n\/* ========================================\r\n PROCESS SECTION\r\n======================================== *\/\r\n.process-section {\r\n background: #fff;\r\n}\r\n\r\n.process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 24px;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n .process-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .process-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.process-card {\r\n text-align: center;\r\n padding: 40px 28px;\r\n background: #f8f8f6;\r\n border-radius: 20px;\r\n position: relative;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.process-card:hover {\r\n transform: translateY(-12px);\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n background: #fff;\r\n}\r\n\r\n.process-number {\r\n position: absolute;\r\n top: -14px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 36px;\r\n height: 36px;\r\n background: #1a1a1a;\r\n color: #fff;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.process-icon {\r\n width: 72px;\r\n height: 72px;\r\n background: #fff;\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px;\r\n font-size: 28px;\r\n color: #1a1a1a;\r\n border: 1px solid rgba(0,0,0,0.08);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.process-card:hover .process-icon {\r\n background: #1a1a1a;\r\n color: #fff;\r\n transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.process-card h3 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: 22px;\r\n font-weight: 400;\r\n margin: 0 0 12px;\r\n color: #1a1a1a;\r\n}\r\n\r\n.process-card p {\r\n font-size: 14px;\r\n color: #666;\r\n margin: 0;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ========================================\r\n REGIONS SECTION\r\n======================================== *\/\r\n.regions-section {\r\n background: #f8f8f6;\r\n}\r\n\r\n.regions-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n .regions-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .regions-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n.region-card {\r\n background: #fff;\r\n border-radius: 24px;\r\n padding: 48px 32px;\r\n text-align: center;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n color: #fff;\r\n min-height: 320px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n}\r\n\r\n.region-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.75) 100%);\r\n z-index: 1;\r\n transition: all 0.5s ease;\r\n}\r\n\r\n.region-card:hover::before {\r\n background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 100%);\r\n}\r\n\r\n.region-card::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0.5) 100%);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 2;\r\n}\r\n\r\n.region-card:hover::after {\r\n transform: scaleX(1);\r\n}\r\n\r\n.region-card:hover {\r\n transform: translateY(-12px) scale(1.02);\r\n box-shadow: 0 40px 80px rgba(0,0,0,0.3);\r\n}\r\n\r\n.region-card > * {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.region-icon {\r\n width: 90px;\r\n height: 90px;\r\n background: rgba(255,255,255,0.15);\r\n color: #fff;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 36px;\r\n margin: 0 auto 28px;\r\n transition: all 0.4s ease;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.region-card:hover .region-icon {\r\n background: rgba(255,255,255,0.25);\r\n transform: scale(1.1);\r\n}\r\n\r\n.region-card h3 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(24px, 3vw, 28px);\r\n font-weight: 400;\r\n margin: 0 0 14px;\r\n color: #fff;\r\n}\r\n\r\n.region-countries {\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.8);\r\n margin: 0 0 24px;\r\n line-height: 1.6;\r\n}\r\n\r\n.region-stat {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.2);\r\n padding: 10px 20px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #fff;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.region-card.bg-europe {\r\n background: url('https:\/\/images.unsplash.com\/photo-1499856871958-5b9627545d1a?auto=format&fit=crop&w=1200&q=80') center\/cover;\r\n}\r\n\r\n.region-card.bg-middleeast {\r\n background: url('https:\/\/images.unsplash.com\/photo-1512632578888-169bbbc64f33?auto=format&fit=crop&w=1200&q=80') center\/cover;\r\n}\r\n\r\n.region-card.bg-africa {\r\n background: url('https:\/\/images.unsplash.com\/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=1200&q=80') center\/cover;\r\n}\r\n\r\n.region-card.bg-asia {\r\n background: url('https:\/\/images.unsplash.com\/photo-1559827260-dc66d52bef19?auto=format&fit=crop&w=1200&q=80') center\/cover;\r\n}\r\n\r\n\/* ========================================\r\n GALLERY SECTION - SWIPER\r\n======================================== *\/\r\n.gallery-section {\r\n display: none !important;\r\n}\r\n\r\n\/* ========================================\r\n EXPORT OPERATIONS MARQUEE\r\n======================================== *\/\r\n.export-marquee-section {\r\n background: #0a0a0a;\r\n padding: 60px 0;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.export-marquee-track {\r\n display: flex;\r\n width: 100%;\r\n overflow: visible;\r\n}\r\n\r\n.export-marquee-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 40px;\r\n animation: marquee-scroll 40s linear infinite;\r\n will-change: transform;\r\n}\r\n\r\n@keyframes marquee-scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n}\r\n\r\n.export-marquee-content:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n.export-marquee-text {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(24px, 3vw, 32px);\r\n color: #fff;\r\n white-space: nowrap;\r\n letter-spacing: -0.01em;\r\n}\r\n\r\n.export-marquee-img {\r\n width: clamp(50px, 6vw, 70px) !important;\r\n height: clamp(50px, 6vw, 70px) !important;\r\n object-fit: cover !important;\r\n border-radius: 50% !important;\r\n flex-shrink: 0;\r\n filter: grayscale(20%) brightness(0.9);\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n position: relative;\r\n border: 2px solid rgba(255,255,255,0.1);\r\n overflow: hidden !important;\r\n}\r\n\r\n.export-marquee-img:hover {\r\n filter: grayscale(0%) brightness(1) !important;\r\n transform: scale(2.5) !important;\r\n z-index: 100;\r\n border-color: rgba(255,255,255,0.3);\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.5);\r\n border-radius: 12px !important;\r\n}\r\n\r\n\/* Tooltip *\/\r\n.export-marquee-img::after {\r\n content: attr(alt);\r\n position: absolute;\r\n bottom: calc(100% + 15px);\r\n left: 50%;\r\n transform: translateX(-50%) translateY(10px);\r\n background: rgba(0,0,0,0.95);\r\n color: #fff;\r\n padding: 10px 16px;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n white-space: nowrap;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: all 0.3s ease;\r\n font-family: 'DIN Next LT Pro', sans-serif;\r\n letter-spacing: 0.02em;\r\n font-weight: 500;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\r\n}\r\n\r\n.export-marquee-img::before {\r\n content: '';\r\n position: absolute;\r\n bottom: calc(100% + 7px);\r\n left: 50%;\r\n transform: translateX(-50%) translateY(10px);\r\n border: 6px solid transparent;\r\n border-top-color: rgba(0,0,0,0.95);\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.export-marquee-img:hover::after,\r\n.export-marquee-img:hover::before {\r\n opacity: 1;\r\n transform: translateX(-50%) translateY(0);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .gallery-section {\r\n padding: 100px 0;\r\n }\r\n}\r\n\r\n.gallery-section .section-header {\r\n margin-bottom: 70px;\r\n}\r\n\r\n\/* Swiper Container *\/\r\n.gallery-swiper {\r\n width: 100%;\r\n padding-bottom: 80px;\r\n}\r\n\r\n.gallery-swiper .swiper-slide {\r\n width: 70%;\r\n height: auto;\r\n opacity: 0.4;\r\n transform: scale(0.85);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .gallery-swiper .swiper-slide {\r\n width: 85%;\r\n }\r\n}\r\n\r\n.gallery-swiper .swiper-slide-active {\r\n opacity: 1;\r\n transform: scale(1);\r\n}\r\n\r\n.gallery-item {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n aspect-ratio: 16\/10;\r\n cursor: grab;\r\n}\r\n\r\n.gallery-item:active {\r\n cursor: grabbing;\r\n}\r\n\r\n.gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.swiper-slide-active .gallery-item img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.gallery-item-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.9) 100%);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 50px;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .gallery-item-overlay {\r\n padding: 30px;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.swiper-slide-active .gallery-item-overlay {\r\n opacity: 1;\r\n}\r\n\r\n.gallery-item-number {\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 0.2em;\r\n color: rgba(255,255,255,0.5);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.gallery-item-overlay h3 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(28px, 4vw, 40px);\r\n font-weight: 400;\r\n color: #fff;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.gallery-item-overlay p {\r\n font-size: clamp(14px, 1.5vw, 16px);\r\n color: rgba(255,255,255,0.7);\r\n margin: 0;\r\n max-width: 450px;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* Swiper Navigation & Pagination *\/\r\n.gallery-navigation {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 30px;\r\n margin-top: 50px;\r\n}\r\n\r\n.gallery-button-prev,\r\n.gallery-button-next {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.1);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n font-size: 20px;\r\n}\r\n\r\n.gallery-button-prev:hover,\r\n.gallery-button-next:hover {\r\n background: rgba(255,255,255,0.2);\r\n transform: scale(1.1);\r\n}\r\n\r\n.gallery-pagination {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.gallery-pagination .swiper-pagination-bullet {\r\n width: 12px;\r\n height: 12px;\r\n background: rgba(255,255,255,0.3);\r\n opacity: 1;\r\n transition: all 0.4s ease;\r\n border-radius: 6px;\r\n}\r\n\r\n.gallery-pagination .swiper-pagination-bullet-active {\r\n background: #fff;\r\n width: 36px;\r\n}\r\n\r\n.gallery-autoplay-progress {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: rgba(255,255,255,0.5);\r\n font-size: 14px;\r\n}\r\n\r\n.gallery-autoplay-progress svg {\r\n width: 48px;\r\n height: 48px;\r\n transform: rotate(-90deg);\r\n}\r\n\r\n.gallery-autoplay-progress svg circle {\r\n fill: none;\r\n stroke: rgba(255,255,255,0.2);\r\n stroke-width: 2;\r\n}\r\n\r\n.gallery-autoplay-progress svg circle:last-child {\r\n stroke: #fff;\r\n stroke-dasharray: 126;\r\n stroke-dashoffset: 126;\r\n}\r\n\r\n\/* ========================================\r\n COUNTRIES MARQUEE\r\n======================================== *\/\r\n.countries-section {\r\n padding: 80px 0;\r\n background: #fff;\r\n overflow: hidden;\r\n}\r\n\r\n.countries-label {\r\n text-align: center;\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n color: #888;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.marquee-wrapper {\r\n position: relative;\r\n}\r\n\r\n.marquee-wrapper::before,\r\n.marquee-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 150px;\r\n z-index: 2;\r\n pointer-events: none;\r\n}\r\n\r\n.marquee-wrapper::before {\r\n left: 0;\r\n background: linear-gradient(to right, #fff, transparent);\r\n}\r\n\r\n.marquee-wrapper::after {\r\n right: 0;\r\n background: linear-gradient(to left, #fff, transparent);\r\n}\r\n\r\n.marquee-track {\r\n display: flex;\r\n width: max-content;\r\n animation: marquee 60s linear infinite;\r\n}\r\n\r\n.marquee-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n@keyframes marquee {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n.marquee-content {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.country-chip {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 14px 24px;\r\n background: #f8f8f6;\r\n border-radius: 50px;\r\n margin: 0 10px;\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n}\r\n\r\n.country-chip:hover {\r\n background: #1a1a1a;\r\n transform: scale(1.05);\r\n}\r\n\r\n.country-chip:hover .country-name {\r\n color: #fff;\r\n}\r\n\r\n.country-flag {\r\n width: 32px;\r\n height: 24px;\r\n border-radius: 4px;\r\n object-fit: cover;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\r\n}\r\n\r\n.country-name {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #333;\r\n white-space: nowrap;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n\/* ========================================\r\n WHY US SECTION\r\n======================================== *\/\r\n.why-section {\r\n background: #fff;\r\n}\r\n\r\n.why-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .why-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .why-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n.why-card {\r\n padding: 44px;\r\n background: #f8f8f6;\r\n border-radius: 24px;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.why-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: #1a1a1a;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.why-card:hover::before {\r\n transform: scaleX(1);\r\n}\r\n\r\n.why-card:hover {\r\n background: #1a1a1a;\r\n transform: translateY(-8px);\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.15);\r\n}\r\n\r\n.why-card:hover .why-icon,\r\n.why-card:hover h3,\r\n.why-card:hover p {\r\n color: #fff;\r\n}\r\n\r\n.why-card:hover .why-icon {\r\n background: rgba(255,255,255,0.1);\r\n transform: scale(1.1);\r\n}\r\n\r\n.why-icon {\r\n width: 68px;\r\n height: 68px;\r\n background: #fff;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 26px;\r\n color: #1a1a1a;\r\n margin-bottom: 28px;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.why-card h3 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(22px, 2.5vw, 26px);\r\n font-weight: 400;\r\n margin: 0 0 16px;\r\n color: #1a1a1a;\r\n transition: color 0.4s ease;\r\n}\r\n\r\n.why-card p {\r\n font-size: 15px;\r\n color: #666;\r\n margin: 0;\r\n line-height: 1.75;\r\n transition: color 0.4s ease;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Custom Cursor -->\r\n<div class=\"custom-cursor\" id=\"customCursor\"><\/div>\r\n\r\n<!-- ========================================\r\n HERO SECTION\r\n======================================== -->\r\n<section class=\"hero\" id=\"hero\">\r\n <video class=\"hero-video\" autoplay muted loop playsinline poster=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=2070&auto=format&fit=crop\">\r\n <source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/0_Cargo_Ship_Container_Ship_1280x720.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"page-wrapper\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <i class=\"fa-solid fa-globe\"><\/i>\r\n Globale Pr\u00e4senz\r\n <\/div>\r\n \r\n <h1>\r\n <span class=\"line\"><span>Aus der T\u00fcrkei<\/span><\/span>\r\n <span class=\"line\"><span>F\u00fcr die Welt<\/span><\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">Wir produzieren hochwertige B\u00fcrom\u00f6bel nach internationalen Standards und exportieren in 5 Kontinente. Ihr zuverl\u00e4ssiger Partner auf den globalen M\u00e4rkten mit langj\u00e4hriger Erfahrung.<\/p>\r\n \r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-label\">Land<\/div>\r\n <div class=\"hero-stat-number\">50+<\/div>\r\n <div class=\"hero-stat-desc\">globale Reichweite<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-label\">Container \/ Jahr<\/div>\r\n <div class=\"hero-stat-number\">500+<\/div>\r\n <div class=\"hero-stat-desc\">j\u00e4hrliche Verschiffungen<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-label\">Erleben Sie<\/div>\r\n <div class=\"hero-stat-number\">15+<\/div>\r\n <div class=\"hero-stat-desc\">langj\u00e4hrige Erfahrung<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-label\">J\u00e4hrliche Ausfuhr<\/div>\r\n <div class=\"hero-stat-number\">$5M+<\/div>\r\n <div class=\"hero-stat-desc\">Exportvolumen<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n INTRO SECTION\r\n======================================== -->\r\n<section class=\"intro-section section section-light\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"intro-grid\">\r\n <div class=\"intro-content\">\r\n <h2 data-aos=\"fade-up\">Mit unserer Exportkapazit\u00e4t sind wir ein starker Partner auf den globalen M\u00e4rkten<\/h2>\r\n \r\n <p data-aos=\"fade-up\" data-aos-delay=\"100\">Als ZIENO vereinen wir jahrelange Produktionserfahrung mit internationalen Standards. Mit einer geschlossenen Fl\u00e4che von 4.000 m\u00b2, modernen Produktionsanlagen und mehr als 50 fachkundigen Mitarbeitern sind wir in der Lage, alle Arten von Anforderungen unserer weltweiten Kunden zu erf\u00fcllen.<\/p>\r\n \r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">Wir managen unsere Exportprozesse mit einem professionellen Ansatz und unterst\u00fctzen unsere Gesch\u00e4ftspartner in allen Phasen, von der Logistik bis zur Zollabfertigung, von der Dokumentation bis zur Qualit\u00e4tskontrolle.<\/p>\r\n \r\n <div class=\"intro-highlight\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <p>\"Wir bieten unseren Kunden nicht nur M\u00f6bel, sondern auch schl\u00fcsselfertige Exportl\u00f6sungen. Wir behandeln jedes Projekt als eine besondere Gesch\u00e4ftspartnerschaft.\"<\/p>\r\n <\/div>\r\n \r\n <div class=\"intro-features\">\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-certificate\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">Internationale Qualit\u00e4tszertifikate<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-truck-fast\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">Schneller und sicherer Versand<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"350\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-file-invoice\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">Professionelle Dokumentation<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">Mehrsprachiges Support-Team<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"450\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-boxes-stacked\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">OEM & Eigenmarke<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">Langfristige Joint Ventures<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"intro-image\" data-aos=\"fade-left\" data-aos-delay=\"200\">\r\n <video autoplay muted loop playsinline style=\"width: 100%; height: 100%; object-fit: cover; min-height: 550px;\">\r\n <source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/tmpvw_wpbak.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"intro-image-overlay\">\r\n <div class=\"intro-image-stats\">\r\n <div class=\"intro-image-stat\">\r\n <span class=\"intro-image-stat-number\">4.000 m\u00b2<\/span>\r\n <span class=\"intro-image-stat-label\">Geschlossener Produktionsbereich<\/span>\r\n <\/div>\r\n <div class=\"intro-image-stat\">\r\n <span class=\"intro-image-stat-number\">50+<\/span>\r\n <span class=\"intro-image-stat-label\">Fachpersonal<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n PROCESS SECTION\r\n======================================== -->\r\n<section class=\"process-section section section-light\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\" data-aos=\"fade-up\">Prozess<\/span>\r\n <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">Unser Exportprozess<\/h2>\r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">Professionelles und transparentes Prozessmanagement von Ihrer Anfrage bis zu Ihrer Lieferung<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-grid\">\r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"process-number\">1<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-comments\"><\/i><\/div>\r\n <h3>Nachfrage und Analyse<\/h3>\r\n <p>Wir gehen auf Ihre Bed\u00fcrfnisse ein und bieten spezielle L\u00f6sungen f\u00fcr Ihr Projekt<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"process-number\">2<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-pencil-ruler\"><\/i><\/div>\r\n <h3>Entwurf & Angebot<\/h3>\r\n <p>Produktauswahl, Personalisierung und detaillierte Proforma-Rechnung<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"process-number\">3<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-industry\"><\/i><\/div>\r\n <h3>Produktion<\/h3>\r\n <p>Qualit\u00e4tskontrollierter Produktionsprozess in unseren modernen Einrichtungen<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"process-number\">4<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-box\"><\/i><\/div>\r\n <h3>Verpackung<\/h3>\r\n <p>Professionelle, f\u00fcr den Export geeignete Verpackung<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"process-number\">5<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-ship\"><\/i><\/div>\r\n <h3>Sendung<\/h3>\r\n <p>Zollabfertigung und sichere Lieferung weltweit<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n REGIONS SECTION\r\n======================================== -->\r\n<section class=\"regions-section section section-light\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\" data-aos=\"fade-up\">Regionen<\/span>\r\n <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">Export-Regionen<\/h2>\r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">Regelm\u00e4\u00dfige Lieferungen in die ganze Welt<\/p>\r\n <\/div>\r\n \r\n <div class=\"regions-grid\">\r\n <div class=\"region-card bg-europe\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"region-icon\"><i class=\"fa-solid fa-landmark\"><\/i><\/div>\r\n <h3>Europa<\/h3>\r\n <p class=\"region-countries\">Deutschland, Frankreich, Vereinigtes K\u00f6nigreich, Niederlande, Belgien, Spanien, Italien<\/p>\r\n <span class=\"region-stat\">15+ Land<\/span>\r\n <\/div>\r\n \r\n <div class=\"region-card bg-middleeast\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"region-icon\"><i class=\"fa-solid fa-mosque\"><\/i><\/div>\r\n <h3>Naher Osten<\/h3>\r\n <p class=\"region-countries\">VAE, Saudi-Arabien, Katar, Kuwait, Irak, Jordanien, Libanon<\/p>\r\n <span class=\"region-stat\">12+ Land<\/span>\r\n <\/div>\r\n \r\n <div class=\"region-card bg-africa\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"region-icon\"><i class=\"fa-solid fa-sun\"><\/i><\/div>\r\n <h3>Afrika<\/h3>\r\n <p class=\"region-countries\">Libyen, \u00c4gypten, Nigeria, Algerien, Tunesien, Marokko, S\u00fcdafrika<\/p>\r\n <span class=\"region-stat\">10+ L\u00e4nder<\/span>\r\n <\/div>\r\n \r\n <div class=\"region-card bg-asia\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"region-icon\"><i class=\"fa-solid fa-mountain-sun\"><\/i><\/div>\r\n <h3>Zentralasien & Kaukasus<\/h3>\r\n <p class=\"region-countries\">Kasachstan, Aserbaidschan, Turkmenistan, Usbekistan, Georgien<\/p>\r\n <span class=\"region-stat\">8+ Land<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n EXPORT OPERATIONS MARQUEE\r\n======================================== -->\r\n<section class=\"export-marquee-section\">\r\n <div class=\"export-marquee-track\">\r\n <div class=\"export-marquee-content\">\r\n <span class=\"export-marquee-text\">Beladen von Containern<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?q=80&w=100&auto=format&fit=crop\" alt=\"Beladen von Containern\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Ausfuhrdokumente<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=100&auto=format&fit=crop\" alt=\"Ausfuhrdokumente\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Globaler Versand<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=100&auto=format&fit=crop\" alt=\"Globaler Versand\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Produktionsanlagen<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568793096722-045e8593cee4?q=80&w=100&auto=format&fit=crop\" alt=\"Produktionsanlagen\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Qualit\u00e4tskontrolle<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?q=80&w=100&auto=format&fit=crop\" alt=\"Qualit\u00e4tskontrolle\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Logistik-Management<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=100&auto=format&fit=crop\" alt=\"Logistik-Management\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Zolltransaktionen<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?q=80&w=100&auto=format&fit=crop\" alt=\"Zolltransaktionen\" class=\"export-marquee-img\">\r\n \r\n <!-- Duplicate for seamless loop -->\r\n <span class=\"export-marquee-text\">Beladen von Containern<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?q=80&w=100&auto=format&fit=crop\" alt=\"Beladen von Containern\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Ausfuhrdokumente<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=100&auto=format&fit=crop\" alt=\"Ausfuhrdokumente\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Globaler Versand<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=100&auto=format&fit=crop\" alt=\"Globaler Versand\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Produktionsanlagen<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568793096722-045e8593cee4?q=80&w=100&auto=format&fit=crop\" alt=\"Produktionsanlagen\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Qualit\u00e4tskontrolle<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?q=80&w=100&auto=format&fit=crop\" alt=\"Qualit\u00e4tskontrolle\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Logistik-Management<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=100&auto=format&fit=crop\" alt=\"Logistik-Management\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">Zolltransaktionen<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?q=80&w=100&auto=format&fit=crop\" alt=\"Zolltransaktionen\" class=\"export-marquee-img\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n GALLERY SECTION - SWIPER\r\n======================================== -->\r\n<section class=\"gallery-section section-dark\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\" data-aos=\"fade-up\">Galerie<\/span>\r\n <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">Exportgesch\u00e4fte<\/h2>\r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">Rahmen aus unseren professionellen Exportprozessen<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Swiper Gallery -->\r\n <div class=\"swiper gallery-swiper\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"swiper-wrapper\">\r\n <!-- Slide 1 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?q=80&w=2070&auto=format&fit=crop\" alt=\"Beladen von Containern\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">01 \/ 07<\/span>\r\n <h3>Beladen von Containern<\/h3>\r\n <p>Mit unserer professionellen Verpackung und sicheren Verladung erreichen Ihre Produkte unbesch\u00e4digt ihr Ziel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 2 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=2070&auto=format&fit=crop\" alt=\"Dokumentation\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">02 \/ 07<\/span>\r\n <h3>Ausfuhrdokumente<\/h3>\r\n <p>Zollerkl\u00e4rungen, Ursprungszeugnisse und alle Exportdokumente werden vollst\u00e4ndig erstellt.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 3 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=2070&auto=format&fit=crop\" alt=\"Versand\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">03 \/ 07<\/span>\r\n <h3>Globaler Versand<\/h3>\r\n <p>Schnelle und sichere Lieferung durch unsere zuverl\u00e4ssigen Logistikpartner weltweit garantiert.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 4 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568793096722-045e8593cee4?q=80&w=2070&auto=format&fit=crop\" alt=\"Produktion\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">04 \/ 07<\/span>\r\n <h3>Produktionsanlagen<\/h3>\r\n <p>4.000 m\u00b2 geschlossene Fl\u00e4che mit modernen Produktionslinien und fortschrittlicher Technologieausr\u00fcstung.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 5 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?q=80&w=2070&auto=format&fit=crop\" alt=\"Qualit\u00e4t\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">05 \/ 07<\/span>\r\n <h3>Qualit\u00e4tskontrolle<\/h3>\r\n <p>Qualit\u00e4tskontrollverfahren und Zertifizierungen nach internationalen Normen.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 6 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?q=80&w=2070&auto=format&fit=crop\" alt=\"Team\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">06 \/ 07<\/span>\r\n <h3>Experten-Team<\/h3>\r\n <p>Unser erfahrenes Export- und Produktionspersonal mit mehr als 50 Mitarbeitern ist immer f\u00fcr Sie da.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 7 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553413077-190dd305871c?q=80&w=2070&auto=format&fit=crop\" alt=\"Lagerhaus\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">07 \/ 07<\/span>\r\n <h3>Lagerung und Inventar<\/h3>\r\n <p>F\u00e4higkeit, schnell auf gro\u00dfe Auftr\u00e4ge mit gro\u00dfer Lagerkapazit\u00e4t zu reagieren.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"page-wrapper\">\r\n <div class=\"gallery-navigation\">\r\n <button class=\"gallery-button-prev\">\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/button>\r\n <div class=\"gallery-pagination\"><\/div>\r\n <button class=\"gallery-button-next\">\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n COUNTRIES MARQUEE\r\n======================================== -->\r\n<div class=\"countries-section\">\r\n <div class=\"countries-label\" data-aos=\"fade-up\">Einige der L\u00e4nder, in die wir exportieren<\/div>\r\n <div class=\"marquee-wrapper\">\r\n <div class=\"marquee-track\">\r\n <div class=\"marquee-content\">\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/de.png\" alt=\"Deutschland\" class=\"country-flag\"><span class=\"country-name\">Deutschland<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/gb.png\" alt=\"UK\" class=\"country-flag\"><span class=\"country-name\">Vereinigtes K\u00f6nigreich<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ae.png\" alt=\"UAE\" class=\"country-flag\"><span class=\"country-name\">UAE<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\" alt=\"Saudi\" class=\"country-flag\"><span class=\"country-name\">Saudi-Arabien<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/qa.png\" alt=\"Katar\" class=\"country-flag\"><span class=\"country-name\">Katar<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/kz.png\" alt=\"Kasachstan\" class=\"country-flag\"><span class=\"country-name\">Kasachstan<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/az.png\" alt=\"Aserbaidschan\" class=\"country-flag\"><span class=\"country-name\">Aserbaidschan<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ly.png\" alt=\"Libyen\" class=\"country-flag\"><span class=\"country-name\">Libyen<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/iq.png\" alt=\"Irak\" class=\"country-flag\"><span class=\"country-name\">Irak<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/nl.png\" alt=\"Niederlande\" class=\"country-flag\"><span class=\"country-name\">Niederlande<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/fr.png\" alt=\"Frankreich\" class=\"country-flag\"><span class=\"country-name\">Frankreich<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/eg.png\" alt=\"\u00c4gypten\" class=\"country-flag\"><span class=\"country-name\">\u00c4gypten<\/span><\/div>\r\n <\/div>\r\n <div class=\"marquee-content\">\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/de.png\" alt=\"Deutschland\" class=\"country-flag\"><span class=\"country-name\">Deutschland<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/gb.png\" alt=\"UK\" class=\"country-flag\"><span class=\"country-name\">Vereinigtes K\u00f6nigreich<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ae.png\" alt=\"UAE\" class=\"country-flag\"><span class=\"country-name\">UAE<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\" alt=\"Saudi\" class=\"country-flag\"><span class=\"country-name\">Saudi-Arabien<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/qa.png\" alt=\"Katar\" class=\"country-flag\"><span class=\"country-name\">Katar<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/kz.png\" alt=\"Kasachstan\" class=\"country-flag\"><span class=\"country-name\">Kasachstan<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/az.png\" alt=\"Aserbaidschan\" class=\"country-flag\"><span class=\"country-name\">Aserbaidschan<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ly.png\" alt=\"Libyen\" class=\"country-flag\"><span class=\"country-name\">Libyen<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/iq.png\" alt=\"Irak\" class=\"country-flag\"><span class=\"country-name\">Irak<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/nl.png\" alt=\"Niederlande\" class=\"country-flag\"><span class=\"country-name\">Niederlande<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/fr.png\" alt=\"Frankreich\" class=\"country-flag\"><span class=\"country-name\">Frankreich<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/eg.png\" alt=\"\u00c4gypten\" class=\"country-flag\"><span class=\"country-name\">\u00c4gypten<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- ========================================\r\n WHY US SECTION\r\n======================================== -->\r\n<section class=\"why-section section section-light\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\" data-aos=\"fade-up\">Vorteile<\/span>\r\n <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">Warum ZIENO?<\/h2>\r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">Unser Wert als Ihr globaler Exportpartner<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-grid\">\r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n <h3>Schnelle Produktion und Lieferung<\/h3>\r\n <p>Dank unserer gro\u00dfen Produktionskapazit\u00e4ten und optimierter Prozesse liefern wir Ihre Auftr\u00e4ge p\u00fcnktlich. Versandoptionen sind ab Lager verf\u00fcgbar.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n <h3>M\u00f6glichkeit der Privatisierung<\/h3>\r\n <p>Wir produzieren OEM und Private Label. Wir k\u00f6nnen alle Details wie Farbe, Stoff, Logo und Gr\u00f6\u00dfe entsprechend Ihren Anforderungen anpassen.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n <h3>Qualit\u00e4tsgarantie<\/h3>\r\n <p>Mit unseren ISO-zertifizierten Produktionsprozessen und strengen Qualit\u00e4tskontrollen bieten wir Produkte auf internationalem Niveau.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-coins\"><\/i><\/div>\r\n <h3>Konkurrenzf\u00e4hige Preise<\/h3>\r\n <p>Als Direkthersteller bieten wir Qualit\u00e4tsprodukte zu wettbewerbsf\u00e4higen Preisen ohne Zwischenkosten.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-earth-americas\"><\/i><\/div>\r\n <h3>Globale Logistik<\/h3>\r\n <p>Wir bieten mit unseren erfahrenen Logistikpartnern Dienstleistungen in allen Lieferarten wie CIF, FOB, DDP an.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-users\"><\/i><\/div>\r\n <h3>Professionelle Unterst\u00fctzung<\/h3>\r\n <p>Unser mehrsprachiges Exportteam steht Ihnen bei allen Prozessen vor und nach der Bestellung zur Seite. Unterst\u00fctzung auf Englisch, Arabisch und T\u00fcrkisch.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n EXTERNAL LIBRARIES (CDN)\r\n======================================== -->\r\n\r\n<!-- GSAP (GreenSock Animation Platform) -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- Swiper.js -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<!-- AOS - Animate On Scroll -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.4\/dist\/aos.js\"><\/script>\r\n\r\n<!-- CountUp.js -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/countup.js@2.8.0\/dist\/countUp.umd.min.js\"><\/script>\r\n\r\n<!-- Lenis Smooth Scroll -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lenis@1.1.13\/dist\/lenis.min.js\"><\/script>\r\n\r\n<!-- ========================================\r\n JAVASCRIPT - INITIALIZE LIBRARIES\r\n======================================== -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n \r\n \/\/ ========================================\r\n \/\/ 1. LENIS - SMOOTH SCROLL\r\n \/\/ ========================================\r\n const lenis = new Lenis({\r\n duration: 1.2,\r\n easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\r\n direction: 'vertical',\r\n gestureDirection: 'vertical',\r\n smooth: true,\r\n smoothTouch: false,\r\n touchMultiplier: 2\r\n });\r\n\r\n function raf(time) {\r\n lenis.raf(time);\r\n requestAnimationFrame(raf);\r\n }\r\n requestAnimationFrame(raf);\r\n\r\n \/\/ Connect Lenis to GSAP ScrollTrigger\r\n lenis.on('scroll', ScrollTrigger.update);\r\n gsap.ticker.add((time) => {\r\n lenis.raf(time * 1000);\r\n });\r\n gsap.ticker.lagSmoothing(0);\r\n\r\n \/\/ Scroll indicator click\r\n\r\n \/\/ ========================================\r\n \/\/ 2. GSAP - HERO ANIMATIONS\r\n \/\/ ========================================\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ Hero entrance animation timeline\r\n const heroTl = gsap.timeline({ defaults: { ease: 'power3.out' }});\r\n\r\n heroTl\r\n .to('.hero-badge', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 1,\r\n delay: 0.3\r\n })\r\n .to('.hero h1', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 1.2 \r\n }, '-=0.6')\r\n .to('.hero-subtitle', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 1 \r\n }, '-=0.8')\r\n .to('.hero-stat', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 0.8, \r\n stagger: 0.15 \r\n }, '-=0.5');\r\n\r\n \/\/ ========================================\r\n \/\/ 3. COUNTUP.JS - STATISTICS ANIMATION\r\n \/\/ ========================================\r\n const statNumbers = document.querySelectorAll('.hero-stat-number[data-count]');\r\n \r\n statNumbers.forEach(stat => {\r\n const target = parseInt(stat.dataset.count);\r\n const prefix = stat.dataset.prefix || '';\r\n const suffix = stat.dataset.suffix || '+';\r\n \r\n \/\/ CountUp instance variable renamed to avoid conflict with global library object\r\n let countUpInstance = null;\r\n \r\n \/\/ Check for the global library object. \r\n \/\/ The UMD script usually exposes 'countUp' (lowercase c) containing 'CountUp' (uppercase C) class.\r\n if(typeof countUp === 'object' && countUp.CountUp) {\r\n countUpInstance = new countUp.CountUp(stat, target, {\r\n duration: 2.5,\r\n prefix: prefix,\r\n suffix: suffix,\r\n enableScrollSpy: true,\r\n scrollSpyOnce: true,\r\n scrollSpyDelay: 500\r\n });\r\n } else if (typeof CountUp === 'function') {\r\n \/\/ Fallback if it exposes the class directly\r\n countUpInstance = new CountUp(stat, target, {\r\n duration: 2.5,\r\n prefix: prefix,\r\n suffix: suffix,\r\n enableScrollSpy: true,\r\n scrollSpyOnce: true,\r\n scrollSpyDelay: 500\r\n });\r\n }\r\n \r\n \/\/ Start when hero animation completes if instance exists\r\n if(countUpInstance) {\r\n setTimeout(() => {\r\n if (!countUpInstance.error) {\r\n countUpInstance.start();\r\n }\r\n }, 1500);\r\n }\r\n });\r\n\r\n \/\/ ========================================\r\n \/\/ 4. AOS - SCROLL ANIMATIONS\r\n \/\/ ========================================\r\n AOS.init({\r\n duration: 800,\r\n easing: 'ease-out-cubic',\r\n once: true,\r\n offset: 50,\r\n delay: 0,\r\n anchorPlacement: 'top-bottom'\r\n });\r\n\r\n \/\/ ========================================\r\n \/\/ 5. SWIPER.JS - GALLERY CAROUSEL\r\n \/\/ ========================================\r\n const gallerySwiper = new Swiper('.gallery-swiper', {\r\n slidesPerView: 'auto',\r\n centeredSlides: true,\r\n spaceBetween: 30,\r\n loop: true,\r\n speed: 800,\r\n autoplay: {\r\n delay: 5000,\r\n disableOnInteraction: false,\r\n pauseOnMouseEnter: true\r\n },\r\n pagination: {\r\n el: '.gallery-pagination',\r\n clickable: true,\r\n dynamicBullets: false\r\n },\r\n navigation: {\r\n nextEl: '.gallery-button-next',\r\n prevEl: '.gallery-button-prev',\r\n },\r\n keyboard: {\r\n enabled: true,\r\n onlyInViewport: true\r\n },\r\n mousewheel: {\r\n forceToAxis: true,\r\n sensitivity: 1\r\n },\r\n grabCursor: true,\r\n effect: 'slide',\r\n breakpoints: {\r\n 320: {\r\n spaceBetween: 15\r\n },\r\n 768: {\r\n spaceBetween: 20\r\n },\r\n 1024: {\r\n spaceBetween: 30\r\n }\r\n },\r\n on: {\r\n slideChange: function() {\r\n \/\/ Update slide numbers\r\n const slides = document.querySelectorAll('.gallery-item-number');\r\n slides.forEach((num, index) => {\r\n \/\/ Swiper loop creates duplicates, logic simplified for display\r\n \/\/ Ger\u00e7ek indexi bulmak karma\u015f\u0131k olabilir, g\u00f6rsel ama\u00e7l\u0131 basit tutuyoruz\r\n let displayIndex = (this.realIndex + 1);\r\n if(displayIndex < 10) displayIndex = '0' + displayIndex;\r\n \/\/ Not: T\u00fcm slide'lar\u0131 g\u00fcncellemek yerine aktif olan\u0131 g\u00f6stermek daha iyi olabilir\r\n \/\/ Ancak mevcut yap\u0131 t\u00fcm\u00fcn\u00fc g\u00fcncelliyor.\r\n \/\/ num.textContent = `${displayIndex} \/ 07`; \r\n });\r\n }\r\n }\r\n });\r\n\r\n \/\/ ========================================\r\n \/\/ 6. GSAP SCROLL TRIGGERS\r\n \/\/ ========================================\r\n \r\n \/\/ Parallax effect on intro image\r\n gsap.to('.intro-image img', {\r\n yPercent: 20,\r\n ease: 'none',\r\n scrollTrigger: {\r\n trigger: '.intro-section',\r\n start: 'top bottom',\r\n end: 'bottom top',\r\n scrub: true\r\n }\r\n });\r\n\r\n \/\/ NOTE: Card entrance animations removed to rely on simpler AOS and prevent conflicts\r\n\r\n \/\/ ========================================\r\n \/\/ 7. REFRESH SCROLL TRIGGERS ON RESIZE\r\n \/\/ ========================================\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => {\r\n ScrollTrigger.refresh();\r\n AOS.refresh();\r\n }, 250);\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9146711 e-con-full e-flex e-con e-parent\" data-id=\"9146711\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c415d elementor-widget elementor-widget-shortcode\" data-id=\"e4c415d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"zieno-contact-section\">\r\n <div class=\"zieno-contact-container\">\r\n <!-- Sol Taraf - Bilgiler -->\r\n <div class=\"zieno-contact-info\">\r\n <h2>Kontakt<\/h2>\r\n <p>Kontaktieren Sie uns f\u00fcr Ihre Projekte, Fragen oder Kooperationsangebote. Unser Expertenteam wird sich so schnell wie m\u00f6glich mit Ihnen in Verbindung setzen.<\/p>\r\n \r\n <div class=\"zieno-contact-details\">\r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>E-Mail<\/h4>\r\n <p><a href=\"mailto:info@zieno.com.tr\">info@zieno.com.tr<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>Telefon<\/h4>\r\n <p>\r\n <a href=\"tel:+905358724433\">+90 535 872 44 33<\/a><br>\r\n <a href=\"tel:+905330780198\">+90 533 078 01 98<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>Adresse<\/h4>\r\n <p>Istanbul, T\u00fcrkei<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Sa\u011f Taraf - Glassmorphism Form -->\r\n <div class=\"zieno-glass-form\">\r\n <h3>Kontakt-Formular<\/h3>\r\n <form id=\"zienoContactForm\" class=\"zieno-contact-form\" method=\"post\" action=\"#\" data-trp-original-action=\"#\">\r\n <div class=\"zieno-form-grid\">\r\n <div class=\"zieno-form-group\">\r\n <label>Name Nachname <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" name=\"name\" placeholder=\"Ihr Name und Nachname\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>E-Mail <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" name=\"email\" placeholder=\"email@example.com\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Telefon <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"+90 XXX XXX XXX XXX XX XX\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>Thema<\/label>\r\n <select name=\"subject\">\r\n <option value=\"Genel Bilgi\">Allgemeine Informationen<\/option>\r\n <option value=\"\u00dcr\u00fcn Talebi\">Produktanfrage<\/option>\r\n <option value=\"Proje Teklifi\">Vorschlag f\u00fcr ein Projekt<\/option>\r\n <option value=\"Sat\u0131\u015f Sonras\u0131 Destek\">After-Sales-Unterst\u00fctzung<\/option>\r\n <option value=\"\u0130hracat\">Exportieren<\/option>\r\n <option value=\"Di\u011fer\">Andere<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group full-width\">\r\n <label>Ihre Nachricht <span class=\"required\">*<\/span><\/label>\r\n <textarea name=\"message\" placeholder=\"Schreiben Sie hier Ihre Nachricht...\" required><\/textarea>\r\n <\/div>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"zieno-submit-btn\">\r\n <i class=\"fa fa-paper-plane\"><\/i>\r\n <span>Senden Sie<\/span>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0130hracat & Global Presence | ZIENO Global Presence T\u00fcrkiye’den D\u00fcnyaya Premium ofis mobilyalar\u0131n\u0131 uluslararas\u0131 standartlarda \u00fcretiyor, 5 k\u0131taya ihra\u00e7 ediyoruz. Y\u0131llar\u0131n deneyimiyle […]<\/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-1162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/1162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/comments?post=1162"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/1162\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/media?parent=1162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}