{"id":2176,"date":"2026-01-14T14:40:47","date_gmt":"2026-01-14T14:40:47","guid":{"rendered":"https:\/\/zieno.com.tr\/?page_id=2176"},"modified":"2026-01-14T14:43:35","modified_gmt":"2026-01-14T14:43:35","slug":"othello-reihe","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/de\/othello-reihe\/","title":{"rendered":"OTHELLO-Reihe"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2176\" class=\"elementor elementor-2176\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f531f3b e-con-full e-flex e-con e-parent\" data-id=\"f531f3b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b67dd79 elementor-widget elementor-widget-html\" data-id=\"b67dd79\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Reihe OTHELLO | ZIENO<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --black: #000000;\r\n            --white: #ffffff;\r\n            --gray-50: #fafafa;\r\n            --gray-100: #f5f5f5;\r\n            --gray-200: #e5e5e5;\r\n            --gray-300: #d4d4d4;\r\n            --gray-400: #a3a3a3;\r\n            --gray-500: #737373;\r\n            --gray-600: #525252;\r\n            --gray-700: #404040;\r\n            --gray-800: #262626;\r\n            --gray-900: #171717;\r\n            --accent: #1a1a1a;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 400;\r\n            color: var(--gray-800);\r\n            line-height: 1.6;\r\n            background-color: var(--white);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        @keyframes bounce {\r\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }\r\n            40% { transform: translateY(-10px) translateX(-50%); }\r\n            60% { transform: translateY(-5px) translateX(-50%); }\r\n        }\r\n\r\n        .animate-on-scroll {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n            transition: opacity 0.8s ease, transform 0.8s ease;\r\n        }\r\n\r\n        .animate-on-scroll.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hero {\r\n            height: 720px;\r\n            background-color: #1a1a1a;\r\n            background-image: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/Office_sofa_mockup_2k_202601141739-scaled.jpeg');\r\n            background-size: cover;\r\n            background-position: center center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            --hero-title-size: 120px;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.7) 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-content {\r\n            text-align: center;\r\n            z-index: 2;\r\n            animation: fadeIn 1.5s ease;\r\n        }\r\n\r\n        .hero-logo {\r\n            height: 40px;\r\n            max-height: var(--hero-title-size);\r\n            width: auto;\r\n            margin-bottom: 24px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .hero-title {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: var(--hero-title-size);\r\n            font-weight: 400;\r\n            color: var(--white);\r\n            letter-spacing: -2px;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .hero-line {\r\n            width: 60px;\r\n            height: 1px;\r\n            background: rgba(255,255,255,0.4);\r\n            margin: 30px auto;\r\n        }\r\n\r\n        .hero-tagline {\r\n            font-size: 16px;\r\n            color: rgba(255,255,255,0.6);\r\n            font-weight: 300;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .scroll-indicator {\r\n            position: absolute;\r\n            bottom: 40px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            animation: bounce 2s infinite;\r\n            cursor: pointer;\r\n            z-index: 2;\r\n        }\r\n\r\n        .scroll-indicator span {\r\n            display: block;\r\n            width: 24px;\r\n            height: 24px;\r\n            border-right: 2px solid rgba(255,255,255,0.5);\r\n            border-bottom: 2px solid rgba(255,255,255,0.5);\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .section {\r\n            padding: 100px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .section-label {\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            color: var(--gray-400);\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .section-title {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 48px;\r\n            font-weight: 400;\r\n            color: var(--gray-900);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .section-description {\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            font-size: 16px;\r\n            color: var(--gray-500);\r\n            line-height: 1.9;\r\n        }\r\n\r\n        \/* Divider *\/\r\n        .section-divider {\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, var(--gray-200), transparent);\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Gallery *\/\r\n        .gallery {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            grid-template-rows: auto auto;\r\n            gap: 20px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        \/* Tek g\u00f6rsel varsa tam geni\u015flik *\/\r\n        .gallery-single {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        \r\n        .gallery-single .gallery-item {\r\n            grid-column: 1;\r\n        }\r\n\r\n        .gallery-item {\r\n            background: var(--gray-100);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-400);\r\n            font-size: 14px;\r\n            position: relative;\r\n            cursor: pointer;\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            aspect-ratio: 16\/9;\r\n        }\r\n\r\n        .gallery-item:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .gallery-item:nth-child(3) {\r\n            grid-column: 1 \/ -1;\r\n            aspect-ratio: 16\/9;\r\n        }\r\n        \r\n        .gallery-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        \/* Product Section *\/\r\n        .product-section {\r\n            padding: 100px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .product-intro {\r\n            font-size: 15px;\r\n            color: var(--gray-500);\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto 80px;\r\n            line-height: 1.9;\r\n        }\r\n\r\n        .product-card {\r\n            display: grid;\r\n            grid-template-columns: 1.3fr 1fr;\r\n            gap: 50px;\r\n            margin-bottom: 100px;\r\n            align-items: start;\r\n        }\r\n\r\n        .product-card.reverse {\r\n            direction: rtl;\r\n        }\r\n\r\n        .product-card.reverse > * {\r\n            direction: ltr;\r\n        }\r\n\r\n        .product-image-wrapper {\r\n            position: sticky;\r\n            top: 40px;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: linear-gradient(145deg, var(--gray-50), var(--gray-100));\r\n            align-self: start;\r\n        }\r\n\r\n        .product-image {\r\n            aspect-ratio: 3\/4;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-400);\r\n            font-size: 14px;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .product-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .product-image-wrapper:hover .product-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .product-badge {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            background: var(--gray-900);\r\n            color: white;\r\n            font-size: 11px;\r\n            font-weight: 500;\r\n            padding: 8px 16px;\r\n            border-radius: 30px;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .product-info h3 {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 36px;\r\n            font-weight: 400;\r\n            margin-bottom: 12px;\r\n            color: var(--gray-900);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .product-subtitle {\r\n            font-size: 14px;\r\n            color: var(--gray-400);\r\n            margin-bottom: 32px;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .product-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            font-size: 13px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .product-table th {\r\n            text-align: left;\r\n            font-weight: 500;\r\n            padding: 14px 16px;\r\n            color: var(--gray-700);\r\n            width: 120px;\r\n            vertical-align: top;\r\n        }\r\n\r\n        .product-table td {\r\n            padding: 14px 16px;\r\n            color: var(--gray-600);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .product-table tbody tr:nth-child(odd) {\r\n            background-color: var(--gray-50);\r\n        }\r\n\r\n        .product-table tbody tr:nth-child(even) {\r\n            background-color: var(--white);\r\n        }\r\n\r\n        .table-header {\r\n            background: var(--gray-900) !important;\r\n        }\r\n\r\n        .table-header th {\r\n            color: var(--white);\r\n            font-weight: 600;\r\n            font-size: 12px;\r\n            letter-spacing: 0.5px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* CTA Button *\/\r\n        .product-cta {\r\n            margin-top: 32px;\r\n            display: flex;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 16px 32px;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            border: none;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--gray-900);\r\n            color: white;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: var(--black);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: var(--gray-700);\r\n            border: 1px solid var(--gray-300);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            border-color: var(--gray-900);\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .btn svg {\r\n            width: 18px;\r\n            height: 18px;\r\n        }\r\n\r\n        \/* Details Section *\/\r\n        .details-section {\r\n            padding: 100px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            background: var(--white);\r\n        }\r\n\r\n        .details-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 2fr;\r\n            gap: 100px;\r\n            align-items: start;\r\n        }\r\n\r\n        .details-left h4 {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 36px;\r\n            font-weight: 400;\r\n            margin-bottom: 24px;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .details-left p {\r\n            font-size: 15px;\r\n            color: var(--gray-500);\r\n            line-height: 1.9;\r\n        }\r\n\r\n        .details-right h4 {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 36px;\r\n            font-weight: 400;\r\n            margin-bottom: 40px;\r\n            color: var(--gray-900);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .plus-icon {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 28px;\r\n            height: 28px;\r\n            border: 1px solid var(--gray-300);\r\n            border-radius: 50%;\r\n            font-size: 18px;\r\n            font-weight: 300;\r\n            color: var(--gray-400);\r\n        }\r\n\r\n        .content-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 32px 60px;\r\n        }\r\n\r\n        .content-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 24px;\r\n            padding: 16px;\r\n            border-radius: 12px;\r\n            transition: background-color 0.3s ease, transform 0.3s ease;\r\n        }\r\n\r\n        .content-item:hover {\r\n            background-color: var(--white);\r\n            transform: translateX(8px);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .content-thumb {\r\n            width: 100px;\r\n            height: 80px;\r\n            min-width: 100px;\r\n            background: var(--gray-200);\r\n            border-radius: 16px;\r\n            object-fit: cover;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .content-item:hover .content-thumb {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .content-item span {\r\n            font-size: 15px;\r\n            color: var(--gray-700);\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Breadcrumb *\/\r\n        .breadcrumb {\r\n            padding: 20px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .breadcrumb a {\r\n            color: var(--gray-500);\r\n            text-decoration: none;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .breadcrumb a:hover {\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .breadcrumb span {\r\n            color: var(--gray-400);\r\n        }\r\n\r\n        .breadcrumb-current {\r\n            color: var(--gray-700);\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Color Swatches *\/\r\n        .color-options {\r\n            margin-top: 24px;\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .color-options-title {\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: var(--gray-600);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .color-swatches {\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n\r\n        .color-swatch {\r\n            width: 32px;\r\n            height: 32px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            border: 2px solid transparent;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .color-swatch:hover {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .color-swatch.active {\r\n            border-color: var(--gray-900);\r\n        }\r\n\r\n        .color-swatch.black { background: #1a1a1a; }\r\n        .color-swatch.brown { background: #8B4513; }\r\n        .color-swatch.gray { background: #6B6B6B; }\r\n        .color-swatch.beige { background: #D4C4A8; }\r\n\r\n        \/* PDF Fixed Button *\/\r\n        .pdf-fixed-btn {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            right: 30px;\r\n            width: 56px;\r\n            height: 56px;\r\n            background: #DC2626;\r\n            color: white;\r\n            border-radius: 50%;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000;\r\n            box-shadow: 0 4px 20px rgba(220, 38, 38, 0.4);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .pdf-fixed-btn:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 8px 30px rgba(220, 38, 38, 0.5);\r\n            background: #B91C1C;\r\n        }\r\n\r\n        .pdf-fixed-btn svg {\r\n            width: 24px;\r\n            height: 24px;\r\n        }\r\n\r\n        \/* Related Series *\/\r\n        .related-section {\r\n            padding: 80px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            border-top: 1px solid var(--gray-200);\r\n        }\r\n\r\n        .related-title {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 32px;\r\n            font-weight: 400;\r\n            margin-bottom: 40px;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .related-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 24px;\r\n        }\r\n\r\n        .related-item {\r\n            background: var(--gray-100);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .related-item:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .related-item-image {\r\n            aspect-ratio: 1\/1;\r\n            background: var(--gray-200);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-400);\r\n            font-size: 12px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .related-item-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .related-item:hover .related-item-image img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .related-item-info {\r\n            padding: 16px;\r\n        }\r\n\r\n        .related-item-info h5 {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            color: var(--gray-900);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .related-item-info span {\r\n            font-size: 12px;\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1024px) {\r\n            .related-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .product-card {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 40px;\r\n            }\r\n\r\n            .details-grid {\r\n                gap: 60px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero {\r\n                height: 520px;\r\n                --hero-title-size: 42px;\r\n            }\r\n\r\n            .hero-logo {\r\n                height: 32px;\r\n            }\r\n\r\n            .hero-tagline {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .section-description {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .breadcrumb {\r\n                padding: 16px 20px;\r\n                flex-wrap: wrap;\r\n                font-size: 12px;\r\n            }\r\n\r\n            .gallery {\r\n                grid-template-columns: 1fr;\r\n                gap: 12px;\r\n            }\r\n\r\n            .gallery-item:nth-child(3) {\r\n                grid-column: 1;\r\n                aspect-ratio: 16\/9;\r\n            }\r\n            \r\n            .gallery-item {\r\n                aspect-ratio: 16\/9;\r\n            }\r\n\r\n            .product-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .product-card {\r\n                grid-template-columns: 1fr;\r\n                gap: 32px;\r\n                margin-bottom: 80px;\r\n            }\r\n\r\n            .product-card.reverse {\r\n                direction: ltr;\r\n            }\r\n\r\n            .product-image-wrapper {\r\n                position: relative;\r\n                top: 0;\r\n            }\r\n\r\n            .product-info h3 {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .product-table {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .product-table th {\r\n                width: 90px;\r\n                padding: 12px 10px;\r\n            }\r\n\r\n            .product-table td {\r\n                padding: 12px 10px;\r\n            }\r\n\r\n            .product-cta {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n                padding: 14px 24px;\r\n            }\r\n\r\n            .details-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .details-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 48px;\r\n            }\r\n\r\n            .details-left h4,\r\n            .details-right h4 {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .content-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 16px;\r\n            }\r\n\r\n            .content-item {\r\n                padding: 12px;\r\n            }\r\n\r\n            .content-thumb {\r\n                width: 80px;\r\n                height: 64px;\r\n                min-width: 80px;\r\n            }\r\n\r\n            .related-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .related-title {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .related-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 12px;\r\n            }\r\n\r\n            .related-item-info {\r\n                padding: 12px;\r\n            }\r\n\r\n            .related-item-info h5 {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .pdf-fixed-btn {\r\n                bottom: 20px;\r\n                right: 20px;\r\n                width: 50px;\r\n                height: 50px;\r\n            }\r\n\r\n            .pdf-fixed-btn svg {\r\n                width: 22px;\r\n                height: 22px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero {\r\n                --hero-title-size: 32px;\r\n                height: 420px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 26px;\r\n            }\r\n\r\n            .product-info h3 {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .product-badge {\r\n                top: 12px;\r\n                left: 12px;\r\n                padding: 6px 12px;\r\n                font-size: 10px;\r\n            }\r\n\r\n            .color-swatches {\r\n                gap: 8px;\r\n            }\r\n\r\n            .color-swatch {\r\n                width: 28px;\r\n                height: 28px;\r\n            }\r\n\r\n            .related-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .pdf-fixed-btn {\r\n                width: 48px;\r\n                height: 48px;\r\n            }\r\n\r\n            .pdf-fixed-btn svg {\r\n                width: 20px;\r\n                height: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Hero Section -->\r\n    <section class=\"hero\">\r\n        <div class=\"hero-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/zieno-white-new-scaled.png\" alt=\"ZIENO\" class=\"hero-logo\">\r\n            <h1 class=\"hero-title\">OTHELLO-Reihe<\/h1>\r\n            <div class=\"hero-line\"><\/div>\r\n            <p class=\"hero-tagline\">Einfache Leistung, moderner Komfort<\/p>\r\n        <\/div>\r\n        <div class=\"scroll-indicator\" onclick=\"document.querySelector('.section').scrollIntoView({behavior: 'smooth'})\">\r\n            <span><\/span>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Breadcrumb -->\r\n    <nav class=\"breadcrumb\">\r\n        <a href=\"https:\/\/zieno.com.tr\/de\/\">Homepage<\/a>\r\n        <span>\u203a<\/span>\r\n        <a href=\"https:\/\/zieno.com.tr\/de\/unsere-produkte\/\">Unsere Produkte<\/a>\r\n        <span>\u203a<\/span>\r\n        <a href=\"https:\/\/zieno.com.tr\/de\/ofis-kanepeleri\/\">B\u00fcro-Sofas<\/a>\r\n        <span>\u203a<\/span>\r\n        <span class=\"breadcrumb-current\">OTHELLO-Reihe<\/span>\r\n    <\/nav>\r\n\r\n    <!-- Tasar\u0131m Felsefesi -->\r\n    <section class=\"section\">\r\n        <div class=\"section-header animate-on-scroll\">\r\n            <p class=\"section-label\">Unser Design-Ansatz<\/p>\r\n            <h2 class=\"section-title\">Design-Philosophie<\/h2>\r\n            <p class=\"section-description\">\r\n                Die Serie OTHELLO verbindet den Rhythmus moderner Arbeitsr\u00e4ume mit einfachen Linien und einer professionellen Haltung. Ihr Ansatz, bei dem Komfort und \u00c4sthetik in einem Topf verschmelzen, bietet dem Nutzer eine ruhige und konzentrierte Erfahrung. Jedes Detail ist so konzipiert, dass es das im Gesch\u00e4ftsleben notwendige Gef\u00fchl von Ausgewogenheit, Prestige und Fluss verst\u00e4rkt.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Gallery -->\r\n        <div class=\"gallery animate-on-scroll\">\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/Office_sofa_mockup_2k_202601141739-2-scaled.jpeg\" alt=\"OTHELLO Bild 1\">\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/Office_sofa_mockup_2k_202601141739-1-scaled.jpeg\" alt=\"OTHELLO Bild 2\">\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/Office_sofa_mockup_2k_202601141739-scaled.jpeg\" alt=\"OTHELLO Bild 3\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"section-divider\"><\/div>\r\n\r\n    <!-- \u00dcr\u00fcn Detaylar\u0131 -->\r\n    <section class=\"product-section\">\r\n        <div class=\"section-header animate-on-scroll\">\r\n            <p class=\"section-label\">Sammlung<\/p>\r\n            <h2 class=\"section-title\">Details zum Produkt<\/h2>\r\n            <p class=\"product-intro\">\r\n                Diese Kollektion besteht aus Sesseln, die f\u00fcr moderne B\u00fcros und den t\u00e4glichen Gebrauch konzipiert sind. Sie bietet ein ausgewogenes Verh\u00e4ltnis zwischen Ergonomie, Haltbarkeit und \u00c4sthetik und sorgt f\u00fcr lang anhaltenden Komfort.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- OTHELLO Tekli Kanepe -->\r\n        <div class=\"product-card reverse animate-on-scroll\">\r\n            <div class=\"product-image-wrapper\">\r\n                <span class=\"product-badge\">B\u00fcro<\/span>\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/1-1-208-Photoroom.jpg\" alt=\"OTHELLO Einzelsofa\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>OTHELLO Einzelsofa<\/h3>\r\n                <p class=\"product-subtitle\">Eleganter Touch von B\u00fcrokomfort<\/p>\r\n                \r\n                <div class=\"color-options\">\r\n                    <p class=\"color-options-title\">Farboptionen<\/p>\r\n                    <div class=\"color-swatches\">\r\n                        <span class=\"color-swatch black active\" title=\"Schwarz\"><\/span>\r\n                        <span class=\"color-swatch brown\" title=\"Braun\"><\/span>\r\n                        <span class=\"color-swatch gray\" title=\"Grau\"><\/span>\r\n                        <span class=\"color-swatch beige\" title=\"Beige\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <table class=\"product-table\">\r\n                    <tr class=\"table-header\">\r\n                        <th>Merkmal<\/th>\r\n                        <th>Beschreibung<\/th>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Modell<\/th>\r\n                        <td>OTHELLO Einzelsofa<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Gestaltung<\/th>\r\n                        <td>Das B\u00fcrosofa der Serie Othello verleiht professionellen Umgebungen mit seinem minimalistischen und modernen Design Eleganz. Die elegante Silhouette, die klaren Linien und die sauberen N\u00e4hte machen dieses Sofa zur perfekten Wahl in einer modernen B\u00fcroumgebung.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Komfort<\/th>\r\n                        <td>Dieses Sofa hat eine ideale Tiefe und eine ergonomische R\u00fcckenlehne f\u00fcr lang anhaltenden Sitzkomfort. Dank der hochwertigen F\u00fcllmaterialien bietet es ein perfektes Gleichgewicht zwischen \u00c4sthetik und Komfort.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>[Polsterung: Hochwertiger strukturierter Stoff', 'Armlehnenkonstruktion: Weich gepolstert', 'Beinmaterial: Metall, mattschwarz', 'F\u00fcllung: Hochdichter Schaumstoff']<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Verwendung<\/th>\r\n                        <td>Er ist ideal f\u00fcr B\u00fcro-Loungebereiche, Warter\u00e4ume, Empfangsbereiche, Ruhezonen vor Besprechungen, Chefb\u00fcros und Gemeinschaftsr\u00e4ume in Unternehmen.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Abmessungen<\/th>\r\n                        <td>Breite: <strong>80 cm<\/strong> - Die Tiefe: <strong>75 cm<\/strong> - Sitzen: <strong>45 cm<\/strong> - Die R\u00fcckseite: <strong>85 cm<\/strong> - Kapazit\u00e4t: <strong>150 kg<\/strong><\/td>\r\n                    <\/tr>\r\n                <\/table>\r\n                <div class=\"product-cta\">\r\n                    <a href=\"https:\/\/zieno.com.tr\/de\/kommunikation\/\" class=\"btn btn-primary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\r\n                        <\/svg>\r\n                        Angebot erhalten\r\n                    <\/a>\r\n                    <a href=\"https:\/\/shop.zieno.com.tr\" target=\"_blank\" class=\"btn btn-secondary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n                        <\/svg>\r\n                        Online bestellen\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- OTHELLO \u0130kili Kanepe -->\r\n        <div class=\"product-card animate-on-scroll\">\r\n            <div class=\"product-image-wrapper\">\r\n                <span class=\"product-badge\">B\u00fcro<\/span>\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/1-1-206-Photoroom.jpg\" alt=\"OTHELLO Doppelsofa\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>OTHELLO Doppelsofa<\/h3>\r\n                <p class=\"product-subtitle\">B\u00fcrokomfort f\u00fcr zwei<\/p>\r\n                \r\n                <div class=\"color-options\">\r\n                    <p class=\"color-options-title\">Farboptionen<\/p>\r\n                    <div class=\"color-swatches\">\r\n                        <span class=\"color-swatch black active\" title=\"Schwarz\"><\/span>\r\n                        <span class=\"color-swatch brown\" title=\"Braun\"><\/span>\r\n                        <span class=\"color-swatch gray\" title=\"Grau\"><\/span>\r\n                        <span class=\"color-swatch beige\" title=\"Beige\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <table class=\"product-table\">\r\n                    <tr class=\"table-header\">\r\n                        <th>Merkmal<\/th>\r\n                        <th>Beschreibung<\/th>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Modell<\/th>\r\n                        <td>OTHELLO Doppelsofa<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Gestaltung<\/th>\r\n                        <td>Ausgewogene Form f\u00fcr Wartebereiche in B\u00fcros mit einer Sitzkapazit\u00e4t f\u00fcr zwei Personen.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Komfort<\/th>\r\n                        <td>Mit seiner breiten Sitzfl\u00e4che und der ergonomischen R\u00fcckenlehne bietet er bequem Platz f\u00fcr zwei Personen.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>Hochwertige Polsterung - Verst\u00e4rkter Holzrahmen - Metallfu\u00dfgestell<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Verwendung<\/th>\r\n                        <td>Ideales Doppelsofa f\u00fcr Wartebereiche in B\u00fcros, Loungebereiche und Besprechungsr\u00e4ume.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Abmessungen<\/th>\r\n                        <td>Breite: <strong>140 cm<\/strong> - Die Tiefe: <strong>75 cm<\/strong> - Sitzen: <strong>45 cm<\/strong> - Die R\u00fcckseite: <strong>85 cm<\/strong> - Kapazit\u00e4t: <strong>250 kg<\/strong><\/td>\r\n                    <\/tr>\r\n                <\/table>\r\n                <div class=\"product-cta\">\r\n                    <a href=\"https:\/\/zieno.com.tr\/de\/kommunikation\/\" class=\"btn btn-primary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\r\n                        <\/svg>\r\n                        Angebot erhalten\r\n                    <\/a>\r\n                    <a href=\"https:\/\/shop.zieno.com.tr\" target=\"_blank\" class=\"btn btn-secondary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n                        <\/svg>\r\n                        Online bestellen\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- OTHELLO \u00dc\u00e7l\u00fc Kanepe -->\r\n        <div class=\"product-card reverse animate-on-scroll\">\r\n            <div class=\"product-image-wrapper\">\r\n                <span class=\"product-badge\">B\u00fcro<\/span>\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/1-1-40-Photoroom-2.jpg\" alt=\"OTHELLO Dreifach-Sofa\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>OTHELLO Dreifach-Sofa<\/h3>\r\n                <p class=\"product-subtitle\">Gro\u00dfer B\u00fcro-Sitzbereich<\/p>\r\n                \r\n                <div class=\"color-options\">\r\n                    <p class=\"color-options-title\">Farboptionen<\/p>\r\n                    <div class=\"color-swatches\">\r\n                        <span class=\"color-swatch black active\" title=\"Schwarz\"><\/span>\r\n                        <span class=\"color-swatch brown\" title=\"Braun\"><\/span>\r\n                        <span class=\"color-swatch gray\" title=\"Grau\"><\/span>\r\n                        <span class=\"color-swatch beige\" title=\"Beige\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <table class=\"product-table\">\r\n                    <tr class=\"table-header\">\r\n                        <th>Merkmal<\/th>\r\n                        <th>Beschreibung<\/th>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Modell<\/th>\r\n                        <td>OTHELLO Dreifach-Sofa<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Gestaltung<\/th>\r\n                        <td>Repr\u00e4sentative Form f\u00fcr B\u00fcro-Loungebereiche mit einer gro\u00dfen Sitzkapazit\u00e4t f\u00fcr drei Personen.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Komfort<\/th>\r\n                        <td>Mit seiner breiten Sitzfl\u00e4che und der hohen R\u00fcckenlehne bietet er ein komfortables Sitzerlebnis f\u00fcr drei Personen.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>Hochwertige Polsterung - Verst\u00e4rkter Holzrahmen - Verst\u00e4rktes Metallbein<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Verwendung<\/th>\r\n                        <td>Das Dreiersofa ist ideal f\u00fcr Loungebereiche im B\u00fcro, gro\u00dfe Wartezimmer und Besprechungsr\u00e4ume.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Abmessungen<\/th>\r\n                        <td>Breite: <strong>200 cm<\/strong> - Die Tiefe: <strong>75 cm<\/strong> - Sitzen: <strong>45 cm<\/strong> - Die R\u00fcckseite: <strong>85 cm<\/strong> - Kapazit\u00e4t: <strong>350 kg<\/strong><\/td>\r\n                    <\/tr>\r\n                <\/table>\r\n                <div class=\"product-cta\">\r\n                    <a href=\"https:\/\/zieno.com.tr\/de\/kommunikation\/\" class=\"btn btn-primary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\r\n                        <\/svg>\r\n                        Angebot erhalten\r\n                    <\/a>\r\n                    <a href=\"https:\/\/shop.zieno.com.tr\" target=\"_blank\" class=\"btn btn-secondary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n                        <\/svg>\r\n                        Online bestellen\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Details Section -->\r\n    <section class=\"details-section\">\r\n        <div class=\"details-grid\">\r\n            <div class=\"details-left animate-on-scroll\">\r\n                <h4>Einzelheiten<\/h4>\r\n                <p>\r\n                    Jede Komponente, die wir in unseren Produkten verwenden, ist langlebig,\r\n                    um Ergonomie und Langlebigkeit zu gew\u00e4hrleisten\r\n                    Sorgf\u00e4ltig ausgew\u00e4hlt. Hochdichte Schwammstruktur,\r\n                    hochwertigem Kunstleder, ger\u00e4uscharmer Rollentechnologie\r\n                    und fachm\u00e4nnische Handwerkskunst, ZIENO Sessel sind \u00e4sthetisch ansprechend\r\n                    und Technik im gleichen Topf.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"details-right animate-on-scroll\">\r\n                <h4>Arbeit <span class=\"plus-icon\">+<\/span><\/h4>\r\n                <div class=\"content-grid\">\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-300x300.png\" alt=\"Chrom Material\" class=\"content-thumb\">\r\n                        <span>Chrom Material<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-2-300x300.jpg\" alt=\"Hochdichter Schwamm\" class=\"content-thumb\">\r\n                        <span>Hochdichter Schwamm<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-300x300.jpg\" alt=\"Hochwertiges Synthetikleder\" class=\"content-thumb\">\r\n                        <span>Hochwertiges Synthetikleder<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-3-300x300.jpg\" alt=\"50 Jahre Erfahrung\" class=\"content-thumb\">\r\n                        <span>50 Jahre Erfahrung<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-1-300x300.jpg\" alt=\"60mm importierte ger\u00e4uschlose Rolle\" class=\"content-thumb\">\r\n                        <span>60mm importierte ger\u00e4uschlose Rolle<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-4-300x300.jpg\" alt=\"Expertenteams auf dem Gebiet\" class=\"content-thumb\">\r\n                        <span>Expertenteams auf dem Gebiet<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Related Series -->\r\n    <section class=\"related-section animate-on-scroll\">\r\n        <h3 class=\"related-title\">Verwandte Serien<\/h3>\r\n        <div class=\"related-grid\">\r\n            <a href=\"https:\/\/zieno.com.tr\/de\/achsenreihen\/\" class=\"related-item\">\r\n                <div class=\"related-item-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/IMG_2198-1.jpg.jpg\" alt=\"AXIS-Reihe\">\r\n                <\/div>\r\n                <div class=\"related-item-info\">\r\n                    <h5>AXIS-Reihe<\/h5>\r\n                    <span>Chefsessel<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/zieno.com.tr\/de\/randserie\/\" class=\"related-item\">\r\n                <div class=\"related-item-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/Generated-Image-November-25-2025-9_43AM-1.jpg\" alt=\"EDGE-Reihe\">\r\n                <\/div>\r\n                <div class=\"related-item-info\">\r\n                    <h5>EDGE-Reihe<\/h5>\r\n                    <span>Chefsessel<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/zieno.com.tr\/de\/obsidianreihe\/\" class=\"related-item\">\r\n                <div class=\"related-item-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/Generated-Image-October-21-2025-6_14PM-6.jpg\" alt=\"Serie OBSIDIAN\">\r\n                <\/div>\r\n                <div class=\"related-item-info\">\r\n                    <h5>Serie OBSIDIAN<\/h5>\r\n                    <span>Chefsessel<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/zieno.com.tr\/de\/senatorenserie\/\" class=\"related-item\">\r\n                <div class=\"related-item-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/Generated-Image-October-31-2025-9_36AM.jpg\" alt=\"SENATOR-Reihe\">\r\n                <\/div>\r\n                <div class=\"related-item-info\">\r\n                    <h5>SENATOR-Reihe<\/h5>\r\n                    <span>Chefsessel<\/span>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PDF Fixed Button -->\r\n    <a href=\"https:\/\/zieno.com.tr\/de\/e-katalog\/\" class=\"pdf-fixed-btn\" title=\"PDF-Katalog herunterladen\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\r\n        <\/svg>\r\n    <\/a>\r\n\r\n    <script>\r\n        \/\/ Scroll animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.animate-on-scroll').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>OTHELLO Serisi | ZIENO OTHELLO Serisi Sade G\u00fc\u00e7, Modern Konfor Anasayfa \u203a \u00dcr\u00fcnlerimiz \u203a Ofis Kanepeleri \u203a OTHELLO Serisi Tasar\u0131m Anlay\u0131\u015f\u0131m\u0131z Tasar\u0131m [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2176","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/2176","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=2176"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/pages\/2176\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/de\/wp-json\/wp\/v2\/media?parent=2176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}