{"product_id":"iphone-17-series-c11-series-nocturne-edition-mag-fit","title":"iPhone 17 Serie - c11 Serie Nocturne Edition (Mag Fit)","description":"\u003cstyle\u003e\n    body {\n        margin: 0;\n        padding: 0;\n    }\n\n    *,\n    ::after,\n    ::before {\n        box-sizing: border-box;\n    }\n\n    .product-description section {\n        position: relative;\n        width: 100%;\n    }\n\n    .product-description section:first-of-type {\n        border-top-left-radius: 32px;\n        border-top-right-radius: 32px;\n    }\n\n    .product-description section:last-of-type {\n        border-bottom-left-radius: 32px;\n        border-bottom-right-radius: 32px;\n    }\n\n    .product-description .section-container-fluid {\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n    }\n\n    .product-description .section-container {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    @media (min-width: 1080px) {\n        .product-description .section-container {\n            padding: 0 4rem;\n        }\n\n        .product-description section:not(:first-of-type) {\n            padding-bottom: 200px;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .product-description .section-container {\n            padding: 0 2rem;\n        }\n\n        .product-description section:not(:first-of-type) {\n            padding-bottom: 80px;\n        }\n    }\n\n    .product-description img {\n        width: 100%;\n        height: auto;\n    }\n\n    \/* ------------------------------------------------------------\nText Alignment\n------------------------------------------------------------ *\/\n    .product-description .text-center {\n        text-align: center;\n    }\n\n    .product-description .text-left {\n        text-align: left;\n    }\n\n    .product-description .text-right {\n        text-align: right;\n    }\n\n    \/* ------------------------------------------------------------\nText Colors\n------------------------------------------------------------ *\/\n    .product-description .text-dark * {\n        color: #000;\n    }\n\n    .product-description .text-light * {\n        color: #fff;\n    }\n\n    .product-description .text-info {\n        color: #8d8d8f;\n    }\n\n    \/* ------------------------------------------------------------\nVisibility\n------------------------------------------------------------ *\/\n    @media (min-width: 1080px) {\n        .product-description .sq-mobile-view {\n            display: none;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .product-description .sq-desktop-view {\n            display: none;\n        }\n    }\n\n    \/* ------------------------------------------------------------\nHeadlines\n------------------------------------------------------------ *\/\n    .product-description .section-header {\n        max-width: 500px;\n        margin: 0 auto;\n    }\n\n    .product-description .section-preheadline {\n        font-weight: 400;\n        line-height: 1.2;\n    }\n\n    .product-description .section-headline {\n        font-weight: 800;\n        line-height: 1.2;\n    }\n\n    .product-description .section-subheadline {\n        font-weight: 400;\n        line-height: 1.5;\n    }\n\n    @media (min-width: 1080px) {\n        .product-description .section-header {\n            padding: 3rem;\n        }\n\n        .product-description .section-preheadline {\n            font-size: 20px;\n            margin: 0 0 8px;\n        }\n\n        .product-description .section-headline {\n            font-size: 48px;\n            margin: 0 0 16px;\n        }\n\n        .product-description .section-subheadline {\n            font-size: 18px;\n            line-height: 1.5;\n            margin: 0;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .product-description .section-header {\n            padding: 3rem;\n        }\n\n        .product-description .section-preheadline {\n            font-size: 18px;\n            margin: 0 0 8px;\n        }\n\n        .product-description .section-headline {\n            font-size: 36px;\n            margin: 0 0 16px;\n        }\n\n        .product-description .section-subheadline {\n            font-size: 16px;\n            line-height: 1.5;\n            margin: 0;\n        }\n    }\n\n    .product-description .cta-button {\n        display: inline-block;\n        padding: 16px 32px;\n        border-radius: 100px;\n        background-color: #ffffff;\n        border: 1px solid #ffffff;\n        color: #000000;\n        font-size: 20px;\n        font-weight: 400;\n        text-decoration: none;\n        line-height: 1.5;\n        margin: 0;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n\n    .product-description .cta-button:hover {\n        background-color: #dedede;\n        border-color: #dedede;\n        color: #000000;\n    }\n\n    .product-description .section-header p+.cta-button {\n        margin-top: 32px;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Intro\n------------------------------------------------------------ *\/\n    .section-intro {\n        background-color: #1c1c1c;\n    }\n\n    @media (min-width: 1080px) {\n        .section-intro .section-intro-banner {\n            width: 100%;\n            height: 1200px;\n            object-fit: cover;\n        }\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n    .section-highlights {\n        background-color: #1c1c1c;\n    }\n\n    .section-highlights .section-header {\n        max-width: 480px;\n    }\n\n    .section-highlights-feature-container {\n        width: 100%;\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding: 16px;\n        margin: 0 auto;\n    }\n\n    .section-highlights-feature-item {\n        flex: 0 0 auto;\n        padding: 16px;\n    }\n\n    @media (min-width: 1080px) {\n        .section-highlights-feature-item:nth-child(1) {\n            width: 50%;\n        }\n\n        .section-highlights-feature-item:nth-child(2) {\n            width: 50%;\n        }\n\n        .section-highlights-feature-item:nth-child(3) {\n            width: 40%;\n        }\n\n        .section-highlights-feature-item:nth-child(4) {\n            width: 30%;\n        }\n\n        .section-highlights-feature-item:nth-child(5) {\n            width: 30%;\n        }\n    }\n\n    .section-highlights-feature-item [class^=\"section-highlights-list-\"] {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        background-color: #000000;\n        height: 100%;\n        border-radius: 32px;\n        overflow: hidden;\n    }\n\n    .section-highlights-feature-item .section-highlights-list-text-item {\n        padding: 40px;\n        color: #ffffff;\n    }\n\n    .section-highlights-feature-item .feature-headline {\n        font-size: 40px;\n        font-weight: 800;\n        line-height: 1.2;\n        margin: 0 0 16px;\n    }\n\n    .section-highlights-feature-item .feature-description {\n        font-size: 20px;\n        font-weight: 400;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    .section-highlights-feature-item img {\n        aspect-ratio: 1\/1;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Highlights\n------------------------------------------------------------ *\/\n    .highlightSwiper {\n        width: 100%;\n        padding-top: 32px;\n    }\n\n    .highlightSwiper .swiper-wrapper {\n        width: 100%;\n        height: auto;\n    }\n\n    .highlightSwiper .swiper-wrapper .slide-header {\n        width: 100%;\n        padding: 40px 16px;\n        text-align: center;\n        color: #ffffff;\n    }\n\n    .highlightSwiper .swiper-wrapper .slide-image {\n        aspect-ratio: 1\/1;\n        width: 100%;\n        height: 100%;\n        min-height: 300px;\n        object-fit: cover;\n        object-position: center;\n        border-radius: 32px;\n        overflow: hidden;\n    }\n\n    .highlightSwiper-pagination {\n        display: block;\n        width: 100%;\n        padding: 16px;\n        text-align: center;\n    }\n\n    .highlightSwiper-pagination .swiper-pagination-bullet {\n        width: 16px;\n        height: 16px;\n        border-radius: 100px;\n        background-color: #dddddd;\n        margin: 0 8px;\n        transition: all 1s ease;\n    }\n\n    .highlightSwiper-pagination .swiper-pagination-bullet-active {\n        background-color: #ffffff !important;\n        width: 48px;\n        height: 16px;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Daily Essentials\n------------------------------------------------------------ *\/\n    .section-daily-essentials {\n        background-color: #1c1c1c;\n    }\n\n    .section-daily-essentials img {\n        aspect-ratio: 468\/605;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    @media (min-width: 1080px) {\n        .section-daily-essentials-container {\n            display: grid;\n            grid-template-columns: repeat(2, 3fr);\n            grid-auto-rows: minmax(300px, auto);\n            gap: 32px;\n        }\n\n        .section-daily-essentials-item:nth-child(1) {\n            grid-column: 1 \/ 2;\n            grid-row: 1 \/ 3;\n        }\n\n        .section-daily-essentials-item:nth-child(2) {\n            grid-column: 2 \/ 3;\n            grid-row: 1 \/ 2;\n        }\n\n        .section-daily-essentials-item:nth-child(3) {\n            grid-column: 1 \/ 2;\n            grid-row: 3 \/ 4;\n        }\n\n        .section-daily-essentials-item:nth-child(4) {\n            grid-column: 2 \/ 3;\n            grid-row: 2 \/ 4;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .section-daily-essentials-container {\n            display: grid;\n            grid-template-columns: repeat(1, 4frr);\n            grid-auto-rows: minmax(300px, auto);\n            gap: 32px;\n        }\n\n        .section-daily-essentials-item:nth-child(1) {\n            grid-column: 1 \/ 2;\n            grid-row: 2 \/ 3;\n        }\n\n        .section-daily-essentials-item:nth-child(2) {\n            grid-column: 1 \/ 2;\n            grid-row: 1 \/ 2;\n        }\n\n        .section-daily-essentials-item:nth-child(3) {\n            grid-column: 1 \/ 2;\n            grid-row: 3 \/ 4;\n        }\n\n        .section-daily-essentials-item:nth-child(4) {\n            grid-column: 1 \/ 2;\n            grid-row: 4 \/ 5;\n        }\n    }\n\n    .section-daily-essentials-item [class^=\"section-daily-essentials-list-\"] {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        background-color: #ffffff;\n        height: 100%;\n        border-radius: 16px;\n        overflow: hidden;\n    }\n\n    .section-daily-essentials-item .section-daily-essentials-list-text-item {\n        padding: 40px;\n        color: #000000;\n    }\n\n    .section-daily-essentials-item .essential-headline {\n        font-size: 40px;\n        font-weight: 800;\n        line-height: 1.2;\n        margin: 0 0 16px;\n    }\n\n    .section-daily-essentials-item .essential-description {\n        font-size: 20px;\n        font-weight: 400;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Series Inspiration\n------------------------------------------------------------ *\/\n    .section-series-inspiration {\n        background-color: #1c1c1c;\n    }\n\n    .section-series-inspiration-container {\n        position: relative;\n    }\n\n    .section-series-inspiration-button,\n    .edition-inspiration-button {\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 32px;\n        width: 40px;\n        height: 40px;\n        color: #ffffff;\n        background-color: transparent;\n        border: none;\n        border-radius: 100px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        z-index: 1;\n    }\n\n    @media (min-width: 1080px) {\n        .section-series-inspiration .section-body {\n            position: relative;\n            max-width: 1200px;\n            padding: 0 4rem;\n            margin: 0 auto;\n        }\n\n        .section-series-inspiration-container {\n            border-radius: 32px;\n            overflow: hidden;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .section-series-inspiration.section-body {\n            position: relative;\n            padding: 0;\n            border-radius: 0;\n        }\n    }\n\n    \/* ------------------------------------------------------------\n[Sections] Wallpapers\n------------------------------------------------------------ *\/\n    .section-wallpapers {\n        background-color: #1c1c1c;\n    }\n\n    .section-wallpapers button.btn-outline {\n        border-color: #ffffff !important;\n        color: #ffffff !important;\n        background-color: transparent !important;\n    }\n\n    .section-wallpapers img.section-wallpapers-image {\n        border-radius: 32px;\n        overflow: hidden;\n        padding: 4rem;\n    }\n\n    @media (max-width: 1079.98px) {\n        .section-wallpapers img.section-wallpapers-image {\n            border-radius: 16px;\n            padding: 2rem;\n        }\n    }\n\n    \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n    .edition-inspiration-button {\n        background: linear-gradient(135deg,\n                rgba(255, 255, 255, 0.1),\n                rgba(255, 255, 255, 0.05));\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n            inset 0 1px 0 rgba(255, 255, 255, 0.2);\n        padding: 4px;\n        border-radius: 100px;\n        transition: all 0.3s ease;\n    }\n\n    .edition-inspiration-button:hover {\n        background: rgba(255, 255, 255, 0.25);\n    }\n\n    #modal-subscription {\n        display: none;\n        position: fixed;\n        z-index: 1000;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.6);\n    }\n\n    #modal-subscription .modal-content {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: #1c1c1c;\n        padding: 48px;\n        width: 90%;\n        max-width: 740px;\n        min-height: 600px;\n        border-radius: 32px;\n        display: flex;\n        align-items: center;\n    }\n\n    #modal-subscription .modal-header {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        z-index: 1001;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 50px;\n        height: 50px;\n        background-color: #ffffff;\n        border-radius: 100px;\n        cursor: pointer;\n    }\n\n    #modal-subscription .modal-header .close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        transition: all 0.3s ease;\n    }\n\n    #modal-subscription .modal-header .close svg {\n        width: 24px;\n        height: 24px;\n        color: #1c1c1c;\n    }\n\n    #modal-subscription .modal-header:hover {\n        background-color: #000000;\n    }\n\n    #modal-subscription .modal-header:hover svg {\n        color: #ffffff;\n    }\n\n    #modal-subscription .modal-text-content {\n        width: 100%;\n        text-align: center;\n        margin-bottom: 32px;\n    }\n\n    #modal-subscription input[type=\"email\"] {\n        text-align: center;\n    }\n\n    #modal-subscription button[type=\"submit\"] {\n        border-radius: 100px;\n    }\n\n    #modal-content {\n        display: none;\n        position: fixed;\n        z-index: 1000;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    #modal-content .modal-content {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background: linear-gradient(135deg,\n                rgba(255, 255, 255, 0.1),\n                rgba(255, 255, 255, 0.05));\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),\n            inset 0 1px 0 rgba(255, 255, 255, 0.2);\n        padding: 48px;\n        width: 90%;\n        max-width: 800px;\n        border-radius: 32px;\n    }\n\n    .modal-body {\n        padding: 0;\n    }\n\n    .modal-image-container {\n        width: 100%;\n        text-align: center;\n        color: #ffffff;\n    }\n\n    .modal-image {\n        width: 100%;\n        height: auto;\n        border-radius: 16px;\n        object-fit: contain;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n    }\n\n    #modal-content .modal-headline {\n        color: #ffffff;\n    }\n\n    @media (min-width: 1080px) {\n        .modal-text-content {\n            padding: 40px;\n            color: #ffffff;\n        }\n\n        .modal-headline {\n            font-size: 48px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin: 0 0 16px;\n        }\n\n        .modal-subheadline {\n            font-size: 20px;\n            font-weight: 400;\n            line-height: 1.5;\n            margin: 0;\n        }\n    }\n\n    @media (max-width: 1079.98px) {\n        .modal-content {\n            width: 95%;\n            margin: 20px auto;\n            padding: 15px;\n        }\n\n        .modal-header {\n            top: 15px;\n            right: 15px;\n        }\n\n        .modal-text-content {\n            padding: 16px 0;\n            color: #ffffff;\n        }\n\n        .modal-content .modal-image {\n            cursor: pointer;\n        }\n\n        .modal-headline {\n            font-size: 24px;\n            font-weight: 800;\n            line-height: 1.2;\n            margin: 0 0 16px;\n        }\n\n        .modal-subheadline {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 1.5 !important;\n            margin: 0;\n        }\n\n        .close {\n            width: 40px;\n            height: 40px;\n            font-size: 24px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n\u003clink rel=\"stylesheet\" href=\"style.css\"\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\n    \u003c!-- Intro Section --\u003e\n    \u003csection class=\"section-intro\"\u003e\n        \u003cdiv class=\"section-container-fluid\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\"\u003eiPhone 17 Pro Serie\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eNocturne Edition\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003e\n                        Inspiriert von den monochromen Mustern des französischen Toile de Jouy. Wilde Eleganz lebt durch handgezeichnete Katzen\n                        und\n                        Blattwerk weiter. \u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button\"\u003eAbonnieren\u003c\/button\u003e\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cimg class=\"section-intro-banner sq-desktop-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_desktop_01.jpg?v=1769620550\" alt=\"iPhone 17 Pro Serie Nocturne MagSafe Hülle aufrecht stehend mit gemustertem Rückendesign\"\u003e\n                    \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_mobile_01.jpg?v=1769620549\" alt=\"iPhone 17 Pro Serie Nocturne MagSafe Hülle aufrecht stehend mit gemustertem Rückendesign\"\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Highlights Section --\u003e\n    \u003csection class=\"section-highlights sq-desktop-view\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-highlights-feature-container\"\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_01.jpg?v=1769620549\" alt=\"iPhone 17 Pro Serie Nocturne MagSafe Hülle mit Nahaufnahme des geprägten Musters und des MagSafe Rings\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                                \u003cp class=\"feature-headline\"\u003eHexa-Layering Technologie\u003c\/p\u003e\n\n                                \u003cp class=\"feature-description\"\u003e\n                                    Entdecken Sie 3D Spatial Effect Grafiken mit Hexa-Layer Digital\n                                    Druck. Erleben Sie den neuen Standard hochwertigen Designs. Das\n                                    einzigartige Detail ahmt die Komplexität der Zeit mit Schichten von\n                                    tiefgehendem Druck nach, der in einer Liga für sich ist.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-text-item\"\u003e\n\n                                \u003cp class=\"feature-headline\"\u003eRundumschutz\u003c\/p\u003e\n\n                                \u003cp class=\"feature-description\"\u003e\n                                    Kameraschutz und Air-Cushion-Technologie halten Ihr iPhone 17\n                                    Pro jeden Tag sicher.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_02.jpg?v=1769620549\" alt=\"iPhone 17 Pro Serie Nocturne Hülle mit schräger Ansicht des Kameraausschnitts und des erhöhten Linsenrahmens\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n                            \u003cdiv class=\"section-highlights-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_03.jpg?v=1769620549\" alt=\"Nahaufnahme der Ecke mit schattiertem Bild und einem reflektierenden blauen rechteckigen Objekt, das die Air-Cushion-Technologie zeigt\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Highlights Section (Mobile) --\u003e\n    \u003csection class=\"section-highlights sq-mobile-view\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"swiper highlightSwiper text-light\"\u003e\n\n                        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n                            \u003cdiv class=\"swiper-slide\"\u003e\n\n                                \u003cdiv class=\"slide-container\"\u003e\n\n                                    \u003cdiv class=\"slide-header\"\u003e\n\n                                        \u003ch1 class=\"section-headline\"\u003eHexa-Layering Technologie.\u003c\/h1\u003e\n\n                                        \u003cp class=\"section-subheadline\"\u003e\n                                            Entdecken Sie 3D Spatial Effect Grafiken mit Hexa-Layer\n                                            Digitaldruck. Erleben Sie den neuen Standard hochwertigen\n                                            Designs. Das einzigartige Detail ahmt die Komplexität der Zeit\n                                            mit Schichten von tiefgehendem Druck nach, der in einer Liga\n                                            für sich ist.\n                                        \u003c\/p\u003e\n\n                                    \u003c\/div\u003e\n\n                                    \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_01.jpg?v=1769620549\" alt=\"iPhone 17 Pro Serie Nocturne MagSafe Hülle mit Nahaufnahme des geprägten Musters und des MagSafe Rings\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"swiper-slide\"\u003e\n\n                                \u003cdiv class=\"slide-container\"\u003e\n\n                                    \u003cdiv class=\"slide-header\"\u003e\n\n                                        \u003ch1 class=\"section-headline\"\u003eSchützen Sie das Wesentliche.\u003c\/h1\u003e\n\n                                        \u003cp class=\"section-subheadline\"\u003e\n                                            Erhöhte Kanten verhindern Kratzer auf Bildschirm und Kamera aus allen\n                                            Blickwinkeln.\n                                        \u003c\/p\u003e\n\n                                    \u003c\/div\u003e\n\n\n                                    \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_02.jpg?v=1769620549\" alt=\"iPhone 17 Pro Serie Nocturne Hülle mit schräger Ansicht des Kameraausschnitts und des erhöhten Linsenrahmens\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cdiv class=\"swiper-slide\"\u003e\n\n                                \u003cdiv class=\"slide-container\"\u003e\n\n                                    \u003cdiv class=\"slide-header\"\u003e\n\n                                        \u003ch1 class=\"section-headline\"\u003eSchutz, dem Sie vertrauen können.\u003c\/h1\u003e\n\n                                        \u003cp class=\"section-subheadline\"\u003e\n                                            Air Cushion™ Technologie absorbiert und mindert alle Stöße\n                                            in jeder Ecke.\n                                        \u003c\/p\u003e\n\n                                    \u003c\/div\u003e\n\n\n                                    \u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_03.jpg?v=1769620549\" alt=\"Nahaufnahme der Ecke mit schattiertem Bild und einem reflektierenden blauen rechteckigen Objekt, das die Air-Cushion-Technologie zeigt\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cscript\u003e\n            var swiper = new Swiper(\".highlightSwiper\", {\n                slidesPerView: 1,\n                spaceBetween: 32,\n                pagination: {\n                    el: \".highlightSwiper-pagination\",\n                    clickable: true,\n                },\n            });\n        \u003c\/script\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Daily Essentials Section --\u003e\n    \u003csection class=\"section-daily-essentials\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eTägliche Essentials\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eAlltägliche Bedürfnisse abgedeckt.\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-daily-essentials-container\"\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_04.jpg?v=1769620549\" alt=\"iPhone 17 Pro Serie Nocturne Handyhülle mit Seitenansicht und reaktionsschneller Kamerasteuerungstaste während der Kameranutzung\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                                \u003cp class=\"essential-headline\"\u003eEinfacher Zugang\u003c\/p\u003e\n\n                                \u003cp class=\"essential-description\"\u003e\n                                    Präzise Aussparungen für einfachen und vollständigen Zugang zu allen\n                                    Tasten des iPhones.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-text-item\"\u003e\n\n                                \u003cp class=\"essential-headline\"\u003eEinfach weiterladen.\u003c\/p\u003e\n\n                                \u003cp class=\"essential-description\"\u003e\n                                    Wir wissen, es ist mühsam, die Hülle abzunehmen. Also laden Sie\n                                    einfach mit der Hülle über kabelloses Ladegerät oder MagSafe-Ladegerät auf.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"section-daily-essentials-item\"\u003e\n\n                            \u003cdiv class=\"section-daily-essentials-list-visual-item\"\u003e\n\n                                \u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_05.jpg?v=1769620550\" alt=\"iPhone 17 Pro Nocturne MagSafe Hülle mit Vorder- und Rückansicht auf Ladestation\"\u003e\n                            \u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Series Inspiration Section --\u003e\n    \u003csection class=\"section-series-inspiration\"\u003e\n        \u003cdiv class=\"section-container-fluid\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003ch1 class=\"section-headline\"\u003eJetzt oder nie.\u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003ec11 designlab\u003c\/p\u003e\n\n                \u003c\/div\u003e\n\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-series-inspiration-container\"\u003e\n\n                        \u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_6317b6cc-65f4-4d8d-ad99-afbf868a1d3e.jpg?v=1769620550\" alt=\"iPhone 17 Pro Nocturne MagSafe Hülle in geöffneter Präsentationsbox\"\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n\n            \u003c!-- Modal for Subscription --\u003e\n            \u003cdiv id=\"modal-subscription\" class=\"modal\"\u003e\n\n                \u003cdiv class=\"modal-content\"\u003e\n\n                    \u003cdiv class=\"modal-header\"\u003e\n\n                        \u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e\n                            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 640 640\"\u003e\n                                \u003cpath fill=\"currentColor\" d=\"M135.5 169C126.1 159.6 126.1 144.4 135.5 135.1C144.9 125.8 160.1 125.7 169.4 135.1L320.4 286.1L471.4 135.1C480.8 125.7 496 125.7 505.3 135.1C514.6 144.5 514.7 159.7 505.3 169L354.3 320L505.3 471C514.7 480.4 514.7 495.6 505.3 504.9C495.9 514.2 480.7 514.3 471.4 504.9L320.4 353.9L169.4 504.9C160 514.3 144.8 514.3 135.5 504.9C126.2 495.5 126.1 480.3 135.5 471L286.5 320L135.5 169z\"\u003e\n                                \u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"modal-body\"\u003e\n\n                        \u003cdiv class=\"modal-image-container\"\u003e\n\n                            \u003cdiv class=\"modal-text-content text-light\"\u003e\n\n                                \u003ch1 class=\"modal-headline\"\u003eBleiben Sie über Neuheiten auf dem Laufenden.\u003c\/h1\u003e\n\n                                \u003cp class=\"modal-subheadline\"\u003e\n                                    Abonnieren Sie und seien Sie der Erste, der jeden Monat\u003cbr\u003efrische c11-Designs entdeckt.\n                                \u003c\/p\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n\n            \u003cscript\u003e\n                \/\/ Modal functionality\n                document.addEventListener(\"DOMContentLoaded\", function () {\n                    console.log(\"Modal script loaded\");\n\n                    \/\/ Get modal elements\n                    const modalSubscription = document.getElementById(\"modal-subscription\");\n                    const modalContent = document.getElementById(\"modal-content\");\n\n                    \/\/ Get button elements\n                    const ctaButton = document.querySelector(\".cta-button\");\n                    const inspirationButton = document.querySelector(\n                        \".edition-inspiration-button\"\n                    );\n\n                    console.log(\"CTA Button found:\", ctaButton);\n                    console.log(\"Inspiration Button found:\", inspirationButton);\n                    console.log(\"Modal Subscription found:\", modalSubscription);\n                    console.log(\"Modal Content found:\", modalContent);\n\n                    \/\/ Function to open modal\n                    function openModal(modal) {\n                        if (modal) {\n                            modal.style.display = \"block\";\n                            document.body.style.overflow = \"hidden\";\n                            console.log(\"Modal opened:\", modal.id);\n                        }\n                    }\n\n                    \/\/ Function to close modal\n                    function closeModal(modal) {\n                        if (modal) {\n                            modal.style.display = \"none\";\n                            document.body.style.overflow = \"auto\";\n                            console.log(\"Modal closed:\", modal.id);\n                        }\n                    }\n\n                    \/\/ CTA Button → Subscription Modal\n                    if (ctaButton \u0026\u0026 modalSubscription) {\n                        ctaButton.addEventListener(\"click\", function (e) {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            console.log(\"CTA button clicked\");\n                            openModal(modalSubscription);\n                        });\n                    } else {\n                        console.error(\"CTA button or subscription modal not found\");\n                    }\n\n                    \/\/ Inspiration Button → Content Modal\n                    if (inspirationButton \u0026\u0026 modalContent) {\n                        inspirationButton.addEventListener(\"click\", function (e) {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            console.log(\"Inspiration button clicked\");\n                            openModal(modalContent);\n                        });\n                    } else {\n                        console.error(\"Inspiration button or content modal not found\");\n                    }\n\n                    \/\/ Close buttons\n                    const closeBtns = document.querySelectorAll(\".close\");\n                    closeBtns.forEach(function (closeBtn) {\n                        closeBtn.addEventListener(\"click\", function (e) {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            const modalId = this.getAttribute(\"data-modal\");\n                            const modal = document.getElementById(modalId);\n                            console.log(\"Close button clicked for modal:\", modalId);\n                            closeModal(modal);\n                        });\n                    });\n\n                    \/\/ Close modal when clicking outside of modal content\n                    window.addEventListener(\"click\", function (event) {\n                        if (event.target.classList.contains(\"modal\")) {\n                            console.log(\"Modal background clicked\");\n                            closeModal(event.target);\n                        }\n                    });\n\n                    \/\/ ESC key to close modals\n                    document.addEventListener(\"keydown\", function (e) {\n                        if (e.key === \"Escape\") {\n                            if (\n                                modalSubscription \u0026\u0026\n                                modalSubscription.style.display === \"block\"\n                            ) {\n                                closeModal(modalSubscription);\n                            }\n                            if (modalContent \u0026\u0026 modalContent.style.display === \"block\") {\n                                closeModal(modalContent);\n                            }\n                        }\n                    });\n\n                    \/\/ Modal image click to close modal (only for mobile screens)\n                    const modalImage = document.querySelector(\"#modal-content .modal-image\");\n                    if (modalImage \u0026\u0026 modalContent) {\n                        modalImage.addEventListener(\"click\", function (e) {\n                            \/\/ Check if screen width is 1079.98px or less\n                            if (window.matchMedia(\"(max-width: 1079.98px)\").matches) {\n                                e.preventDefault();\n                                e.stopPropagation();\n                                console.log(\"Modal image clicked on mobile - closing modal\");\n                                closeModal(modalContent);\n                            }\n                        });\n                    }\n                });\n            \u003c\/script\u003e\n\n            \u003cscript\u003e\n                \/\/ Omnisend 폼 성공 이벤트 리스너\n                document.addEventListener(\"DOMContentLoaded\", function () {\n                    const modalTitle = document.querySelector(\".modal-title\");\n                    const modalText = document.querySelector(\".modal-text\");\n                    const modalContent = document.querySelector(\".modal-content-wrapper\");\n                    let hasChanged = false; \/\/ 변경 여부를 추적하는 플래그\n\n                    \/\/ Omnisend 폼의 성공 섹션 감지\n                    const checkSuccess = function () {\n                        const successSection = document.querySelector(\n                            \".omnisend-form-67ec2b6e1483d5800c841a04-success-sections-container\"\n                        );\n                        if (\n                            successSection \u0026\u0026\n                            window.getComputedStyle(successSection).display !== \"none\" \u0026\u0026\n                            !hasChanged\n                        ) {\n                            \/\/ 모달 내용 변경 (한 번만 실행)\n                            modalTitle.textContent = \"Nice to have you!\";\n                            modalText.innerHTML =\n                                \"You're all set to receive the latest \u003cbr\u003edesigns and news from c11.\";\n\n                            \/\/ Omnisend 폼 숨기기\n                            const omnisendForm = document.getElementById(\n                                \"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\n                            );\n                            if (omnisendForm) {\n                                omnisendForm.style.display = \"none\";\n                            }\n\n                            hasChanged = true; \/\/ 변경되었음을 표시\n                            clearInterval(checkInterval); \/\/ 인터벌 중지\n                        }\n                    };\n\n                    \/\/ 주기적으로 성공 섹션 확인\n                    const checkInterval = setInterval(checkSuccess, 500);\n\n                    \/\/ 폼 제출 버튼 클릭 이벤트 감지\n                    const submitButton = document.querySelector(\n                        \"#omnisend-form-67ec2b6e1483d5800c841a04-action-627932485028ebd8c6660c51\"\n                    );\n                    if (submitButton) {\n                        submitButton.addEventListener(\"click\", function () {\n                            if (!hasChanged) {\n                                \/\/ 아직 변경되지 않은 경우에만 실행\n                                setTimeout(checkSuccess, 1000);\n                            }\n                        });\n                    }\n                });\n            \u003c\/script\u003e\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Wallpaper Section --\u003e\n    \u003csection class=\"section-wallpapers\"\u003e\n        \u003cdiv class=\"section-container\"\u003e\n\n            \u003cdiv class=\"section-content\"\u003e\n\n                \u003cdiv class=\"section-header text-center text-light\"\u003e\n\n                    \u003cp class=\"section-preheadline\" style=\"color: #549CF3 !important;\"\u003eKOSTENLOSE HINTERGRÜNDE\u003c\/p\u003e\n\n                    \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eKlassisch innen und außen.\n                    \u003c\/h1\u003e\n\n                    \u003cp class=\"section-subheadline\"\u003eVervollständigen Sie das Setup. \u003cbr\u003eKostenlose passende Hintergründe jetzt erhältlich.\u003c\/p\u003e\n\n                    \u003cbutton class=\"cta-button btn-outline\" onclick=\"window.open('https:\/\/www.spigen.com\/pages\/wallpapers', '_blank')\"\u003e\n                        Jetzt herunterladen\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"section-body\"\u003e\n\n                    \u003cdiv class=\"section-wallpapers-container\"\u003e\n\n                        \u003cimg class=\"section-wallpapers-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_nocturne_06.png?v=1769754782\" alt=\"\"\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- Outro Section --\u003e\n    \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n        \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n            \u003ch2\u003e\u003cspan style=\"color: #ffffff;\"\u003eMehr als nur Schutz.\u003c\/span\u003e\u003c\/h2\u003e\n\n            \u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/span\u003e\u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sq--section-outro-body\"\u003e\n\n            \u003cdiv class=\"sq--section-row\"\u003e\n\n                \u003cdiv class=\"sq--section-column\"\u003e\n\n                    \u003cdiv class=\"sq--rewards\"\u003e\n\n                        \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                            \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e\n\n                            \u003cp\u003eSchutz mit Vorteilen für \u003cbr\u003eunsere Prämienmitglieder.\u003c\/p\u003e\n\n                            \u003cdiv class=\"sq--rewards-feature-list\"\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Wir bieten unseren Elite- und\n                                        Executive-Mitgliedern einen vergünstigten Expressversand.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Saisonale Gutscheine\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Jede Saison stellen wir unseren Elite- und Executive-Mitgliedern\n                                        Prämiengutscheine mit frischer neuer Ausrüstung zur Verfügung.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--rewards-feature-item\"\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e\n\n                                        \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e\n\n                                        Executive Care Team\n                                    \u003c\/div\u003e\n\n                                    \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n                                        Wir haben ein engagiertes Team aufgebaut, das persönlich\n                                        alles von Garantieleistungen bis hin zu allen Fragen bearbeitet.\n                                    \u003c\/div\u003e\n\n                                \u003c\/div\u003e\n\n                            \u003c\/div\u003e\n\n                            \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e\n                                Begleiten Sie uns\n                            \u003c\/button\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e\n\n                    \u003cdiv class=\"swiper-wrapper\"\u003e\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/de\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Our Story - Learn about Spigen's brand story and company history\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen.\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/our_story_banner.jpg?v=1738881443\" alt=\"\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n\n                        \u003cdiv class=\"swiper-slide\"\u003e\n\n                            \u003ca href=\"\/de\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Sustainability - Explore Spigen's sustainability efforts and ClimatePartner initiatives\" tabindex=\"0\"\u003e\n                                \u003cdiv class=\"sq--overlay-content\"\u003e\n\n                                    \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e\n                                    \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e\n\n                                    \u003cspan class=\"sr-only\"\u003e\n                                        Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\n                                    \u003c\/span\u003e\n                                \u003c\/div\u003e\n\n                                \u003cdiv class=\"sq--outro-background-media\"\u003e\n\n                                    \u003cimg role=\"presentation\" class=\"img-cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/sustainability_banner_cea5e38f-da2e-4e9b-967a-1ae42adb5523.jpg?v=1738881444\" alt=\"\"\u003e\n                                \u003c\/div\u003e\n\n                            \u003c\/a\u003e\n                        \u003c\/div\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/sq-listing-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Nocturne \/ Auf Lager","offer_id":53890607448175,"sku":"ACS11383","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Nocturne \/ Auf Lager","offer_id":53890607480943,"sku":"ACS11384","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17series_c11_nocturne_01.jpg?v=1785117307","url":"https:\/\/www.spigenhub.it.com\/de\/products\/iphone-17-series-c11-series-nocturne-edition-mag-fit","provider":"spigenhub.it.com","version":"1.0","type":"link"}