{"product_id":"3009-blackout-linen-curtain-pinch-pleat","title":"3009 Wendbarer Vorhang aus Leinenmischung, 100 % lichtdicht, Faltenband, 1 Paneel","description":"\u003cstyle\u003e\n    #product-description-container * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n      font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n    \n    #product-description-container {\n      background-color: #ffffff;\n      color: #5a4b3a;\n      line-height: 1.6;\n      padding: 20px;\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n    \n    #product-description-container .section-title {\n      color: #584434;\n      font-size: 2.4rem;\n      margin-bottom: 25px;\n      text-align: center;\n      font-weight: 600;\n      position: relative;\n      padding-bottom: 15px;\n    }\n    \n    #product-description-container .section-title:after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 80px;\n      height: 3px;\n      background-color: #a89279;\n    }\n    \n    \/* 产品规格部分 - 左侧规格，右侧视频 *\/\n    #product-description-container .specs-section {\n      margin: 0 0 40px 0;\n      padding: 30px;\n      background-color: #f8f5f0;\n      border-radius: 12px;\n      box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n      display: flex;\n      gap: 40px;\n      align-items: flex-start;\n    }\n    \n    @media (max-width: 992px) {\n      #product-description-container .specs-section {\n        flex-direction: column;\n      }\n    }\n    \n    #product-description-container .specs-left {\n      flex: 1;\n    }\n    \n    #product-description-container .specs-right {\n      flex: 0 0 350px;\n    }\n    \n    @media (max-width: 992px) {\n      #product-description-container .specs-right {\n        flex: 1;\n        width: 100%;\n        max-width: 400px;\n        margin: 0 auto;\n      }\n    }\n    \n    #product-description-container .specs-title {\n      color: #584434;\n      font-size: 2rem;\n      margin-bottom: 20px;\n      text-align: center;\n      font-weight: 600;\n    }\n    \n    #product-description-container .specs-content {\n      background-color: #fff;\n      padding: 25px;\n      border-radius: 8px;\n      font-size: 1.5rem;\n      line-height: 1.8;\n    }\n    \n    #product-description-container .spec-item {\n      margin-bottom: 12px;\n      padding-bottom: 12px;\n      border-bottom: 1px solid #eee;\n    }\n    \n    #product-description-container .spec-item:last-child {\n      border-bottom: none;\n      margin-bottom: 0;\n      padding-bottom: 0;\n    }\n    \n    #product-description-container .spec-label {\n      font-weight: 600;\n      color: #584434;\n      display: inline-block;\n      min-width: 160px;\n    }\n    \n    #product-description-container .spec-value {\n      color: #5a4b3a;\n    }\n    \n    \/* Fabric Introduction 改为白色背景 *\/\n    #product-description-container .fabric-intro {\n      background-color: #ffffff;\n      padding: 20px;\n      border-radius: 8px;\n      margin-top: 25px;\n      border-left: 4px solid #a89279;\n      font-size: 1.5rem;\n      line-height: 1.7;\n      box-shadow: 0 3px 10px rgba(88, 68, 52, 0.05);\n    }\n    \n    \/* 右侧客户评价视频 - 9:16竖屏 *\/\n    #product-description-container .review-video-sidebar {\n      background-color: #fff;\n      padding: 20px;\n      border-radius: 10px;\n      box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n      text-align: center;\n    }\n    \n    #product-description-container .review-video-title {\n      color: #584434;\n      font-size: 1.8rem;\n      margin-bottom: 15px;\n      font-weight: 600;\n    }\n    \n    \/* 9:16视频容器 - 修复播放问题 *\/\n    #product-description-container .video-container-9-16 {\n      width: 100%;\n      border-radius: 8px;\n      overflow: hidden;\n      box-shadow: 0 5px 15px rgba(88, 68, 52, 0.15);\n      position: relative;\n      aspect-ratio: 9\/16;\n      background-color: #000;\n      margin-bottom: 15px;\n    }\n    \n    #product-description-container .review-video-thumbnail {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      cursor: pointer;\n      background-color: #000;\n    }\n    \n    #product-description-container .review-video-play-btn {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 70px;\n      height: 70px;\n      background-color: rgba(168, 146, 121, 0.85);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      z-index: 2;\n    }\n    \n    #product-description-container .review-video-play-btn:hover {\n      background-color: rgba(168, 146, 121, 0.95);\n      transform: translate(-50%, -50%) scale(1.1);\n    }\n    \n    #product-description-container .review-video-play-btn:after {\n      content: '';\n      display: block;\n      width: 0;\n      height: 0;\n      border-top: 15px solid transparent;\n      border-bottom: 15px solid transparent;\n      border-left: 25px solid white;\n      margin-left: 5px;\n    }\n    \n    #product-description-container .review-video-element {\n      width: 100%;\n      height: 100%;\n      border: none;\n      display: none;\n    }\n    \n    #product-description-container .review-video-caption {\n      color: #5a4b3a;\n      font-size: 1.5rem;\n      line-height: 1.6;\n      font-style: italic;\n    }\n    \n    \/* 产品注意事项部分 *\/\n    #product-description-container .important-notes-section {\n      margin: 40px 0;\n      padding: 30px;\n      background-color: #fff;\n      border-radius: 12px;\n      box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n    }\n    \n    #product-description-container .notes-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      margin-top: 40px;\n    }\n    \n    @media (max-width: 992px) {\n      #product-description-container .notes-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n    \n    @media (max-width: 768px) {\n      #product-description-container .notes-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n    \n    #product-description-container .note-card {\n      background-color: #f9f7f3;\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n      transition: transform 0.3s ease;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    \n    #product-description-container .note-card:hover {\n      transform: translateY(-8px);\n    }\n    \n    #product-description-container .note-image-container {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 15px;\n      min-height: 250px;\n    }\n    \n    #product-description-container .note-image {\n      width: 100%;\n      height: auto;\n      max-height: 300px;\n      object-fit: contain;\n      border-radius: 8px;\n    }\n    \n    #product-description-container .note-content {\n      padding: 20px;\n      text-align: center;\n    }\n    \n    #product-description-container .note-heading {\n      color: #584434;\n      font-size: 1.8rem;\n      margin-bottom: 15px;\n      font-weight: 600;\n    }\n    \n    #product-description-container .note-text {\n      color: #5a4b3a;\n      font-size: 1.5rem;\n      line-height: 1.6;\n    }\n    \n    \/* 功能演示视频部分 - 修复封面颜色 *\/\n    #product-description-container .videos-section {\n      margin: 40px 0;\n      padding: 30px;\n      background-color: #f8f5f0;\n      border-radius: 12px;\n      box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n    }\n    \n    #product-description-container .video-demo-container {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 30px;\n      margin-top: 30px;\n    }\n    \n    @media (max-width: 992px) {\n      #product-description-container .video-demo-container {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n    }\n    \n    #product-description-container .video-demo-item {\n      background-color: #fff;\n      border-radius: 10px;\n      overflow: hidden;\n      box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n      display: flex;\n      flex-direction: row;\n      height: 350px;\n    }\n    \n    @media (max-width: 768px) {\n      #product-description-container .video-demo-item {\n        flex-direction: column;\n        height: auto;\n      }\n    }\n    \n    \/* 1:1视频容器 - 左侧 *\/\n    #product-description-container .video-demo-player {\n      flex: 0 0 350px;\n      min-width: 0;\n      height: 350px;\n    }\n    \n    @media (max-width: 768px) {\n      #product-description-container .video-demo-player {\n        flex: 0 0 auto;\n        width: 100%;\n        height: 350px;\n      }\n    }\n    \n    #product-description-container .video-container-demo {\n      width: 100%;\n      height: 100%;\n      border-radius: 10px 0 0 10px;\n      overflow: hidden;\n      position: relative;\n      background-color: #000;\n    }\n    \n    @media (max-width: 768px) {\n      #product-description-container .video-container-demo {\n        border-radius: 10px 10px 0 0;\n      }\n    }\n    \n    \/* 使用视频本身作为封面 - 修复颜色 *\/\n    #product-description-container .demo-video-element {\n      width: 100%;\n      height: 100%;\n      border: none;\n      display: block;\n      object-fit: cover;\n    }\n    \n    #product-description-container .demo-video-play-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      background-color: transparent; \/* 移除变暗效果 *\/\n      transition: background-color 0.3s ease;\n    }\n    \n    #product-description-container .demo-video-play-overlay:hover {\n      background-color: rgba(0, 0, 0, 0.1); \/* 轻微变暗效果，可选 *\/\n    }\n    \n    #product-description-container .demo-video-play-btn {\n      width: 70px;\n      height: 70px;\n      background-color: rgba(168, 146, 121, 0.85);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      z-index: 2;\n    }\n    \n    #product-description-container .demo-video-play-btn:hover {\n      background-color: rgba(168, 146, 121, 0.95);\n      transform: scale(1.1);\n    }\n    \n    #product-description-container .demo-video-play-btn:after {\n      content: '';\n      display: block;\n      width: 0;\n      height: 0;\n      border-top: 15px solid transparent;\n      border-bottom: 15px solid transparent;\n      border-left: 25px solid white;\n      margin-left: 5px;\n    }\n    \n    \/* 文字描述 - 右侧，小字体简短描述 *\/\n    #product-description-container .video-demo-info {\n      flex: 1;\n      padding: 40px 30px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      text-align: left;\n    }\n    \n    @media (max-width: 768px) {\n      #product-description-container .video-demo-info {\n        padding: 20px;\n        text-align: center;\n      }\n    }\n    \n    #product-description-container .video-demo-desc {\n      color: #5a4b3a;\n      font-size: 1.6rem;\n      line-height: 1.6;\n    }\n    \n    \/* 场景展示部分 - 修改图片显示方式 *\/\n    #product-description-container .gallery-slider-section {\n      margin: 40px 0;\n      padding: 30px;\n      background-color: #fff;\n      border-radius: 12px;\n      box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n      overflow: hidden;\n    }\n    \n    #product-description-container .slider-container {\n      position: relative;\n      margin: 30px auto;\n      max-width: 1400px;\n    }\n    \n    #product-description-container .slider-wrapper {\n      overflow: hidden;\n      border-radius: 10px;\n      position: relative;\n      padding: 10px 0; \/* 只保留上下padding，去掉左右padding *\/\n    }\n    \n    #product-description-container .slider-track {\n      display: flex;\n      transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n      gap: 20px;\n    }\n    \n    \/* 修改轮播图幻灯片样式 - 去掉上边和左右边空白 *\/\n    #product-description-container .slide {\n      flex: 0 0 calc(33.333% - 14px);\n      position: relative;\n      border-radius: 8px;\n      overflow: hidden;\n      box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n      transition: transform 0.3s ease;\n      min-width: 0;\n      flex-shrink: 0;\n      display: flex;\n      flex-direction: column;\n      height: 380px; \/* 增加整体高度 *\/\n      background-color: #f9f7f3; \/* 添加背景色 *\/\n    }\n    \n    @media (max-width: 1200px) {\n      #product-description-container .slide {\n        flex: 0 0 calc(50% - 10px);\n      }\n    }\n    \n    @media (max-width: 768px) {\n      #product-description-container .slide {\n        flex: 0 0 calc(100% - 10px);\n        height: 350px; \/* 移动端稍小一点 *\/\n      }\n    }\n    \n    \/* 修改图片样式 - 去掉上边和左右空白 *\/\n    #product-description-container .slide-image {\n      width: 100%;\n      height: calc(100% - 60px); \/* 给底部文字留出空间 *\/\n      object-fit: cover; \/* 改为cover填充容器 *\/\n      object-position: center top; \/* 图片顶部对齐 *\/\n      cursor: pointer;\n      background-color: #f9f7f3; \/* 添加背景色 *\/\n      padding: 0; \/* 去掉所有内边距 *\/\n      border-radius: 8px 8px 0 0; \/* 只保留上边圆角 *\/\n    }\n    \n    \/* 文字放在图片下方 - 增加高度 *\/\n    #product-description-container .slide-caption {\n      background-color: #f9f7f3;\n      padding: 20px 15px;\n      text-align: center;\n      font-size: 1.6rem;\n      font-weight: 500;\n      color: #5a4b3a;\n      border-top: 1px solid #e8e1d5;\n      flex-shrink: 0; \/* 确保说明部分不被压缩 *\/\n      height: 60px; \/* 固定高度 *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 0 0 8px 8px; \/* 只保留下边圆角 *\/\n    }\n    \n    #product-description-container .slider-nav {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-top: 30px;\n      gap: 20px;\n    }\n    \n    #product-description-container .slider-dots {\n      display: flex;\n      gap: 10px;\n    }\n    \n    #product-description-container .dot {\n      width: 12px;\n      height: 12px;\n      border-radius: 50%;\n      background-color: #ddd;\n      cursor: pointer;\n      transition: background-color 0.3s ease;\n    }\n    \n    #product-description-container .dot.active {\n      background-color: #a89279;\n      transform: scale(1.2);\n    }\n    \n    #product-description-container .slider-arrow {\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      background-color: #f9f7f3;\n      border: 2px solid #a89279;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      font-size: 24px;\n      color: #584434;\n      transition: all 0.3s ease;\n    }\n    \n    #product-description-container .slider-arrow:hover {\n      background-color: #a89279;\n      color: white;\n      transform: scale(1.1);\n    }\n    \n    \/* 新添加：尺寸测量分区 *\/\n    #product-description-container .measurement-section {\n      margin: 40px 0;\n      padding: 30px;\n      background-color: #f8f5f0;\n      border-radius: 12px;\n      box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n    }\n    \n    #product-description-container .measurement-content {\n      max-width: 1000px;\n      margin: 0 auto;\n      background-color: #fff;\n      padding: 30px;\n      border-radius: 10px;\n      font-size: 1.6rem;\n      line-height: 1.8;\n    }\n    \n    #product-description-container .measurement-item {\n      margin-bottom: 25px;\n      padding-bottom: 25px;\n      border-bottom: 1px solid #e8e1d5;\n    }\n    \n    #product-description-container .measurement-item:last-child {\n      border-bottom: none;\n      margin-bottom: 0;\n      padding-bottom: 0;\n    }\n    \n    #product-description-container .measurement-title {\n      color: #584434;\n      font-size: 1.9rem;\n      margin-bottom: 15px;\n      font-weight: 600;\n      display: flex;\n      align-items: center;\n    }\n    \n    #product-description-container .measurement-title:before {\n      content: '';\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      background-color: #a89279;\n      border-radius: 50%;\n      margin-right: 12px;\n    }\n    \n    #product-description-container .measurement-text {\n      color: #5a4b3a;\n      font-size: 1.6rem;\n      line-height: 1.7;\n      padding-left: 20px;\n    }\n    \n    #product-description-container .measurement-note {\n      background-color: #f9f7f3;\n      border-left: 4px solid #a89279;\n      padding: 20px;\n      margin-top: 30px;\n      border-radius: 0 8px 8px 0;\n      font-size: 1.6rem;\n      line-height: 1.7;\n    }\n    \n    #product-description-container .contact-info {\n      margin-top: 25px;\n      padding-top: 25px;\n      border-top: 1px solid #e8e1d5;\n      color: #5a4b3a;\n      font-size: 1.5rem;\n      text-align: center;\n    }\n    \n    #product-description-container .contact-info a {\n      color: #a89279;\n      text-decoration: none;\n      font-weight: 600;\n    }\n    \n    #product-description-container .contact-info a:hover {\n      text-decoration: underline;\n    }\n    \n    \/* 响应式设计 *\/\n    @media (max-width: 768px) {\n      #product-description-container .section-title {\n        font-size: 2rem;\n      }\n      \n      #product-description-container .specs-title {\n        font-size: 1.8rem;\n      }\n      \n      #product-description-container .review-video-play-btn,\n      #product-description-container .demo-video-play-btn {\n        width: 60px;\n        height: 60px;\n      }\n      \n      #product-description-container .review-video-play-btn:after,\n      #product-description-container .demo-video-play-btn:after {\n        border-top: 12px solid transparent;\n        border-bottom: 12px solid transparent;\n        border-left: 18px solid white;\n      }\n      \n      #product-description-container .review-video-caption {\n        font-size: 1.4rem;\n      }\n      \n      #product-description-container .specs-content,\n      #product-description-container .fabric-intro {\n        font-size: 1.4rem;\n        padding: 20px;\n      }\n      \n      #product-description-container .note-heading,\n      #product-description-container .review-video-title,\n      #product-description-container .video-demo-desc {\n        font-size: 1.6rem;\n      }\n      \n      #product-description-container .note-text,\n      #product-description-container .slide-caption {\n        font-size: 1.4rem;\n      }\n      \n      #product-description-container .specs-section,\n      #product-description-container .important-notes-section,\n      #product-description-container .videos-section,\n      #product-description-container .gallery-slider-section,\n      #product-description-container .measurement-section {\n        padding: 25px;\n      }\n      \n      #product-description-container .measurement-content {\n        padding: 20px;\n      }\n      \n      #product-description-container .measurement-title {\n        font-size: 1.7rem;\n      }\n      \n      #product-description-container .measurement-text,\n      #product-description-container .measurement-note {\n        font-size: 1.4rem;\n      }\n      \n      #product-description-container .slider-wrapper {\n        padding: 10px 0;\n      }\n    }\n\u003c\/style\u003e\n\n\u003cdiv id=\"product-description-container\"\u003e\n\n  \u003c!-- Erste Sektion: Produktspezifikationen + Kundenbewertungsvideo rechts --\u003e\n  \u003csection class=\"specs-section\"\u003e\n    \u003cdiv class=\"specs-left\"\u003e\n\n      \u003ch3 class=\"specs-title\"\u003eProduktspezifikationen\u003c\/h3\u003e\n\n      \n      \u003cdiv class=\"specs-content\"\u003e\n\n        \u003cdiv class=\"spec-item\"\u003e\n\n          \u003cspan class=\"spec-label\"\u003eMaterial:\u003c\/span\u003e\n          \u003cspan class=\"spec-value\"\u003eHochwertiges Leinenmischgewebe\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \n        \u003cdiv class=\"spec-item\"\u003e\n\n          \u003cspan class=\"spec-label\"\u003eLichtblockierung:\u003c\/span\u003e\n          \u003cspan class=\"spec-value\"\u003e100% vollständige Verdunkelung\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \n        \u003cdiv class=\"spec-item\"\u003e\n\n          \u003cspan class=\"spec-label\"\u003eStoffgewicht:\u003c\/span\u003e\n          \u003cspan class=\"spec-value\"\u003e285 g\/m² leichte Konstruktion\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \n        \u003cdiv class=\"spec-item\"\u003e\n\n          \u003cspan class=\"spec-label\"\u003eFutter:\u003c\/span\u003e\n          \u003cspan class=\"spec-value\"\u003eUngefüttert\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \n        \u003cdiv class=\"spec-item\"\u003e\n\n          \u003cspan class=\"spec-label\"\u003eKopftyp:\u003c\/span\u003e\n          \u003cspan class=\"spec-value\"\u003eFaltenband\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \n        \u003cdiv class=\"spec-item\"\u003e\n\n          \u003cspan class=\"spec-label\"\u003ePflegehinweise:\u003c\/span\u003e\n          \u003cspan class=\"spec-value\"\u003eSchonende Maschinenwäsche oder chemische Reinigung, kein Bleichen, Dampfbügeln, Lufttrocknen\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \n        \u003cdiv class=\"spec-item\"\u003e\n\n          \u003cspan class=\"spec-label\"\u003eHinweis:\u003c\/span\u003e\n          \u003cspan class=\"spec-value\" style=\"font-style: italic; color: #8c7559;\"\u003eMaßgefertigt nach Ihren genauen Maßen für eine perfekte Passform.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003cdiv class=\"fabric-intro\"\u003e\n\n        \u003cp\u003e\u003cstrong\u003eStoffbeschreibung:\u003c\/strong\u003e Der 3009 100% Verdunkelungsvorhang ist aus hochwertigem garngefärbtem Leinenstoff mit einer innovativen 3-Schicht-Konstruktion gefertigt. Sowohl die vordere als auch die hintere Schicht bestehen aus derselben hochwertigen Leinenstruktur in passenden Farben, während eine spezielle mittlere Schicht, die mit verdunkelndem schwarzem Garn gewebt ist, eine vollständige 100%ige Lichtblockierung gewährleistet.\u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \n    \u003cdiv class=\"specs-right\"\u003e\n\n      \u003cdiv class=\"review-video-sidebar\"\u003e\n\n        \u003ch3 class=\"review-video-title\"\u003eKundenbewertung\u003c\/h3\u003e\n\n        \n        \u003cdiv class=\"video-container-9-16\"\u003e\n\n          \u003c!-- Direktes Bild als Cover verwenden, um Kompatibilitätsprobleme mit Canvas zu vermeiden --\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/3009_PP_Gray.png?v=1766120887\" alt=\"Customer Review Video\" class=\"review-video-thumbnail\" id=\"reviewVideoThumb\"\u003e\n          \u003cdiv class=\"review-video-play-btn\" id=\"reviewPlayBtn\"\u003e\u003c\/div\u003e\n\n          \u003cvideo class=\"review-video-element\" id=\"reviewVideo\" controls\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/09373ac8f57248d88912286ab1246096.mp4\" type=\"video\/mp4\"\u003e\n            Ihr Browser unterstützt das Video-Tag nicht.\n          \u003c\/source\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n\n        \n        \u003cp class=\"review-video-caption\"\u003eKundenbewertung: 3009 Stofffarbe #3 Grau, Faltenband\u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n  \n  \u003c!-- Zweite Sektion: Wichtige Hinweise - Bilder aktualisieren --\u003e\n  \u003csection class=\"important-notes-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eWichtige Hinweise\u003c\/h2\u003e\n\n    \n    \u003cdiv class=\"notes-grid\"\u003e\n\n      \u003cdiv class=\"note-card\"\u003e\n\n        \u003cdiv class=\"note-image-container\"\u003e\n\n          \u003c!-- Neues gestapeltes Breitenbild aktualisieren --\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/stacked_width_0123.jpg?v=1769155913\" alt=\"Stacked Width\" class=\"note-image\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"note-content\"\u003e\n\n          \u003ch3 class=\"note-heading\"\u003eGestapelte Breite\u003c\/h3\u003e\n\n          \u003cp class=\"note-text\"\u003eDie gestapelte Breite beträgt ca. 20-25% der Paneelbreite, wenn die Vorhänge vollständig geöffnet sind.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003cdiv class=\"note-card\"\u003e\n\n        \u003cdiv class=\"note-image-container\"\u003e\n\n          \u003c!-- Neues beigefarbenes Vorhangbild aktualisieren --\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/Cololeaf100_BlackoutLinenCurtainBeige_4_ded58f98-36be-49bb-85e9-853b68eb71da.jpg?v=1753857734\" alt=\"Premium Material\" class=\"note-image\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"note-content\"\u003e\n\n          \u003ch3 class=\"note-heading\"\u003eHochwertiges Leinenmischgewebe\u003c\/h3\u003e\n\n          \u003cp class=\"note-text\"\u003eHergestellt aus hochwertigem garngefärbtem Leinenstoff mit gleicher Textur und Farbe auf beiden Seiten.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003cdiv class=\"note-card\"\u003e\n\n        \u003cdiv class=\"note-image-container\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/accs_for_PP_FH.jpg?v=1763692277\" alt=\"Custom Sizing\" class=\"note-image\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"note-content\"\u003e\n\n          \u003ch3 class=\"note-heading\"\u003eMaßgefertigt\u003c\/h3\u003e\n\n          \u003cp class=\"note-text\"\u003eJeder Vorhang wird exakt nach Ihren Maßen gefertigt. Verstellbare Haken ermöglichen eine Höhenanpassung von 3 Zoll.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n  \n  \u003c!-- Dritte Sektion: Funktionsdemonstrationsvideos - Coverfarbe korrigieren --\u003e\n  \u003csection class=\"videos-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eFunktionsdemonstration\u003c\/h2\u003e\n\n    \n    \u003cdiv class=\"video-demo-container\"\u003e\n\n      \u003c!-- 100% Verdunkelungseffekt Video --\u003e\n      \u003cdiv class=\"video-demo-item\"\u003e\n\n        \u003cdiv class=\"video-demo-player\"\u003e\n\n          \u003cdiv class=\"video-container-demo\"\u003e\n\n            \u003c!-- Bild als Cover verwenden --\u003e\n            \u003cvideo class=\"demo-video-element\" id=\"blackoutVideo\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/Cololeaf_100_Blackout_Linen_Curtain_Natural_Grey_2.jpg?v=1764127681\"\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/abc9a581040a430492e2e53c9f663c99.mp4\" type=\"video\/mp4\"\u003e\n              Ihr Browser unterstützt das Video-Tag nicht.\n            \u003c\/source\u003e\u003c\/video\u003e\n            \u003cdiv class=\"demo-video-play-overlay\" id=\"blackoutPlayOverlay\"\u003e\n\n              \u003cdiv class=\"demo-video-play-btn\" id=\"blackoutPlayBtn\"\u003e\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \n        \u003cdiv class=\"video-demo-info\"\u003e\n\n          \u003cp class=\"video-demo-desc\"\u003eSehen Sie, wie unsere 100% Verdunkelungstechnologie perfekte Dunkelheit in jedem Raum schafft.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003c!-- Stoffdetails Video - Cover aktualisieren --\u003e\n      \u003cdiv class=\"video-demo-item\"\u003e\n\n        \u003cdiv class=\"video-demo-player\"\u003e\n\n          \u003cdiv class=\"video-container-demo\"\u003e\n\n            \u003c!-- Neues Stoffbild als Cover verwenden --\u003e\n            \u003cvideo class=\"demo-video-element\" id=\"fabricVideo\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/3009_fabric.png?v=1769152739\"\u003e\n              \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bb273a079bb948dd9872bf08edb44a4d.mp4\" type=\"video\/mp4\"\u003e\n              Ihr Browser unterstützt das Video-Tag nicht.\n            \u003c\/source\u003e\u003c\/video\u003e\n            \u003cdiv class=\"demo-video-play-overlay\" id=\"fabricPlayOverlay\"\u003e\n\n              \u003cdiv class=\"demo-video-play-btn\" id=\"fabricPlayBtn\"\u003e\u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \n        \u003cdiv class=\"video-demo-info\"\u003e\n\n          \u003cp class=\"video-demo-desc\"\u003eNahaufnahme unserer hochwertigen Leinenmischgewebe-Textur und -Konstruktion.\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n  \n  \u003c!-- Vierte Sektion: Szenenbild-Slider-Anzeige --\u003e\n  \u003csection class=\"gallery-slider-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eIn echten Räumen\u003c\/h2\u003e\n\n    \n    \u003cdiv class=\"slider-container\"\u003e\n\n      \u003cdiv class=\"slider-wrapper\"\u003e\n\n        \u003cdiv class=\"slider-track\" id=\"sliderTrack\"\u003e\n\n          \u003c!-- Die Dias werden dynamisch mit JavaScript generiert --\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003c!-- Navigationspfeile und Punkte --\u003e\n      \u003cdiv class=\"slider-nav\"\u003e\n\n        \u003cbutton class=\"slider-arrow prev-btn\"\u003e❮\u003c\/button\u003e\n        \n        \u003cdiv class=\"slider-dots\" id=\"sliderDots\"\u003e\n\n          \u003c!-- Die Punkte werden dynamisch mit JavaScript generiert --\u003e\n        \u003c\/div\u003e\n\n        \n        \u003cbutton class=\"slider-arrow next-btn\"\u003e❯\u003c\/button\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n  \n  \u003c!-- Fünfte Sektion: Größenmessbereich --\u003e\n  \u003csection class=\"measurement-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eGrößen- und Messanleitung\u003c\/h2\u003e\n\n    \n    \u003cdiv class=\"measurement-content\"\u003e\n\n      \u003cdiv class=\"measurement-item\"\u003e\n\n        \u003ch3 class=\"measurement-title\"\u003e1. Vorhanglänge messen\u003c\/h3\u003e\n\n        \u003cp class=\"measurement-text\"\u003eBei Faltenbandvorhängen messen Sie vom unteren Rand der Ringe (wo die Haken befestigt werden) bis zur gewünschten Endhöhe des Vorhangs.\u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003cdiv class=\"measurement-item\"\u003e\n\n        \u003ch3 class=\"measurement-title\"\u003e2. Vorhangbreite \u0026amp; Fülle\u003c\/h3\u003e\n\n        \u003cp class=\"measurement-text\"\u003eFür ein optimales Aussehen und Funktion wird empfohlen, dass die Vorhangbreite das 1,1- bis 1,3-fache der Schienenlänge beträgt.\u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003cdiv class=\"measurement-note\"\u003e\n\n        \u003cp\u003eJeder Vorhang wird einzeln verkauft und wird mit verstellbaren Haken geliefert, die eine Höhenanpassung von 3 Zoll ermöglichen und somit eine nahtlose Anpassung an Ihren Raum gewährleisten.\u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \n      \u003cdiv class=\"contact-info\"\u003e\n\n        \u003cp\u003eSollten Sie Fragen haben, zögern Sie nicht, uns per E-Mail unter \u003ca href=\"mailto:support@cololeafhome.com\"\u003esupport@cololeafhome.com\u003c\/a\u003e zu kontaktieren oder uns jederzeit über den Posteingang zu erreichen.\u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ 图片数据 - 使用4张不同的图片，去掉了Living Room - Light Brown\n    const slidesData = [\n      {\n        image: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/10_0de0cb30-96e2-4711-b152-a986bfae402a.jpg?v=1769566749\",\n        caption: \"Dinning Room - Ivory White\"\n      },\n      {\n        image: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/14_41f8de92-c44f-427b-9c57-e5d2d2fceab2.jpg?v=1769566750\",\n        caption: \"Living Room - Greyish White\"\n      },\n      {\n        image: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/12_51de90ed-0d60-4970-8a1c-8fb4f977de62.jpg?v=1769566750\",\n        caption: \"Bedroom - Light Coffee\"\n      },\n      {\n        image: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/15_2aef75c8-3bde-4fe9-980e-b079cb941866.jpg?v=1769566750\",\n        caption: \"Living Room - Fog Green\"\n      }\n    ];\n    \n    \/* ========== 视频功能 ========== *\/\n    \/\/ 客户评价视频\n    const reviewVideoThumb = document.getElementById('reviewVideoThumb');\n    const reviewVideo = document.getElementById('reviewVideo');\n    const reviewPlayBtn = document.getElementById('reviewPlayBtn');\n    \n    \/\/ 播放客户评价视频\n    reviewPlayBtn.addEventListener('click', function() {\n      reviewVideoThumb.style.display = 'none';\n      reviewPlayBtn.style.display = 'none';\n      reviewVideo.style.display = 'block';\n      reviewVideo.play();\n    });\n    \n    reviewVideoThumb.addEventListener('click', function() {\n      reviewVideoThumb.style.display = 'none';\n      reviewPlayBtn.style.display = 'none';\n      reviewVideo.style.display = 'block';\n      reviewVideo.play();\n    });\n    \n    \/\/ 客户评价视频结束后回到封面状态\n    reviewVideo.addEventListener('ended', function() {\n      reviewVideo.style.display = 'none';\n      reviewVideoThumb.style.display = 'block';\n      reviewPlayBtn.style.display = 'flex';\n      reviewVideo.currentTime = 0;\n    });\n    \n    \/* ========== 功能演示视频 - 修复封面颜色 ========== *\/\n    \/\/ 100%遮光效果视频\n    const blackoutVideo = document.getElementById('blackoutVideo');\n    const blackoutPlayOverlay = document.getElementById('blackoutPlayOverlay');\n    const blackoutPlayBtn = document.getElementById('blackoutPlayBtn');\n    \n    \/\/ 面料细节视频\n    const fabricVideo = document.getElementById('fabricVideo');\n    const fabricPlayOverlay = document.getElementById('fabricPlayOverlay');\n    const fabricPlayBtn = document.getElementById('fabricPlayBtn');\n    \n    \/\/ 设置功能演示视频播放功能\n    const demoVideos = [\n      { video: blackoutVideo, overlay: blackoutPlayOverlay, playBtn: blackoutPlayBtn },\n      { video: fabricVideo, overlay: fabricPlayOverlay, playBtn: fabricPlayBtn }\n    ];\n    \n    demoVideos.forEach(videoData =\u003e {\n      \/\/ 播放视频\n      videoData.playBtn.addEventListener('click', function() {\n        videoData.overlay.style.display = 'none';\n        videoData.video.play();\n      });\n      \n      videoData.overlay.addEventListener('click', function() {\n        videoData.overlay.style.display = 'none';\n        videoData.video.play();\n      });\n      \n      \/\/ 视频结束后显示播放按钮\n      videoData.video.addEventListener('ended', function() {\n        videoData.overlay.style.display = 'flex';\n        videoData.video.currentTime = 0;\n      });\n      \n      \/\/ 视频暂停时显示播放按钮\n      videoData.video.addEventListener('pause', function() {\n        videoData.overlay.style.display = 'flex';\n      });\n      \n      \/\/ 确保视频封面显示正常颜色\n      videoData.video.style.backgroundColor = 'transparent';\n    });\n    \n    \/* ========== 图片滑动功能 ========== *\/\n    const sliderTrack = document.getElementById('sliderTrack');\n    const prevBtn = document.querySelector('.prev-btn');\n    const nextBtn = document.querySelector('.next-btn');\n    const sliderDots = document.getElementById('sliderDots');\n    \n    let currentSlideIndex = 0;\n    let slidesPerView = 3;\n    let totalSlides = slidesData.length;\n    \n    \/\/ 初始化滑动器\n    function initSlider() {\n      updateSlidesPerView();\n      generateSlides();\n      updateSliderPosition();\n    }\n    \n    \/\/ 根据屏幕宽度更新每屏显示的幻灯片数量\n    function updateSlidesPerView() {\n      const screenWidth = window.innerWidth;\n      if (screenWidth \u003c= 768) {\n        slidesPerView = 1;\n      } else if (screenWidth \u003c= 1200) {\n        slidesPerView = 2;\n      } else {\n        slidesPerView = 3;\n      }\n    }\n    \n    \/\/ 生成幻灯片 - 确保图片显示\n    function generateSlides() {\n      sliderTrack.innerHTML = '';\n      sliderDots.innerHTML = '';\n      \n      \/\/ 创建所有4张幻灯片\n      slidesData.forEach((slide, index) =\u003e {\n        const slideElement = document.createElement('div');\n        slideElement.className = 'slide';\n        slideElement.dataset.index = index;\n        \n        slideElement.innerHTML = `\n          \u003cimg src=\"${slide.image}\" alt=\"${slide.caption}\" class=\"slide-image\"\u003e\n          \u003cdiv class=\"slide-caption\"\u003e${slide.caption}\u003c\/div\u003e\n        `;\n        \n        sliderTrack.appendChild(slideElement);\n      });\n      \n      \/\/ 创建导航圆点 - 为每张图片创建一个圆点\n      for (let i = 0; i \u003c totalSlides; i++) {\n        const dot = document.createElement('div');\n        dot.className = 'dot';\n        if (i === 0) dot.classList.add('active');\n        dot.addEventListener('click', () =\u003e goToSlide(i));\n        sliderDots.appendChild(dot);\n      }\n    }\n    \n    \/\/ 更新幻灯片位置\n    function updateSliderPosition() {\n      const slides = document.querySelectorAll('.slide');\n      const dots = document.querySelectorAll('.dot');\n      \n      if (slides.length === 0) return;\n      \n      \/\/ 计算可滑动的最大索引\n      const maxIndex = Math.max(0, totalSlides - slidesPerView);\n      \n      \/\/ 确保当前索引在有效范围内\n      currentSlideIndex = Math.min(Math.max(0, currentSlideIndex), maxIndex);\n      \n      \/\/ 计算单个幻灯片的宽度（包括间距）\n      const slideWidth = slides[0].offsetWidth + 20; \/\/ 20px是gap\n      \n      \/\/ 计算需要移动的距离\n      const offset = currentSlideIndex * slideWidth;\n      \n      \/\/ 应用transform\n      sliderTrack.style.transform = `translateX(-${offset}px)`;\n      \n      \/\/ 更新圆点状态\n      dots.forEach((dot, index) =\u003e {\n        \/\/ 由于圆点数量与图片数量相同，所以可以直接按索引激活\n        dot.classList.toggle('active', index === currentSlideIndex);\n      });\n    }\n    \n    \/\/ 前往指定幻灯片\n    function goToSlide(slideIndex) {\n      const maxIndex = Math.max(0, totalSlides - slidesPerView);\n      \n      \/\/ 确保索引在有效范围内\n      currentSlideIndex = Math.min(Math.max(0, slideIndex), maxIndex);\n      updateSliderPosition();\n    }\n    \n    \/\/ 下一张幻灯片\n    function nextSlide() {\n      const maxIndex = Math.max(0, totalSlides - slidesPerView);\n      \n      if (currentSlideIndex \u003c maxIndex) {\n        currentSlideIndex++;\n      } else {\n        \/\/ 如果已经是最后一张，回到第一张\n        currentSlideIndex = 0;\n      }\n      updateSliderPosition();\n    }\n    \n    \/\/ 上一张幻灯片\n    function prevSlide() {\n      const maxIndex = Math.max(0, totalSlides - slidesPerView);\n      \n      if (currentSlideIndex \u003e 0) {\n        currentSlideIndex--;\n      } else {\n        \/\/ 如果已经是第一张，跳到最后一张\n        currentSlideIndex = maxIndex;\n      }\n      updateSliderPosition();\n    }\n    \n    \/\/ 添加事件监听器\n    prevBtn.addEventListener('click', prevSlide);\n    nextBtn.addEventListener('click', nextSlide);\n    \n    \/\/ 图片加载错误处理\n    const slideImages = document.querySelectorAll('.slide-image');\n    slideImages.forEach(img =\u003e {\n      img.addEventListener('error', function() {\n        this.src = 'https:\/\/via.placeholder.com\/400x300\/584434\/ffffff?text=Image+Loading';\n        this.alt = 'Image not available';\n      });\n    });\n    \n    \/\/ 初始化滑动器\n    initSlider();\n    \n    \/* ========== 响应式处理 ========== *\/\n    window.addEventListener('resize', function() {\n      updateSlidesPerView();\n      updateSliderPosition();\n    });\n  });\n\u003c\/script\u003e","brand":"Cololeaf","offers":[{"title":"#5 Silbergrau","offer_id":42038929490004,"sku":"CL19-3009-PP-5","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#10 Beige","offer_id":42038929424468,"sku":"CL19-3009-PP-10","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#14 Grauweiss","offer_id":42038929457236,"sku":"CL19-3009-PP-14","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#8 Sandbeige","offer_id":42038929522772,"sku":"CL19-3009-PP-8","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#15 Nebelgrün","offer_id":42038929555540,"sku":"CL19-3009-PP-15","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#13 Elfenbeinweiß","offer_id":42038929883220,"sku":"CL19-3009-PP-13","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#2 Mittelgrau","offer_id":42038929621076,"sku":"CL19-3009-PP-2","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#3 Grau","offer_id":42038929653844,"sku":"CL19-3009-PP-3","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#4 Hellgrau","offer_id":42038929686612,"sku":"CL19-3009-PP-4","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#19 Violett","offer_id":42038930014292,"sku":"CL19-3009-PP-19","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#20 Blau","offer_id":42038930047060,"sku":"CL19-3009-PP-20","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#9 Taupe","offer_id":42038929784916,"sku":"CL19-3009-PP-9","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#11 Hellbraun","offer_id":42038929817684,"sku":"CL19-3009-PP-11","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#12 Helle Kaffeefarbe","offer_id":42038929850452,"sku":"CL19-3009-PP-12","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#1 Natur Hellgrau","offer_id":42038929588308,"sku":"CL19-3009-PP-1","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#18 Flieder","offer_id":42038929981524,"sku":"CL19-3009-PP-18","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#16 Gelb","offer_id":42038929915988,"sku":"CL19-3009-PP-16","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#17 Orange","offer_id":42038929948756,"sku":"CL19-3009-PP-17","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#6 Bräunlich Grau","offer_id":42038929719380,"sku":"CL19-3009-PP-6","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#7 Hellkhaki","offer_id":42038929752148,"sku":"CL19-3009-PP-7","price":93.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/14_41f8de92-c44f-427b-9c57-e5d2d2fceab2.jpg?v=1774511537","url":"https:\/\/cololeaf.com\/de\/products\/3009-blackout-linen-curtain-pinch-pleat","provider":"Cololeaf","version":"1.0","type":"link"}