{"id":328,"date":"2025-12-08T06:40:39","date_gmt":"2025-12-08T06:40:39","guid":{"rendered":"https:\/\/demo.zieno.com.tr\/?page_id=328"},"modified":"2026-01-28T14:40:11","modified_gmt":"2026-01-28T14:40:11","slug":"uber-uns","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/de\/uber-uns\/","title":{"rendered":"\u00dcber uns"},"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\n\u00dcber uns | ZIENO - Moderne B\u00fcrom\u00f6bel<\/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<!-- Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<!-- Lucide Icons -->\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<!-- AOS -->\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n--bg: #fafafa;\r\n--text: #1a1a1a;\r\n--muted: #5a5a5a;\r\n--card: #ffffff;\r\n--line: rgba(0,0,0,0.08);\r\n--accent: #1a1a1a;\r\n--accent-soft: #f4f4f4;\r\n--shadow-xs: 0 1px 2px rgba(0,0,0,0.04);\r\n--shadow-sm: 0 2px 8px rgba(0,0,0,0.06);\r\n--shadow-md: 0 4px 20px rgba(0,0,0,0.08);\r\n--shadow-lg: 0 8px 32px rgba(0,0,0,0.12);\r\n--shadow-xl: 0 16px 48px rgba(0,0,0,0.15);\r\n}\r\n\r\n*, *::before, *::after {\r\nbox-sizing: border-box;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\n\r\nhtml {\r\nscroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\nfont-family: 'DIN Next LT Pro', sans-serif;\r\nbackground: var(--bg);\r\ncolor: var(--text);\r\nline-height: 1.7;\r\n-webkit-font-smoothing: antialiased;\r\n-moz-osx-font-smoothing: grayscale;\r\noverflow-x: hidden;\r\n}\r\n\r\n.container {\r\nmax-width: 1360px;\r\nmargin: 0 auto;\r\npadding: 0 32px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.container {\r\npadding: 0 20px;\r\n}\r\n}\r\n\r\n\/* ============================================\r\n HERO SECTION\r\n============================================ *\/\r\n.hero {\r\nposition: relative;\r\nheight: 800px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\noverflow: hidden;\r\nbackground: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero {\r\nheight: auto;\r\nmin-height: 100vh;\r\npadding: 80px 0;\r\n}\r\n}\r\n\r\n.hero-video {\r\nposition: absolute;\r\ninset: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\nopacity: 1;\r\nfilter: blur(8px);\r\n}\r\n\r\n.hero::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: rgba(0,0,0,0.3);\r\nz-index: 1;\r\n}\r\n\r\n.hero-content {\r\nposition: relative;\r\nz-index: 10;\r\ntext-align: center;\r\nmax-width: 1400px;\r\nwidth: 100%;\r\npadding: 60px 24px;\r\nmargin: 0 auto;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.hero-content {\r\npadding: 60px 20px;\r\n}\r\n}\r\n\r\n.hero h1 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(52px, 7vw, 72px);\r\nfont-weight: 400;\r\nletter-spacing: -0.025em;\r\nmargin-bottom: 32px;\r\nline-height: 1.1;\r\ncolor: #ffffff;\r\ntext-shadow: 0 2px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.hero p {\r\nfont-size: clamp(16px, 2vw, 18px);\r\ncolor: rgba(255,255,255,0.88);\r\nmax-width: 720px;\r\nmargin: 0 auto 48px;\r\nline-height: 1.75;\r\nfont-weight: 400;\r\ntext-shadow: 0 1px 10px rgba(0,0,0,0.3);\r\n}\r\n\r\n.hero-actions {\r\ndisplay: none;\r\n}\r\n\r\n.hero-stats {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(4, 1fr);\r\ngap: 18px;\r\nmargin-top: 48px;\r\nmax-width: 1200px;\r\nmargin-left: auto;\r\nmargin-right: auto;\r\n}\r\n\r\n@media (max-width: 960px) {\r\n.hero-stats {\r\ngrid-template-columns: repeat(2, 1fr);\r\ngap: 14px;\r\n}\r\n}\r\n\r\n.hero-stat {\r\nbackground: #fff;\r\nborder: 1px solid rgba(0,0,0,0.06);\r\nborder-radius: 12px;\r\npadding: 20px;\r\ntext-align: left;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n.hero-stat:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 4px 16px rgba(0,0,0,0.08);\r\n}\r\n\r\n.hero-stat-label {\r\nfont-size: 12px;\r\nletter-spacing: 0.14em;\r\ntext-transform: uppercase;\r\ncolor: #666;\r\nmargin-bottom: 10px;\r\ndisplay: block;\r\n}\r\n\r\n.hero-stat-number {\r\nfont-family: 'Black Mango', serif !important;\r\nfont-size: 34px;\r\nfont-weight: 400;\r\ndisplay: block;\r\nline-height: 1.1;\r\nmargin-bottom: 6px;\r\ncolor: #1a1a1a;\r\n}\r\n\r\n.hero-stat-desc {\r\nmargin: 0;\r\ncolor: #666;\r\nfont-size: 13px;\r\nline-height: 1.2;\r\ndisplay: block;\r\n}\r\n\r\n.btn {\r\ndisplay: inline-flex;\r\nalign-items: center;\r\ngap: 10px;\r\npadding: 15px 32px;\r\nborder-radius: 8px;\r\ntext-decoration: none;\r\nfont-weight: 500;\r\nfont-size: 14px;\r\ntransition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\ncursor: pointer;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.btn::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);\r\nopacity: 0;\r\ntransition: opacity 0.3s ease;\r\n}\r\n\r\n.btn:hover::before {\r\nopacity: 1;\r\n}\r\n\r\n.btn.primary {\r\nbackground: #fff;\r\ncolor: #1a1a1a;\r\nbox-shadow: 0 4px 16px rgba(255,255,255,0.15);\r\n}\r\n\r\n.btn.primary:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 8px 28px rgba(255,255,255,0.25);\r\n}\r\n\r\n.btn.ghost {\r\nbackground: rgba(255,255,255,0.1);\r\ncolor: #fff;\r\nborder: 1px solid rgba(255,255,255,0.2);\r\nbackdrop-filter: blur(10px);\r\n}\r\n\r\n.btn.ghost:hover {\r\nbackground: rgba(255,255,255,0.15);\r\nborder-color: rgba(255,255,255,0.35);\r\ntransform: translateY(-2px);\r\n}\r\n\r\n\/* ============================================\r\n STATS SECTION\r\n============================================ *\/\r\n.stats {\r\npadding: 110px 0;\r\nbackground: linear-gradient(135deg, #ffffff 0%, #f8f8f8 50%, #fafafa 100%);\r\nposition: relative;\r\n}\r\n\r\n.stats::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent 0%, var(--line) 50%, transparent 100%);\r\n}\r\n\r\n.stats::after {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: \r\nradial-gradient(circle at 20% 30%, rgba(0,0,0,0.01) 0%, transparent 40%),\r\nradial-gradient(circle at 80% 70%, rgba(0,0,0,0.01) 0%, transparent 40%);\r\npointer-events: none;\r\n}\r\n\r\n.stats-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\ngap: 60px;\r\n}\r\n\r\n.stat-item {\r\ntext-align: center;\r\nposition: relative;\r\npadding: 32px 24px;\r\nborder-radius: 16px;\r\ntransition: all 0.4s ease;\r\nbackground: #ffffff;\r\nborder: 1px solid rgba(0,0,0,0.06);\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n}\r\n\r\n.stat-item::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: linear-gradient(135deg, rgba(0,0,0,0.02) 0%, transparent 100%);\r\nborder-radius: 16px;\r\nopacity: 0;\r\ntransition: opacity 0.4s ease;\r\n}\r\n\r\n.stat-item:hover::before {\r\nopacity: 1;\r\n}\r\n\r\n.stat-item:hover {\r\ntransform: translateY(-4px);\r\nbox-shadow: 0 6px 20px rgba(0,0,0,0.08);\r\nborder-color: rgba(0,0,0,0.1);\r\n}\r\n\r\n.stat-number {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(42px, 5vw, 56px);\r\nfont-weight: 400;\r\ncolor: #1a1a1a;\r\nmargin-bottom: 12px;\r\ndisplay: block;\r\nletter-spacing: -0.02em;\r\nline-height: 1;\r\n}\r\n\r\n.stat-label {\r\nfont-size: 11px;\r\ncolor: #5a5a5a;\r\nfont-weight: 500;\r\nletter-spacing: 0.01em;\r\ntext-transform: uppercase;\r\n}\r\n\r\n\/* ============================================\r\n SECTION STYLES\r\n============================================ *\/\r\n.section {\r\npadding: 120px 0;\r\nposition: relative;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.section {\r\npadding: 80px 0;\r\n}\r\n}\r\n\r\n.section-alt {\r\nbackground: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);\r\nposition: relative;\r\n}\r\n\r\n.section-alt::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent 0%, var(--line) 50%, transparent 100%);\r\n}\r\n\r\n.section-dark {\r\nbackground: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%);\r\ncolor: #ffffff;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n\r\n.section-dark::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: \r\nradial-gradient(circle at 20% 30%, rgba(255,255,255,0.05) 0%, transparent 40%),\r\nradial-gradient(circle at 80% 70%, rgba(255,255,255,0.03) 0%, transparent 40%);\r\npointer-events: none;\r\n}\r\n\r\n.section-dark .section-header-wrapper {\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.section-dark .icon-decoration {\r\nbackground: rgba(255,255,255,0.1);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.section-dark .icon-decoration svg {\r\nstroke: #ffffff;\r\n}\r\n\r\n.section-dark h2 {\r\ncolor: #ffffff !important;\r\n}\r\n\r\n.section-dark .section-header-content h2 {\r\ncolor: #ffffff !important;\r\n}\r\n\r\n.section-dark p.lead {\r\ncolor: rgba(255,255,255,0.8) !important;\r\n}\r\n\r\n.section-dark .section-header-content p.lead {\r\ncolor: rgba(255,255,255,0.8) !important;\r\n}\r\n\r\n.section-dark .content-text {\r\ncolor: rgba(255,255,255,0.85);\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.section-dark .content-text strong {\r\ncolor: #ffffff;\r\nfont-weight: 600;\r\n}\r\n\r\n.section-dark .card {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.12);\r\nbackdrop-filter: blur(10px);\r\n}\r\n\r\n.section-dark .card:hover {\r\nbackground: rgba(255,255,255,0.12);\r\nborder-color: rgba(255,255,255,0.2);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.2);\r\n}\r\n\r\n.section-dark .card::before {\r\nbackground: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0.8) 100%);\r\n}\r\n\r\n.section-dark .card-icon {\r\nbackground: rgba(255,255,255,0.12);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.section-dark .card:hover .card-icon {\r\nbackground: #ffffff;\r\ncolor: #1a1a1a;\r\nborder-color: #ffffff;\r\n}\r\n\r\n.section-dark .card h3 {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .card p {\r\ncolor: rgba(255,255,255,0.8);\r\n}\r\n\r\n.section-dark .timeline::before {\r\nbackground: linear-gradient(to bottom, \r\ntransparent 0%,\r\nrgba(255,255,255,0.1) 5%,\r\nrgba(255,255,255,0.3) 50%,\r\nrgba(255,255,255,0.1) 95%,\r\ntransparent 100%);\r\n}\r\n\r\n.section-dark .timeline-year {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.section-dark .timeline-item:hover .timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.section-dark .timeline-year.active::before {\r\ndisplay: none;\r\n}\r\n\r\n@keyframes pulse-timeline-dark {\r\n0%, 100% {\r\nbox-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4), 0 0 0 4px rgba(255,255,255,0.1);\r\n}\r\n50% {\r\nbox-shadow: 0 0 0 12px rgba(255, 255, 255, 0), 0 0 0 4px rgba(255,255,255,0.1);\r\n}\r\n}\r\n\r\n.section-dark .timeline-year.active::before {\r\nanimation: pulse-timeline-dark 2s infinite;\r\n}\r\n\r\n.section-dark .timeline-content {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\n}\r\n\r\n.section-dark .timeline-content::before {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.15);\r\nbox-shadow: -2px -2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n.section-dark .timeline-content:hover {\r\nbackground: rgba(255,255,255,0.12);\r\nborder-color: rgba(255,255,255,0.2);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.2);\r\n}\r\n\r\n.section-dark .timeline-content h3 {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .timeline-content p {\r\ncolor: rgba(255,255,255,0.8);\r\n}\r\n\r\n.section-dark .stat-item {\r\nbackground: rgba(255,255,255,0.08);\r\nborder: 1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.section-dark .stat-item:hover {\r\nbackground: rgba(255,255,255,0.12);\r\nborder-color: rgba(255,255,255,0.2);\r\nbox-shadow: 0 6px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.section-dark .stat-item::before {\r\nbackground: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%);\r\n}\r\n\r\n.section-dark .stat-number {\r\ncolor: #ffffff;\r\n}\r\n\r\n.section-dark .stat-label {\r\ncolor: rgba(255,255,255,0.7);\r\n}\r\n\r\n.section-header {\r\nmax-width: 860px;\r\nmargin: 0 auto 80px;\r\nposition: relative;\r\n}\r\n\r\n.section-header-wrapper {\r\ndisplay: flex;\r\ngap: 24px;\r\nalign-items: flex-start;\r\n}\r\n\r\n.section-header .icon-decoration {\r\nflex-shrink: 0;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nwidth: 52px;\r\nheight: 52px;\r\nbackground: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);\r\nborder-radius: 14px;\r\nmargin-top: 8px;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n}\r\n\r\n.section-header .icon-decoration svg {\r\nwidth: 26px;\r\nheight: 26px;\r\nstroke: var(--accent);\r\nstroke-width: 1.5;\r\n}\r\n\r\n.section-header-content {\r\nflex: 1;\r\n}\r\n\r\n.section h2 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(36px, 5vw, 52px);\r\nfont-weight: 400;\r\nletter-spacing: -0.025em;\r\nmargin-bottom: 24px;\r\ncolor: #1a1a1a;\r\nline-height: 1.2;\r\n}\r\n\r\n.section p.lead {\r\nfont-size: clamp(16px, 2vw, 18px);\r\ncolor: #5a5a5a;\r\nline-height: 1.7;\r\nfont-weight: 400;\r\n}\r\n\r\n\/* ============================================\r\n CONTENT\r\n============================================ *\/\r\n.content-block {\r\nmax-width: 960px;\r\nmargin: 0 auto;\r\n}\r\n\r\n.content-text {\r\nfont-size: 16px;\r\nline-height: 1.8;\r\ncolor: #5a5a5a;\r\n}\r\n\r\n.content-text p {\r\nmargin-bottom: 26px;\r\n}\r\n\r\n.content-text p:last-child {\r\nmargin-bottom: 0;\r\n}\r\n\r\n.content-text strong {\r\ncolor: #1a1a1a;\r\nfont-weight: 600;\r\n}\r\n\r\n\/* ============================================\r\n CARDS\r\n============================================ *\/\r\n.cards-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\ngap: 36px;\r\n}\r\n\r\n.card {\r\nbackground: #ffffff;\r\npadding: 48px 40px;\r\nborder-radius: 16px;\r\nborder: 1px solid rgba(0,0,0,0.08);\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\nposition: relative;\r\noverflow: hidden;\r\nbox-shadow: 0 2px 8px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.06);\r\n}\r\n\r\n.card::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 3px;\r\nbackground: linear-gradient(90deg, var(--accent) 0%, #666 100%);\r\ntransform: scaleX(0);\r\ntransform-origin: left;\r\ntransition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.card:hover::before {\r\ntransform: scaleX(1);\r\n}\r\n\r\n.card:hover {\r\ntransform: translateY(-6px);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.08);\r\nborder-color: rgba(0,0,0,0.12);\r\nbackground: #ffffff;\r\n}\r\n\r\n.card-icon {\r\nwidth: 64px;\r\nheight: 64px;\r\nbackground: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);\r\nborder-radius: 14px;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nfont-size: 26px;\r\ncolor: var(--accent);\r\nmargin-bottom: 28px;\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\nbox-shadow: 0 2px 6px rgba(0,0,0,0.06);\r\n}\r\n\r\n.card:hover .card-icon {\r\nbackground: linear-gradient(135deg, var(--accent) 0%, #333 100%);\r\ncolor: #fff;\r\ntransform: scale(1.05) rotate(-3deg);\r\nbox-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n}\r\n\r\n.card h3 {\r\nfont-size: 22px;\r\nfont-weight: 600;\r\nmargin-bottom: 14px;\r\ncolor: #1a1a1a;\r\nline-height: 1.3;\r\n}\r\n\r\n.card p {\r\nfont-size: 15px;\r\nline-height: 1.75;\r\ncolor: #5a5a5a;\r\nmargin: 0;\r\n}\r\n\r\n\/* ============================================\r\n TIMELINE\r\n============================================ *\/\r\n.timeline {\r\nmax-width: 1100px;\r\nmargin: 0 auto;\r\nposition: relative;\r\npadding: 40px 0;\r\n}\r\n\r\n.timeline::before {\r\ncontent: '';\r\nposition: absolute;\r\nleft: 50%;\r\ntop: 0;\r\nbottom: 0;\r\nwidth: 2px;\r\nbackground: linear-gradient(to bottom, \r\ntransparent 0%,\r\nvar(--line) 5%,\r\n#1a1a1a 50%,\r\nvar(--line) 95%,\r\ntransparent 100%);\r\ntransform: translateX(-50%);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline::before {\r\nleft: 24px;\r\n}\r\n}\r\n\r\n.timeline-item {\r\ndisplay: flex;\r\nalign-items: flex-start;\r\nmargin-bottom: 80px;\r\nposition: relative;\r\n}\r\n\r\n.timeline-item:last-child {\r\nmargin-bottom: 0;\r\n}\r\n\r\n.timeline-item:nth-child(odd) {\r\nflex-direction: row;\r\n}\r\n\r\n.timeline-item:nth-child(even) {\r\nflex-direction: row-reverse;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline-item,\r\n.timeline-item:nth-child(even) {\r\nflex-direction: row;\r\npadding-left: 70px;\r\n}\r\n}\r\n\r\n.timeline-year {\r\nflex: 0 0 160px;\r\ntext-align: center;\r\nfont-family: 'Black Mango', serif;\r\nfont-size: 38px;\r\nfont-weight: 400;\r\ncolor: #1a1a1a;\r\nposition: relative;\r\nz-index: 2;\r\npadding-top: 12px;\r\n}\r\n\r\n.timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.timeline-item:hover .timeline-year::before {\r\ndisplay: none;\r\n}\r\n\r\n.timeline-year.active::before {\r\ndisplay: none;\r\n}\r\n\r\n@keyframes pulse-timeline {\r\n0%, 100% {\r\nbox-shadow: 0 0 0 0 rgba(26, 26, 26, 0.4), 0 0 0 4px rgba(0,0,0,0.04);\r\n}\r\n50% {\r\nbox-shadow: 0 0 0 12px rgba(26, 26, 26, 0), 0 0 0 4px rgba(0,0,0,0.04);\r\n}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline-year {\r\nflex: 0 0 auto;\r\nposition: absolute;\r\nleft: 0;\r\nfont-size: 28px;\r\n}\r\n\r\n.timeline-year::before {\r\ndisplay: none;\r\n}\r\n}\r\n\r\n.timeline-content {\r\nflex: 1;\r\nbackground: #ffffff;\r\npadding: 38px 36px;\r\nborder-radius: 16px;\r\nborder: 1px solid rgba(0,0,0,0.1);\r\nmargin: 0 36px;\r\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\nposition: relative;\r\nbox-shadow: 0 4px 12px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.08);\r\n}\r\n\r\n.timeline-content::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 24px;\r\nwidth: 12px;\r\nheight: 12px;\r\nbackground: #ffffff;\r\nborder: 1px solid rgba(0,0,0,0.1);\r\ntransform: rotate(45deg);\r\nbox-shadow: -2px -2px 4px rgba(0,0,0,0.04);\r\n}\r\n\r\n.timeline-item:nth-child(odd) .timeline-content {\r\nmargin-left: 36px;\r\nmargin-right: 0;\r\n}\r\n\r\n.timeline-item:nth-child(odd) .timeline-content::before {\r\nleft: -6px;\r\n}\r\n\r\n.timeline-item:nth-child(even) .timeline-content {\r\nmargin-right: 36px;\r\nmargin-left: 0;\r\n}\r\n\r\n.timeline-item:nth-child(even) .timeline-content::before {\r\nright: -6px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.timeline-content,\r\n.timeline-item:nth-child(odd) .timeline-content,\r\n.timeline-item:nth-child(even) .timeline-content {\r\nmargin: 0;\r\n}\r\n.timeline-content::before,\r\n.timeline-item:nth-child(even) .timeline-content::before {\r\nleft: -6px;\r\n}\r\n}\r\n\r\n.timeline-content:hover {\r\ntransform: translateY(-4px);\r\nbox-shadow: 0 8px 28px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.08);\r\nborder-color: rgba(0,0,0,0.12);\r\nbackground: #ffffff;\r\n}\r\n\r\n.timeline-content h3 {\r\nfont-size: 20px;\r\nfont-weight: 600;\r\nmargin-bottom: 12px;\r\ncolor: #1a1a1a;\r\nline-height: 1.4;\r\n}\r\n\r\n.timeline-content p {\r\nfont-size: 15px;\r\nline-height: 1.7;\r\ncolor: #5a5a5a;\r\nmargin: 0;\r\n}\r\n\r\n\/* ============================================\r\n QUOTE\r\n============================================ *\/\r\n.quote-section-wrapper {\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.quote-box {\r\nmax-width: 920px;\r\nmargin: 0 auto;\r\npadding: 64px 56px;\r\nbackground: rgba(255,255,255,0.1);\r\nborder-radius: 20px;\r\nborder: 1px solid rgba(255,255,255,0.15);\r\ntext-align: center;\r\nposition: relative;\r\nbox-shadow: 0 4px 20px rgba(0,0,0,0.3);\r\nbackdrop-filter: blur(20px);\r\n}\r\n\r\n.quote-box::before {\r\ncontent: '';\r\nposition: absolute;\r\ntop: -1px;\r\nleft: 50%;\r\ntransform: translateX(-50%);\r\nwidth: 100px;\r\nheight: 3px;\r\nbackground: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\r\nborder-radius: 0 0 3px 3px;\r\n}\r\n\r\n.quote-box::after {\r\ncontent: '\"';\r\nposition: absolute;\r\ntop: 24px;\r\nleft: 50%;\r\ntransform: translateX(-50%);\r\nfont-family: 'Black Mango', serif;\r\nfont-size: 100px;\r\ncolor: rgba(255,255,255,0.08);\r\nline-height: 1;\r\nz-index: 0;\r\n}\r\n\r\n.quote-text {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(20px, 2.8vw, 26px);\r\nline-height: 1.65;\r\ncolor: #ffffff;\r\nfont-weight: 400;\r\nmargin-bottom: 40px;\r\nfont-style: italic;\r\nposition: relative;\r\nz-index: 1;\r\ntext-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n}\r\n\r\n.quote-author {\r\npadding-top: 32px;\r\nborder-top: 1px solid rgba(255,255,255,0.15);\r\nposition: relative;\r\nz-index: 1;\r\n}\r\n\r\n.quote-author-name {\r\nfont-size: 18px;\r\nfont-weight: 600;\r\ncolor: #ffffff;\r\nmargin-bottom: 6px;\r\n}\r\n\r\n.quote-author-title {\r\nfont-size: 14px;\r\ncolor: rgba(255,255,255,0.85);\r\nfont-weight: 400;\r\n}\r\n\r\n\/* ============================================\r\n CTA\r\n============================================ *\/\r\n.cta {\r\nbackground: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);\r\ncolor: #fff;\r\npadding: 80px 60px;\r\nborder-radius: 20px;\r\ntext-align: center;\r\nposition: relative;\r\noverflow: hidden;\r\nbox-shadow: var(--shadow-xl);\r\n}\r\n\r\n.cta::before {\r\ncontent: '';\r\nposition: absolute;\r\ninset: 0;\r\nbackground: \r\nradial-gradient(circle at 20% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),\r\nradial-gradient(circle at 80% 50%, rgba(255,255,255,0.06) 0%, transparent 50%);\r\n}\r\n\r\n.cta::after {\r\ncontent: '';\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nright: 0;\r\nheight: 1px;\r\nbackground: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%);\r\n}\r\n\r\n.cta h3 {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(32px, 4.5vw, 44px);\r\nfont-weight: 400;\r\nmargin-bottom: 22px;\r\nline-height: 1.3;\r\nletter-spacing: -0.02em;\r\nposition: relative;\r\nz-index: 1;\r\ncolor: #ffffff !important;\r\n}\r\n\r\n.cta p {\r\nfont-size: clamp(15px, 2vw, 17px);\r\nmax-width: 720px;\r\nmargin: 0 auto 44px;\r\nopacity: 0.9;\r\nline-height: 1.75;\r\nposition: relative;\r\nz-index: 1;\r\ncolor: rgba(255,255,255,0.9) !important;\r\n}\r\n\r\n.cta-actions {\r\ndisplay: flex !important;\r\ngap: 16px;\r\njustify-content: center;\r\nflex-wrap: wrap;\r\nposition: relative;\r\nz-index: 10;\r\nvisibility: visible;\r\nopacity: 1;\r\n}\r\n\r\n.cta .btn.primary {\r\nbackground: #fff !important;\r\ncolor: var(--accent) !important;\r\nbox-shadow: 0 4px 16px rgba(255,255,255,0.2);\r\ndisplay: inline-flex !important;\r\nvisibility: visible !important;\r\nopacity: 1 !important;\r\n}\r\n\r\n.cta .btn.primary:hover {\r\nbox-shadow: 0 8px 28px rgba(255,255,255,0.3);\r\n}\r\n\r\n.cta .btn.ghost {\r\nbackground: rgba(255,255,255,0.1) !important;\r\ncolor: #fff !important;\r\nborder: 1px solid rgba(255,255,255,0.25) !important;\r\nbackdrop-filter: blur(10px);\r\ndisplay: inline-flex !important;\r\nvisibility: visible !important;\r\nopacity: 1 !important;\r\n}\r\n\r\n.cta .btn.ghost:hover {\r\nbackground: rgba(255,255,255,0.18);\r\nborder-color: rgba(255,255,255,0.4);\r\n}\r\n\r\n\/* CTA Form *\/\r\n.cta-form-wrapper {\r\nbackground: rgba(255,255,255,0.05);\r\nbackdrop-filter: blur(10px);\r\nborder: 1px solid rgba(255,255,255,0.1);\r\nborder-radius: 16px;\r\npadding: 40px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-wrapper {\r\npadding: 30px 24px;\r\nborder-radius: 12px;\r\n}\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.cta-form-wrapper {\r\npadding: 24px 20px;\r\n}\r\n}\r\n\r\n.cta-form-title {\r\nfont-family: 'Black Mango', serif;\r\nfont-size: clamp(20px, 2.5vw, 24px);\r\nfont-weight: 400;\r\nmargin: 0 0 24px;\r\ncolor: #fff;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-title {\r\nmargin-bottom: 20px;\r\n}\r\n}\r\n\r\n.cta-form {\r\ndisplay: grid;\r\ngap: 16px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form {\r\ngap: 14px;\r\n}\r\n}\r\n\r\n.cta-form-group {\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 8px;\r\n}\r\n\r\n.cta-form-group label {\r\nfont-size: clamp(12px, 1.5vw, 13px);\r\nfont-weight: 500;\r\ncolor: rgba(255,255,255,0.8);\r\ntext-transform: uppercase;\r\nletter-spacing: 0.05em;\r\n}\r\n\r\n.cta-form-group input,\r\n.cta-form-group textarea {\r\nwidth: 100%;\r\npadding: 14px 18px;\r\nbackground: rgba(255,255,255,0.1);\r\nborder: 1px solid rgba(255,255,255,0.2);\r\nborder-radius: 8px;\r\ncolor: #fff;\r\nfont-size: clamp(14px, 1.5vw, 15px);\r\nfont-family: 'DIN Next LT Pro', sans-serif;\r\ntransition: all 0.3s ease;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-group input,\r\n.cta-form-group textarea {\r\npadding: 12px 16px;\r\n}\r\n}\r\n\r\n.cta-form-group input::placeholder,\r\n.cta-form-group textarea::placeholder {\r\ncolor: rgba(255,255,255,0.5);\r\n}\r\n\r\n.cta-form-group input:focus,\r\n.cta-form-group textarea:focus {\r\noutline: none;\r\nbackground: rgba(255,255,255,0.15);\r\nborder-color: rgba(255,255,255,0.4);\r\nbox-shadow: 0 0 0 3px rgba(255,255,255,0.1);\r\n}\r\n\r\n.cta-form-group textarea {\r\nresize: vertical;\r\nmin-height: 100px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-group textarea {\r\nmin-height: 80px;\r\n}\r\n}\r\n\r\n.cta-form-submit {\r\nmargin-top: 8px;\r\npadding: 14px 28px;\r\nbackground: #fff;\r\ncolor: #1a1a1a;\r\nborder: none;\r\nborder-radius: 8px;\r\nfont-size: clamp(14px, 1.5vw, 15px);\r\nfont-weight: 600;\r\nfont-family: 'DIN Next LT Pro', sans-serif;\r\ncursor: pointer;\r\ntransition: all 0.3s ease;\r\ndisplay: inline-flex;\r\nalign-items: center;\r\njustify-content: center;\r\ngap: 10px;\r\nwidth: 100%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.cta-form-submit {\r\npadding: 12px 24px;\r\n}\r\n}\r\n\r\n.cta-form-submit:hover {\r\ntransform: translateY(-2px);\r\nbox-shadow: 0 8px 24px rgba(255,255,255,0.2);\r\n}\r\n\r\n.cta-form-submit:active {\r\ntransform: translateY(0);\r\n}\r\n\r\n.cta-form-submit:disabled {\r\nopacity: 0.6;\r\ncursor: not-allowed;\r\n}\r\n\r\n\/* ============================================\r\n UTILITIES\r\n============================================ *\/\r\n\r\n\/* ============================================\r\n RESPONSIVE\r\n============================================ *\/\r\n@media (max-width: 768px) {\r\n.hero {\r\nmin-height: 75vh;\r\n}\r\n\r\n.hero-content {\r\npadding: 60px 20px;\r\n}\r\n\r\n.stats {\r\npadding: 70px 0;\r\n}\r\n\r\n.stats-grid {\r\ngap: 48px;\r\n}\r\n\r\n.cards-grid {\r\ngrid-template-columns: 1fr;\r\ngap: 28px;\r\n}\r\n\r\n.quote-box {\r\npadding: 48px 32px;\r\n}\r\n\r\n.cta {\r\npadding: 60px 32px;\r\n}\r\n\r\n.cta > div[style*=\"grid\"] {\r\ngrid-template-columns: 1fr !important;\r\ngap: 30px !important;\r\n}\r\n\r\n}\r\n\r\n\/* ============================================\r\n ANIMATIONS\r\n============================================ *\/\r\n@keyframes fadeIn {\r\nfrom {\r\nopacity: 0;\r\n}\r\nto {\r\nopacity: 1;\r\n}\r\n}\r\n\r\n@keyframes slideUp {\r\nfrom {\r\nopacity: 0;\r\ntransform: translateY(30px);\r\n}\r\nto {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n*, *::before, *::after {\r\nanimation-duration: 0.01ms !important;\r\nanimation-iteration-count: 1 !important;\r\ntransition-duration: 0.01ms !important;\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Hero -->\r\n<section class=\"hero\">\r\n<video class=\"hero-video\" autoplay muted loop playsinline>\r\n<source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/0_Business_Meeting_Meeting_1280x720-Trim.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n<div class=\"hero-content\">\r\n<h1 data-aos=\"fade-up\">\u00dcber uns<\/h1>\r\n<p data-aos=\"fade-up\" data-aos-delay=\"100\">\r\nZIENO produziert hochwertige B\u00fcrom\u00f6bel mit einem halben Jahrhundert Produktionserfahrung seit 1976. Wir gestalten Arbeitsr\u00e4ume mit modernem Design, Qualit\u00e4t und Ergonomie neu.\r\n<\/p>\r\n\r\n<div class=\"hero-stats\">\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Jahre der Erfahrung<\/div>\r\n<div class=\"hero-stat-number\">50+<\/div>\r\n<div class=\"hero-stat-desc\">langj\u00e4hrige Erfahrung<\/div>\r\n<\/div>\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Zufriedener Kunde<\/div>\r\n<div class=\"hero-stat-number\">100K+<\/div>\r\n<div class=\"hero-stat-desc\">zufriedener Kunde<\/div>\r\n<\/div>\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Zufriedenstellung<\/div>\r\n<div class=\"hero-stat-number\">95%<\/div>\r\n<div class=\"hero-stat-desc\">Zufriedenheitsquote<\/div>\r\n<\/div>\r\n<div class=\"hero-stat\">\r\n<div class=\"hero-stat-label\">Projekt<\/div>\r\n<div class=\"hero-stat-number\">150K+<\/div>\r\n<div class=\"hero-stat-desc\">abgeschlossenes Projekt<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<!-- Story -->\r\n<section class=\"section\" id=\"hikaye\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"building-2\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Ein halbes Jahrhundert Produktionserbe<\/h2>\r\n<p class=\"lead\">\r\nMit 50 Jahren Produktionserfahrung, die bis ins Jahr 1976 zur\u00fcckreicht, produzieren wir hochwertige B\u00fcrom\u00f6bel, die Qualit\u00e4t, Design und Ergonomie miteinander verbinden. Mit unserer 4.000 m\u00b2 gro\u00dfen Produktionsst\u00e4tte in Istanbul und unserem Expertenteam streben wir bei jedem Projekt nach Perfektion.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"content-block\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"content-text\">\r\n<p>\r\n<strong>ZIENO<\/strong>, ist in einem 1976 gegr\u00fcndeten Unternehmen verwurzelt. <strong>Hamle B\u00fcrom\u00f6bel<\/strong> ist eine moderne B\u00fcrom\u00f6belmarke, die Design und Technik miteinander verbindet und im Premiumsegment positioniert ist, wobei sie sich auf ihre starke Tradition als Hersteller st\u00fctzt. Mit Sitz in Istanbul <strong>4.000 m\u00b2 Produktionsst\u00e4tte<\/strong>, Mit unserem hochmodernen Maschinenpark und unserem fachkundigen Design- und Produktionsteam entwickeln wir Produkte, die sich durch qualifizierte Verarbeitung, nachhaltige Materialverwendung und langlebige Strukturen auszeichnen.\r\n<\/p>\r\n<p>\r\nUnser Produktportfolio umfasst Chefsessel, Arbeitsst\u00fchle, G\u00e4stest\u00fchle, Sofas und erg\u00e4nzende B\u00fcrol\u00f6sungen; <strong>ausgewogene Kombination von Ergonomie, \u00c4sthetik und Funktionalit\u00e4t<\/strong> aufgebaut ist. Neben unseren Standardkollektionen entwickeln wir auch spezielle M\u00f6belprojekte f\u00fcr Institutionen, wobei wir den Entwurfs-, Produktions- und Montageprozess mit einem durchg\u00e4ngigen, professionellen Ansatz steuern.\r\n<\/p>\r\n<p>\r\n<strong>Der Hauptzweck von ZIENO<\/strong>; Durch eine genaue Analyse der sich \u00e4ndernden Anforderungen des modernen Gesch\u00e4ftslebens kann der Nutzer <strong>h\u00f6chster Komfort<\/strong>, an Organisationen <strong>langfristiger Wert<\/strong> und Orte <strong>eine originelle Figur<\/strong> um M\u00f6bel zu produzieren, die Geld sparen.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Design Philosophy -->\r\n<section class=\"section section-dark\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"palette\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Unsere Design-Philosophie<\/h2>\r\n<p class=\"lead\">\r\nMit unserem Designansatz, der auf einfachen Linien, zeitlosen Formen und einer ergonomischen Struktur basiert, bei der die Benutzererfahrung im Vordergrund steht, bieten wir den Mitarbeitern Komfort, den Managern Prestige und den Marken eine starke unternehmerische Haltung und sorgen gleichzeitig f\u00fcr \u00e4sthetische Integrit\u00e4t in den B\u00fcror\u00e4umen.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"content-block\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"content-text\">\r\n<p>\r\nDie Designsprache von ZIENO basiert auf einfachen Linien, zeitlosen Formen und einer ergonomischen Struktur, die das Benutzererlebnis in den Vordergrund stellt. Jedes unserer Produkte bietet den Mitarbeitern Komfort, den Managern Prestige und den Marken eine starke unternehmerische Haltung und schafft eine \u00e4sthetische Integrit\u00e4t in den B\u00fcror\u00e4umen.\r\n<\/p>\r\n<p>\r\nSowie die Produktion von Sammlungen; <strong>Firmenb\u00fcros, Hotels, Architekturb\u00fcros und Gro\u00dfunternehmen<\/strong> Wir entwickeln spezielle M\u00f6belprojekte f\u00fcr unsere Kunden. Wir steuern den gesamten Prozess einschlie\u00dflich Materialauswahl, Prototyping, Produktion, Logistik und Montage von einem einzigen Zentrum aus auf transparente und kontrollierte Weise.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Mission & Vision -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"target\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Auftrag und Vision<\/h2>\r\n<p class=\"lead\">\r\nDurch die richtige Analyse der sich ver\u00e4ndernden Bed\u00fcrfnisse des modernen Gesch\u00e4ftslebens M\u00f6bel zu produzieren, die dem Benutzer maximalen Komfort, den Institutionen einen langfristigen Wert und den R\u00e4umen einen einzigartigen Charakter verleihen. Eine weltweit anerkannte f\u00fchrende Marke unter den Premium-B\u00fcrom\u00f6belmarken der T\u00fcrkei zu werden.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cards-grid\">\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-bullseye\"><\/i>\r\n<\/div>\r\n<h3>Unser Auftrag<\/h3>\r\n<p>\r\nLanglebige und charaktervolle M\u00f6bel zu produzieren, die den Lebensraum B\u00fcro neu definieren, mit dem Fokus auf Ergonomie, Qualit\u00e4t und Design.\r\n<\/p>\r\n<\/div>\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-eye\"><\/i>\r\n<\/div>\r\n<h3>Unsere Vision<\/h3>\r\n<p>\r\nWir wollen eine weltweit anerkannte, designorientierte, innovative und nachhaltige f\u00fchrende Marke unter den Premium-B\u00fcrom\u00f6belmarken der T\u00fcrkei werden.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Values -->\r\n<section class=\"section section-alt\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"heart-handshake\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Unsere Werte<\/h2>\r\n<p class=\"lead\">\r\nMit unseren Werten Qualit\u00e4t und Exzellenz, Zuverl\u00e4ssigkeit und Ehrlichkeit, Sicherheit und Wohlbefinden produzieren wir zuverl\u00e4ssige, langlebige L\u00f6sungen mit einem H\u00f6chstma\u00df an Materialauswahl, pr\u00e4ziser Verarbeitung und langlebigen Mechanismen.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cards-grid\">\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-award\"><\/i>\r\n<\/div>\r\n<h3>Qualit\u00e4t und Exzellenz<\/h3>\r\n<p>\r\nWir produzieren mit einem H\u00f6chstma\u00df an Materialauswahl, pr\u00e4ziser Verarbeitung und langlebigen Mechanismen. Jedes Produkt von ZIENO wird nach internationalen Qualit\u00e4tsstandards entwickelt und unterliegt strengen Kontrollprozessen.\r\n<\/p>\r\n<\/div>\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-handshake\"><\/i>\r\n<\/div>\r\n<h3>Verl\u00e4sslichkeit und Ehrlichkeit<\/h3>\r\n<p>\r\nWir bauen in allen Prozessen transparente, konsistente und vertrauensvolle Beziehungen zu unseren Kunden und Gesch\u00e4ftspartnern auf. Wir halten unsere Qualit\u00e4ts- und Terminzusagen ein und bieten einen zuverl\u00e4ssigen Workflow in jedem Projekt.\r\n<\/p>\r\n<\/div>\r\n<div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n<div class=\"card-icon\">\r\n<i class=\"fas fa-shield-halved\"><\/i>\r\n<\/div>\r\n<h3>Sicherheit und Wohlbefinden<\/h3>\r\n<p>\r\nMit unserem auf Ergonomie ausgerichteten Designansatz entwickeln wir L\u00f6sungen, die das k\u00f6rperliche und geistige Wohlbefinden der Nutzer unterst\u00fctzen. Unser Ziel sind gesunde B\u00fcroumgebungen mit sicheren Produktionsstandards und benutzerfreundlichen Mechanismen.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Timeline -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"section-header\" data-aos=\"fade-up\">\r\n<div class=\"section-header-wrapper\">\r\n<div class=\"icon-decoration\">\r\n<i data-lucide=\"calendar-clock\"><\/i>\r\n<\/div>\r\n<div class=\"section-header-content\">\r\n<h2>Unsere Reise durch die Jahre<\/h2>\r\n<p class=\"lead\">\r\nUnser Weg von der Gr\u00fcndung von Hamle Ofis im Jahr 1976 bis zur Geburt der Marke ZIENO im Jahr 2023 ist die Geschichte unseres Fokus auf kontinuierliche Verbesserung von Qualit\u00e4t, Design und Produktion. Indem wir bei jedem Schritt nach dem Besseren streben, haben wir uns zu einer modernen Marke entwickelt, die heute im Premiumsegment positioniert ist.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"timeline\">\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">1976<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Gr\u00fcndung der Hamle Ofis<\/h3>\r\n<p>\r\nDas Unternehmen Hamle Ofis, das sich auf den M\u00f6belsektor spezialisiert hat, legte mit seiner Produktionsstruktur in Werkstattgr\u00f6\u00dfe den Grundstein f\u00fcr das Konzept der Qualit\u00e4tsarbeit.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">1995<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Umstellung auf moderne Produktionsverfahren<\/h3>\r\n<p>\r\nIm Einklang mit der erweiterten Produktpalette und der steigenden Nachfrage wurde die Produktionslinie erneuert, der Maschinenpark modernisiert und eine h\u00f6here Kapazit\u00e4t und Pr\u00e4zision in der Produktion sichergestellt.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">2012<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Fokus auf Projektl\u00f6sungen f\u00fcr Unternehmen<\/h3>\r\n<p>\r\nEs wurden spezielle M\u00f6belprojekte f\u00fcr Hotels, Gesch\u00e4ftszentren und gro\u00dfe Einrichtungen entwickelt. Hamle Ofis hat sich in diesem Sektor durch die Spezialisierung auf die projektbezogene Produktion differenziert.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">2018<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>4.000 m\u00b2 \u00dcbergang zur Produktionsst\u00e4tte<\/h3>\r\n<p>\r\nMit steigender Nachfrage und einem wachsenden Team wurde die Produktionsfl\u00e4che erweitert. Die neue Anlage erm\u00f6glicht schnellere und flexiblere Produktionsprozesse mit einer modernen Maschineninfrastruktur, die f\u00fcr hohe Effizienz sorgt.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year\">2023<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Geburt der Marke ZIENO<\/h3>\r\n<p>\r\nZIENO, das das Produktionserbe von Hamle Ofis in einer Premium-Linie neu interpretiert, wurde mit seinem modernen Designansatz, seiner ergonomisch orientierten Struktur und seiner Corporate Identity auf dem Markt eingef\u00fchrt.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"timeline-item\" data-aos=\"fade-up\">\r\n<div class=\"timeline-year active\">2024+<\/div>\r\n<div class=\"timeline-content\">\r\n<h3>Globales Markenziel<\/h3>\r\n<p>\r\nMit internationalen Projekten, einem modernen Designansatz und einer hochwertigen Produktpalette will ZIENO eine starke Marke auf dem globalen Markt werden. Kontinuierliche Innovation in Design und Produktion steht im Mittelpunkt dieser Reise.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- Quote -->\r\n<section class=\"section section-dark\">\r\n<div class=\"container\">\r\n<div class=\"quote-section-wrapper\" data-aos=\"zoom-in\">\r\n<div class=\"quote-box\">\r\n<blockquote class=\"quote-text\">\r\nEs ist eine gro\u00dfe Ehre f\u00fcr mich, eine Marke zu repr\u00e4sentieren, die ein halbes Jahrhundert Herstellertradition mit einem modernen Designansatz verbindet. Der innovative Ansatz von ZIENO, die starke Handwerkskultur und die \u00e4sthetisch orientierte Vision st\u00e4rken unsere Leidenschaft f\u00fcr die Schaffung inspirierender B\u00fcror\u00e4ume Tag f\u00fcr Tag.\r\n<\/blockquote>\r\n<div class=\"quote-author\">\r\n<p class=\"quote-author-name\">Ali Osman Yaren<\/p>\r\n<p class=\"quote-author-title\">Vorsitzender des Verwaltungsrats<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<!-- Scroll Top -->\r\n\r\n<!-- Scripts -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n<script>\r\n\/\/ AOS init\r\nAOS.init({\r\nduration: 800,\r\neasing: 'ease-out',\r\nonce: true,\r\noffset: 80\r\n});\r\n\r\n\/\/ GSAP\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\n\/\/ Counter animation\r\nconst animateCounter = (element) => {\r\nconst target = parseInt(element.getAttribute('data-count'));\r\nconst duration = 2000;\r\nconst increment = target \/ (duration \/ 16);\r\nlet current = 0;\r\n\r\nconst timer = setInterval(() => {\r\ncurrent += increment;\r\nif (current >= target) {\r\nelement.textContent = target.toLocaleString('tr-TR');\r\nif (element.parentElement.querySelector('.stat-label').textContent.includes('Oran')) {\r\nelement.textContent = target + '%';\r\n} else if (target >= 1000) {\r\nelement.textContent = (target \/ 1000).toFixed(0) + 'K+';\r\n} else {\r\nelement.textContent = target + '+';\r\n}\r\nclearInterval(timer);\r\n} else {\r\nelement.textContent = Math.floor(current).toLocaleString('tr-TR');\r\n}\r\n}, 16);\r\n};\r\n\r\n\/\/ Observer for counters\r\nconst counterObserver = new IntersectionObserver((entries) => {\r\nentries.forEach(entry => {\r\nif (entry.isIntersecting && !entry.target.classList.contains('counted')) {\r\nentry.target.classList.add('counted');\r\nanimateCounter(entry.target);\r\n}\r\n});\r\n}, { threshold: 0.5 });\r\n\r\ndocument.querySelectorAll('.stat-number').forEach(counter => {\r\ncounterObserver.observe(counter);\r\n});\r\n\r\n\/\/ Smooth scroll for links\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\nanchor.addEventListener('click', function (e) {\r\ne.preventDefault();\r\nconst target = document.querySelector(this.getAttribute('href'));\r\nif (target) {\r\ntarget.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n}\r\n});\r\n});\r\n\r\n\/\/ Initialize Lucide Icons\r\nif (typeof lucide !== 'undefined') {\r\nlucide.createIcons();\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-44ee549 e-con-full e-flex e-con e-parent\" data-id=\"44ee549\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acf8a6e elementor-widget elementor-widget-shortcode\" data-id=\"acf8a6e\" 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 zieno-theme-transparent\">\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 \n\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>Hakk\u0131m\u0131zda | ZIENO – Modern Ofis Mobilyas\u0131 Hakk\u0131m\u0131zda ZIENO, 1976’dan bug\u00fcne yar\u0131m as\u0131rl\u0131k \u00fcretim tecr\u00fcbesi ile premium ofis mobilyalar\u0131 \u00fcretiyor. Modern tasar\u0131m, […]<\/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-328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/328","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=328"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/328\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/media?parent=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}