{"id":622,"date":"2025-12-10T08:07:22","date_gmt":"2025-12-10T08:07:22","guid":{"rendered":"https:\/\/demo.zieno.com.tr\/?page_id=622"},"modified":"2026-01-20T20:39:18","modified_gmt":"2026-01-20T20:39:18","slug":"projekte","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/de\/projekte\/","title":{"rendered":"Projekte"},"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\nProjekte | 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}\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\n* {\r\n margin: 0;\r\n padding: 0;\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 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@media (max-width: 768px) {\r\n .page-wrapper {\r\n padding: 0 16px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .page-wrapper {\r\n padding: 0 12px;\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 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 padding: 130px 0 80px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .hero {\r\n height: 100vh;\r\n padding: 110px 0 60px;\r\n }\r\n}\r\n\r\n.hero-video-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n overflow: hidden;\r\n}\r\n\r\n\r\n.hero-video-bg video {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n min-width: 100%;\r\n min-height: 100%;\r\n width: auto;\r\n height: auto;\r\n transform: translate(-50%, -50%);\r\n object-fit: cover;\r\n z-index: 2;\r\n filter: blur(8px);\r\n}\r\n\r\n.hero-video-bg::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.8);\r\n z-index: 3;\r\n pointer-events: none;\r\n}\r\n\r\n.hero-content {\r\n position: relative;\r\n z-index: 4;\r\n text-align: center;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n width: 100%;\r\n padding: 0 24px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .hero-content {\r\n padding: 0 16px;\r\n }\r\n}\r\n\r\n.hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: #1a1a1a;\r\n padding: 10.8px 25.2px;\r\n border-radius: 50px;\r\n font-size: 10.8px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n margin-bottom: 25.2px;\r\n color: #fff;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n}\r\n\r\n.hero-badge i {\r\n font-size: 12.6px;\r\n}\r\n\r\n.hero h1 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(48px, 9vw, 96px);\r\n font-weight: 400;\r\n margin: 0 0 24px;\r\n line-height: 1.1;\r\n letter-spacing: -0.02em;\r\n color: #1a1a1a;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n}\r\n\r\n.hero-description {\r\n font-size: clamp(14px, 1.8vw, 18px);\r\n color: #555;\r\n max-width: 700px;\r\n margin: 0 auto 40px;\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@media (max-width: 768px) {\r\n .hero-description {\r\n font-size: 15px;\r\n line-height: 1.6;\r\n margin-bottom: 32px;\r\n }\r\n}\r\n\r\n\/* Hero Cards *\/\r\n.hero-cards {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n .hero-cards {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n }\r\n}\r\n\r\n.hero-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n border-radius: 12px;\r\n padding: 20px;\r\n text-align: left;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);\r\n min-height: auto;\r\n}\r\n\r\n.hero-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\r\n border-color: rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.hero-card-label {\r\n font-size: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n color: #999;\r\n margin: 0 0 8px;\r\n font-weight: 500;\r\n}\r\n\r\n.hero-card-value {\r\n font-family: 'Instrument Serif', serif;\r\n font-size: clamp(32px, 4vw, 44px);\r\n font-weight: 400;\r\n color: #1a1a1a;\r\n margin: 0 0 4px;\r\n line-height: 1;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.hero-card-desc {\r\n font-size: 12px;\r\n color: #777;\r\n margin: 0;\r\n line-height: 1.3;\r\n font-weight: 400;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .hero-card {\r\n padding: 18px;\r\n border-radius: 10px;\r\n }\r\n \r\n .hero-card-label {\r\n font-size: 9px;\r\n margin-bottom: 6px;\r\n }\r\n \r\n .hero-card-value {\r\n font-size: 32px;\r\n }\r\n \r\n .hero-card-desc {\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n INTRO SECTION\r\n======================================== *\/\r\n.intro-section {\r\n background: #fff;\r\n}\r\n\r\n.intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: flex-start;\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, 48px);\r\n font-weight: 400;\r\n margin: 0 0 28px;\r\n line-height: 1.2;\r\n color: #1a1a1a;\r\n letter-spacing: -0.02em;\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: 20px;\r\n line-height: 1.85;\r\n}\r\n\r\n.intro-content p:last-of-type {\r\n margin-bottom: 32px;\r\n}\r\n\r\n.intro-highlight {\r\n background: #f8f8f6;\r\n border-left: 4px solid #1a1a1a;\r\n padding: 24px 28px;\r\n margin: 32px 0;\r\n border-radius: 0 16px 16px 0;\r\n}\r\n\r\n.intro-highlight p {\r\n margin: 0;\r\n font-size: clamp(14px, 1.5vw, 16px);\r\n font-style: italic;\r\n color: #444;\r\n line-height: 1.7;\r\n}\r\n\r\n.intro-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px;\r\n margin-top: 36px;\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: 12px;\r\n padding: 16px;\r\n background: #f8f8f6;\r\n border-radius: 12px;\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(6px);\r\n background: #1a1a1a;\r\n}\r\n\r\n.intro-feature:hover .intro-feature-icon {\r\n background: rgba(255,255,255,0.1);\r\n color: #fff;\r\n}\r\n\r\n.intro-feature:hover .intro-feature-text {\r\n color: #fff;\r\n}\r\n\r\n.intro-feature-icon {\r\n width: 42px;\r\n height: 42px;\r\n background: #1a1a1a;\r\n color: #fff;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.intro-feature-text {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #333;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.intro-image {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n aspect-ratio: 4\/5;\r\n}\r\n\r\n.intro-image 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.intro-image:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n\/* Intro Gallery Swiper *\/\r\n.intro-gallery-swiper {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n}\r\n\r\n.intro-gallery-swiper .swiper-slide {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.intro-gallery-swiper .swiper-slide img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n}\r\n\r\n\/* ========================================\r\n PROJECTS SHOWCASE - VERTICAL STACK ACCORDION\r\n======================================== *\/\r\n.projects-showcase {\r\n background: #fff;\r\n padding: 120px 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .projects-showcase {\r\n padding: 80px 0;\r\n }\r\n}\r\n\r\n.projects-showcase .section-header {\r\n margin-bottom: 60px;\r\n}\r\n\r\n.projects-showcase .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 16px;\r\n color: #1a1a1a;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.projects-showcase .section-header p {\r\n font-size: clamp(15px, 2vw, 18px);\r\n color: #666;\r\n margin: 0;\r\n}\r\n\r\n\/* ---- ACCORDION CONTAINER ---- *\/\r\n.vertical-stack-accordion {\r\n display: flex;\r\n gap: 15px;\r\n width: 100%;\r\n align-items: stretch;\r\n min-height: 600px;\r\n}\r\n\r\n\/* ---- CARD CLOSED ---- *\/\r\n.vs-card {\r\n background: #ECECE7;\r\n border: 1px solid #ECECE7;\r\n border-radius: 12px;\r\n width: 70px;\r\n min-width: 70px;\r\n cursor: pointer;\r\n transition: width 0.4s ease, min-width 0.4s ease, background 0.3s ease, flex 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0;\r\n}\r\n\r\n.vs-card:hover:not(.active) {\r\n background: #e4e4df;\r\n}\r\n\r\n\/* Ba\u015fl\u0131k dikey (kapal\u0131 kartlarda d\u00f6nd\u00fcr\u00fclm\u00fc\u015f) *\/\r\n.vs-title {\r\n writing-mode: vertical-rl;\r\n transform: rotate(180deg);\r\n font-family: 'Black Mango', serif !important;\r\n font-size: 22px;\r\n padding: 25px 20px;\r\n color: #1a1a1a;\r\n line-height: 1.1;\r\n white-space: nowrap;\r\n opacity: 1;\r\n transition: opacity 0.3s ease;\r\n flex: 1;\r\n letter-spacing: -0.01em;\r\n}\r\n\r\n\/* Chevron icon for closed cards *\/\r\n.vs-chevron {\r\n padding: 15px;\r\n opacity: 0.5;\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.vs-chevron svg {\r\n width: 20px;\r\n height: 20px;\r\n color: #1a1a1a;\r\n}\r\n\r\n.vs-card:hover:not(.active) .vs-chevron {\r\n opacity: 1;\r\n transform: translateX(3px);\r\n}\r\n\r\n\/* ---- OPEN CARD ---- *\/\r\n.vs-card.active {\r\n flex: 1;\r\n width: auto;\r\n min-width: 300px;\r\n background: #fff;\r\n border: 1px solid #e0e0db;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.08);\r\n cursor: default;\r\n}\r\n\r\n\/* A\u00e7\u0131k kartta ba\u015fl\u0131k ve chevron gizle *\/\r\n.vs-card.active .vs-title,\r\n.vs-card.active .vs-chevron {\r\n display: none;\r\n}\r\n\r\n\/* ---- CONTENT ---- *\/\r\n.vs-content {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n}\r\n\r\n.vs-card.active .vs-content {\r\n display: block;\r\n opacity: 1;\r\n}\r\n\r\n\/* Foto\u011fraf wrapper - tam kart boyutu *\/\r\n.vs-image-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.vs-image-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease, opacity 0.3s ease;\r\n}\r\n\r\n.vs-card.active:hover .vs-image-wrap img {\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* Overlay - t\u00fcm i\u00e7erik burada *\/\r\n.vs-overlay {\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 100%;\r\n padding: 100px 35px 35px;\r\n background: linear-gradient(\r\n to top,\r\n rgba(0,0,0,0.85) 0%,\r\n rgba(0,0,0,0.6) 40%,\r\n rgba(0,0,0,0) 100%\r\n );\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n pointer-events: none;\r\n}\r\n\r\n.vs-card.active .vs-overlay {\r\n opacity: 1;\r\n}\r\n\r\n.vs-overlay-title {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: 36px;\r\n color: #fff;\r\n margin-bottom: 12px;\r\n line-height: 1.2;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.vs-desc {\r\n font-family: 'DIN Next LT Pro', sans-serif;\r\n font-size: 14px;\r\n line-height: 1.7;\r\n color: rgba(255,255,255,0.85);\r\n margin-bottom: 20px;\r\n max-width: 500px;\r\n}\r\n\r\n\/* CTA Button *\/\r\n.vs-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 24px;\r\n background: #fff;\r\n color: #1a1a1a;\r\n font-size: 14px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n border-radius: 6px;\r\n transition: background 0.3s ease, transform 0.3s ease;\r\n pointer-events: auto;\r\n}\r\n\r\n.vs-cta:hover {\r\n background: #f0f0f0;\r\n transform: translateY(-2px);\r\n}\r\n\r\n.vs-cta svg {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n\/* ---- Responsive ---- *\/\r\n@media (max-width: 900px) {\r\n .vertical-stack-accordion {\r\n flex-direction: column;\r\n min-height: auto;\r\n }\r\n\r\n .vs-card {\r\n width: 100% !important;\r\n min-width: 100% !important;\r\n min-height: 70px;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .vs-card:not(.active) .vs-title {\r\n writing-mode: horizontal-tb;\r\n transform: none;\r\n font-size: 20px;\r\n padding: 20px 25px;\r\n flex: 1;\r\n }\r\n\r\n .vs-card:not(.active) .vs-chevron {\r\n transform: rotate(-90deg);\r\n }\r\n\r\n .vs-card:hover:not(.active) .vs-chevron {\r\n transform: rotate(-90deg) translateX(-3px);\r\n }\r\n\r\n .vs-card.active {\r\n min-height: 400px;\r\n flex-direction: column;\r\n }\r\n\r\n .vs-overlay {\r\n padding: 80px 25px 25px;\r\n }\r\n\r\n .vs-overlay-title {\r\n font-size: 28px;\r\n }\r\n\r\n .vs-desc {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n\/* ========================================\r\n PAST WORKS CAROUSEL SECTION\r\n======================================== *\/\r\n.past-works-section {\r\n padding: 100px 0;\r\n background: #fff;\r\n overflow: hidden;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .past-works-section {\r\n padding: 80px 0;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .past-works-section {\r\n padding: 60px 0;\r\n }\r\n}\r\n\r\n.past-works-section .section-header {\r\n margin-bottom: 60px;\r\n}\r\n\r\n.past-works-section .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;\r\n color: #1a1a1a;\r\n letter-spacing: -0.02em;\r\n text-align: center;\r\n}\r\n\r\n.past-works-carousel-container {\r\n position: relative;\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n}\r\n\r\n.past-works-carousel-container::before,\r\n.past-works-carousel-container::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 200px;\r\n z-index: 2;\r\n pointer-events: none;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .past-works-carousel-container::before,\r\n .past-works-carousel-container::after {\r\n width: 100px;\r\n }\r\n}\r\n\r\n.past-works-carousel-container::before {\r\n left: 0;\r\n background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);\r\n}\r\n\r\n.past-works-carousel-container::after {\r\n right: 0;\r\n background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);\r\n}\r\n\r\n.past-works-row {\r\n display: flex;\r\n gap: 24px;\r\n margin-bottom: 24px;\r\n overflow: hidden;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .past-works-row {\r\n gap: 16px;\r\n margin-bottom: 16px;\r\n }\r\n}\r\n\r\n.past-works-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.past-works-track {\r\n display: flex;\r\n gap: 24px;\r\n animation: scroll-right 40s linear infinite;\r\n will-change: transform;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .past-works-track {\r\n gap: 16px;\r\n }\r\n}\r\n\r\n.past-works-row:nth-child(even) .past-works-track {\r\n animation: scroll-left 40s linear infinite;\r\n}\r\n\r\n.past-works-item {\r\n flex-shrink: 0;\r\n width: 280px;\r\n height: 280px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .past-works-item {\r\n width: 200px;\r\n height: 200px;\r\n border-radius: 12px;\r\n }\r\n}\r\n\r\n.past-works-item:hover {\r\n transform: translateY(-8px) scale(1.02);\r\n box-shadow: 0 12px 40px rgba(0,0,0,0.2);\r\n}\r\n\r\n.past-works-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.4s ease;\r\n}\r\n\r\n.past-works-item:hover img {\r\n transform: scale(1.1);\r\n}\r\n\r\n\/* ========================================\r\n CLIENT LOGOS CAROUSEL SECTION\r\n======================================== *\/\r\n.clients-section {\r\n padding: 100px 0;\r\n background: #fff;\r\n overflow: hidden;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .clients-section {\r\n padding: 80px 0;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .clients-section {\r\n padding: 60px 0;\r\n }\r\n}\r\n\r\n.clients-label {\r\n text-align: center;\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n color: #888;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.clients-main-title {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(36px, 6vw, 72px);\r\n font-weight: 400;\r\n line-height: 1.1;\r\n letter-spacing: -0.02em;\r\n color: #1a1a1a;\r\n margin: 0 0 80px;\r\n text-align: center;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .clients-main-title {\r\n margin-bottom: 60px;\r\n }\r\n}\r\n\r\n.logos-carousel-container {\r\n position: relative;\r\n}\r\n\r\n.logos-carousel-container::before,\r\n.logos-carousel-container::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@media (max-width: 768px) {\r\n .logos-carousel-container::before,\r\n .logos-carousel-container::after {\r\n width: 80px;\r\n }\r\n}\r\n\r\n.logos-carousel-container::before {\r\n left: 0;\r\n background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);\r\n backdrop-filter: blur(3px);\r\n}\r\n\r\n.logos-carousel-container::after {\r\n right: 0;\r\n background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);\r\n backdrop-filter: blur(3px);\r\n}\r\n\r\n.logo-row {\r\n display: flex;\r\n gap: 24px;\r\n margin-bottom: 24px;\r\n overflow: hidden;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .logo-row {\r\n gap: 20px;\r\n margin-bottom: 20px;\r\n }\r\n}\r\n\r\n.logo-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.logo-track {\r\n display: flex;\r\n gap: 24px;\r\n animation: scroll-right 40s linear infinite;\r\n will-change: transform;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .logo-track {\r\n gap: 20px;\r\n }\r\n}\r\n\r\n.logo-row:nth-child(even) .logo-track {\r\n animation: scroll-left 40s linear infinite;\r\n}\r\n\r\n@keyframes scroll-right {\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@keyframes scroll-left {\r\n 0% {\r\n transform: translateX(-50%);\r\n }\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n}\r\n\r\n.logo-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n.logo-item {\r\n flex-shrink: 0;\r\n width: 240px;\r\n height: 120px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #fff;\r\n padding: 20px 30px;\r\n border-radius: 5px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .logo-item {\r\n width: 180px;\r\n height: 90px;\r\n padding: 15px 20px;\r\n }\r\n}\r\n\r\n.logo-item img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n filter: grayscale(100%);\r\n opacity: 0.5;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.logo-item:hover img {\r\n filter: grayscale(0%);\r\n opacity: 1;\r\n transform: scale(1.05);\r\n}\r\n\r\n\/* ========================================\r\n CTA SECTION - FORM LAYOUT\r\n======================================== *\/\r\n.cta-section {\r\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n position: relative;\r\n overflow: hidden;\r\n padding: 120px 0;\r\n}\r\n\r\n.cta-section::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 800px;\r\n height: 800px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 60%);\r\n border-radius: 50%;\r\n}\r\n\r\n.cta-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .cta-grid {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n}\r\n\r\n\/* Left Side - Content *\/\r\n.cta-left {\r\n text-align: left;\r\n color: #fff;\r\n}\r\n\r\n.cta-left h2 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(40px, 5vw, 64px);\r\n font-weight: 400;\r\n margin: 0 0 24px;\r\n line-height: 1.1;\r\n color: #ffffff;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.cta-left > p {\r\n font-size: clamp(16px, 1.2vw, 18px);\r\n color: rgba(255,255,255,0.8);\r\n margin: 0 0 40px;\r\n line-height: 1.7;\r\n max-width: 500px;\r\n}\r\n\r\n.cta-features {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-top: 40px;\r\n}\r\n\r\n.cta-feature {\r\n display: flex;\r\n align-items: start;\r\n gap: 16px;\r\n}\r\n\r\n.cta-feature-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(255,255,255,0.1);\r\n backdrop-filter: blur(10px);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n color: #fff;\r\n flex-shrink: 0;\r\n}\r\n\r\n.cta-feature-content h4 {\r\n font-size: 16px;\r\n font-weight: 600;\r\n margin: 0 0 6px;\r\n color: #fff;\r\n}\r\n\r\n.cta-feature-content p {\r\n font-size: 14px;\r\n margin: 0;\r\n color: rgba(255,255,255,0.7);\r\n line-height: 1.6;\r\n}\r\n\r\n\/* Right Side - Form *\/\r\n.cta-form-wrapper {\r\n background: rgba(255,255,255,0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 24px;\r\n padding: 40px;\r\n}\r\n\r\n.cta-form-header {\r\n text-align: center;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.cta-form-header h3 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(28px, 3vw, 36px);\r\n font-weight: 400;\r\n margin: 0 0 12px;\r\n color: #fff;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.cta-form-header p {\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.7);\r\n margin: 0;\r\n}\r\n\r\n.cta-form {\r\n display: grid;\r\n gap: 20px;\r\n}\r\n\r\n.cta-form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .cta-form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n.cta-form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n text-align: left;\r\n}\r\n\r\n.cta-form-group label {\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: rgba(255,255,255,0.7);\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n}\r\n\r\n.cta-form-group input,\r\n.cta-form-group textarea,\r\n.cta-form-group select {\r\n width: 100%;\r\n padding: 14px 16px;\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 10px;\r\n color: #fff;\r\n font-size: 14px;\r\n font-family: 'DIN Next LT Pro', sans-serif;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.cta-form-group input::placeholder,\r\n.cta-form-group textarea::placeholder {\r\n color: rgba(255,255,255,0.4);\r\n}\r\n\r\n.cta-form-group input:focus,\r\n.cta-form-group textarea:focus,\r\n.cta-form-group select:focus {\r\n outline: none;\r\n background: rgba(255,255,255,0.12);\r\n border-color: rgba(255,255,255,0.3);\r\n}\r\n\r\n.cta-form-group textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n}\r\n\r\n.cta-form-submit {\r\n margin-top: 10px;\r\n padding: 16px;\r\n background: #fff;\r\n color: #1a1a1a;\r\n border: none;\r\n border-radius: 10px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n}\r\n\r\n.cta-form-submit:hover {\r\n background: #f0f0f0;\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* ========================================\r\n CERTIFICATIONS MARQUEE SECTION\r\n======================================== *\/\r\n.cert-section-wrapper {\r\n background: #fff;\r\n padding: 80px 0 60px;\r\n overflow: hidden;\r\n}\r\n\r\n.cert-section-wrapper .section-header {\r\n margin-bottom: 50px;\r\n}\r\n\r\n.cert-section-wrapper .section-header h2,\r\n.cert-section-wrapper .section-header p {\r\n color: #1a1a1a;\r\n}\r\n\r\n.cert-section-wrapper .section-label {\r\n background: #e8e8e6;\r\n color: #555;\r\n}\r\n\r\n.cert-marquee-container {\r\n position: relative;\r\n overflow: hidden;\r\n padding: 20px 0;\r\n}\r\n\r\n.cert-marquee-container::before,\r\n.cert-marquee-container::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.cert-marquee-container::before {\r\n left: 0;\r\n background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);\r\n}\r\n\r\n.cert-marquee-container::after {\r\n right: 0;\r\n background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);\r\n}\r\n\r\n.cert-marquee-track {\r\n display: flex !important;\r\n gap: 30px;\r\n animation: cert-scroll 40s linear infinite;\r\n will-change: transform;\r\n}\r\n\r\n@keyframes cert-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.cert-marquee-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n.cert-marquee-item {\r\n flex-shrink: 0;\r\n width: 200px;\r\n background: #f8f8f6;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(0,0,0,0.08);\r\n border-radius: 16px;\r\n padding: 20px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n cursor: pointer;\r\n}\r\n\r\n.cert-marquee-item:hover {\r\n transform: translateY(-4px) scale(1.02);\r\n box-shadow: 0 8px 24px rgba(0,0,0,0.12);\r\n background: #fff;\r\n border-color: rgba(0,0,0,0.12);\r\n}\r\n\r\n.cert-marquee-thumb {\r\n width: 100%;\r\n aspect-ratio: 3\/4;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n background: #fff;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.cert-marquee-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n padding: 8px;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.cert-marquee-item:hover .cert-marquee-thumb img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.cert-marquee-title {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: 20px;\r\n color: #1a1a1a;\r\n margin: 0 0 4px;\r\n letter-spacing: -0.01em;\r\n}\r\n\r\n.cert-marquee-subtitle {\r\n font-size: 10px;\r\n color: #666;\r\n font-weight: 600;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.cert-view-btn {\r\n width: 100%;\r\n padding: 10px 16px;\r\n background: #1a1a1a;\r\n border: 1px solid #1a1a1a;\r\n border-radius: 8px;\r\n color: #fff;\r\n font-size: 13px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n font-family: 'DIN Next LT Pro', sans-serif;\r\n}\r\n\r\n.cert-view-btn:hover {\r\n background: #2d2d2d;\r\n border-color: #2d2d2d;\r\n transform: translateY(-2px);\r\n}\r\n\r\n.cert-view-btn i {\r\n font-size: 14px;\r\n}\r\n\r\n\/* Cert Logos *\/\r\n.cert-section-wrapper .cert-logos {\r\n margin-top: 60px;\r\n padding-top: 40px;\r\n border-top: 1px solid rgba(0,0,0,0.1);\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px;\r\n align-items: center;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .cert-section-wrapper .cert-logos {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .cert-section-wrapper .cert-logos {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n.cert-section-wrapper .cert-logo {\r\n background: #f8f8f6;\r\n border: 1px solid rgba(0,0,0,0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 8px;\r\n padding: 16px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.cert-section-wrapper .cert-logo:hover {\r\n background: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.cert-section-wrapper .cert-logo img {\r\n max-width: 100%;\r\n max-height: 56px;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n transition: transform 0.3s ease;\r\n filter: grayscale(20%);\r\n}\r\n\r\n.cert-section-wrapper .cert-logo:hover img {\r\n transform: scale(1.05);\r\n filter: grayscale(0%);\r\n}\r\n\r\n\/* CERT MODAL *\/\r\nbody.modal-open {\r\n overflow: hidden;\r\n}\r\n\r\n.cert-modal {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0,0,0,0.7);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.2s ease, visibility 0.2s ease;\r\n z-index: 99999;\r\n overflow: auto;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.cert-modal.is-open {\r\n opacity: 1;\r\n visibility: visible;\r\n}\r\n\r\n.cert-modal__dialog {\r\n width: min(1000px, 90%);\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 24px 70px rgba(0,0,0,0.4);\r\n display: grid;\r\n grid-template-columns: 40fr 60fr;\r\n max-height: 85vh;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .cert-modal__dialog {\r\n grid-template-columns: 1fr;\r\n max-height: 80vh;\r\n width: 92%;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .cert-modal__dialog {\r\n width: 95%;\r\n max-height: 85vh;\r\n border-radius: 12px;\r\n }\r\n}\r\n\r\n.cert-modal__media {\r\n background: #f8f8f8;\r\n border-right: 1px solid rgba(0,0,0,0.08);\r\n min-height: 400px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n position: relative;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .cert-modal__media {\r\n border-right: none;\r\n border-bottom: 1px solid rgba(0,0,0,0.08);\r\n min-height: 280px;\r\n padding: 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .cert-modal__media {\r\n min-height: 240px;\r\n padding: 16px;\r\n }\r\n}\r\n\r\n.cert-modal__media img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.15);\r\n}\r\n\r\n.cert-modal__content {\r\n padding: 32px;\r\n position: relative;\r\n overflow-y: auto;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .cert-modal__content {\r\n padding: 24px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .cert-modal__content {\r\n padding: 20px 16px;\r\n }\r\n}\r\n\r\n.cert-modal__close {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n border: none;\r\n background: rgba(0,0,0,0.08);\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n z-index: 10;\r\n color: #2a2a2a;\r\n font-size: 18px;\r\n}\r\n\r\n.cert-modal__close:hover {\r\n background: rgba(0,0,0,0.15);\r\n transform: scale(1.1);\r\n}\r\n\r\n.cert-modal__title {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: 36px;\r\n font-weight: 400;\r\n letter-spacing: -0.02em;\r\n margin: 0 0 10px;\r\n color: #1a1a1a;\r\n line-height: 1.1;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .cert-modal__title {\r\n font-size: 28px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .cert-modal__title {\r\n font-size: 24px;\r\n margin: 0 0 8px;\r\n }\r\n}\r\n\r\n.cert-modal__subtitle {\r\n margin: 0 0 20px;\r\n color: #4a90e2;\r\n font-weight: 600;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n font-size: 12px;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .cert-modal__subtitle {\r\n font-size: 11px;\r\n margin: 0 0 16px;\r\n }\r\n}\r\n\r\n.cert-modal__desc {\r\n margin: 0 0 24px;\r\n color: #666;\r\n font-size: 15px;\r\n line-height: 1.7;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .cert-modal__desc {\r\n font-size: 14px;\r\n margin: 0 0 20px;\r\n }\r\n}\r\n\r\n.cert-modal__points {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: grid;\r\n gap: 12px;\r\n}\r\n\r\n.cert-modal__points li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n color: #2d2d2d;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n padding: 14px;\r\n background: rgba(74, 144, 226, 0.04);\r\n border-radius: 10px;\r\n border-left: 3px solid #4a90e2;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .cert-modal__points li {\r\n font-size: 13px;\r\n padding: 12px;\r\n gap: 10px;\r\n }\r\n}\r\n\r\n.cert-modal__points i {\r\n color: #4a90e2;\r\n margin-top: 3px;\r\n flex-shrink: 0;\r\n font-size: 14px;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .cert-modal__points i {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ========================================\r\n HERO SECTION\r\n======================================== -->\r\n<section class=\"hero\" id=\"hero\">\r\n <!-- Background Video -->\r\n <div class=\"hero-video-bg\">\r\n <video autoplay muted loop playsinline preload=\"auto\">\r\n <source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/0_Meeting_Business_1280x720.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n \r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <i class=\"fa-solid fa-pencil-ruler\"><\/i>\r\n Unsere Projekte\r\n <\/div>\r\n \r\n <h1>Projekte<\/h1>\r\n \r\n <p class=\"hero-description\">Wir liefern B\u00fcrom\u00f6bel an die f\u00fchrenden Unternehmen der T\u00fcrkei und bieten intelligentes und \u00e4sthetisches Design f\u00fcr moderne Arbeitsr\u00e4ume. Wir erf\u00fcllen die zeitgem\u00e4\u00dfen und ergonomischen Anforderungen von Unternehmensb\u00fcros mit innovativen L\u00f6sungen; mit unserem qualit\u00e4ts- und designorientierten Ansatz verwandeln wir die Arbeitsbereiche der Gesch\u00e4ftswelt.<\/p>\r\n \r\n <!-- Hero Cards -->\r\n <div class=\"hero-cards\">\r\n <div class=\"hero-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"hero-card-label\">EINRICHTUNGSBEREICH<\/div>\r\n <div class=\"hero-card-value\">4.000 m\u00b2<\/div>\r\n <div class=\"hero-card-desc\">Innenbereich<\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"hero-card-label\">T\u00c4GLICHE KAPAZIT\u00c4T<\/div>\r\n <div class=\"hero-card-value\">50+<\/div>\r\n <div class=\"hero-card-desc\">Mengenproduktion<\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n <div class=\"hero-card-label\">QUALIT\u00c4TSVERH\u00c4LTNIS<\/div>\r\n <div class=\"hero-card-value\">%98<\/div>\r\n <div class=\"hero-card-desc\">Standardeinhaltung<\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-card\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n <div class=\"hero-card-label\">ERFAHRUNG<\/div>\r\n <div class=\"hero-card-value\">1976<\/div>\r\n <div class=\"hero-card-desc\">'Produktion seit<\/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\">Wir streben bei jedem Projekt nach Perfektion<\/h2>\r\n \r\n <p data-aos=\"fade-up\" data-aos-delay=\"100\">Als ZIENO bieten wir ma\u00dfgeschneiderte B\u00fcrom\u00f6bell\u00f6sungen f\u00fcr Unternehmensr\u00e4ume jeder Gr\u00f6\u00dfe. Wir bieten umfassende Planungs- und Umsetzungsdienste f\u00fcr die Renovierung Ihrer bestehenden B\u00fcros oder die Gestaltung eines neuen B\u00fcros.<\/p>\r\n \r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">Wir steigern den Komfort und die Produktivit\u00e4t der Mitarbeiter, indem wir in unseren Projekten \u00c4sthetik, Funktionalit\u00e4t und Ergonomie miteinander verbinden. Wir schaffen B\u00fcror\u00e4ume, die die Identit\u00e4t Ihrer Marke mit hochwertigen Materialien und einem modernen Designansatz widerspiegeln.<\/p>\r\n \r\n <div class=\"intro-highlight\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <p>Jedes Projekt spiegelt die moderne Designvision und das Qualit\u00e4tsverst\u00e4ndnis von ZIENO wider. Wir schaffen Mehrwert f\u00fcr unsere Kunden, indem wir jedes Detail in unserer 4.000 m\u00b2 gro\u00dfen, geschlossenen Produktionsst\u00e4tte mit der Erfahrung, die wir seit 1976 gesammelt haben, sorgf\u00e4ltig planen.<\/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-lightbulb\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">Spezielles Design Orientiert<\/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-gears\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">Komplette M\u00f6bell\u00f6sungen<\/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-clock\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">P\u00fcnktliche Lieferung<\/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-handshake\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">After-Sales-Unterst\u00fctzung<\/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 <!-- Swiper Gallery -->\r\n <div class=\"swiper intro-gallery-swiper\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/j3-rb6LgnfIdTjP5vG0w-scaled.jpg\" alt=\"ZIENO Projekt 1\">\r\n <\/div>\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/Xm5Qvy7OmNBf6p8j8CRmM-1-scaled.jpg\" alt=\"ZIENO Projekt 2\">\r\n <\/div>\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ye73Va9QCDZ9zCgaMOGYk-1-scaled.jpg\" alt=\"ZIENO Projekt 3\">\r\n <\/div>\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/avZa-tJeIxB2HXaQWQWAm-scaled.jpg\" alt=\"ZIENO Projekt 4\">\r\n <\/div>\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/vfyDYeo5KF_rvBZwmDn81-1-scaled.jpg\" alt=\"ZIENO Projekt 5\">\r\n <\/div>\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ol-KipHKE4Rx-IEWvfHf1-scaled.jpg\" alt=\"ZIENO Projekt 6\">\r\n <\/div>\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/PvUN7LR6_haU5tu4mtGB2-1-scaled.jpg\" alt=\"ZIENO Projekt 7\">\r\n <\/div>\r\n <div class=\"swiper-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/3NytcPeCHw7cdr-SeFeN4-scaled.jpg\" alt=\"ZIENO Projekt 8\">\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<!-- ========================================\r\n PAST WORKS CAROUSEL SECTION\r\n======================================== -->\r\n<section class=\"past-works-section\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"section-header\">\r\n <h2 data-aos=\"fade-up\">Unsere bisherige Arbeit<\/h2>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"past-works-carousel-container\">\r\n <!-- Row 1 - Scrolls Right -->\r\n <div class=\"past-works-row\">\r\n <div class=\"past-works-track\">\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-1.jpeg\" alt=\"Fr\u00fchere Arbeiten 1\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-2.jpeg\" alt=\"Fr\u00fchere Arbeiten 2\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-3.jpeg\" alt=\"Fr\u00fchere Arbeiten 3\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-4.jpeg\" alt=\"Fr\u00fchere Arbeiten 4\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-5.jpeg\" alt=\"Fr\u00fchere Arbeiten 5\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-6.jpeg\" alt=\"Fr\u00fchere Arbeiten 6\"><\/div>\r\n <!-- Duplicate for seamless loop -->\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-1.jpeg\" alt=\"Fr\u00fchere Arbeiten 1\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-2.jpeg\" alt=\"Fr\u00fchere Arbeiten 2\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-3.jpeg\" alt=\"Fr\u00fchere Arbeiten 3\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-4.jpeg\" alt=\"Fr\u00fchere Arbeiten 4\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-5.jpeg\" alt=\"Fr\u00fchere Arbeiten 5\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-6.jpeg\" alt=\"Fr\u00fchere Arbeiten 6\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Row 2 - Scrolls Left -->\r\n <div class=\"past-works-row\">\r\n <div class=\"past-works-track\">\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-7.jpeg\" alt=\"Fr\u00fchere Arbeiten 7\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-8.jpeg\" alt=\"Fr\u00fchere Arbeiten 8\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-9.jpeg\" alt=\"Fr\u00fchere Arbeiten 9\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-10.jpeg\" alt=\"Fr\u00fchere Arbeiten 10\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-11.jpeg\" alt=\"Fr\u00fchere Arbeiten 11\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-12.jpeg\" alt=\"Fr\u00fchere Arbeiten 12\"><\/div>\r\n <!-- Duplicate for seamless loop -->\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-7.jpeg\" alt=\"Fr\u00fchere Arbeiten 7\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-8.jpeg\" alt=\"Fr\u00fchere Arbeiten 8\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-9.jpeg\" alt=\"Fr\u00fchere Arbeiten 9\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-10.jpeg\" alt=\"Fr\u00fchere Arbeiten 10\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-11.jpeg\" alt=\"Fr\u00fchere Arbeiten 11\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-12.jpeg\" alt=\"Fr\u00fchere Arbeiten 12\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Row 3 - Scrolls Right -->\r\n <div class=\"past-works-row\">\r\n <div class=\"past-works-track\">\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-13.jpeg\" alt=\"Fr\u00fchere Arbeiten 13\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-14.jpeg\" alt=\"Fr\u00fchere Arbeiten 14\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-15.jpeg\" alt=\"Fr\u00fchere Arbeiten 15\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-16.jpeg\" alt=\"Fr\u00fchere Arbeiten 16\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-17.jpeg\" alt=\"Fr\u00fchere Arbeiten 17\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-18.jpeg\" alt=\"Fr\u00fchere Arbeiten 18\"><\/div>\r\n <!-- Duplicate for seamless loop -->\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-13.jpeg\" alt=\"Fr\u00fchere Arbeiten 13\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-14.jpeg\" alt=\"Fr\u00fchere Arbeiten 14\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-15.jpeg\" alt=\"Fr\u00fchere Arbeiten 15\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-16.jpeg\" alt=\"Fr\u00fchere Arbeiten 16\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-17.jpeg\" alt=\"Fr\u00fchere Arbeiten 17\"><\/div>\r\n <div class=\"past-works-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ref-18.jpeg\" alt=\"Fr\u00fchere Arbeiten 18\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n CLIENT LOGOS SECTION\r\n======================================== -->\r\n<div class=\"clients-section\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"clients-label\" data-aos=\"fade-up\">Vertrauen in Marken<\/div>\r\n <h2 class=\"clients-main-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">500+ Marken weltweit<br>Vertrauensw\u00fcrdiger Gesch\u00e4ftspartner<\/h2>\r\n <\/div>\r\n \r\n <div class=\"logos-carousel-container\">\r\n <!-- Row 1 - Scrolls Right -->\r\n <div class=\"logo-row\">\r\n <div class=\"logo-track\">\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-1.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-2.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-3.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-4.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-5.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-6.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-7.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-8.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-9.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-10.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-11.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-12.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-13.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-14.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-15.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <!-- Duplicate for seamless loop -->\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-1.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-2.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-3.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-4.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-5.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-6.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-7.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-8.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-9.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-10.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-11.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-12.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-13.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-14.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-15.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Row 2 - Scrolls Left -->\r\n <div class=\"logo-row\">\r\n <div class=\"logo-track\">\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-16.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-17.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-18.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-19.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-20.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-21.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-22.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-23.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-24.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-25.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-26.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-27.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-28.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-29.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-30.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <!-- Duplicate for seamless loop -->\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-16.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-17.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-18.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-19.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-20.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-21.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-22.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-23.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-24.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-25.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-26.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-27.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-28.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-29.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-30.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Row 3 - Scrolls Right -->\r\n <div class=\"logo-row\">\r\n <div class=\"logo-track\">\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-31.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-32.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-33.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-34.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-35.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-36.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-37.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-38.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-39.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-40.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-41.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-42.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-43.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-44.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-45.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <!-- Duplicate for seamless loop -->\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-31.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-32.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-33.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-34.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-35.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-36.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-37.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-38.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-39.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-40.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-41.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-42.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-43.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-44.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ref-45.jpg\" alt=\"Kundenlogo\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- ========================================\r\n CERTIFICATIONS SECTION\r\n======================================== -->\r\n<section class=\"cert-section-wrapper\" id=\"certifications\">\r\n<div class=\"page-wrapper\">\r\n<div class=\"section-header\">\r\n<span class=\"section-label\">Unsere Zertifikate<\/span>\r\n<h2 style=\"font-weight: 400;\">Durch Normen validierte Qualit\u00e4t<\/h2>\r\n<p>Unsere Qualit\u00e4ts-, Arbeitsschutz-, Umwelt- und Zufriedenheitsmanagementprozesse sind durch internationale Standards dokumentiert.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"cert-marquee-container\">\r\n<div class=\"cert-marquee-track\">\r\n <div class=\"cert-marquee-item\" data-cert=\"iso10002\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso10002-2018.jpg\" alt=\"ISO 10002:2018\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 10002<\/div>\r\n <div class=\"cert-marquee-subtitle\">Kundenzufriedenheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso10002\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso22301\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso22301-2019.jpg\" alt=\"ISO 22301:2019\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 22301<\/div>\r\n <div class=\"cert-marquee-subtitle\">Gesch\u00e4ftskontinuit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso22301\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso45001\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso45001-2018.jpg\" alt=\"ISO 45001:2018\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 45001<\/div>\r\n <div class=\"cert-marquee-subtitle\">Gesundheit und Sicherheit am Arbeitsplatz<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso45001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso9001\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso9001-2015.jpg\" alt=\"ISO 9001:2015\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 9001<\/div>\r\n <div class=\"cert-marquee-subtitle\">Qualit\u00e4tsmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso9001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"ce\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ce-sert.jpg\" alt=\"CE-Zertifikat\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">CE<\/div>\r\n <div class=\"cert-marquee-subtitle\">Europ\u00e4ische Konformit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"ce\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso31000\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso31000.jpg\" alt=\"ISO 31000\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 31000<\/div>\r\n <div class=\"cert-marquee-subtitle\">Risikomanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso31000\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso14001\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso14001-2015.jpg\" alt=\"ISO 14001:2015\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 14001<\/div>\r\n <div class=\"cert-marquee-subtitle\">Umweltmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso14001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso27001\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso27001-2022.jpg\" alt=\"ISO 27001:2022\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 27001<\/div>\r\n <div class=\"cert-marquee-subtitle\">Informationssicherheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso27001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <!-- Duplicate for seamless loop -->\r\n <div class=\"cert-marquee-item\" data-cert=\"iso10002\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso10002-2018.jpg\" alt=\"ISO 10002:2018\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 10002<\/div>\r\n <div class=\"cert-marquee-subtitle\">Kundenzufriedenheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso10002\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso22301\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso22301-2019.jpg\" alt=\"ISO 22301:2019\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 22301<\/div>\r\n <div class=\"cert-marquee-subtitle\">Gesch\u00e4ftskontinuit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso22301\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso45001\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso45001-2018.jpg\" alt=\"ISO 45001:2018\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 45001<\/div>\r\n <div class=\"cert-marquee-subtitle\">Gesundheit und Sicherheit am Arbeitsplatz<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso45001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso9001\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso9001-2015.jpg\" alt=\"ISO 9001:2015\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 9001<\/div>\r\n <div class=\"cert-marquee-subtitle\">Qualit\u00e4tsmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso9001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"ce\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ce-sert.jpg\" alt=\"CE-Zertifikat\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">CE<\/div>\r\n <div class=\"cert-marquee-subtitle\">Europ\u00e4ische Konformit\u00e4t<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"ce\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso31000\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso31000.jpg\" alt=\"ISO 31000\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 31000<\/div>\r\n <div class=\"cert-marquee-subtitle\">Risikomanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso31000\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso14001\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso14001-2015.jpg\" alt=\"ISO 14001:2015\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 14001<\/div>\r\n <div class=\"cert-marquee-subtitle\">Umweltmanagement<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso14001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"cert-marquee-item\" data-cert=\"iso27001\">\r\n <div class=\"cert-marquee-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso27001-2022.jpg\" alt=\"ISO 27001:2022\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"cert-marquee-title\">ISO 27001<\/div>\r\n <div class=\"cert-marquee-subtitle\">Informationssicherheit<\/div>\r\n <button class=\"cert-view-btn\" data-cert=\"iso27001\">\r\n <i class=\"fa-solid fa-eye\"><\/i> Siehe\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"page-wrapper\">\r\n<div class=\"cert-logos\" aria-label=\"Harmonisierung und Standardlogos\">\r\n<div class=\"cert-logo\">\r\n<img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/db86389a97891c336a1218c4d8a83681.jpg\" alt=\"Inl\u00e4ndische Produktion\">\r\n<\/div>\r\n<div class=\"cert-logo\">\r\n<img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/02\/BIFMA-landing-page-compliant-scaled.png\" alt=\"BIFMA\">\r\n<\/div>\r\n<div class=\"cert-logo\">\r\n<img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/02\/TSE.png\" alt=\"TSE\">\r\n<\/div>\r\n<div class=\"cert-logo\">\r\n<img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/02\/ISO_Logo_Red_square.svg\" alt=\"ISO\">\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- MODAL -->\r\n<div class=\"cert-modal\" id=\"certModal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"certModalTitle\">\r\n<div class=\"cert-modal__dialog\" role=\"document\">\r\n<div class=\"cert-modal__media\">\r\n<img decoding=\"async\" id=\"certModalImage\" src=\"\" alt=\"\">\r\n<\/div>\r\n<div class=\"cert-modal__content\">\r\n<button class=\"cert-modal__close\" id=\"certModalClose\" type=\"button\" data-cert-close aria-label=\"Schlie\u00dfen Sie\">\r\n<i class=\"fa-solid fa-xmark\"><\/i>\r\n<\/button>\r\n<h3 class=\"cert-modal__title\" id=\"certModalTitle\"><\/h3>\r\n<p class=\"cert-modal__subtitle\" id=\"certModalSubtitle\"><\/p>\r\n<p class=\"cert-modal__desc\" id=\"certModalDesc\"><\/p>\r\n<ul class=\"cert-modal__points\" id=\"certModalPoints\"><\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\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<!-- 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 \/\/ CERTIFICATE DATA & MODAL\r\n \/\/ ========================================\r\n const certData = {\r\n iso10002: {\r\n title: \"ISO 10002:2018\",\r\n subtitle: \"M\u00fc\u015fteri Memnuniyeti Y\u00f6netimi\",\r\n image: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso10002-2018.jpg\",\r\n desc: \"ISO 10002:2018 standard\u0131, ZIENO'nun m\u00fc\u015fteri geri bildirimlerini etkin \u015fekilde y\u00f6netti\u011fi ve m\u00fc\u015fteri memnuniyetini art\u0131rmaya y\u00f6nelik sistematik bir yakla\u015f\u0131m benimsedi\u011fini teyit eder.\",\r\n points: [\r\n \"\u00c7ok kanall\u0131 geri bildirim sistemi: telefon, e-posta, web sitesi ve sosyal medya \u00fczerinden 7\/24 eri\u015fim\",\r\n \"\u015eikayet \u00e7\u00f6z\u00fcm s\u00fcrelerinin takibi: basit konular 24 saat, karma\u015f\u0131k durumlar 72 saat i\u00e7inde yan\u0131tlama\",\r\n \"M\u00fc\u015fteri memnuniyet anketleri ve Net Promoter Score (NPS) \u00f6l\u00e7\u00fcm\u00fc ile hizmet kalitesinin s\u00fcrekli izlenmesi\",\r\n \"Geri bildirim analizleri sonucu \u00fcr\u00fcn geli\u015ftirme ve s\u00fcre\u00e7 iyile\u015ftirme projelerinin ba\u015flat\u0131lmas\u0131\"\r\n ]\r\n },\r\n iso22301: {\r\n title: \"ISO 22301:2019\",\r\n subtitle: \"\u0130\u015f S\u00fcreklili\u011fi Y\u00f6netim Sistemi\",\r\n image: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso22301-2019.jpg\",\r\n desc: \"ISO 22301:2019 standard\u0131, ZIENO'nun olas\u0131 kesintilere kar\u015f\u0131 haz\u0131rl\u0131kl\u0131 oldu\u011funu ve i\u015f s\u00fcreklili\u011fini sa\u011flayacak sistemlere sahip oldu\u011funu belgeler.\",\r\n points: [\r\n \"Risk analizi ve etki de\u011ferlendirmesi ile kritik s\u00fcre\u00e7lerin belirlenmesi\",\r\n \"Acil durum m\u00fcdahale planlar\u0131 ve kriz y\u00f6netimi prosed\u00fcrleri\",\r\n \"Yedekleme sistemleri ve alternatif tedarik zinciri planlamas\u0131\",\r\n \"D\u00fczenli tatbikatlar ve s\u00fcrekli iyile\u015ftirme \u00e7al\u0131\u015fmalar\u0131\"\r\n ]\r\n },\r\n iso45001: {\r\n title: \"ISO 45001:2018\",\r\n subtitle: \"\u0130\u015f Sa\u011fl\u0131\u011f\u0131 ve G\u00fcvenli\u011fi Y\u00f6netimi\",\r\n image: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso45001-2018.jpg\",\r\n desc: \"ISO 45001:2018 standard\u0131, ZIENO \u00fcretim tesisinde \u00e7al\u0131\u015fan sa\u011fl\u0131\u011f\u0131 ve g\u00fcvenli\u011fi konular\u0131nda proaktif bir yakla\u015f\u0131m sergiledi\u011fimizi uluslararas\u0131 d\u00fczeyde do\u011frular.\",\r\n points: [\r\n \"Makine g\u00fcvenlik sistemleri, ki\u015fisel koruyucu donan\u0131m kullan\u0131m\u0131 ve tehlike analizinin sistematik uygulanmas\u0131\",\r\n \"CNC, end\u00fcstriyel diki\u015f ve montaj hatlar\u0131nda \u00f6zel risk de\u011ferlendirmeleri ve g\u00fcvenli \u00e7al\u0131\u015fma talimatlar\u0131\",\r\n \"Acil m\u00fcdahale ekipleri, yang\u0131n g\u00fcvenli\u011fi ve ilk yard\u0131m e\u011fitimlerinin d\u00fczenli olarak ger\u00e7ekle\u015ftirilmesi\",\r\n \"G\u00fcvenlik performans g\u00f6stergelerinin ayl\u0131k takibi ve s\u0131f\u0131r kaza hedefine y\u00f6nelik iyile\u015ftirme planlar\u0131\"\r\n ]\r\n },\r\n iso9001: {\r\n title: \"ISO 9001:2015\",\r\n subtitle: \"Kalite Y\u00f6netim Sistemi\",\r\n image: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso9001-2015.jpg\",\r\n desc: \"ISO 9001:2015 standard\u0131, ZIENO'nun ofis mobilyas\u0131 \u00fcretiminde d\u00fcnya \u00e7ap\u0131nda kabul g\u00f6ren kalite y\u00f6netim prensiplerine uygunlu\u011funu belgeler.\",\r\n points: [\r\n \"Tasar\u0131m, \u00fcretim, kalite kontrol ve sevkiyat s\u00fcre\u00e7lerinin ISO 9001:2015 standartlar\u0131na tam uyumu\",\r\n \"M\u00fc\u015fteri \u015fikayetlerinin %98 oran\u0131nda 48 saat i\u00e7inde \u00e7\u00f6z\u00fcmlenmesi ve kay\u0131t alt\u0131na al\u0131nmas\u0131\",\r\n \"Tedarik\u00e7i performans de\u011ferlendirme sistemi ile kaliteli hammadde giri\u015finin garantilenmesi\",\r\n \"Personel yetkinlik matrisi ve d\u00fczenli e\u011fitim programlar\u0131 ile insan kayna\u011f\u0131 kalitesinin y\u00fckseltilmesi\"\r\n ]\r\n },\r\n ce: {\r\n title: \"CE Sertifikas\u0131\",\r\n subtitle: \"Avrupa Uygunluk Belgesi\",\r\n image: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/ce-sert.jpg\",\r\n desc: \"CE i\u015fareti, \u00fcr\u00fcnlerimizin Avrupa Birli\u011fi'nin sa\u011fl\u0131k, g\u00fcvenlik ve \u00e7evre koruma standartlar\u0131na uygun oldu\u011funu belgeler.\",\r\n points: [\r\n \"AB direktiflerine tam uyum ve teknik dosya haz\u0131rl\u0131\u011f\u0131\",\r\n \"\u00dcr\u00fcn g\u00fcvenli\u011fi ve performans testlerinin tamamlanmas\u0131\",\r\n \"Avrupa pazar\u0131nda serbest dola\u015f\u0131m hakk\u0131\",\r\n \"Uluslararas\u0131 kalite ve g\u00fcvenlik standartlar\u0131na uygunluk\"\r\n ]\r\n },\r\n iso31000: {\r\n title: \"ISO 31000\",\r\n subtitle: \"Risk Y\u00f6netimi\",\r\n image: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso31000.jpg\",\r\n desc: \"ISO 31000 standard\u0131, ZIENO'nun risk y\u00f6netimi konusunda sistematik ve proaktif bir yakla\u015f\u0131m benimsedi\u011fini g\u00f6sterir.\",\r\n points: [\r\n \"Sistematik risk tan\u0131mlama ve de\u011ferlendirme s\u00fcre\u00e7leri\",\r\n \"Risk azaltma stratejileri ve kontrol mekanizmalar\u0131\",\r\n \"D\u00fczenli risk g\u00f6zden ge\u00e7irme ve g\u00fcncelleme \u00e7al\u0131\u015fmalar\u0131\",\r\n \"F\u0131rsat y\u00f6netimi ve s\u00fcrekli iyile\u015ftirme k\u00fclt\u00fcr\u00fc\"\r\n ]\r\n },\r\n iso14001: {\r\n title: \"ISO 14001:2015\",\r\n subtitle: \"\u00c7evre Y\u00f6netim Sistemi\",\r\n image: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso14001-2015.jpg\",\r\n desc: \"ISO 14001:2015 standard\u0131, ZIENO'nun \u00e7evresel sorumlulu\u011funu sistemli bir yakla\u015f\u0131mla yerine getirdi\u011fini belgeler.\",\r\n points: [\r\n \"\u00dcretim at\u0131klar\u0131n\u0131n %85'inin geri d\u00f6n\u00fc\u015ft\u00fcr\u00fclmesi ve kat\u0131 at\u0131k minimize edilmesi programlar\u0131\",\r\n \"Su ve enerji t\u00fcketim optimizasyonu ile y\u0131ll\u0131k %12 verimlilik art\u0131\u015f\u0131n\u0131n s\u00fcrd\u00fcr\u00fclmesi\",\r\n \"\u00c7evre dostu malzeme tercihi, d\u00fc\u015f\u00fck VOC emissyonlu boyalar ve formaldehit-free \u00fcr\u00fcn geli\u015ftirme\",\r\n \"Karbon n\u00f6tr \u00fcretim hedefi do\u011frultusunda yenilenebilir enerji kaynaklar\u0131na ge\u00e7i\u015f planlar\u0131\"\r\n ]\r\n },\r\n iso27001: {\r\n title: \"ISO 27001:2022\",\r\n subtitle: \"Bilgi G\u00fcvenli\u011fi Y\u00f6netim Sistemi\",\r\n image: \"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/iso27001-2022.jpg\",\r\n desc: \"ISO 27001:2022 standard\u0131, ZIENO'nun m\u00fc\u015fteri verilerini, ticari s\u0131rlar\u0131 ve kurumsal bilgileri en \u00fcst d\u00fczeyde korudu\u011funu belgeler.\",\r\n points: [\r\n \"Veri \u015fifreleme, eri\u015fim kontrol\u00fc ve g\u00fcvenli yedekleme sistemleri\",\r\n \"Siber g\u00fcvenlik tehditlerine kar\u015f\u0131 s\u00fcrekli izleme ve m\u00fcdahale\",\r\n \"Personel e\u011fitimleri ve g\u00fcvenlik fark\u0131ndal\u0131\u011f\u0131 programlar\u0131\",\r\n \"D\u00fczenli g\u00fcvenlik denetimleri ve penetrasyon testleri\"\r\n ]\r\n }\r\n };\r\n\r\n \/\/ Modal functionality\r\n const certModal = document.getElementById(\"certModal\");\r\n const certModalImage = document.getElementById(\"certModalImage\");\r\n const certModalTitle = document.getElementById(\"certModalTitle\");\r\n const certModalSubtitle = document.getElementById(\"certModalSubtitle\");\r\n const certModalDesc = document.getElementById(\"certModalDesc\");\r\n const certModalPoints = document.getElementById(\"certModalPoints\");\r\n const certModalClose = document.getElementById(\"certModalClose\");\r\n\r\n function openCertModal(key) {\r\n const data = certData[key];\r\n if (!data || !certModal) return;\r\n \r\n if (certModalImage) {\r\n certModalImage.src = data.image;\r\n certModalImage.alt = data.title + \" belgesi\";\r\n }\r\n if (certModalTitle) certModalTitle.textContent = data.title;\r\n if (certModalSubtitle) certModalSubtitle.textContent = data.subtitle;\r\n if (certModalDesc) certModalDesc.textContent = data.desc;\r\n if (certModalPoints) {\r\n certModalPoints.innerHTML = \"\";\r\n (data.points || []).forEach((point) => {\r\n const li = document.createElement(\"li\");\r\n li.innerHTML = '<i class=\"fa-solid fa-check\"><\/i><span><\/span>';\r\n li.querySelector(\"span\").textContent = point;\r\n certModalPoints.appendChild(li);\r\n });\r\n }\r\n \r\n certModal.classList.add(\"is-open\");\r\n certModal.setAttribute(\"aria-hidden\", \"false\");\r\n document.body.classList.add(\"modal-open\");\r\n if (certModalClose) certModalClose.focus();\r\n }\r\n\r\n function closeCertModal() {\r\n if (!certModal) return;\r\n certModal.classList.remove(\"is-open\");\r\n certModal.setAttribute(\"aria-hidden\", \"true\");\r\n document.body.classList.remove(\"modal-open\");\r\n }\r\n\r\n document.addEventListener(\"click\", (e) => {\r\n const btn = e.target.closest(\"[data-cert]\");\r\n if (btn) {\r\n e.preventDefault();\r\n openCertModal(btn.getAttribute(\"data-cert\"));\r\n return;\r\n }\r\n if (e.target === certModal || e.target.closest(\"[data-cert-close]\")) {\r\n closeCertModal();\r\n }\r\n });\r\n\r\n document.addEventListener(\"keydown\", (e) => {\r\n if (e.key === \"Escape\" && certModal && certModal.classList.contains(\"is-open\")) {\r\n closeCertModal();\r\n }\r\n });\r\n\r\n if (certModalClose) {\r\n certModalClose.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n closeCertModal();\r\n });\r\n }\r\n \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\r\n \/\/ ========================================\r\n \/\/ 3. 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-description', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 1 \r\n }, '-=0.8')\r\n .to('.hero-cards', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 1 \r\n }, '-=0.6');\r\n\r\n \/\/ ========================================\r\n \/\/ 3. 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 \/\/ 3.5. INTRO GALLERY SWIPER\r\n \/\/ ========================================\r\n const introGallerySwiper = new Swiper('.intro-gallery-swiper', {\r\n loop: true,\r\n autoplay: {\r\n delay: 3000,\r\n disableOnInteraction: false,\r\n },\r\n speed: 1000,\r\n effect: 'fade',\r\n fadeEffect: {\r\n crossFade: true\r\n },\r\n allowTouchMove: true,\r\n grabCursor: true\r\n });\r\n\r\n \/\/ ========================================\r\n \/\/ 4. VERTICAL STACK ACCORDION\r\n \/\/ ========================================\r\n const cards = document.querySelectorAll('.vs-card');\r\n\r\n cards.forEach(card => {\r\n card.addEventListener('click', function(e) {\r\n \/\/ E\u011fer zaten a\u00e7\u0131ksa veya CTA butonuna t\u0131kland\u0131ysa, bir \u015fey yapma\r\n if (this.classList.contains('active') || e.target.closest('.vs-cta')) {\r\n return;\r\n }\r\n\r\n \/\/ T\u00fcm kartlar\u0131 kapat\r\n cards.forEach(c => c.classList.remove('active'));\r\n\r\n \/\/ T\u0131klanan kart\u0131 a\u00e7\r\n this.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ ========================================\r\n \/\/ 5. GSAP SCROLL TRIGGERS\r\n \/\/ ========================================\r\n \r\n \/\/ Parallax effect on intro image\r\n gsap.to('.intro-image img', {\r\n yPercent: 15,\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 \/\/ ========================================\r\n \/\/ 6. FORM SUBMISSION\r\n \/\/ ========================================\r\n const form = document.getElementById('projectRequestForm');\r\n \r\n form?.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n const submitBtn = form.querySelector('.cta-form-submit');\r\n const originalText = submitBtn.innerHTML;\r\n \r\n \/\/ Show loading state\r\n submitBtn.disabled = true;\r\n submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> G\u00f6nderiliyor...';\r\n \r\n \/\/ Simulate API call\r\n await new Promise(resolve => setTimeout(resolve, 1500));\r\n \r\n \/\/ Success animation\r\n submitBtn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i> G\u00f6nderildi!';\r\n submitBtn.style.background = '#25D366';\r\n \r\n \/\/ Reset form\r\n setTimeout(() => {\r\n form.reset();\r\n submitBtn.innerHTML = originalText;\r\n submitBtn.style.background = '';\r\n submitBtn.disabled = false;\r\n }, 2000);\r\n });\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-abd289e e-con-full e-flex e-con e-parent\" data-id=\"abd289e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65090c6 elementor-widget elementor-widget-shortcode\" data-id=\"65090c6\" 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>Projeler | ZIENO Projelerimiz Projeler T\u00fcrkiye’nin \u00f6nde gelen kurumlar\u0131na ofis mobilyas\u0131 tedarik ediyor, modern \u00e7al\u0131\u015fma alanlar\u0131 i\u00e7in ak\u0131ll\u0131 ve estetik tasar\u0131mlar sunuyoruz. […]<\/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:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/622","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=622"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/622\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/media?parent=622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}