{"title":"c11 MONATLICHER DROP","description":null,"products":[{"product_id":"iphone-17-series-c11-series-signal-edition-mag-fit","title":"iPhone 17 Serie - c11 Serie Signal 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Visibility\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 \/* ------------------------------------------------------------\n Headlines\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, 4fr);\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 \/* ------------------------------------------------------------\n Modal 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\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\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\"\u003eSignal Edition\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eStädtisches Chaos und Stadtleben auf einer Hülle abgebildet. Mit einer monochromen Palette und lebhaftem Rot, das sich vom Lärm abhebt.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eAbonnieren\u003c\/button\u003e\n\n\u003c\/div\u003e\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_signal_desktop_01.jpg?v=1783031746\" alt=\"Spigen Signal C11 iPhone 17 Pro Series Hülle mit Straßenschild-Grafikdesign vor einer Stadtskyline\"\u003e \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_mobile_01.jpg?v=1783032168\" alt=\"Spigen Signal C11 iPhone 17 Pro Series Hülle mit Straßenschild-Grafikdesign vor einer Stadtskyline\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_01.jpg?v=1783032299\" alt=\"Makro-Nahaufnahme der Spigen Signal C11 Hülle mit geprägtem Straßenschild- und U-Bahn-Emblem-Detail\"\u003e\u003c\/div\u003e\n\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\"\u003eEntdecke 3D-Raumeffekt-Grafiken mit Hexa-Layer Digital Print. Erlebe den neuen Standard für erstklassiges Design. Das einzigartige Detail ahmt die Komplexität der Zeit mit Schichten tiefgehender Drucke nach, die in einer eigenen Liga spielen.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\"\u003eKameraschutz und Luftpolstertechnologie schützen dein iPhone 17 Pro jeden Tag.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_02.jpg?v=1783032540\" alt=\"Nahaufnahme der Spigen Signal C11 Hülle mit erhöhtem Kameraschutz und Straßenschild-Grafikdetails\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_03.jpg?v=1783032659\" alt=\"Nahaufnahme der Ecke mit schattiertem Bild und einem reflektierenden blauen rechteckigen Objekt, das die Luftpolstertechnologie zeigt\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\"\u003eEntdecke 3D-Raumeffekt-Grafiken mit Hexa-Layer Digital Print. Erlebe den neuen Standard für erstklassiges Design. Das einzigartige Detail ahmt die Komplexität der Zeit mit Schichten tiefgehender Drucke nach, die in einer eigenen Liga spielen.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_01.jpg?v=1783032299\" alt=\"Makro-Nahaufnahme der Spigen Signal C11 Hülle mit geprägtem Straßenschild- und U-Bahn-Emblem-Detail\"\u003e\n\n\u003c\/div\u003e\n\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\"\u003eDas Wesentliche schützen.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eErhöhte Kanten verhindern Kratzer auf Bildschirm und Kamera aus allen Blickwinkeln.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_02.jpg?v=1783032540\" alt=\"Nahaufnahme der Spigen Signal C11 Hülle mit erhöhtem Kameraschutz und Straßenschild-Grafikdetails\"\u003e\n\n\u003c\/div\u003e\n\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 du vertrauen kannst.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eAir Cushion™ Technologie absorbiert und mildert alle Stöße in jeder Ecke.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_03.jpg?v=1783032659\" alt=\"Nahaufnahme der Ecke mit schattiertem Bild und einem reflektierenden blauen rechteckigen Objekt, das die Luftpolstertechnologie zeigt\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003c\/section\u003e\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\"\u003eTägliche Essentials abgedeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_04.jpg?v=1783032802\" alt=\"Hand benutzt Kamera-App auf iPhone 17 Serie in Spigen C11 Signal Hülle mit uneingeschränktem Tastenzugang und Berührungsreaktion\"\u003e\u003c\/div\u003e\n\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\"\u003ePräzise Aussparungen für einfachen und vollen Zugang zu allen Tasten des iPhones.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\"\u003eWir wissen, wie lästig es ist, die Hülle abzunehmen. Lade also einfach mit der Hülle per kabellosem Ladegerät oder MagSafe-Ladegerät weiter.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_signal_05.jpg?v=1783032861\" alt=\"Spigen Signal C11 iPhone Hülle wird kabellos auf MagSafe geladen, mit Blick auf den Frontbildschirm\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_8a3ef730-f63c-423b-8d44-93b0f8cb05b6.jpg?v=1783032969\" alt=\"Spigen Signal C11 iPhone Hülle auf einem Londoner Laternenpfahl montiert mit einem Doppeldeckerbus und einer U-Bahn-Station im Hintergrund\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e \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\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e\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\"\u003eSei den neuen Drops voraus.\u003c\/h1\u003e\n\n\u003cp class=\"modal-subheadline\"\u003eAbonniere und sei der Erste, der jeden Monat frische \u003cbr\u003ec11 Designs entdeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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 \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\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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 HINTERGRUNDBILDER\u003c\/p\u003e\n\n \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eInnen und außen erfrischt. \n \u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eVervollständige das Setup. \u003cbr\u003eKostenlose passende Hintergrundbilder jetzt verfügbar.\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_signal_06.png?v=1783033145\" alt=\"Spigen Signal C11 iPhone Hülle mit zwei passenden Hintergrundbildern im Straßenschild-Thema für den Sperrbildschirm\"\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;\"\u003eEntdecke, 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 unsere \u003cbr\u003ePrä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 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 bieten wir unseren Elite- und Executive-Mitgliedern \n Prämiengutscheine mit frischer neuer Ausrüstung.\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 geschaffen, das sich persönlich um \n alles von Garantieleistungen bis hin zu allen Fragen kümmert.\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 Jetzt beitreten\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 Markengeschichte Karussell\"\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=\"Unsere Geschichte - Erfahren Sie mehr über Spigens Markengeschichte und Unternehmenshistorie\" 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 Spigens Markengeschichte und Unternehmenshistorie.\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=1780332873\" 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=\"Nachhaltigkeit - Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner Initiativen\" 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\n 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\/climate_partner_banner.jpg?v=1780332874\" 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 \/ Signal \/ Auf Lager","offer_id":53890607120495,"sku":"ACS11841","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Signal \/ Auf Lager","offer_id":53890607153263,"sku":"ACS11842","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_signal_01.jpg?v=1785117301"},{"product_id":"iphone-17-series-c11-series-cadence-edition-mag-fit","title":"iPhone 17 Serie - c11 Serie Cadence 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Visibility\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 \/* ------------------------------------------------------------\n Headlines\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, 4fr);\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 \/* ------------------------------------------------------------\n Modal 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\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\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 Series\u003c\/p\u003e\n\n\u003ch1 class=\"section-headline\"\u003eCadence Edition\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eEine Hommage an den perfekten Schaltvorgang: mechanische Spannung, maximale Trittfrequenz und die Mentalität, die zum Sieg führt. Finde deinen Rhythmus in hochintensivem Grün.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eAbonnieren\u003c\/button\u003e\n\n\u003c\/div\u003e\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_cadence_desktop_01.jpg?v=1780942947\" alt=\"Grüne Spigen Cadence C11 iPhone 17 Pro Series Hülle mit Fahrradzahnrad-Design, das Schmutz auf einem Trail aufwirbelt\"\u003e \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_mobile_01.jpg?v=1780942947\" alt=\"Grüne Spigen Cadence C11 iPhone 17 Pro Series Hülle mit Fahrradzahnrad-Design, das Schmutz auf einem Trail aufwirbelt\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_01.jpg?v=1780942946\" alt=\"Makro-Nahaufnahme der Spigen Cadence C11 Hülle mit geprägtem Fahrradzahnrad- und Kettendetail\"\u003e\u003c\/div\u003e\n\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\"\u003eEntdecken Sie 3D-Spatial-Effect-Grafiken mit Hexa-Layer Digital Print. Erleben Sie den neuen Standard für hochwertige Designs. Das einzigartige Detail ahmt die Komplexität der Zeit mit Schichten von Tiefendruck nach, der eine Klasse für sich ist.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\"\u003eKameraschutz und Air-Cushion-Technologie halten Ihr iPhone 17 Pro täglich sicher.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_02.jpg?v=1780942946\" alt=\"Nahaufnahme der grünen Spigen Cadence C11 Hülle mit erhöhtem Kameraschutz und Fahrradzahnrad-Grafik\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_03.jpg?v=1780942946\" alt=\"Nahaufnahme der Ecke mit schattiertem Bild und einem reflektierenden blauen rechteckigen Objekt, das die Air-Cushion-Technologie zeigt\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\"\u003eEntdecken Sie 3D-Spatial-Effect-Grafiken mit Hexa-Layer Digital Print. Erleben Sie den neuen Standard für hochwertige Designs. Das einzigartige Detail ahmt die Komplexität der Zeit mit Schichten von Tiefendruck nach, der eine Klasse für sich ist.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_01.jpg?v=1780942946\" alt=\"Makro-Nahaufnahme der Spigen Cadence C11 Hülle mit geprägtem Fahrradzahnrad- und Kettendetail\"\u003e\n\n\u003c\/div\u003e\n\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\"\u003eErhöhte Kanten verhindern Kratzer auf Bildschirm und Kamera aus allen Blickwinkeln.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_02.jpg?v=1780942946\" alt=\"Nahaufnahme der grünen Spigen Cadence C11 Hülle mit erhöhtem Kameraschutz und Fahrradzahnrad-Grafik\"\u003e\n\n\u003c\/div\u003e\n\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\"\u003eDie Air Cushion™ Technologie absorbiert und mildert alle Stöße in jeder Ecke.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_03.jpg?v=1780942946\" alt=\"Nahaufnahme der Ecke mit schattiertem Bild und einem reflektierenden blauen rechteckigen Objekt, das die Air-Cushion-Technologie zeigt\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003c\/section\u003e\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\"\u003eAlles für den Alltag abgedeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_04.jpg?v=1780942946\" alt=\"Hand, die die Kamera-App auf dem iPhone 17 der Serie in der Spigen C11 Cadence Hülle verwendet, zeigt ungehinderten Zugriff auf Tasten und Berührungsreaktion\"\u003e\u003c\/div\u003e\n\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 Zugriff\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003ePräzise Aussparungen für einfachen und vollständigen Zugriff auf alle Tasten des iPhones.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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 weiter laden.\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen. Laden Sie es also einfach mit der Hülle über ein kabelloses Ladegerät oder MagSafe-Ladegerät auf.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cadence_05.jpg?v=1780942946\" alt=\"Grüne Spigen Cadence C11 iPhone Hülle wird kabellos mit MagSafe geladen, mit Frontbildschirmansicht\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_39ff307e-6848-4cad-9680-79a27c71e571.jpg?v=1780942947\" alt=\"Grüne Spigen Cadence C11 iPhone Hülle, umgeben von Fahrradbekleidung und Zubehör in einem Flat Lay\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e \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\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e\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 bei neuen Drops auf dem Laufenden.\u003c\/h1\u003e\n\n\u003cp class=\"modal-subheadline\"\u003eAbonnieren Sie und entdecken Sie als Erster jeden Monat neue \u003cbr\u003eC11-Designs.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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 \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\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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 HINTERGRUNDBILDER\u003c\/p\u003e\n\n \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eInnen und außen erfrischt. \n \u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eDas Setup vervollständigen. \u003cbr\u003eKostenlose passende Hintergrundbilder 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_cadence_06_5b006e72-075f-4fc3-838b-3a669347b8a3.png?v=1782229663\" alt=\"Spigen Cadence C11 grüne iPhone Hülle mit zwei Hintergrundbildern im Fahrradthema auf dem Sperrbildschirm\"\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 Belohnungen\u003c\/h3\u003e\n\n \u003cp\u003eSchutz mit Vorteilen für \u003cbr\u003eunsere Reward-Mitglieder.\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 ermäßigten 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 bieten wir unseren Elite- und Executive-Mitgliedern\n Prämiengutscheine mit brandneuen Ausrüstungsgegenständen.\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 eingerichtet, das sich persönlich\n um alles kümmert, vom Garantieservice bis zu allen Fragen.\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 Jetzt beitreten\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=\"Unsere Geschichte - Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen\" 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=1780332873\" 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=\"Nachhaltigkeit - Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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-\n 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\/climate_partner_banner.jpg?v=1780332874\" 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 \/ Kadenz \/ Auf Lager","offer_id":53890607186031,"sku":"ACS11650","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Kadenz \/ Auf Lager","offer_id":53890607218799,"sku":"ACS11651","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_cadence_01.jpg?v=1785117302"},{"product_id":"iphone-17-series-c11-series-cobalt-spring-edition-mag-fit","title":"iPhone 17 Series - c11 Series Cobalt Spring 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Visibility\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 \/* ------------------------------------------------------------\n Headlines\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, 4fr);\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 \/* ------------------------------------------------------------\n Modal 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\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\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\"\u003eCobalt Spring Edition\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eBeruhigende Pflanzenmotive, inspiriert von den Jacaranda-Blüten der Westküste. Hüllen Sie sich in Kobalt und erfrischen Sie sich für den Frühling.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eAbonnieren\u003c\/button\u003e\n\n\u003c\/div\u003e\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_cobalt_spring_desktop_01.jpg?v=1777391459\" alt=\"Spigen C11 Cobalt Spring Hülle auf dem iPhone 17 Serie in einem Fahrradkorb neben blauen Blumen und einer Vintage-Kamera\"\u003e \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_mobile_01.jpg?v=1777391458\" alt=\"Spigen C11 Cobalt Spring Hülle auf dem iPhone 17 Serie in einem Fahrradkorb neben blauen Blumen und einer Vintage-Kamera\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_01.jpg?v=1777391458\" alt=\"Nahaufnahme der Spigen C11 Cobalt Spring Hülle mit detailliertem 3D blauem botanischen Blumendruck mit Glyzinien- und Blattmuster\"\u003e\u003c\/div\u003e\n\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\"\u003eEntdecken Sie 3D-Räumlicheffekte mit Hexa-Layer Digital Print. Erleben Sie den neuen Standard für erstklassiges Design. Das einzigartige Detail ahmt die Komplexität der Zeit mit Schichten von Tiefendruck nach, der in einer eigenen Liga spielt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\"\u003eKameraschutz und Air-Cushion-Technologie schützen Ihr iPhone 17 Pro jeden Tag.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_02.jpg?v=1777391458\" alt=\"Nahaufnahme des Kameramodulbereichs der Spigen C11 Cobalt Spring Hülle auf dem iPhone 17 Serie mit erhöhtem Kameragehäuse in Immergrünblau\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_03.jpg?v=1777391458\" alt=\"Nahaufnahme der Ecke mit schattiertem Bild mit einem reflektierenden blauen rechteckigen Objekt, das die Air-Cushion-Technologie zeigt\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\"\u003eEntdecken Sie 3D-Räumlicheffekte mit Hexa-Layer Digital Print. Erleben Sie den neuen Standard für erstklassiges Design. Das einzigartige Detail ahmt die Komplexität der Zeit mit Schichten von Tiefendruck nach, der in einer eigenen Liga spielt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_01.jpg?v=1777391458\" alt=\"Nahaufnahme der Spigen C11 Cobalt Spring Hülle mit detailliertem 3D blauem botanischen Blumendruck mit Glyzinien- und Blattmuster\"\u003e\n\n\u003c\/div\u003e\n\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\"\u003eErhöhte Kanten verhindern Kratzer auf Bildschirm und Kamera aus allen Blickwinkeln.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_02.jpg?v=1777391458\" alt=\"Nahaufnahme des Kameramodulbereichs der Spigen C11 Cobalt Spring Hülle auf dem iPhone 17 Serie mit erhöhtem Kameragehäuse in Immergrünblau\"\u003e\n\n\u003c\/div\u003e\n\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\"\u003eDie Air Cushion™ Technologie absorbiert und mindert alle Stöße in jeder Ecke.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_03.jpg?v=1777391458\" alt=\"Nahaufnahme der Ecke mit schattiertem Bild mit einem reflektierenden blauen rechteckigen Objekt, das die Air-Cushion-Technologie zeigt\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003c\/section\u003e\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\"\u003eTägliche Essentials abgedeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_04.jpg?v=1777391458\" alt=\"Hand verwendet Kamera-App auf dem iPhone 17 Serie in der Spigen C11 Cobalt Spring Hülle, die ungehinderten Tastenzugang und Touch-Response zeigt\"\u003e\u003c\/div\u003e\n\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\"\u003eLeichter Zugang\u003c\/p\u003e\n\n\u003cp class=\"essential-description\"\u003ePräzise Aussparungen für einfachen und vollständigen Zugriff auf alle Tasten des iPhones.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\"\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen. Laden Sie Ihr Gerät einfach mit der Hülle über ein kabelloses Ladegerät oder ein MagSafe-Ladegerät auf.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_cobalt_spring_05.jpg?v=1777391458\" alt=\"Spigen C11 Cobalt Spring Hülle auf dem iPhone 17 Serie wird kabellos auf MagSafe-Pad geladen, daneben Rückansicht mit Blumendruck\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_cf61f12d-9f51-4696-b93f-5964b8783705.jpg?v=1777391458\" alt=\"Spigen C11 Cobalt Spring Hülle auf dem iPhone 17 Serie lehnt an einem Weidenpicknickkorb auf weißer Leinenunterlage, umgeben von Wildblumen\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e \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\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e\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 neue Drops informiert.\u003c\/h1\u003e\n\n\u003cp class=\"modal-subheadline\"\u003eAbonnieren Sie und entdecken Sie als Erster jeden Monat frische \u003cbr\u003ec11-Designs.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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 \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\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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;\"\u003eInnen und außen erfrischt. \n \u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eVervollständigen Sie das Setup. \u003cbr\u003eKostenlose passende Hintergrundbilder jetzt verfügbar.\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_cobalt_spring_06.png?v=1777391458\" alt=\"Drei-Ansichten-Anzeige der Spigen C11 Cobalt Spring Hülle auf dem iPhone 17 Serie mit rückseitigem Blumendruck und zwei komplementären blauen Blumen-Sperrbildschirm-Hintergrundbildern\"\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 Belohnungen\u003c\/h3\u003e\n\n \u003cp\u003eSchutz mit Vorteilen für \u003cbr\u003eunsere Reward-Mitglieder.\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 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 Saisonaler Coupon\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Belohnungs-Coupons mit brandneuen Artikeln.\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 spezielles Team eingerichtet, das sich persönlich\n um alles von Garantieleistungen bis zu allen Fragen kümmert.\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 Treten Sie uns bei\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=\"Unsere Geschichte – Erfahren Sie mehr über Spigens Markengeschichte und Unternehmenshistorie\" 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 Spigens Markengeschichte und Unternehmenshistorie.\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=\"Nachhaltigkeit – Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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-\n 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 \/ Kobaltfeder \/ Auf Lager","offer_id":53890607251567,"sku":"ACS11472","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Kobaltfeder \/ Auf Lager","offer_id":53890607284335,"sku":"ACS11473","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_cobalt_spring_01.jpg?v=1785117304"},{"product_id":"iphone-17-series-c11-series-blast-edition-mag-fit","title":"iPhone 17 Serie – c11 Serie Blast 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Visibility\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 \/* ------------------------------------------------------------\n Headlines\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, 4fr);\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 \/* ------------------------------------------------------------\n Modal 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\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\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\"\u003eBlast Edition\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eEin Rückblick in die analoge Ära. Verzichte auf Playlists und Streaming zugunsten einer grafisch lauten Hommage an das goldene Zeitalter der Mixtapes.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eAbonnieren\u003c\/button\u003e\n\n\u003c\/div\u003e\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_blast_desktop_01.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro Hülle in Rot, dargestellt zwischen Comic-Lautsprechern in Pop-Art-Umgebung\"\u003e \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_mobile_01.jpg?v=1775080911\" alt=\"iPhone 17 Pro Serie C11 Palette Hülle auf Schreibtisch mit Farbtuben und Pinseln\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_01.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro Hülle Nahaufnahme einer detaillierten Boombox-Grafik mit Glitzer-Textur\"\u003e\u003c\/div\u003e\n\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\"\u003eEntdecken Sie 3D-Raumeffekt-Grafiken mit Hexa-Layer-Digitaldruck. Erleben Sie den neuen Standard hochwertigen Designs. Das einzigartige Detail ahmt die Komplexität der Zeit nach, mit Schichten von Tiefendruck, der eine Klasse für sich ist.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\"\u003eKameraschutz und Air-Cushion-Technologie schützen Ihr iPhone 17 Pro jeden Tag.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_02.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro Hülle in Rot Rückansicht mit Boombox-Graffiti-Grafik, die sich vom Telefon löst\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_03.jpg?v=1775080910\" alt=\"Nahaufnahme der Ecke mit einem schattierten Bild und einem reflektierenden blauen rechteckigen Objekt, das die Air-Cushion-Technologie zeigt\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\"\u003eEntdecken Sie 3D-Raumeffekt-Grafiken mit Hexa-Layer-Digitaldruck. Erleben Sie den neuen Standard hochwertigen Designs. Das einzigartige Detail ahmt die Komplexität der Zeit nach, mit Schichten von Tiefendruck, der eine Klasse für sich ist.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_01.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro Hülle Nahaufnahme einer detaillierten Boombox-Grafik mit Glitzer-Textur\"\u003e\n\n\u003c\/div\u003e\n\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\"\u003eErhöhte Kanten verhindern Kratzer auf Bildschirm und Kamera aus allen Blickwinkeln.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_02.jpg?v=1775080910\" alt=\"Spigen C11 Blast iPhone 17 Pro Hülle in Rot Rückansicht mit Boombox-Graffiti-Grafik, die sich vom Telefon löst\"\u003e\n\n\u003c\/div\u003e\n\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\"\u003eAir Cushion™-Technologie absorbiert und mildert alle Stöße in jeder Ecke.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_03.jpg?v=1775080910\" alt=\"Nahaufnahme der Ecke mit einem schattierten Bild und einem reflektierenden blauen rechteckigen Objekt, das die Air-Cushion-Technologie zeigt\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003c\/section\u003e\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\"\u003eTägliche Essentials abgedeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_04.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro Hülle in Rot, die die Kamera-Zoomfunktion durch den Gehäuseausschnitt zeigt\"\u003e\u003c\/div\u003e\n\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\"\u003ePräzise Aussparungen für einfachen und vollständigen Zugang zu allen Tasten des iPhones.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\"\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen. Laden Sie also einfach mit der Hülle über ein kabelloses Ladegerät oder MagSafe-Ladegerät auf.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_blast_05_ee690c4e-6509-4ec2-bb4e-af085f55baf4.jpg?v=1776097741\" alt=\"iPhone 17 Pro Blast MagSafe Hülle mit Vorder- und Rückansicht auf Ladeständer\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sub_88703a65-a52b-4ba5-9410-6d3899cec95e.jpg?v=1775080911\" alt=\"Spigen C11 Blast iPhone 17 Pro Hülle in Rot, die an einem illustrierten Kassettenstapel lehnt\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003cspan class=\"close\" data-modal=\"modal-subscription\"\u003e \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\u003c\/path\u003e\n \u003c\/svg\u003e \u003c\/span\u003e\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\"\u003eAbonnieren Sie und seien Sie der Erste, der jeden Monat frische \u003cbr\u003ec11-Designs entdeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"omnisend-embedded-v2-67ec2b6e1483d5800c841a04\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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 \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\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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;\"\u003eLassen Sie es innen und außen laut knallen.\n \u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eVervollständigen Sie das Setup. \u003cbr\u003eKostenlose passende Hintergrundbilder jetzt verfügbar.\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_blast_06_c1c5a923-3733-40d6-9c31-a42ba9674a39.png?v=1776097741\" 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\n\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Blast \/ Auf Lager","offer_id":53890607317103,"sku":"ACS11412","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Blast \/ Auf Lager","offer_id":53890607349871,"sku":"ACS11413","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_blast_01_44e7f9ac-384d-4fcf-97a1-1db426b3d89f.jpg?v=1785117305"},{"product_id":"iphone-17-series-c11-series-palette-edition-mag-fit","title":"iPhone 17 Serie – c11 Serie Palette 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Text 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 \/* ------------------------------------------------------------\n Visibility\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 \/* ------------------------------------------------------------\n Headlines\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, 4fr);\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 \/* ------------------------------------------------------------\n Modal 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 href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\u003clink href=\"style.css\" rel=\"stylesheet\"\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\"\u003ePalette Edition\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eEin lebhaftes Pinselstrichmuster, überlagert mit tiefen, satten Farbtönen, das auffällt und sich nie einfügt.\u003c\/p\u003e\n\n \u003cbutton class=\"cta-button\"\u003eAbonnieren\u003c\/button\u003e\n \u003c\/div\u003e\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_palette_desktop_01.jpg?v=1771545515\" alt=\"iPhone 17 Pro Serie C11 Palette Hülle auf dem Schreibtisch mit Farbtuben und Pinseln\"\u003e\n \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_palette_mobile_01.jpg?v=1771545515\" alt=\"iPhone 17 Pro Serie C11 Palette Hülle auf dem Schreibtisch mit Farbtuben und Pinseln\"\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_palette_01.jpg?v=1771545515\" alt=\"iPhone 17 Pro Serie C11 Palette Hülle zeigt Nahaufnahme von texturiertem Pinselstrich-Artwork\"\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\"\u003eEntdecke 3D Spatial Effect Grafiken mit Hexa-Layer Digitaldruck. Erlebe den neuen Standard von erstklassigem Design. Das einzigartige Detail ahmt die Komplexität der Zeit nach, mit Schichten von Tiefendruck, die ihresgleichen suchen.\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\"\u003eKameraschutz und Luftpolstertechnologie schützen dein iPhone 17 Pro jeden Tag.\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_palette_02.jpg?v=1771545515\" alt=\"iPhone 17 Pro Serie C11 Palette Hülle zeigt abgewinkelte Kameraaussparung und erhöhten Linsenrahmen\"\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_palette_03.jpg?v=1771545515\" 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\"\u003eEntdecke 3D Spatial Effect Grafiken mit Hexa-Layer Digitaldruck. Erlebe den neuen Standard von erstklassigem Design. Das einzigartige Detail ahmt die Komplexität der Zeit nach, mit Schichten von Tiefendruck, die ihresgleichen suchen.\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_palette_01.jpg?v=1771545515\" alt=\"iPhone 17 Pro Serie C11 Palette Hülle zeigt Nahaufnahme von texturiertem Pinselstrich-Artwork\"\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ütze das Wesentliche.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eErhöhte Kanten verhindern Kratzer auf Bildschirm und Kamera aus allen Winkeln.\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_palette_02.jpg?v=1771545515\" alt=\"iPhone 17 Pro Serie C11 Palette Hülle zeigt abgewinkelte Kameraaussparung und erhöhten Linsenrahmen\"\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 du vertrauen kannst.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eAir Cushion™ Technologie absorbiert und mildert alle Stöße in jeder Ecke.\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_palette_03.jpg?v=1771545515\" 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\u003cbr\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 \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\"\u003eAlltägliche Essentials\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eTägliche Essentials abgedeckt.\u003c\/p\u003e\n\n \u003c\/div\u003e\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_palette_04.jpg?v=1771545515\" alt=\"iPhone 17 Pro Serie Palette Handyhülle zeigt Seitenprofil mit reaktionsschnellem Kamerasteuerungsknopf während der Kamerabenutzung\"\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\"\u003ePräzise Aussparungen für einfachen und vollständigen Zugriff auf alle Tasten des iPhones.\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\"\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen. Lade also einfach mit der Hülle über kabelloses Ladegerät oder MagSafe-Ladegerät weiter.\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_palette_05.jpg?v=1771545515\" alt=\"iPhone 17 Pro Palette MagSafe Hülle zeigt 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 \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_7468e095-2ffb-43ef-8dab-77f9bcf80be9.jpg?v=1771545515\" alt=\"iPhone 17 Pro Serie C11 Palette Hülle auf Staffelei mit Gemäldehintergrund angezeigt\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\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\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\"\u003eBleibe auf dem Laufenden über neue Drops.\u003c\/h1\u003e\n\n \u003cp class=\"modal-subheadline\"\u003eAbonniere und sei der Erste, der jeden Monat neue \u003cbr\u003ec11 Designs entdeckt.\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 HINTERGRUNDBILDER\u003c\/p\u003e\n\n \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003eKunst von Rand zu Rand.\n \u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eVervollständige das Setup. \u003cbr\u003eKostenlose passende Hintergrundbilder jetzt verfügbar.\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_palette_06.png?v=1771545515\" 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;\"\u003eErfahre, 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 Belohnungen\u003c\/h3\u003e\n\n \u003cp\u003eSchutz mit Vorteilen für \u003cbr\u003eunsere Mitglieder.\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 bekommen\u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Wir bieten vergünstigten Expressversand für unsere Elite- und\n Executive-Mitglieder.\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 bieten wir unseren Elite- und Executive-Mitgliedern\n Belohnungsgutscheine mit frischen neuen Produkten an.\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 geschaffen, das sich persönlich\n um alles kümmert, vom Garantieservice bis zu allen Fragen.\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 Mach mit\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=\"Unsere Geschichte - Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen\" 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=\"Nachhaltigkeit - Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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-\n 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 \/ Farbpalette \/ Auf Lager","offer_id":53890607382639,"sku":"ACS11391","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Farbpalette \/ Auf Lager","offer_id":53890607415407,"sku":"ACS11392","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_palette_01.jpg?v=1785117305"},{"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"},{"product_id":"iphone-17-series-c11-series-arcade-edition-mag-fit","title":"iPhone 17 Serie – c11 Serie Arcade 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: 600px;\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 \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\"\u003eArcade Edition\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Eine retro-futuristische Interpretation eines ikonischen Arcade-Spiels. Dieser Rückblick lässt Sie die nostalgischen Neonlichter jagen und\n den Klingelton des Jackpots erleben.\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_arcade_desktop_01.jpg?v=1767376335\" alt=\"Arcade Series Handyhülle mit Flipper-inspiriertem Grafikdesign und Kameraausschnitt in Neon-Arcade-Umgebung\"\u003e\n \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_arcade_mobile_01.jpg?v=1767376335\" alt=\"Arcade Series Handyhülle mit Flipper-inspiriertem Grafikdesign und Kameraausschnitt in Neon-Arcade-Umgebung\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\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_arcade_01.jpg?v=1767376335\" alt=\"Arcade Series Handyhülle mit Nahaufnahme von Flipper-Grafikdetails mit geschichteten Texturen und lebendigen Farben\"\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-Grafiken mit räumlichem Effekt durch Hexa-Layer Digital-\n Druck. Erleben Sie den neuen Standard für erstklassiges Design. 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_arcade_02.jpg?v=1767376335\" alt=\"Arcade Series Handyhülle mit glänzendem blauem Rahmen und detailliertem Kameraausschnitt sowie Flipper-inspiriertem Rückseitendesign\"\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_arcade_03.jpg?v=1767376336\" 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 \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-Grafiken mit räumlichem Effekt durch Hexa-Layer\n Digitaldruck. Erleben Sie den neuen Standard für erstklassiges\n Design. Das einzigartige Detail ahmt die Komplexität der Zeit\n mit Schichten von tiefgehendem Druck nach, der in einer Liga 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_arcade_01.jpg?v=1767376335\" alt=\"Arcade Series Handyhülle mit Nahaufnahme von Flipper-Grafikdetails mit geschichteten Texturen und lebendigen Farben\"\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\"\u003eSichern Sie das Wesentliche.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Erhöhte Kanten verhindern Kratzer an 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_arcade_02.jpg?v=1767376335\" alt=\"Arcade Series Handyhülle mit glänzendem blauem Rahmen und detailliertem Kameraausschnitt sowie Flipper-inspiriertem Rückseitendesign\"\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 Die Air Cushion™ Technologie absorbiert und mildert 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_arcade_03.jpg?v=1767376336\" 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 \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_arcade_04.jpg?v=1767376335\" alt=\"Arcade Series 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\"\u003eLeichter Zugang\u003c\/p\u003e\n\n \u003cp class=\"essential-description\"\u003e\n Präzise Aussparungen für einfachen und vollständigen Zugriff auf alle Tasten\n 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. Laden Sie also einfach weiter,\n mit der Hülle, über kabelloses Ladegerät oder MagSafe-Ladegerät.\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_arcade_05.jpg?v=1767376335\" alt=\"iPhone 17 Pro links wird kabellos auf einem dunkelgrauen runden Pad geladen und zeigt einen dunklen Sperrbildschirm. Rechts ist ein iPhone 17 Pro von hinten zu sehen, das eine Arcade-Design-Hülle mit einem weißen runden MagSafe-Ladeadapter zeigt, der über ein weißes Kabel angeschlossen ist.\"\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 \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.jpg?v=1767376335\" alt=\"Arcade Series Handyhülle mit Flipper-inspiriertem Rückseitendesign mit glänzendem blauem Rahmen und Neon-Arcade-Hintergrund\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\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 neue Drops auf dem Laufenden.\u003c\/h1\u003e\n\n \u003cp class=\"modal-subheadline\"\u003e\n Abonnieren Sie uns und entdecken Sie als Erster jeden Monat\n frische c11 Designs.\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 \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 HINTERGRUNDBILDER\u003c\/p\u003e\n\n \u003ch1 class=\"section-headline\" style=\"font-size: 40px !important; font-weight: 500 !important;\"\u003e\u003c\/h1\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Spielhalle \/ Auf Lager","offer_id":53890607513711,"sku":"ACS11342","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Spielhalle \/ Auf Lager","offer_id":53890607546479,"sku":"ACS11343","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone16proseries_c11_arcade_01.jpg?v=1785117308"},{"product_id":"iphone-17-series-c11-series-inkverse-edition-mag-fit","title":"iPhone 17 Serie – c11 Serie Inkverse 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 \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n .edition-inspiration-button {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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\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 \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\"\u003eInkverse Edition\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Schichten von Monster-Chaos. Eine Kritzelkunst-Armee von Monstern, dicht an dicht für die tägliche Verteidigung. Werde spielerisch mit deinem Schutz.\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\/web_main_01-1.jpg?v=1765473082\" alt=\"Eine Handyhülle mit einem schwarz-weißen Monstermuster vor einem orangefarbenen Hintergrund ist mittig platziert und schwebt in einem sternenklaren, schwarzen Raum mit vier flauschigen 3D-Monstern darum herum.\"\u003e\n \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/mobile_main_01-1.jpg?v=1765473081\" alt=\"Eine Handyhülle mit einem schwarz-weißen Monstermuster vor einem orangefarbenen Hintergrund ist mittig platziert und schwebt in einem sternenklaren, schwarzen Raum mit vier flauschigen 3D-Monstern darum herum.\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\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\/web_feature_00.jpg?v=1765473081\" alt=\"Nahaufnahme von Inkverse, das die Hexa-Layering-Technologie zeigt\"\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 Entdecke 3D-Raumeffekt-Grafiken mit Hexa-Layer Digitaldruck.\n Erlebe den neuen Standard erstklassigen Designs. Das\n einzigartige Detail ahmt die Komplexität der Zeit mit Schichten\n tiefgehenden Drucks 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 Luftpolstertechnologie schützen dein iPhone\n 17 Pro jeden Tag.\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\/web_feature_01_5216e091-c3ac-4000-860c-9bee7dc9953b.jpg?v=1765299041\" alt=\"Eine Nahaufnahme der oberen Rückseite eines Telefons mit einer schwarz-orangefarbenen Hülle mit Monstermuster. Das Telefon verfügt über drei Hauptkameraobjektive und einen kleineren Sensor, die jeweils von einem hellorangen Ring umgeben sind. Das Monstermuster auf der Hülle ist eine dichte Illustration im Doodle-Stil mit verschiedenen weißen, cartoonartigen, pelzigen Monstern mit großen Augen, Hörnern und Zähnen vor einem orangefarbenen und schwarzen Hintergrund.\"\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\/web_feature_02.jpg?v=1765299040\" alt=\"Nahaufnahme der Ecke mit einem schattierten Bild und einem reflektierenden blauen rechteckigen Objekt, das die Luftpolstertechnologie 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 \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 Entdecke 3D-Raumeffekt-Grafiken mit Hexa-Layer Digitaldruck.\n Erlebe den neuen Standard erstklassigen Designs. Das\n einzigartige Detail ahmt die Komplexität der Zeit mit Schichten\n tiefgehenden Drucks nach, der in einer Liga 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\/web_feature_00.jpg?v=1765473081\" alt=\"Nahaufnahme von Inkverse, das die Hexa-Layering-Technologie zeigt\"\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ütze das Wesentliche.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Erhöhte Kanten verhindern Kratzer an Bildschirm und Kamera aus\n allen Winkeln.\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\/web_feature_01_5216e091-c3ac-4000-860c-9bee7dc9953b.jpg?v=1765299041\" alt=\"Eine Nahaufnahme der oberen Rückseite eines Telefons mit einer schwarz-orangefarbenen Hülle mit Monstermuster. Das Telefon verfügt über drei Hauptkameraobjektive und einen kleineren Sensor, die jeweils von einem hellorangen Ring umgeben sind. Das Monstermuster auf der Hülle ist eine dichte Illustration im Doodle-Stil mit verschiedenen weißen, cartoonartigen, pelzigen Monstern mit großen Augen, Hörnern und Zähnen vor einem orangefarbenen und schwarzen Hintergrund.\"\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 du vertrauen kannst.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Air Cushion™ Technologie absorbiert und mindert alle Stöße in\n 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\/web_feature_02.jpg?v=1765299040\" alt=\"Nahaufnahme der Ecke mit einem schattierten Bild und einem reflektierenden blauen rechteckigen Objekt, das die Luftpolstertechnologie 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 \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\"\u003eAlltags-Essentials\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eTägliche Essentials 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\/web_feature_03.jpg?v=1765299041\" alt=\"Eine Nahaufnahme der rechten Seite eines Telefonbildschirms, der eine Kameraschnittstelle im Nachtmodus zeigt. Der Bildschirm zeigt einen schwarzen Hintergrund mit einem Sternenhimmel, und ein großes, flauschiges weißes Monster mit großen Augen ist teilweise in der oberen linken Ecke sichtbar. Ein Finger hält das Telefon auf der rechten Seite, um die Funktion des Berührungssensors zu demonstrieren\"\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 Zugriff auf\n alle 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, dass es mühsam ist, die Hülle abzunehmen. Lade also\n einfach mit der Hülle über ein kabelloses Ladegerät oder\n MagSafe-Ladegerät weiter.\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\/web_feature_04_fb52a390-1522-423d-9c36-fa6985ef98e3.jpg?v=1765299041\" alt=\"Ein iPhone 17 Pro links wird kabellos auf einem dunkelgrauen runden Pad geladen und zeigt einen dunklen Sperrbildschirm. Rechts ist ein iPhone 17 Pro von hinten zu sehen, das eine orangefarbene Hülle mit Monstermuster und einen weißen runden MagSafe-Lade-Puck zeigt, der über ein weißes Kabel angeschlossen ist.\"\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 \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\/web_sub_01_086107b2-744e-4bf7-bc5b-c9bff1e83917.jpg?v=1765299041\" alt=\"Ein orangefarbenes iPhone 17 Pro mit Monstermuster steht aufrecht in der Mitte des Rahmens. Die Kameralinsen des iPhone 17 sind mit orangefarbenen Ringen akzentuiert. Das Telefon ruht auf einer runden Fläche aus zotteligem weißem Material, möglicherweise Fell oder Teppich, vor einem dunklen Hintergrund, der von vielen verstreuten weißen Sternen und Funkeln beleuchtet wird, was an eine teleskopische Ansicht des Nachthimmels oder eine verschneite Umgebung erinnert.\"\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!-- 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\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\"\u003eBleibe auf dem Laufenden über neue Drops.\u003c\/h1\u003e\n\n \u003cp class=\"modal-subheadline\"\u003e\n Abonniere und sei der Erste, der jeden Monat neue \u003cbr\u003ec11-Designs\n 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(\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Tintenversum \/ Auf Lager","offer_id":53890607579247,"sku":"ACS11232","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Tintenversum \/ Auf Lager","offer_id":53890607612015,"sku":"ACS11233","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_iphone_17_pro_c11_inkverse_01_928795b3-bc71-46ae-a90c-d8953cc662b5.jpg?v=1785117309"},{"product_id":"iphone-17-series-c11-series-traverse-edition-magfit","title":"iPhone 17 Serie - c11 Serie Traverse 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 \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n .edition-inspiration-button {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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\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 \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\"\u003eTraverse Edition\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Vereint mit der Natur. Handgezeichnetes Sticker-Collage-Design weckt Kindheitserinnerungen an Camping. Lass die guten Zeiten rollen.\n \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\/Traverse_long_description_traverse_desktop_01.jpg?v=1761765262\" alt=\"Ein grünes iPhone 17 Pro Serie Turbo Edition mit einer durchsichtigen Hülle, die mit Outdoor- und Reise-Stickern beklebt ist, ruht auf der orangefarbenen Motorhaube eines Autos neben einem Vintage-Radio aus Holz und einer grauen Decke, die über einer Karte in einer Waldlandschaft liegt.\"\u003e\n \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Traverse_long_description_traverse_mobile_01.jpg?v=1761765262\" alt=\"Ein grünes iPhone 17 Pro Serie Turbo Edition mit einer durchsichtigen Hülle, die mit Outdoor- und Reise-Stickern beklebt ist, ruht auf der orangefarbenen Motorhaube eines Autos neben einem Vintage-Radio aus Holz und einer grauen Decke, die über einer Karte in einer Waldlandschaft liegt.\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\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\/Traverse_long_description_feature_01.jpg?v=1761765262\" alt=\"Eine extreme Nahaufnahme der Aufkleber der iPhone 17 Pro Serie Turbo Hülle, die die Hexa-Layering-Technologie zeigt, hervorgehoben durch einen orangefarbenen 4x4 Offroad-Truck, den Text „Explore More“, „Nature Vibes“, verstreute Bäume und eine Campinglaterne.\"\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-Räumlicheffekt-Grafiken mit Hexa-Layer-Digitaldruck.\n Erleben Sie den neuen Standard für erstklassiges Design. Das\n einzigartige Detail ahmt die Komplexität der Zeit mit Schichten von\n tiefem Druck nach, der in einer eigenen Liga spielt.\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 schützen Ihr iPhone 17\n Pro jeden Tag.\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\/Traverse_long_description_feature_02.jpg?v=1761765262\" alt=\"Spigen c11 Traverse Edition durchsichtige Handyhülle für iPhone 17 Pro, zeigt den grünen Kameraschutz und Abenteuersticker.\"\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\/Traverse_long_description_feature_03.jpg?v=1761765261\" alt=\"Nahaufnahme des iPhone 17 Pro c11 Traverse, das die Air Cushion Funktion hervorhebt\"\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 \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-Räumlicheffekt-Grafiken mit Hexa-Layer-Digitaldruck.\n Erleben Sie den neuen Standard für erstklassiges\n Design. Das einzigartige Detail ahmt die Komplexität der Zeit mit\n Schichten von tiefem Druck nach, der in einer eigenen Liga spielt.\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\/Traverse_long_description_feature_01.jpg?v=1761765262\" alt=\"Eine extreme Nahaufnahme der Aufkleber der iPhone 17 Pro Serie Turbo Hülle, die die Hexa-Layering-Technologie zeigt, hervorgehoben durch einen orangefarbenen 4x4 Offroad-Truck, den Text „Explore More“, „Nature Vibes“, verstreute Bäume und eine Campinglaterne.\"\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 Winkeln.\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\/Traverse_long_description_feature_02.jpg?v=1761765262\" alt=\"Spigen c11 Traverse Edition durchsichtige Handyhülle für iPhone 17 Pro, zeigt den grünen Kameraschutz und Abenteuersticker.\"\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 Die Air Cushion™ Technologie absorbiert und mildert alle Stöße\n an 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\/Traverse_long_description_feature_03.jpg?v=1761765261\" alt=\"Nahaufnahme des iPhone 17 Pro c11 Traverse, das die Air Cushion Funktion hervorhebt\"\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 \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\"\u003eTägliche Notwendigkeiten 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\/Traverse_long_description_feature_04.jpg?v=1761765262\" alt=\"Hand hält ein iPhone 17 Pro in einer olivgrünen c11 Traverse Hülle, Kameraausschnitt-Taste zeigt den Kamerabildschirm, der ein leuchtendes Zelt bei Nacht aufnimmt.\"\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 Ausschnitte für einfachen und vollständigen Zugriff auf alle Tasten des\n 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 aufladen.\u003c\/p\u003e\n\n \u003cp class=\"essential-description\"\u003e\n Wir wissen, dass es mühsam ist, die Hülle abzunehmen. Laden Sie also einfach\n 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\/Traverse_long_description_feature_05.jpg?v=1761765262\" alt=\"Zwei grün umhüllte iPhones nebeneinander: Das linke lädt kabellos, zeigt den Sperrbildschirm, und das rechte liegt mit dem Gesicht nach unten, zeigt ein weißes MagSafe-Ladegerät über naturthematischen Aufklebern.\"\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 \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\/Traverse_long_description_sub.jpg?v=1761765262\" alt=\"iPhone 17 Pro c11 Traverse Handyhülle mit einem grünen Kamerabuckel, verziert mit verschiedenen Natur- und Offroad-Aufklebern, ruht auf einer Holzoberfläche neben einer Laterne.\"\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!-- 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\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 neue Drops informiert.\u003c\/h1\u003e\n\n \u003cp class=\"modal-subheadline\"\u003e\n Abonnieren Sie und seien Sie der Erste, der jeden Monat neue \u003cbr\u003ec11-Designs\n 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) {\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Durchqueren \/ Nicht vorrätig","offer_id":53890607644783,"sku":"ACS10817","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Durchqueren \/ Auf Lager","offer_id":53890607677551,"sku":"ACS10818","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone16proseries_c11_traverse_01.jpg?v=1785117310"},{"product_id":"iphone-17-series-c11-series-turbo-edition-magfit","title":"iPhone 17 Serie - c11 Serie Turbo 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 \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n .edition-inspiration-button {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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\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 \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\"\u003eTurbo Edition\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Mit F1-Legende Ayrton Sennas ikonischem Helm und den Siegertitel seiner dominanten Grand-Prix-Saison 1988. Hol dir die Erfolgsformel.\n \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\/turbo_web_main_01.jpg?v=1758644197\" alt=\"iPhone 17 Pro Serie Turbo Edition Handyhülle mit Formel-Rennwagen-Grafik auf nasser Strecke, flankiert von verschwommenen roten und blauen Rennwagen im Hintergrund.\"\u003e\n \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/turbo_mobile_main_01.jpg?v=1758644197\" alt=\"iPhone 17 Pro Serie Turbo Edition Handyhülle mit Formel-Rennwagen-Grafik auf nasser Strecke, flankiert von verschwommenen roten und blauen Rennwagen im Hintergrund.\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\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\/turbo_web_feature_00.jpg?v=1758644196\" alt=\"Die Bilder heben die Hexa-Layering-Technologie hervor und zeigen eine Smartphone-Hülle mit einem Design, das stark an die Marlboro-gesponserten McLaren-Honda MP4\/4 oder MP4\/5 Formel-1-Wagen aus den späten 1980er und frühen 1990er Jahren erinnert, die von Legenden wie Ayrton Senna und Alain Prost gefahren wurden.\"\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 Entdecke 3D-Räumeffekt-Grafiken mit Hexa-Layer Digitaldruck.\n Erlebe den neuen Standard erstklassigen Designs. Das\n einzigartige Detail ahmt die Komplexität der Zeit mit Schichten\n tiefgehenden Drucks nach, das in einer Liga für sich spielt.\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 dein 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\/turbo_web_feature_01.jpg?v=1758644196\" alt=\"Smartphone-Hülle mit einer hyperrealistischen Grafik eines roten und weißen Formel-Rennwagens auf einer nassen Strecke, von hinten gesehen. Zeigt die Nahaufnahme der c11 Kamera-Ring-Funktion\"\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\/turbo_web_feature_02.jpg?v=1758644196\" alt=\"Nahaufnahme der Ecke, die die Schichten zeigt, aus denen die c11 Air Cushion Funktion besteht\"\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 \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 Entdecke 3D-Räumeffekt-Grafiken mit Hexa-Layer Digitaldruck.\n Erlebe den neuen Standard erstklassigen Designs. Das\n einzigartige Detail ahmt die Komplexität der Zeit mit\n Schichten tiefgehenden Drucks nach, das in einer Liga für sich\n spielt.\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\/turbo_web_feature_00.jpg?v=1758644196\" alt=\"Die Bilder heben die Hexa-Layering-Technologie hervor und zeigen eine Smartphone-Hülle mit einem Design, das stark an die Marlboro-gesponserten McLaren-Honda MP4\/4 oder MP4\/5 Formel-1-Wagen aus den späten 1980er und frühen 1990er Jahren erinnert, die von Legenden wie Ayrton Senna und Alain Prost gefahren wurden.\"\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ütze das Wesentliche.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Erhöhte Kanten verhindern Kratzer auf Bildschirm und Kamera aus\n allen 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\/turbo_web_feature_01.jpg?v=1758644196\" alt=\"Smartphone-Hülle mit einer hyperrealistischen Grafik eines roten und weißen Formel-Rennwagens auf einer nassen Strecke, von hinten gesehen. Zeigt die Nahaufnahme der c11 Kamera-Ring-Funktion\"\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 du vertrauen kannst.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Die Air Cushion™ Technologie absorbiert und mildert 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\/turbo_web_feature_02.jpg?v=1758644196\" alt=\"Nahaufnahme der Ecke, die die Schichten zeigt, aus denen die c11 Air Cushion Funktion besteht\"\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 \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\"\u003eTägliche Essentials sind 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\/turbo_web_feature_03.jpg?v=1758644196\" alt=\"Eine Hand hält ein iPhone am Kameraausschnitt-Knopf und zeigt ein Schwarz-Weiß-Bild eines Rennfahrers auf einer Strecke, das durch die Kamera-App mit einem prominenten weißen Auslöser und einem vertikalen gelben Bedienfeld mit der Bezeichnung „Kameras“ sichtbar ist.\"\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 Zugriff auf\n alle 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, dass es mühsam ist, die Hülle abzunehmen. Lade also\n einfach mit der Hülle über ein kabelloses Ladegerät oder ein\n MagSafe-Ladegerät weiter.\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\/turbo_web_feature_04.jpg?v=1758644196\" alt=\"Das Bild bietet eine zusammengesetzte Ansicht der iPhone-Funktionen, wobei MagFit-Laden, der Sperrbildschirm und die Kamerafunktionalität hervorgehoben werden, mit einem wiederkehrenden Motorsport-Thema.\"\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 \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\/turbo_web_sub_01.jpg?v=1758644198\" alt=\"Die Rückseite eines iPhones ist mit einer Hülle versehen, die eine detaillierte Grafik eines rot-weißen Formel-1-Rennwagens zeigt, der auf einer Rennstrecke rast, in einer dunklen, stilisierten Garage mit roten Neonlichtern.\"\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!-- 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\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\"\u003eBleibe bei neuen Drops auf dem Laufenden.\u003c\/h1\u003e\n\n \u003cp class=\"modal-subheadline\"\u003e\n Abonniere und sei der Erste, der jeden Monat neue \u003cbr\u003ec11 Designs\n 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 () {\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Turbo \/ Auf Lager","offer_id":53890607710319,"sku":"ACS10605","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Turbo \/ Auf Lager","offer_id":53890607743087,"sku":"ACS10606","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone_17pro_series_c11_turbo_01.jpg?v=1785117311"},{"product_id":"iphone-17-series-case-c11-series-huntington-edition-magfit","title":"iPhone 17 Series - c11 Series Huntington 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 \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n .edition-inspiration-button {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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\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 \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 Series\u003c\/p\u003e\n\n \u003ch1 class=\"section-headline\"\u003eHuntington Edition\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Alles eine Frage des Timings. Beherrsche die Pause und tauche im richtigen Moment ein, um deine Welle zu reiten.\n \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\/web_main_01.jpg?v=1758566720\" alt=\"Gesamtansicht der Huntington Handyhülle auf einem Handy, aufgestellt in einer rustikalen, surf-thematischen Umgebung.\"\u003e\n \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Huntington_mobile_main_01.jpg?v=1757006538\" alt=\"Gesamtansicht der Huntington Handyhülle auf einem Handy, aufgestellt in einer rustikalen, surf-thematischen Umgebung.\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\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\/Huntington_web_feature_00.jpg?v=1757006538\" alt=\"Detaillierte Ansicht des 3D California Surf Vans und des glitzernden California-Textes auf der durchsichtigen Rückseite der Handyhülle.\"\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 Entdecke Grafiken mit 3D-Raumeffekt und Hexa-Layer Digitaldruck.\n Erlebe den neuen Standard erstklassigen Designs. Das\n einzigartige Detail ahmt die Komplexität der Zeit nach, mit\n Schichten tiefgründiger Drucke, die eine Klasse für sich sind.\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 schützen dein iPhone 17\n Pro jeden Tag.\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\/Huntington_web_feature_01.jpg?v=1757006538\" alt=\"Nahaufnahme einer oberen Ecke der durchsichtigen Handyhülle, die die Kameralinsen und das California-Grafikdetail zeigt.\"\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\/Huntington_web_feature_02.jpg?v=1757006538\" alt=\"Nahaufnahme der Ecke, die die c11 Air Cushion Funktion 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 \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 Entdecke Grafiken mit 3D-Raumeffekt und Hexa-Layer\n Digitaldruck. Erlebe den neuen Standard erstklassigen\n Designs. Das einzigartige Detail ahmt die Komplexität der Zeit\n nach, mit Schichten tiefgründiger Drucke, die eine Klasse für\n sich sind.\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\/Huntington_web_feature_00.jpg?v=1757006538\" alt=\"Detaillierte Ansicht des 3D California Surf Vans und des glitzernden California-Textes auf der durchsichtigen Rückseite der Handyhülle.\"\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ütze das Wesentliche.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Erhöhte Kanten verhindern Kratzer auf Bildschirm und Kamera aus\n allen 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\/Huntington_web_feature_01.jpg?v=1757006538\" alt=\"Nahaufnahme einer oberen Ecke der durchsichtigen Handyhülle, die die Kameralinsen und das California-Grafikdetail zeigt.\"\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 du vertrauen kannst.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Air Cushion™ Technologie absorbiert und mildert alle Stöße in\n 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\/Huntington_web_feature_02.jpg?v=1757006538\" alt=\"Nahaufnahme der Ecke, die die c11 Air Cushion Funktion 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 \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\"\u003eEssentials für jeden Tag 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\/Huntington_web_feature_03.jpg?v=1757006538\" alt=\"Eine Hand hält ein Handy in einer durchsichtigen Hülle, dessen Bildschirm eine Kameraansicht von Surfern am Strand bei Sonnenuntergang zeigt.\"\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 Zugriff\u003c\/p\u003e\n\n \u003cp class=\"essential-description\"\u003e\n Präzise Aussparungen für einfachen und vollständigen Zugriff auf\n alle 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, dass es mühsam ist, die Hülle abzunehmen. Lade also\n einfach mit der Hülle über kabelloses Laden oder MagSafe\n Ladegerät weiter.\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\/web_feature_04__2.jpg?v=1758566720\" alt=\"Zwei iPhones in durchsichtigen Hüllen auf weißem Hintergrund: eines lädt auf einer Matte, zeigt den Sperrbildschirm, das andere hat ein MagSafe-Ladegerät an der Rückseite befestigt und zeigt die California-Grafik.\"\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 \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\/Huntington_web_sub_01.jpg?v=1757006539\" alt=\"Eine durchsichtige Handyhülle mit einer California Surf Van Grafik auf der Rückseite, aufrecht stehend auf einem gestreiften Handtuch an einem Sandstrand.\"\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!-- 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\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\"\u003eBleibe bei neuen Drops auf dem Laufenden.\u003c\/h1\u003e\n\n \u003cp class=\"modal-subheadline\"\u003e\n Abonniere und sei der Erste, der jeden Monat neue \u003cbr\u003ec11 Designs\n 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\n\u003c\/div\u003e\n\n\u003csq-outro class=\"sq--product-long-description\"\u003e\n \u003c!--[Section] Outro--\u003e\n \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eEntdecke, was wir tun und wie wir es tun.\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 Executive-Mitgliedern einen\n 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 erhalten unsere Elite- und Executive-Mitglieder\n Prämiengutscheine mit frischer neuer Ausrüstung.\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 geschaffen, das sich persönlich\n um alles kümmert, vom Garantieservice bis zu allen Fragen.\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 Mach mit\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=\"Unsere Geschichte - Erfahre mehr über die Markengeschichte und die Unternehmensgeschichte von Spigen\" 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 Erfahre mehr über die Markengeschichte und die\n Unternehmensgeschichte 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=\"Nachhaltigkeit - Entdecke Spigens Nachhaltigkeitsbemühungen und ClimatePartner Initiativen\" 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 Entdecke Spigens Nachhaltigkeitsbemühungen und ClimatePartner\n 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\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Huntington \/ Auf Lager","offer_id":53890607775855,"sku":"ACS10169","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Huntington \/ Auf Lager","offer_id":53890607808623,"sku":"ACS10170","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17proseries_c11_huntington_01.jpg?v=1785117312"},{"product_id":"iphone-17-series-c11-series-case-le-mans-edition-magfit","title":"iPhone 17 Serie - c11 Serie Le Mans 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 \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n .edition-inspiration-button {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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\u003cp\u003e\u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e \u003clink href=\"style.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail product-description\"\u003e\n\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\"\u003eLe Mans Edition\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eWo Tradition auf Pferdestärken trifft. Gebaut für pure Performance. Abgestimmt auf Besessenheit.\u003c\/p\u003e\n\n\u003cbutton class=\"cta-button\"\u003eAbonnieren\u003c\/button\u003e\n\n\u003c\/div\u003e\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\/lemans_web_main_01.jpg?v=1757007143\" alt=\"Vollansicht einer blauen iPhone 17 Pro Serie Le Mans Edition Hülle auf einem Straßenhintergrund, mit einer Grafik eines Le-Mans-Rennwagens im Martini-Design mit sichtbarem Motor und Lenkrad.\"\u003e \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_mobile_main_01.jpg?v=1757007143\" alt=\"iPhone 17 Pro Serie Le Mans Edition\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/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\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_00.jpg?v=1757007143\" alt=\"Extremer Nahaufnahme einer blauen iPhone 17 Pro Serie Le Mans Edition Hüllen-Grafik, die einen hochdetaillierten, transparenten Le Mans Rennwagen mit Martini-Streifen, LE MANS Banner und internen Motorkomponenten zeigt.\"\u003e\u003c\/div\u003e\n\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\"\u003eEntdecken Sie 3D Spatial Effect Grafiken mit Hexa-Layer Digitaldruck. Erleben Sie den neuen Standard des hochwertigen Designs. Das einzigartige Detail ahmt die Komplexität der Zeit mit Schichten des Tiefdrucks nach, die in einer Liga für sich sind.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\"\u003eKameraschutz und Air-Cushion-Technologie schützen Ihr iPhone 17 Pro jeden Tag.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01__2.jpg?v=1758566852\" alt=\"Nahaufnahme des Dreifach-Kamerabereichs einer blauen iPhone-Hülle mit einer weißen und gestreiften Le Mans Rennwagengrafik mit LE MANS Text.\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-highlights-feature-item\"\u003e\n\n\u003cdiv class=\"section-highlights-list-visual-item\"\u003e\u003cimg class=\"section-highlights-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_02.jpg?v=1757007143\" alt=\"Nahaufnahme der iPhone 17 Pro Serie Le Mans Edition Ecke, um die c11 Air Cushion Funktion zu zeigen\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\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\"\u003eEntdecken Sie 3D Spatial Effect Grafiken mit Hexa-Layer Digitaldruck. Erleben Sie den neuen Standard des hochwertigen Designs. Das einzigartige Detail ahmt die Komplexität der Zeit mit Schichten des Tiefdrucks nach, die in einer Liga für sich sind.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_00.jpg?v=1757007143\" alt=\"Extremer Nahaufnahme einer blauen iPhone 17 Pro Serie Le Mans Edition Hüllen-Grafik, die einen hochdetaillierten, transparenten Le Mans Rennwagen mit Martini-Streifen, LE MANS Banner und internen Motorkomponenten zeigt.\"\u003e\n\n\u003c\/div\u003e\n\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\"\u003eSichern Sie das Wesentliche.\u003c\/h1\u003e\n\n\u003cp class=\"section-subheadline\"\u003eErhöhte Kanten verhindern Kratzer an Bildschirm und Kamera aus allen Winkeln.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_01__2.jpg?v=1758566852\" alt=\"Nahaufnahme des Dreifach-Kamerabereichs einer blauen iPhone-Hülle mit einer weißen und gestreiften Le Mans Rennwagengrafik mit LE MANS Text.\"\u003e\n\n\u003c\/div\u003e\n\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\"\u003eAir Cushion™ Technologie absorbiert und mildert alle Stöße in jeder Ecke.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cimg class=\"slide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_02.jpg?v=1757007143\" alt=\"Nahaufnahme der iPhone 17 Pro Serie Le Mans Edition Ecke, um die c11 Air Cushion Funktion zu zeigen\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"highlightSwiper-pagination\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003c\/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\"\u003eTägliche Notwendigkeiten abgedeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_feature_03.jpg?v=1757007143\" alt=\"Das Telefon wird von der Hand einer Person gehalten, die die Kamerataste zeigt, und der Bildschirm zeigt die Kameraschnittstelle im Hochformat.\"\u003e\u003c\/div\u003e\n\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\"\u003ePräzise Aussparungen für einfachen und vollen Zugang zu allen Tasten des iPhones.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\"\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen. Laden Sie Ihr Gerät einfach mit der Hülle über ein kabelloses Ladegerät oder ein MagSafe-Ladegerät weiter auf.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\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\u003cimg class=\"section-daily-features-grid-item-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/web_feature_04__3.jpg?v=1758566853\" alt=\"Zwei blau umhüllte iPhones: eines wird geladen und zeigt den Sperrbildschirm, das andere liegt mit dem Gesicht nach unten und zeigt eine Le Mans Rennwagengrafik mit angebrachtem MagSafe-Ladegerät.\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/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\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-body\"\u003e\n\n\u003cdiv class=\"section-series-inspiration-container\"\u003e\u003cimg class=\"section-series-inspiration-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/lemans_web_sub_01.jpg?v=1757007143\" alt=\"Schräge Ansicht einer blauen iPhone-Hülle auf einem Blaupause-Hintergrund, mit einer Grafik eines Martini-gestreiften Le Mans Rennwagens mit sichtbarem Motor und einer Lenkradgrafik.\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\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\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 neue Veröffentlichungen auf dem Laufenden.\u003c\/h1\u003e\n\n \u003cp class=\"modal-subheadline\"\u003e\n Abonnieren Sie und entdecken Sie als Erster frische \u003cbr\u003ec11 Designs\n jeden Monat.\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\n\u003c\/div\u003e\n\n\u003csq-outro class=\"sq--product-long-description\"\u003e\n \u003c!--[Section] Outro--\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eErfahren Sie, was wir tun und wie wir es tun.\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 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 Saisonaler Coupon\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Prämiencoupons mit frischer neuer Ausrüstung.\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 sich persönlich um\n alles von Garantieleistungen bis hin zu allen Fragen kümmert.\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 Treten Sie uns bei\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=\"Unsere Geschichte - Erfahren Sie mehr über die Markengeschichte und Unternehmensgeschichte von Spigen\" 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 Unternehmensgeschichte 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=\"Nachhaltigkeit - Erfahren Sie mehr über Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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 Erfahren Sie mehr über Spigens Nachhaltigkeitsbemühungen und ClimatePartner-\n 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\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Le Mans \/ Nicht vorrätig","offer_id":53890607841391,"sku":"ACS10411","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Le Mans \/ Auf Lager","offer_id":53890607874159,"sku":"ACS10412","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17proseries_c11_lemans_01.jpg?v=1785117313"},{"product_id":"iphone-17-series-c11-series-case-fearless-edition-magfit","title":"iPhone 17 Serie – c11 Serie Fearless 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 \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n .edition-inspiration-button {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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\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 \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\"\u003eFearless Edition\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Die Zeit drängt. Halten Sie das Konstrukt der Zeit mit einem aufwendigen Uhrwerk-Design für einen eleganten Look jede Sekunde fest.\n \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\/Fearless_web_main_01.jpg?v=1757006159\" alt=\"iPhone 17 Pro Serie Fearless Edition Hülle mit goldenem Pik-Ass-Design, schwebend über Spielkarten.\"\u003e\n \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Fearless_mobile_main_01.jpg?v=1757006159\" alt=\"iPhone 17 Pro Serie Fearless Edition Hülle mit goldenem Pik-Ass-Design, schwebend über Spielkarten.\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\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\/Fearless_web_feature_00.jpg?v=1757006159\" alt=\"Extremaufnahme einer strukturierten blauen Handyhülle mit aufwendigem Pik-Ass und Text, der die Hexa-Layering-Technologie zeigt\"\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-Raumeffekt-Grafiken mit Hexa-Layer Digital\n Print. Erleben Sie den neuen Standard für erstklassiges\n Design. Das einzigartige Detail ahmt die Komplexität der Zeit\n mit Schichten von tiefgehender Drucktechnologie nach, die in\n 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\/web_feature_01__1.jpg?v=1758566338\" alt=\"Nahaufnahme einer blauen Handyhülle mit Pik-Ass-Design um die Dreifachkamera.\"\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\/Fearless_web_feature_02.jpg?v=1757006159\" alt=\"Nahaufnahme, die die c11 Air Cushion Funktion in der Ecke hervorhebt\"\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 \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-Raumeffekt-Grafiken mit Hexa-Layer\n Digital Print. Erleben Sie den neuen Standard für\n erstklassiges Design. Das einzigartige Detail ahmt die\n Komplexität der Zeit mit Schichten von tiefgehender\n Drucktechnologie nach, die in einer Liga 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\/Fearless_web_feature_00.jpg?v=1757006159\" alt=\"Extremaufnahme einer strukturierten blauen Handyhülle mit aufwendigem Pik-Ass und Text, der die Hexa-Layering-Technologie zeigt\"\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\"\u003eDas Wesentliche schützen.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Erhöhte Kanten verhindern Kratzer an Bildschirm und Kamera aus\n allen Winkeln.\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\/web_feature_01__1.jpg?v=1758566338\" alt=\"Nahaufnahme einer blauen Handyhülle mit Pik-Ass-Design um die Dreifachkamera.\"\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 mildert 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\/Fearless_web_feature_02.jpg?v=1757006159\" alt=\"Nahaufnahme, die die c11 Air Cushion Funktion in der Ecke hervorhebt\"\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 \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\"\u003eAlltägliche Must-haves\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003eAlltägliche Notwendigkeiten 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\/Fearless_web_feature_03.jpg?v=1757006159\" alt=\"Hand hält ein Telefon mit blauer Hülle, fotografiert ein Pik-Ass mit dem Kameraausschnitt-Knopf\"\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 Zugriff\n auf alle 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 aufladen.\u003c\/p\u003e\n\n \u003cp class=\"essential-description\"\u003e\n Wir wissen, dass es mühsam ist, die Hülle abzunehmen. Laden\n Sie Ihr Gerät also einfach mit der Hülle über ein\n 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\/web_feature_04__1.jpg?v=1758566338\" alt=\"Blaue Handyhülle mit Pik-Ass-Design neben einem kabellos ladenden Telefon.\"\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 \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\/web_sub_01__1.jpg?v=1758566338\" alt=\"Blaue Handyhülle mit goldenem Pik-Ass und '11'-Logo, schwebend über Spielkarten.\"\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!-- 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\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 neue Drops informiert.\u003c\/h1\u003e\n\n \u003cp class=\"modal-subheadline\"\u003e\n Abonnieren Sie und entdecken Sie als Erster jeden Monat neue\n \u003cbr\u003ec11 Designs.\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\n\u003c\/div\u003e\n\n\u003csq-outro class=\"sq--product-long-description\"\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eErfahren Sie, was wir tun und wie wir es tun.\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 vergünstigten Expressversand für unsere Elite- und\n Executive-Mitglieder.\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 Saison-Coupon\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ämien-Coupons mit frischen neuen Produkten 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 sich persönlich\n um alles kümmert, vom Garantieservice bis zu allen Fragen.\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 Machen Sie mit\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=\"Unsere Geschichte – Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen\" 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\n 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=\"Nachhaltigkeit – Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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\n 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\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Furchtlos \/ Nicht vorrätig","offer_id":53890607906927,"sku":"ACS10409","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Furchtlos \/ Nicht vorrätig","offer_id":53890607939695,"sku":"ACS10410","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17proseries_c11_fearless_01.jpg?v=1785117314"},{"product_id":"iphone-17-series-c11-series-case-chronos-edition-magfit","title":"iPhone 17 Serie - c11 Serie Chronos 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 \/* ------------------------------------------------------------\nModal Styles\n------------------------------------------------------------ *\/\n .edition-inspiration-button {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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(\n 135deg,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.05)\n );\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\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 \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\"\u003eChronos Edition\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Zeit ist von entscheidender Bedeutung. Erfassen Sie die Konstruktion der Zeit mit einem filigranen Uhrwerksdesign für einen eleganten Look – jede Sekunde. Machen Sie Ihre iPhone 17 Serie zeitlos.\n \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\/Chronos_web_main_01.jpg?v=1757003052\" alt=\"iPhone 17 Pro Serie Chronos Edition mit sichtbaren mechanischen Zahnrädern\"\u003e\n \u003cimg class=\"section-intro-banner sq-mobile-view\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/Chronos_mobile_main_01.jpg?v=1757003051\" alt=\"iPhone 17 Pro Serie Chronos Edition mit sichtbaren mechanischen Zahnrädern\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\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\/Chronos_web_feature_00.jpg?v=1757003051\" alt=\"Nahaufnahme des Chronos-Uhrwerkdesigns auf einer durchsichtigen Handyhülle zur Veranschaulichung der Hexa-Layering-Technologie-Funktion\"\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-Grafiken mit räumlichem Effekt und Hexa-Layer-Digitaldruck.\n Erleben Sie den neuen Standard für erstklassiges Design. Das\n einzigartige Detail ahmt die Komplexität der Zeit mit Schichten von\n Tiefendruck nach, der eine Klasse 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\/web_feature_01.jpg?v=1758566063\" alt=\"iPhone 17 Pro mit transparenter Hülle, die dekorative mechanische Zahnräder zeigt.\"\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\/Chronos_web_feature_02.jpg?v=1757003052\" alt=\"Nahaufnahme der Ecke zur Veranschaulichung der C11 Air Cushion Funktion\"\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 \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-Grafiken mit räumlichem Effekt und Hexa-Layer-\n Digitaldruck. Erleben Sie den neuen Standard für\n erstklassiges Design. Das einzigartige Detail ahmt die\n Komplexität der Zeit mit Schichten von Tiefendruck nach, der\n eine Klasse 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\/Chronos_web_feature_00.jpg?v=1757003051\" alt=\"Nahaufnahme des Chronos-Uhrwerkdesigns auf einer durchsichtigen Handyhülle zur Veranschaulichung der Hexa-Layering-Technologie-Funktion\"\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\"\u003eSichern Sie das Wesentliche.\u003c\/h1\u003e\n\n \u003cp class=\"section-subheadline\"\u003e\n Erhöhte Kanten verhindern Kratzer auf Bildschirm und Kamera aus\n allen 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\/web_feature_01.jpg?v=1758566063\" alt=\"iPhone 17 Pro mit transparenter Hülle, die dekorative mechanische Zahnräder zeigt.\"\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 Die Air Cushion™ Technologie absorbiert und mildert alle\n Stöße 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\/Chronos_web_feature_02.jpg?v=1757003052\" alt=\"Nahaufnahme der Ecke zur Veranschaulichung der C11 Air Cushion Funktion\"\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 \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\"\u003eAlltags-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\/Chronos_web_feature_03.jpg?v=1757003052\" alt=\"Nahaufnahme der dedizierten Kamerataste des Handyhülle, die zum Fotografieren verwendet wird.\"\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 Zugriff auf alle\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, dass es mühsam ist, die Hülle abzunehmen. Laden Sie also\n einfach weiter mit der Hülle über kabelloses Ladegerät oder MagSafe-Ladegerät.\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\/web_feature_04.jpg?v=1758566063\" alt=\"iPhone auf einem kabellosen Ladepad neben einer zweiten Handyhülle mit MagSafe-Ladegerät, das am Chronos-Design befestigt ist.\"\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 \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\/web_sub_01.jpg?v=1758566063\" alt=\"Gesamtansicht der Spigen Chronos Edition iPhone-Hülle auf schwarzem Hintergrund, die das blau-goldene mechanische Zahnraddesign zeigt.\"\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!-- 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\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 neuen Drops immer einen Schritt voraus.\u003c\/h1\u003e\n\n \u003cp class=\"modal-subheadline\"\u003e\n Abonnieren Sie und entdecken Sie jeden Monat die neuesten\n \u003cbr\u003ec11-Designs als Erster.\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\n\u003c\/div\u003e\n\n\u003csq-outro class=\"sq--product-long-description\"\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\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 Belohnungen\u003c\/h3\u003e\n\n \u003cp\u003eSchutz mit Vorteilen für unsere Reward-Mitglieder.\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\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\u003c\/sq-listing-outro\u003e\u003c\/sq-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Chronos \/ Nicht vorrätig","offer_id":53890607972463,"sku":"ACS10407","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Chronos \/ Nicht vorrätig","offer_id":53890608005231,"sku":"ACS10408","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone17proseries_c11_chronos_02_d1406fa3-8e7b-40ec-985c-e85f160cfc92.jpg?v=1785117315"},{"product_id":"iphone-16-series-c11-series-scotsman-fir-edition-magfit","title":"iPhone 16 Serie - c11 Serie Scotsman Fir Edition (MagFit)","description":"\u003cstyle\u003e\n @media screen and (max-width: 991.98px) {\n \/*\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n top: 10% !important;\n left: 50%;\n transform: translate(-50%, -10%);\n text-align: center;\n }\n *\/\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n position: initial;\n transform: unset;\n text-align: center;\n }\n \n .c11-detail .sq--intro-banner .sq--text-container {\n width: 100%;\n }\n .c11-detail .sq--intro-banner .text-subheading {\n font-size: 24px;\n margin-bottom: 10px;\n }\n .c11-detail .sq--intro-banner .text-heading {\n font-size: 38px;\n }\n\n .sq--intro-banner .desktop-view {\n display: none !important;\n }\n\n .sq--product-collections .sq--text-wrapper.mobile-view {\n padding: 2rem;\n text-align: left;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\n\u003cp class=\"text-subheading\"\u003ec11 Scotsman Fir Edition\u003c\/p\u003e\n\n\u003cp class=\"text-heading\"\u003eJetzt oder nie.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003ec11 Scotsman Fir Edition\u003c\/h3\u003e\n\n\u003cp\u003eJetzt oder nie.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\u003cimg class=\"img-cover desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_scotsman_fir_desktop_01.jpg?v=1753894169\" alt=\"iPhone 16 Pro C11 Scotsman Fir Case showing full back view with vintage steam locomotive illustration and green frame set against a motion blurred forest railway background\"\u003e \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_scotsman_fir_mobile.jpg?v=1753894169\" alt=\"iPhone 16 Pro C11 Scotsman Fir Case showing full back view with vintage steam locomotive illustration and green frame set against a motion blurred forest railway background\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eEntdecke das Besondere.\u003c\/h3\u003e\n\n\u003cp\u003eDie täglichen Essentials sind abgedeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\n\u003cdiv class=\"grid-one\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Scotsman Fir Case showing front view in landscape orientation with hands holding the phone while capturing a winding railway through a forest landscape\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_scotsman_fir_desktop_03.jpg?v=1753894169\" role=\"presentation\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-two\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eBerührungsempfindlich.\u003c\/h3\u003e\n\n\u003cp\u003eKamera-Kontrolle aktiviert, mit haptischem Gefühl und smarter Funktionalität.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-three\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eEinfach weiterladen. \u003cbr\u003e\n\n\u003c\/h3\u003e\n\n\u003cp\u003eWir wissen, dass es umständlich ist, die Hülle abzunehmen. Lade also einfach mit der Hülle über kabelloses Ladegerät oder MagSafe-Ladegerät auf.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-four\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Scotsman Fir Case showing MagSafe wireless charging compatibility with front and back views on charging pads\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_scotsman_fir_desktop_04.jpg?v=1753894169\" role=\"presentation\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eJetzt oder nie.\u003c\/h3\u003e\n\n\u003cp\u003ec11 Edition:09 Scotsman Fir\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\u003cdiv class=\"sq--image-container\"\u003e\u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_scotsman_fir_desktop_05.jpg?v=1753894169\" alt=\"iPhone 16 Pro C11 Scotsman Fir Case showing angled back view with vintage steam locomotive illustration and green frame emerging through dramatic steam and mist\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--[Section] Outro--\u003e\n \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eEntdecke, was wir tun und wie wir es tun.\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 vergünstigten Expressversand für unsere Elite- und\n Executive-Mitglieder.\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 erhalten unsere Elite- und Executive-Mitglieder\n Prämiengutscheine mit frischer neuer Ausrüstung.\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 geschaffen, das sich persönlich\n um alles kümmert, von Garantieleistungen bis zu allen Fragen.\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 Tritt uns bei\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=1780332873\" 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 Bemühungen um Nachhaltigkeit und\n 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 16 Series","offers":[{"title":"iPhone 16 Pro Max \/ Schotte Fir \/ Auf Lager","offer_id":53890608037999,"sku":"ACS09810","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro \/ Schotte Fir \/ Auf Lager","offer_id":53890608070767,"sku":"ACS09811","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone16proseries_c11_scotsman_fir_01.jpg?v=1785117316"},{"product_id":"iphone-16-series-c11-series-case-sephiroth-edition-magfit","title":"iPhone 16 Serie - c11 Serie Sephiroth Edition (Mag Fit)","description":"\u003cstyle\u003e\n @media screen and (max-width: 991.98px) {\n \/*\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n top: 10% !important;\n left: 50%;\n transform: translate(-50%, -10%);\n text-align: center;\n }\n *\/\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n position: initial;\n transform: unset;\n text-align: center;\n }\n \n .c11-detail .sq--intro-banner .sq--text-container {\n width: 100%;\n }\n .c11-detail .sq--intro-banner .text-subheading {\n font-size: 24px;\n margin-bottom: 10px;\n }\n .c11-detail .sq--intro-banner .text-heading {\n font-size: 38px;\n }\n\n .sq--intro-banner .desktop-view {\n display: none !important;\n }\n\n .sq--product-collections .sq--text-wrapper.mobile-view {\n padding: 2rem;\n text-align: left;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\n\u003cp class=\"text-subheading\"\u003ec11 Sephiroth Edition\u003c\/p\u003e\n\n\u003cp class=\"text-heading\"\u003eJetzt oder nie.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003ec11 Sephiroth Edition\u003c\/h3\u003e\n\n\u003cp\u003eJetzt oder nie.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\u003cimg class=\"img-cover desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sephiroth_desktop_01.jpg?v=1750786923\" alt=\"iPhone 16 Pro C11 Sephiroth Case standing upright in a mossy forest setting, featuring an intricate tree-of-life style illustration with twisted roots and branches, vivid red blossoms, ornate metallic framing, and a dark protective bumper, illuminated by soft natural light and surrounded by stones and foliage\"\u003e \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sephiroth_mobile.jpg?v=1750786923\" alt=\"iPhone 16 Pro C11 Sephiroth Case standing upright in a mossy forest setting, featuring an intricate tree-of-life style illustration with twisted roots and branches, vivid red blossoms, ornate metallic framing, and a dark protective bumper, illuminated by soft natural light and surrounded by stones and foliage\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eSehen Sie, was besonders ist.\u003c\/h3\u003e\n\n\u003cp\u003eAlltägliche Bedürfnisse abgedeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\n\u003cdiv class=\"grid-one\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Sephiroth Case shown in landscape camera view, depicting a lush forest clearing framed by a natural cave opening, with sunbeams streaming through trees to emphasize cinematic photography and immersive visual clarity\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sephiroth_desktop_02.jpg?v=1750786923\" role=\"presentation\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-two\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eBerührungsempfindlich.\u003c\/h3\u003e\n\n\u003cp\u003eKamerasteuerung aktivierte Hülle mit taktilem Gefühl und intelligenter Funktionalität.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-three\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eEinfach weiterladen. \u003cbr\u003e\n\n\u003c\/h3\u003e\n\n\u003cp\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen. Laden Sie also einfach mit der Hülle über kabelloses Ladegerät oder MagSafe-Ladegerät weiter.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-four\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Sephiroth Case shown charging on a wireless pad, highlighting MagSafe compatibility with a detailed botanical tree design on the back and a clean front display indicating active charging status\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sephiroth_desktop_03.jpg?v=1750786923\" role=\"presentation\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eJetzt oder nie.\u003c\/h3\u003e\n\n\u003cp\u003ec11 Edition:08 Sephiroth\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\u003cdiv class=\"sq--image-container\"\u003e\u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_sephiroth_desktop_04.jpg?v=1750786923\" alt=\"iPhone 16 Pro C11 Sephiroth Case standing on a mossy log in a forest setting, featuring an intricate tree-of-life illustration with red leaves, ornate circular detailing, and a dark premium frame\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--[Section] Outro--\u003e\n \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eErfahren Sie, was wir tun und wie wir es tun.\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 Saison-Gutschein\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Prämiengutscheine mit frischen neuen Produkten.\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 geschaffen, das sich persönlich um\n alles von Garantieleistungen bis zu allen Fragen kümmert.\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 Treten Sie uns bei\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\n 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 16 Series","offers":[{"title":"iPhone 16 Pro Max \/ Sephiroth \/ Nicht vorrätig","offer_id":53890608103535,"sku":"ACS09757","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro \/ Sephiroth \/ Nicht vorrätig","offer_id":53890608136303,"sku":"ACS09758","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone16proseries_c11_sephiroth_01.jpg?v=1785117317"},{"product_id":"iphone-16-series-c11-series-le-mans-edition-magfit","title":"iPhone 16 Serie - c11 Serie Le Mans Edition (Mag Fit)","description":"\u003cstyle\u003e\n @media screen and (max-width: 991.98px) {\n \/*\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n top: 10% !important;\n left: 50%;\n transform: translate(-50%, -10%);\n text-align: center;\n }\n *\/\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n position: initial;\n transform: unset;\n text-align: center;\n }\n \n .c11-detail .sq--intro-banner .sq--text-container {\n width: 100%;\n }\n .c11-detail .sq--intro-banner .text-subheading {\n font-size: 24px;\n margin-bottom: 10px;\n }\n .c11-detail .sq--intro-banner .text-heading {\n font-size: 38px;\n }\n\n .sq--intro-banner .desktop-view {\n display: none !important;\n }\n\n .sq--product-collections .sq--text-wrapper.mobile-view {\n padding: 2rem;\n text-align: left;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\n \u003c!--[Section] Intro Banner (Image 1)--\u003e\n \u003csection class=\"sq--intro-banner\"\u003e\n \u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\n \u003cdiv class=\"sq--text-container text-light\"\u003e\n\n \u003cp class=\"text-subheading\"\u003ec11 Le Mans Edition\u003c\/p\u003e\n\n \u003cp class=\"text-heading\"\u003eJetzt oder nie.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003ec11 Le Mans Edition\u003c\/h3\u003e\n\n \u003cp\u003eJetzt oder nie.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\n\n \u003cimg class=\"img-cover desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_C11_desktoplong_description_LEMANS_desktop_01-1.jpg?v=1748619919\" alt=\"iPhone 16 Pro C11 Le Mans Case zeigt Rückansicht mit Rennwagengrafik und Le Mans Branding auf dynamischem, Geschwindigkeits-inspiriertem Hintergrund\"\u003e\n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_LE-mans_mobile_original.jpg?v=1748619901\" alt=\"iPhone 16 Pro C11 Le Mans Case zeigt Rückansicht mit Rennwagengrafik und Le Mans Branding auf dynamischem, Geschwindigkeits-inspiriertem Hintergrund\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n \u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n \u003csection class=\"sq--product-feature-02\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eSehen Sie, was besonders ist.\u003c\/h3\u003e\n\n \u003cp\u003eTägliche Essentials abgedeckt.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--grid-wrapper\"\u003e\n\n \u003cdiv class=\"grid-one\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Le Mans Hülle, die das Telefon im Querformat zeigt, mit unversperrtem Bildschirm und sicherem Halt beim Aufnehmen einer Rennszene\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_LE_MANS_desktoplong_description_LEMANS_desktop_03.jpg?v=1748619919\" role=\"presentation\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-two\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eBerührungsempfindlich.\u003c\/h3\u003e\n\n \u003cp\u003e\n Kamera-Steuerung aktivierte Hülle mit taktilem Gefühl und smarter\n Funktionalität.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-three\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eEinfach weiterladen. \u003cbr\u003e\n\n\u003c\/h3\u003e\n\n \u003cp\u003e\n Wir wissen, dass es mühsam ist, die Hülle abzunehmen. Laden Sie also\n einfach weiter mit der Hülle über kabelloses Ladegerät oder\n MagSafe-Ladegerät.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-four\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Le Mans Hülle, die MagSafe kabellose Ladekompatibilität mit dem Telefon auf einem magnetischen Ladepad zeigt\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_LE_MANS_desktoplong_description_LEMANS_desktop_04.jpg?v=1748619920\" role=\"presentation\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Product Collections (Image 12)--\u003e\n \u003csection class=\"sq--product-collections\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eJetzt oder nie.\u003c\/h3\u003e\n\n \u003cp\u003ec11 Edition:07 Le Mans\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\n\n \u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_LE_MANS_desktoplong_description_LEMANS_desktop_05.jpg?v=1748619920\" alt=\"iPhone 16 Pro C11 Le Mans Hülle zeigt schräge Seitenansicht mit erhöhtem Kameraschutz, Rennwagen-Artwork und metallisch blauen Rahmendetails\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Outro--\u003e\n \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\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 Executive-Mitgliedern vergünstigten\n 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 Saison-Coupon\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Prämien-Coupons mit neuen Artikeln.\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 geschaffen, das sich persönlich\n um alles kümmert, vom Garantieservice bis zu allen Fragen.\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 Beitreten\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=\"Unsere Geschichte - Erfahren Sie mehr über die Markengeschichte und Unternehmensgeschichte von Spigen\" 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 Unternehmensgeschichte 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=\"Nachhaltigkeit - Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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 16 Series","offers":[{"title":"iPhone 16 Pro Max \/ Le Mans \/ Nicht vorrätig","offer_id":53890608169071,"sku":"ACS09589","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro \/ Le Mans \/ Auf Lager","offer_id":53890608201839,"sku":"ACS09590","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/sq_web_iphone16proseries_c11_LeMans_01.jpg?v=1785117318"},{"product_id":"iphone-16-series-c11-series-case-flaneur-edition-magfit","title":"iPhone 16 Serie - c11 Serie Flaneur Edition (Mag Fit)","description":"\u003cstyle\u003e\n @media screen and (max-width: 991.98px) {\n \/*\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n top: 10% !important;\n left: 50%;\n transform: translate(-50%, -10%);\n text-align: center;\n }\n *\/\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n position: initial;\n transform: unset;\n text-align: center;\n }\n \n .c11-detail .sq--intro-banner .sq--text-container {\n width: 100%;\n }\n .c11-detail .sq--intro-banner .text-subheading {\n font-size: 24px;\n margin-bottom: 10px;\n }\n .c11-detail .sq--intro-banner .text-heading {\n font-size: 38px;\n }\n\n .sq--intro-banner .desktop-view {\n display: none !important;\n }\n\n .sq--product-collections .sq--text-wrapper.mobile-view {\n padding: 2rem;\n text-align: left;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\n \u003c!--[Section] Intro Banner (Image 1)--\u003e\n \u003csection class=\"sq--intro-banner\"\u003e\n \u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\n \u003cdiv class=\"sq--text-container text-light\"\u003e\n\n \u003cp class=\"text-subheading\"\u003ec11 Flâneur Edition\u003c\/p\u003e\n\n \u003cp class=\"text-heading\"\u003eJetzt oder nie.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003ec11 Flâneur Edition\u003c\/h3\u003e\n\n \u003cp\u003eJetzt oder nie.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\n\n \u003cimg class=\"img-cover desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_flaneur_desktop_01.jpg?v=1745339381\" alt=\"iPhone 16 Pro C11 Flâneur Case zeigt dramatische schräge Rückansicht mit urbaner Stadtbildgrafik und grünem Akzentlogo in dunkler architektonischer Umgebung\"\u003e\n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_flaneur_mobile_01.jpg?v=1745339381\" alt=\"iPhone 16 Pro C11 Flâneur Case zeigt dramatische schräge Rückansicht mit urbaner Stadtbildgrafik und grünem Akzentlogo in dunkler architektonischer Umgebung\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n \u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n \u003csection class=\"sq--product-feature-02\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eSieh, was besonders ist.\u003c\/h3\u003e\n\n \u003cp\u003eTägliche Essentials abgedeckt.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--grid-wrapper\"\u003e\n\n \u003cdiv class=\"grid-one\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Flâneur Case zeigt Telefon im Querformat mit freiem Bildschirm und sicherem Halt während der Nutzung\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_flaneur_desktop_03.jpg?v=1745339381\" role=\"presentation\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-two\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eBerührungsempfindlich.\u003c\/h3\u003e\n\n \u003cp\u003e\n Kamera-Steuerungsabdeckung mit taktilem Gefühl und intelligenter\n Funktionalität.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-three\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eEinfach weiterladen. \u003cbr\u003e\n\n\u003c\/h3\u003e\n\n \u003cp\u003e\n Wir wissen, dass es mühsam ist, die Hülle abzunehmen. Also einfach\n weiterladen mit der Hülle über kabelloses Ladegerät oder MagSafe-Ladegerät.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-four\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Flâneur Case zeigt MagSafe kabellose Ladekompatibilität mit Telefon, das auf magnetischem Pad lädt\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_flaneur_desktop_04.jpg?v=1745339381\" role=\"presentation\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Product Collections (Image 12)--\u003e\n \u003csection class=\"sq--product-collections\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eJetzt oder nie.\u003c\/h3\u003e\n\n \u003cp\u003ec11 Edition:06 Flâneur\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\n\n \u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/long_description_flaneur_desktop_05.jpg?v=1745339381\" alt=\"iPhone 16 Pro C11 Flâneur Case zeigt schräge Rückansicht mit grauem Stadtextmuster und neongrünem Akzentlogo\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Outro--\u003e\n \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eErfahren Sie, was wir tun und wie wir es tun.\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 Executive-Mitgliedern einen\n vergünstigten beschleunigten Versand.\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 Saison-Gutschein\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Prämiengutscheine mit frischer neuer Ausrüstung.\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 geschaffen, das sich persönlich\n um alles kümmert, vom Garantieservice bis zu allen Fragen.\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 Mitmachen\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 Karussell\"\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=\"Unsere Geschichte - Erfahren Sie mehr über die Markengeschichte und Unternehmensgeschichte von Spigen\" 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\n Unternehmensgeschichte 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=\"Nachhaltigkeit - Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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\n 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 16 Series","offers":[{"title":"iPhone 16 Pro Max \/ Flaneur \/ Auf Lager","offer_id":53890608234607,"sku":"ACS09377","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro \/ Flaneur \/ Auf Lager","offer_id":53890608267375,"sku":"ACS09378","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone16proseries_c11_flaneur_01.jpg?v=1785117319"},{"product_id":"iphone-16-series-c11-series-navigator-edition-magfit","title":"iPhone 16 Series - c11 Series Navigator Edition (Mag Fit)","description":"\u003cstyle\u003e\n @media screen and (max-width: 991.98px) {\n \/*\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n top: 10% !important;\n left: 50%;\n transform: translate(-50%, -10%);\n text-align: center;\n }\n *\/\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n position: initial;\n transform: unset;\n text-align: center;\n }\n \n .c11-detail .sq--intro-banner .sq--text-container {\n width: 100%;\n }\n .c11-detail .sq--intro-banner .text-subheading {\n font-size: 24px;\n margin-bottom: 10px;\n }\n .c11-detail .sq--intro-banner .text-heading {\n font-size: 38px;\n }\n\n .sq--intro-banner .desktop-view {\n display: none !important;\n }\n\n .sq--product-collections .sq--text-wrapper.mobile-view {\n padding: 2rem;\n text-align: left;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\n\u003c!--[Section] Intro Banner (Image 1)--\u003e\n\u003csection class=\"sq--intro-banner\"\u003e\n\u003cdiv class=\"sq--text-wrapper text-right desktop-view\"\u003e\n\n\u003cdiv class=\"sq--text-container text-light\"\u003e\n\n\u003cp class=\"text-subheading\"\u003ec11 Navigator Edition\u003c\/p\u003e\n\n\u003cp class=\"text-heading\"\u003eJetzt oder nie.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--section-heading mobile-view\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003ec11 Navigator Edition\u003c\/h3\u003e\n\n\u003cp\u003eJetzt oder nie.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\u003cdiv class=\"sq--image-container\"\u003e\n\n\u003cimg class=\"img-cover desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/c11_navigator_detail_web_1.jpg?v=1743556626\" alt=\"iPhone 16 Pro C11 Navigator Hülle mit schräger Rückansicht, technischer karteninspirierter Grafik und geometrischem Lichttunnel-Hintergrund\"\u003e \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/c11_navigator_detail_mobile_1.jpg?v=1743533542\" alt=\"iPhone 16 Pro C11 Navigator Hülle mit schräger Rückansicht, technischer karteninspirierter Grafik und geometrischem Lichttunnel-Hintergrund\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n\u003csection class=\"sq--product-feature-02\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eEntdecke, was besonders ist.\u003c\/h3\u003e\n\n\u003cp\u003eDie wichtigsten Dinge für den Alltag sind abgedeckt.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--grid-wrapper\"\u003e\n\n\u003cdiv class=\"grid-one\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Navigator Hülle in Querformat-Ansicht, Hände halten das Telefon, während sie eine futuristische Architekturszene aufnehmen\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/c11_navigator_detail_web_4.jpg?v=1743533542\" role=\"presentation\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-two\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eBerührungsempfindlich.\u003c\/h3\u003e\n\n\u003cp\u003eKamerasteuerung-fähige Abdeckung mit taktilem Gefühl und intelligenter Funktionalität.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-three\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eEinfach weiterladen. \u003cbr\u003e\n\n\u003c\/h3\u003e\n\n\u003cp\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen. Lade also einfach mit der Hülle per kabellosem Ladegerät oder MagSafe-Ladegerät weiter.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-four\"\u003e\n\n\u003cdiv class=\"grid-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Navigator Hülle zeigt MagSafe Wireless-Ladekompatibilität mit Vorder- und Rückansicht auf Ladeplatten\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/c11_navigator_detail_web_5.jpg?v=1743533542\" role=\"presentation\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--[Section] Product Collections (Image 12)--\u003e\n\u003csection class=\"sq--product-collections\"\u003e\n\u003cdiv class=\"sq--section-heading\"\u003e\n\n\u003cdiv class=\"sq--text-wrapper\"\u003e\n\n\u003cdiv class=\"sq--text-container\"\u003e\n\n\u003ch3 class=\"text-h3\"\u003eJetzt oder nie.\u003c\/h3\u003e\n\n\u003cp\u003ec11 Edition:05 Navigator\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sq--image-wrapper\"\u003e\n\n\u003cdiv class=\"sq--image-container\"\u003e\u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/c11_navigator_detail_web_6.jpg?v=1744006556\" alt=\"iPhone 16 Pro C11 Navigator Hülle mit schräger Rückansicht, vom Labyrinth inspiriertem Grafikdesign und futuristischem architektonischem Hintergrund\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!--[Section] Outro--\u003e\n \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eErfahren Sie, was wir tun und wie wir es tun.\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ämien-Mitglieder.\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 Executive-Mitgliedern einen\n 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 Saison-Gutschein\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Prämien-Gutscheine mit frischen, neuen Artikeln.\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 sich persönlich\n um alles kümmert, vom Garantieservice bis zu allen Fragen.\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 Jetzt beitreten\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 Markenstory Karussell\"\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=\"Unsere Geschichte - Erfahren Sie mehr über die Markenstory und Unternehmensgeschichte von Spigen\" 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 Markenstory und Unternehmensgeschichte 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=1780332873\" 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=\"Nachhaltigkeit - Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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 16 Series","offers":[{"title":"iPhone 16 Pro Max \/ Navigator \/ Auf Lager","offer_id":53890608300143,"sku":"ACS09367","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro \/ Navigator \/ Auf Lager","offer_id":53890608332911,"sku":"ACS09368","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone_16_pro_series_c11_navigator_02.jpg?v=1785117321"},{"product_id":"iphone-16-series-c11-series-fearless-edition-magfit-camera-control","title":"iPhone 16 Serie - c11 Serie Fearless Edition (Mag Fit)","description":"\u003cstyle\u003e\n @media screen and (max-width: 991.98px) {\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n top: 10% !important;\n left: 50%;\n transform: translate(-50%, -10%);\n text-align: center;\n }\n .c11-detail .sq--intro-banner .sq--text-container {\n width: 100%;\n }\n .c11-detail .sq--intro-banner .text-subheading {\n font-size: 24px;\n margin-bottom: 10px;\n }\n .c11-detail .sq--intro-banner .text-heading {\n font-size: 38px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\n \u003c!--[Section] Intro Banner (Image 1)--\u003e\n \u003csection class=\"sq--intro-banner\"\u003e\n \u003cdiv class=\"sq--text-wrapper text-right\"\u003e\n\n \u003cdiv class=\"sq--text-container text-light\"\u003e\n\n \u003cp class=\"text-subheading\"\u003ec11 Fearless Edition\u003c\/p\u003e\n\n \u003cp class=\"text-heading\"\u003e\n Jetzt oder nie.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Fearless Hülle mit blauem Pik-Ass-Kartendesign auf der Rückseite in schräger schwebender Ansicht\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_01.jpg?v=1740155395\" role=\"presentation\" class=\"img-cover desktop-view\"\u003e\n \u003cimg alt=\"iPhone 16 Pro C11 Fearless Hülle mit blauem Pik-Ass-Kartendesign auf der Rückseite in schräger schwebender Ansicht\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_mobile_01.jpg?v=1740155395\" role=\"presentation\" class=\"img-fluid mobile-view\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \n \u003c!--[Section] Product Gallery Carousel (Image 2 ~ 7)--\u003e\n \u003csection class=\"sq--product-gallery-carousel\"\u003e\n \u003cdiv class=\"sq--carousel-wrapper\"\u003e\n\n \u003cdiv class=\"swiper product-carousel\"\u003e\n\n \u003cdiv class=\"swiper-wrapper\"\u003e\n\n \u003c!--Slides start from here--\u003e\n \u003c!--Slide 01--\u003e\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Fearless Hülle mit blauem Pik-Ass-Design, wobei das Telefon teilweise eingesetzt ist, um Passform und Kameraausschnitt hervorzuheben\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_02.jpg?v=1740155395\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!--Slide 02--\u003e\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Fearless Hülle Nahaufnahme der goldenen Pik-Ass-Grafik mit aufwendigen Musterdetails auf blauem Hintergrund\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_03.jpg?v=1740155395\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!--Slide 03--\u003e\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt Vorder-, Rück- und Seitenansicht mit Pik-Ass-Design auf der Rückseite und verstecktem Joker-Artwork im Inneren\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_04.jpg?v=1740155395\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!--Slide 04--\u003e\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt Explosionsansicht der Seitenkomponenten und präzise Ausrichtung des Knopf-Ausschnitts\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_05.jpg?v=1740155395\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!--Slide 05--\u003e\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt Seitenprofil mit erhöhtem Kameraschutz und reaktionsschneller Seitenknopf-Abdeckung\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_06.jpg?v=1740155395\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!--Slide 06--\u003e\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt Vorder- und Rückansicht mit blauem Pik-Ass-Artwork und goldfarbenen Akzentdetails\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_07.jpg?v=1740155395\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!--Slides end here--\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \n \u003c!--[Section] Product Features 01 (Image 8 ~ 9)--\u003e\n \u003csection class=\"sq--product-feature-01\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eSei du selbst. Wir haben dich.\u003c\/h3\u003e\n\n \u003cp\u003eÜber die Raffinesse hinaus.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--flex-wrapper\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n\n \u003cdiv class=\"col-image\"\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cimg class=\"img-fluid desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_08.jpg?v=1740155395\" alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt explosionsartige, geschichtete Konstruktion mit magnetischem Kern und mehrschichtigen Kunstpaneelen\"\u003e\n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_mobile_02.jpg?v=1740155395\" alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt explosionsartige, geschichtete Konstruktion mit magnetischem Kern und mehrschichtigen Kunstpaneelen\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"col-text\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eTiefe \u0026amp; Detail.\u003cbr\u003e\n\n\u003c\/h3\u003e\n\n \u003cp\u003eUnglaubliches Design durch\n 3D-Raumeffekt-Grafik mit\n Hexa-Layer-Digitaldruck.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"row\"\u003e\n\n \u003cdiv class=\"col-image\"\u003e\n\n \u003cimg class=\"img-fluid desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_09.jpg?v=1740155395\" alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt Nahaufnahme der erhöhten Kameralippe mit detailliertem blau gemustertem Rückenteil\"\u003e\n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_mobile_03.jpg?v=1740155395\" alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt Nahaufnahme der erhöhten Kameralippe mit detailliertem blau gemustertem Rückenteil\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"col-text\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eTäglicher Schutz.\u003c\/h3\u003e\n\n \u003cp\u003eSeelenfrieden mit\n Air Cushion Technology™\n und erhöhten Kanten.\u003c\/p\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!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n \u003csection class=\"sq--product-feature-02\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eSieh, was besonders ist.\u003c\/h3\u003e\n\n \u003cp\u003eTägliche Essentials abgedeckt. \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--grid-wrapper\"\u003e\n\n \u003cdiv class=\"grid-one\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_010.jpg?v=1740155395\" alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt Telefon im Querformat mit freiem Bildschirm und angenehmem Griff\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-two\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eBerührungsempfindlich.\u003c\/h3\u003e\n\n \u003cp\u003eKamerasteuerung aktiviertes Cover mit\n taktilem Gefühl und intelligenter Funktionalität.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-three\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eEinfach weiterladen. \u003cbr\u003e\n\n\u003c\/h3\u003e\n\n \u003cp\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen.\n Also einfach mit der Hülle per\n kabellosem Ladegerät oder MagSafe-Ladegerät laden.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-four\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_011.jpg?v=1740155395\" alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt MagSafe-Wireless-Charging-Kompatibilität mit dem auf einem Magnetpad ladenden Telefon\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \n \u003c!--[Section] Product Collections (Image 12)--\u003e\n \u003csection class=\"sq--product-collections\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eJetzt oder nie.\u003c\/h3\u003e\n\n \u003cp\u003ec11 Edition:04 Fearless\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Fearless Hülle zeigt dramatische, schräge Rückansicht mit blauem Pik-Ass-Artwork und goldenen Details auf dunklem Hintergrund\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/longd_fearless_desktop_012.jpg?v=1740155395\" role=\"presentation\" class=\"img-fluid\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003csq-outro class=\"sq--product-long-description\"\u003e\n \u003c!--[Section] Outro--\u003e\n \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eEntdecke, was wir tun und wie wir es tun.\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 Belohnungen\u003c\/h3\u003e\n\n \u003cp\u003eSchutz mit Vorteilen für \u003cbr\u003eunsere Reward-Mitglieder.\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 Executive-Mitgliedern einen\n vergünstigten Expressversand an.\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 Saisonaler Gutschein\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Prämiengutscheine mit frischen neuen Produkten.\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 geschaffen, das sich persönlich um\n alles kümmert, vom Garantieservice bis zu allen Fragen.\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 Tritt uns bei\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 Erfahre 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\n 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\u003c\/sq-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 16 Series","offers":[{"title":"iPhone 16 Pro Max \/ Furchtlos \/ Nicht vorrätig","offer_id":53890608365679,"sku":"ACS09319","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro \/ Furchtlos \/ Auf Lager","offer_id":53890608398447,"sku":"ACS09320","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_16_pro_series_c11_fearless_01.jpg?v=1785117322"},{"product_id":"iphone-16-series-c11-series-eternal-edition-magfit-camera-control","title":"iPhone 16 Series - c11 Serie Ewige Edition (Mag Fit)","description":"\u003cstyle\u003e\n @media screen and (max-width: 991.98px) {\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n top: 10% !important;\n left: 50%;\n transform: translate(-50%, -10%);\n text-align: center;\n }\n .c11-detail .sq--intro-banner .sq--text-container {\n width: 100%;\n }\n .c11-detail .sq--intro-banner .text-subheading {\n font-size: 24px;\n margin-bottom: 10px;\n }\n .c11-detail .sq--intro-banner .text-heading {\n font-size: 38px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\n \u003c!--[Section] Intro Banner (Image 1)--\u003e\n \u003csection class=\"sq--intro-banner\"\u003e\n \u003cdiv class=\"sq--text-wrapper text-right\"\u003e\n\n \u003cdiv class=\"sq--text-container text-light\"\u003e\n\n \u003cp class=\"text-subheading\"\u003ec11 Eternal Edition\u003c\/p\u003e\n\n \u003cp class=\"text-heading\"\u003eJetzt oder nie.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\n\n \u003cimg alt=\"Nahaufnahme einer Handyhülle mit Walmotiv vor einem dramatisch bewölkten Nachthimmel.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_01.jpg?v=1738884767\" role=\"presentation\" class=\"img-cover desktop-view\"\u003e \n \u003cimg alt=\"Nahaufnahme einer Handyhülle mit Walmotiv vor einem dramatisch bewölkten Nachthimmel.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_mobile_eternal_01.jpg?v=1738884767\" role=\"presentation\" class=\"img-fluid mobile-view\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Product Gallery Carousel (Image 2 ~ 7)--\u003e\n \u003csection class=\"sq--product-gallery-carousel\"\u003e\n \u003cdiv class=\"sq--carousel-wrapper\"\u003e\n\n \u003cdiv class=\"swiper product-carousel\"\u003e\n\n \u003cdiv class=\"swiper-wrapper\"\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Handyhülle mit Wal- und Weltraumdesign, über Wasser bei Sonnenuntergang gehalten.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_012.jpg?v=1738884767\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Detaillierte Nahaufnahme des Handyhüllendesigns mit Wal, Sternenhimmel und dem Text IT'S NOW OR NEVER ETERNAL EDITION.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_03.jpg?v=1738884767\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Drei-Ansichten-Darstellung der Handyhülle, die Vorder-, Seiten- und Rückseite zeigt.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_04.jpg?v=1738884767\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Explosionsansicht der Seitenfeldtasten der Handyhülle.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_05.jpg?v=1738884766\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Nahaufnahme einer Handyhüllenecke mit C11-Logo und Sternenhintergrund.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_06.jpg?v=1738884767\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Zwei Telefone, eines in der Hülle, schräg dargestellt.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_07.jpg?v=1738884767\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-button-prev\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"swiper-button-next\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \n \u003c!--[Section] Product Features 01 (Image 8 ~ 9)--\u003e\n \u003csection class=\"sq--product-feature-01\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eSei du selbst. Wir unterstützen dich.\u003c\/h3\u003e\n\n \u003cp\u003eJenseits der Raffinesse.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--flex-wrapper\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n\n \u003cdiv class=\"col-image\"\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cimg class=\"img-fluid desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_08.jpg?v=1738884766\" alt=\"Explosionszeichnung der Handyhüllen-Schichten mit kosmischem Design, Wal und C11-Logo.\"\u003e \n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_mobile_eternal_02.jpg?v=1738884767\" alt=\"Explosionszeichnung der Handyhüllen-Schichten mit kosmischem Design, Wal und C11-Logo.\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"col-text\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eTiefe \u0026amp; Details.\u003cbr\u003e\n\n\u003c\/h3\u003e\n\n \u003cp\u003eUnglaubliches Design durch\n 3D-Raumeffekt-Grafik mit\n Hexa-Layer-Digitaldruck.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"row\"\u003e\n\n \u003cdiv class=\"col-image\"\u003e\n\n \u003cimg class=\"img-fluid desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_09.jpg?v=1738884767\" alt=\"Nahaufnahme des Kamerabereichs der Handyhülle, das das kosmische Design zeigt.\"\u003e \n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_mobile_eternal_03.jpg?v=1738884891\" alt=\"Nahaufnahme des Kamerabereichs der Handyhülle, das das kosmische Design zeigt.\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"col-text\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eTäglicher Schutz. \u003c\/h3\u003e\n\n \u003cp\u003eSorgenfreiheit mit\n Air Cushion Technology\n und erhöhten Kanten.\u003c\/p\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 \u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n \u003csection class=\"sq--product-feature-02\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eEntdecke das Besondere.\u003c\/h3\u003e\n\n \u003cp\u003eTägliche Essentials abgedeckt.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--grid-wrapper\"\u003e\n\n \u003cdiv class=\"grid-one\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_010.jpg?v=1738884767\" alt=\"Hände, die ein Telefon horizontal halten und ein Foto der Milchstraßengalaxie machen.\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-two\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eBerührungsempfindlich.\u003c\/h3\u003e\n\n \u003cp\u003eKamera-Kontrollfähige Abdeckung mit\n taktilem Gefühl und intelligenter Funktionalität.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-three\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eEinfach aufladen mit \u003cbr\u003eangelegter Hülle.\u003c\/h3\u003e\n\n \u003cp\u003eWir wissen, es ist mühsam, die Hülle abzunehmen. Also lade einfach mit angelegter Hülle auf. Spigen Hüllen sind mit kabellosem Ladegerät kompatibel.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-four\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_011.jpg?v=1738884767\" alt=\"Zwei iPhones, die MagSafe-Laden demonstrieren, eines ohne Hülle und eines mit Hülle.\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Product Collections (Image 12)--\u003e\n \u003csection class=\"sq--product-collections\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eJetzt oder nie. \u003c\/h3\u003e\n\n \u003cp\u003ec11 Edition:03 Eternal\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\u003cimg alt=\"Handyhülle mit Wal- und Weltraumdesign, über Wasser mit Sonnenuntergangshintergrund gehalten.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_eternal_012.jpg?v=1738884767\" role=\"presentation\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c\/div\u003e\u003c\/section\u003e\n \u003csq-outro class=\"sq--product-long-description\"\u003e\n \u003c!--[Section] Outro--\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eEntdecke, was wir tun und wie wir es tun.\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 Belohnungen\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 bekommen\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 Saison-Coupon\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Prämien-Coupons mit neuen, frischen Produkten.\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 geschaffen, das sich persönlich\n um alles kümmert, vom Garantieservice bis zu allen Fragen.\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 Beitreten\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=\"Karussell\" aria-label=\"Spigen Markengeschichte Karussell\"\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=\"Unsere Geschichte - Erfahre mehr über die Markengeschichte und Unternehmensgeschichte von Spigen\" 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 Erfahre mehr über die Markengeschichte und Unternehmensgeschichte 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=\"Nachhaltigkeit - Entdecke Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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 Entdecke Spigens Nachhaltigkeitsbemühungen und ClimatePartner-\n 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\u003c\/sq-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 16 Series","offers":[{"title":"iPhone 16 Pro Max \/ Ewig \/ Auf Lager","offer_id":53890608463983,"sku":"ACS09301","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro \/ Ewig \/ Auf Lager","offer_id":53890608496751,"sku":"ACS09302","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_16pro_eternal_edition_01.jpg?v=1785117323"},{"product_id":"iphone-16-series-c11-series-magnolia-edition-magfit-camera-control","title":"iPhone 16 Serie – c11 Serie Magnolia Edition (Mag Fit)","description":"\u003cstyle\u003e\n @media screen and (max-width: 991.98px) {\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n top: 10% !important;\n left: 50%;\n transform: translate(-50%, -10%);\n text-align: center;\n }\n .c11-detail .sq--intro-banner .sq--text-container {\n width: 100%;\n }\n .c11-detail .sq--intro-banner .text-subheading {\n font-size: 24px;\n margin-bottom: 10px;\n }\n .c11-detail .sq--intro-banner .text-heading {\n font-size: 38px;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\n \u003c!--[Section] Intro Banner (Image 1)--\u003e\n \u003csection class=\"sq--intro-banner\"\u003e\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container text-light\"\u003e\n\n \u003cp class=\"text-subheading\"\u003ec11 Magnolia Edition\u003c\/p\u003e\n\n \u003cp class=\"text-heading\"\u003eJetzt oder nie.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\n\n \u003cimg alt=\"iPhone 16 Pro C11 Magnolia Case mit abgewinkelter Rückansicht und von Buntglas inspirierten Blumenmustern sowie warmem Sonnenuntergangshintergrund\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_01.jpg?v=1736961308\" role=\"presentation\" class=\"img-cover desktop-view\"\u003e \n \u003cimg alt=\"iPhone 16 Pro C11 Magnolia Case mit abgewinkelter Rückansicht und von Buntglas inspirierten Blumenmustern sowie warmem Sonnenuntergangshintergrund\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_mobile_01.jpg?v=1736961308\" role=\"presentation\" class=\"img-fluid mobile-view\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Product Gallery Carousel (Image 2 ~ 7)--\u003e\n \u003csection class=\"sq--product-gallery-carousel\"\u003e\n \u003cdiv class=\"sq--carousel-wrapper\"\u003e\n\n \u003cdiv class=\"swiper product-carousel\"\u003e\n\n \u003cdiv class=\"swiper-wrapper\"\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Magnolia Hülle zeigt Buntglas-Blumenkunstwerk, wobei das Telefon teilweise eingesetzt ist, um die Passform und den Kameraausschnitt hervorzuheben\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_02.jpg?v=1736961308\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Magnolia Hülle zeigt Nahaufnahme des Buntglas-Blumenmusters mit aufwendigen mehrfarbigen Details\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_03.jpg?v=1736961308\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Magnolia Hülle zeigt Vorder-, Rück- und Seitenansichten mit Buntglas-Blumenkunstwerk und Details des Innenmusters\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_04.jpg?v=1736961308\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Magnolia Hülle zeigt Explosionsansicht der Seitenkomponenten und präzises Tastenausschnittdesign\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_05.jpg?v=1736961308\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Magnolia Hülle zeigt Seitenprofil mit erhöhtem Kameraschutz und glatter Tastenabdeckung neben dem Buntglas-Kunstwerk\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_06.jpg?v=1736961307\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Magnolia Hülle zeigt Vorder- und Rückansicht mit Buntglas-Blumenkunstwerk und schwarzen Rahmenakzenten\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_07.jpg?v=1736961308\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Magnolia Hülle zeigt vollständige Rückansicht mit Buntglas-Blumenkunstwerk und dramatischer Lichtreflexion auf dunklem Hintergrund\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_08.jpg?v=1736961308\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-button-prev\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"swiper-button-next\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \n \u003c!--[Section] Product Features 01 (Image 8 ~ 9)--\u003e\n \u003csection class=\"sq--product-feature-01\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eDu bist dran. Wir kümmern uns.\u003c\/h3\u003e\n\n \u003cp\u003eMehr als nur Raffinesse.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--flex-wrapper\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n\n \u003cdiv class=\"col-image\"\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cimg class=\"img-fluid desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_09.jpg?v=1736961308\" alt=\"iPhone 16 Pro C11 Magnolia Case zeigt explosionsartige Schichtkonstruktion mit Buntglas-Artwork-Schichten und schützenden Rahmenkomponenten\"\u003e \n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_mobile_02.jpg?v=1736961308\" alt=\"iPhone 16 Pro C11 Magnolia Case zeigt explosionsartige Schichtkonstruktion mit Buntglas-Artwork-Schichten und schützenden Rahmenkomponenten\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"col-text\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eTiefe \u0026amp; Detail.\u003c\/h3\u003e\n\n \u003cp\u003eUnglaubliches Design durch\n 3D-Raum Effekt Grafik mit\n Hexa-Layer Digitaldruck.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"row\"\u003e\n\n \u003cdiv class=\"col-image\"\u003e\n\n \u003cimg class=\"img-fluid desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_010.jpg?v=1736961308\" alt=\"iPhone 16 Pro C11 Magnolia Case zeigt abgewinkelte Rückansicht mit Bewegungsunschärfe, um Stoßdämpfung und Aufprallschutz hervorzuheben\"\u003e \n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_mobile_03.jpg?v=1736961308\" alt=\"iPhone 16 Pro C11 Magnolia Case zeigt abgewinkelte Rückansicht mit Bewegungsunschärfe, um Stoßdämpfung und Aufprallschutz hervorzuheben\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"col-text\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eTäglicher Schutz. \u003c\/h3\u003e\n\n \u003cp\u003eSorgenfreiheit mit\n Air Cushion Technology\n und erhöhten Kanten.\u003c\/p\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 \u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n \u003csection class=\"sq--product-feature-02\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eEntdecke das Besondere.\u003c\/h3\u003e\n\n \u003cp\u003eTägliche Essentials abgedeckt.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--grid-wrapper\"\u003e\n\n \u003cdiv class=\"grid-one\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_011.jpg?v=1736961308\" alt=\"iPhone 16 Pro C11 Magnolia Case zeigt Vorderansicht im Querformat, wobei Hände das Telefon halten, während sie eine Sonnenuntergangs-Stadtlandschaft aufnehmen\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-two\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eBerührungsempfindlich.\u003c\/h3\u003e\n\n \u003cp\u003eKamerasteuerung aktivierte Hülle mit\n einem taktilen Gefühl und intelligenter Funktionalität.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-three\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eEinfach aufladen mit Hülle.\u003c\/h3\u003e\n\n \u003cp\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen. Also einfach mit Hülle aufladen. Spigen Hüllen sind mit kabellosen Ladegeräten kompatibel.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-four\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_012.jpg?v=1736961308\" alt=\"iPhone 16 Pro C11 Magnolia Case zeigt MagSafe kabellose Ladekompatibilität mit Vorder- und Rückansicht auf Ladeplatten\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Product Collections (Image 12)--\u003e\n \u003csection class=\"sq--product-collections\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eJetzt oder nie. \u003c\/h3\u003e\n\n \u003cp\u003ec11 Edition:02 Magnolia\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\u003cimg alt=\"iPhone 16 Pro C11 Magnolia Case zeigt abgewinkelte Rückansicht mit Buntglas-Blumenkunstwerk, das farbenfrohe Lichtreflexionen auf der Oberfläche erzeugt\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16pro_promax_magnoliaedition_013.jpg?v=1736961308\" role=\"presentation\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003csq-outro class=\"sq--product-long-description\"\u003e\n \u003c!--[Section] Outro--\u003e\n \u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\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 ermäßigten 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 Saisonaler Coupon\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Prämien-Coupons mit frischen neuen Produkten.\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 geschaffen, das sich persönlich\n um alles kümmert, von Garantieleistungen bis hin zu allen Fragen.\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 Jetzt beitreten\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=\"Unsere Geschichte – Erfahren Sie mehr über die Markengeschichte und Unternehmensgeschichte von Spigen\" 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 Unternehmensgeschichte 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=\"Nachhaltigkeit – Erfahren Sie mehr über Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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 Erfahren Sie mehr über 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\u003c\/sq-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 16 Series","offers":[{"title":"iPhone 16 Pro Max \/ Magnolie \/ Auf Lager","offer_id":53890608529519,"sku":"ACS09227","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro \/ Magnolie \/ Auf Lager","offer_id":53890608562287,"sku":"ACS09228","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_16_promax_c11_magnolia_01.jpg?v=1785117324"},{"product_id":"iphone-16-series-chronos-edition-magfit-camera-control","title":"iPhone 16 Serie - c11 Serie Chronos Edition (Mag Fit)","description":"\u003cstyle\u003e\n @media screen and (max-width: 991.98px) {\n .c11-detail .sq--intro-banner .sq--text-wrapper {\n top: 10% !important;\n left: 50%;\n transform: translate(-50%, -10%);\n text-align: center;\n }\n .c11-detail .sq--intro-banner .sq--text-container {\n width: 100%;\n }\n .c11-detail .sq--intro-banner .text-subheading {\n font-size: 24px;\n margin-bottom: 10px;\n }\n .c11-detail .sq--intro-banner .text-heading {\n font-size: 38px;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sq--product-long-description c11-detail\"\u003e\n\n \u003c!--[Section] Intro Banner (Image 1)--\u003e\n \u003csection class=\"sq--intro-banner\"\u003e\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container text-light\"\u003e\n\n \u003cp class=\"text-subheading\"\u003ec11 Chronos Edition\u003c\/p\u003e\n\n \u003cp class=\"text-heading\"\u003eJetzt oder nie.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\n\n \u003cimg alt=\"Nahaufnahme des Chronos Uhrwerk-Designs auf einer transparenten Handyhülle.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_01.jpg?v=1733248852\" role=\"presentation\" class=\"img-cover desktop-view\"\u003e \n \u003cimg alt=\"Nahaufnahme des Chronos Uhrwerk-Designs auf einer transparenten Handyhülle.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_mobile_01.jpg?v=1733248852\" role=\"presentation\" class=\"img-fluid mobile-view\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Product Gallery Carousel (Image 2 ~ 7)--\u003e\n \u003csection class=\"sq--product-gallery-carousel\"\u003e\n \u003cdiv class=\"sq--carousel-wrapper\"\u003e\n\n \u003cdiv class=\"swiper product-carousel\"\u003e\n\n \u003cdiv class=\"swiper-wrapper\"\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"iPhone 16 Pro mit klarer C11 Chronos Hülle, die das interne Uhrwerkdesign zeigt.\" src=\"https:\/\/cdn.shopify.com\/s\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_02.jpg?v=1733248852\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Detaillierte Makroaufnahme des Uhrwerkmechanismus-Designs auf der Rückseite der Hülle.\" src=\"https:\/\/cdn.shopify.com\/s\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_03.jpg?v=1733248852\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Vorder-, Rück- und Seitenansicht des iPhone 16 Pro in der C11 Chronos Hülle.\" src=\"https:\/\/cdn.shopify.com\/s\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_04.jpg?v=1733248852\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Explosionszeichnung der austauschbaren Seitenknöpfe der C11-Hülle (rot, weiß, schwarz, grau).\" src=\"https:\/\/cdn.shopify.com\/s\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_05.jpg?v=1733248852\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Nahaufnahme der Seite und des Kameramoduls des Telefons mit der C11 Chronos Hülle.\" src=\"https:\/\/cdn.shopify.com\/s\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_06.jpg?v=1733248852\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-slide\"\u003e\n\n \u003cdiv class=\"slide-container\"\u003e\u003cimg alt=\"Zwei iPhone 16 Pro Telefone in C11 Chronos Hüllen, die die Rückseite und den Bildschirm zeigen.\" src=\"https:\/\/cdn.shopify.com\/s\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_07.jpg?v=1733248852\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"swiper-button-prev\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"swiper-button-next\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \n \u003c!--[Section] Product Features 01 (Image 8 ~ 9)--\u003e\n \u003csection class=\"sq--product-feature-01\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eDu bist du. Wir sind für dich da.\u003c\/h3\u003e\n\n \u003cp\u003eMehr als nur Raffinesse.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--flex-wrapper\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n\n \u003cdiv class=\"col-image\"\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cimg class=\"img-fluid desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_08.jpg?v=1733248852\" alt=\"Explosionszeichnung der Handyhülle, die ihre geschichtete Konstruktion und das Chronos-Getriebedesign zeigt.\"\u003e \n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_mobile_02.jpg?v=1733248852\" alt=\"Explosionszeichnung der Handyhülle, die ihre geschichtete Konstruktion und das Chronos-Getriebedesign zeigt.\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"col-text\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eTiefe \u0026amp; Details.\u003c\/h3\u003e\n\n \u003cp\u003eUnglaubliches Design durch\n 3D-Räumeffekt-Grafik mit\n Hexa-Layer-Digitaldruck.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"row\"\u003e\n\n \u003cdiv class=\"col-image\"\u003e\n\n \u003cimg class=\"img-fluid desktop-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_09.jpg?v=1733248852\" alt=\"iPhone 16 Pro in C11 Chronos Hülle wird geschüttelt, Betonung des Uhrwerkdesigns und der Bewegung.\"\u003e \n \u003cimg class=\"img-fluid mobile-view\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_mobile_03.jpg?v=1733248852\" alt=\"iPhone 16 Pro in C11 Chronos Hülle wird geschüttelt, Betonung des Uhrwerkdesigns und der Bewegung.\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"col-text\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eTäglicher Schutz. \u003c\/h3\u003e\n\n \u003cp\u003eSorgenfreiheit mit\n Air Cushion Technology™\n und erhöhten Kanten.\u003c\/p\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 \u003c!--[Section] Product Features 02 (Image 10 ~ 11)--\u003e\n \u003csection class=\"sq--product-feature-02\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eSehen Sie, was besonders ist.\u003c\/h3\u003e\n\n \u003cp\u003eTägliche Essentials abgedeckt.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--grid-wrapper\"\u003e\n\n \u003cdiv class=\"grid-one\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_010.jpg?v=1733248852\" alt=\"Hände halten ein iPhone horizontal und machen ein Bild von einer Stadtlandschaft bei Sonnenuntergang.\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-two\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eBerührungsempfindlich.\u003c\/h3\u003e\n\n \u003cp\u003eKamerasteuerung-fähige Abdeckung mit\n haptischer Haptik und intelligenter Funktionalität.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-three\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eEinfach aufladen mit Hülle.\u003c\/h3\u003e\n\n \u003cp\u003eWir wissen, dass es mühsam ist, die Hülle abzunehmen. Laden Sie Ihr Gerät also einfach mit angebrachter Hülle auf. Spigen-Hüllen sind mit kabellosen Ladegeräten kompatibel.\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"grid-four\"\u003e\n\n \u003cdiv class=\"grid-container\"\u003e\u003cimg class=\"img-fluid\" role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_011.jpg?v=1733248852\" alt=\"Ein iPhone auf einem kabellosen Ladepad neben der Rückseite einer C11 Chronos Hülle, die mit einem MagSafe-ähnlichen Zubehör geladen wird.\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c!--[Section] Product Collections (Image 12)--\u003e\n \u003csection class=\"sq--product-collections\"\u003e\n \u003cdiv class=\"sq--section-heading\"\u003e\n\n \u003cdiv class=\"sq--text-wrapper\"\u003e\n\n \u003cdiv class=\"sq--text-container\"\u003e\n\n \u003ch3 class=\"text-h3\"\u003eJetzt oder nie. \u003c\/h3\u003e\n\n \u003cp\u003ec11 Edition:01 Chronos\u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--image-wrapper\"\u003e\n\n \u003cdiv class=\"sq--image-container\"\u003e\u003cimg alt=\"Dunkle Nahaufnahme eines iPhones in der C11 Chronos Hülle, die das detaillierte mechanische Uhrwerkdesign auf der Rückseite hervorhebt.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/ld_ip16promax_chronosedition_012.jpg?v=1733248852\" role=\"presentation\" class=\"img-fluid\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n \u003csq-outro class=\"sq--product-long-description\"\u003e\n \u003c!--[Section] Outro--\u003e\n\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e\n \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e\n\n \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e\n\n \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\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 Saison-Gutschein\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e\n\n Jede Saison erhalten unsere Elite- und Executive-Mitglieder\n Prämiengutscheine mit frischer neuer Ausrüstung.\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 geschaffen, das persönlich\n alles von Garantieleistungen bis 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 Jetzt beitreten\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 Markengeschichte Karussell\"\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=\"Unsere Geschichte - Erfahren Sie mehr über Spigens Markengeschichte und Unternehmensgeschichte\" 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 Spigens Markengeschichte und Unternehmensgeschichte.\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=\"Nachhaltigkeit - Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" 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\n 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\u003c\/sq-outro\u003e\n\n\u003c\/div\u003e","brand":"iPhone 16 Series","offers":[{"title":"iPhone 16 Pro Max \/ Chronos \/ Nicht vorrätig","offer_id":53890608595055,"sku":"ACS09192","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro \/ Chronos \/ Nicht vorrätig","offer_id":53890608627823,"sku":"ACS09193","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_16promax_chronos_edition_01.jpg?v=1785117326"}],"url":"https:\/\/www.spigenhub.it.com\/de\/collections\/c11-monthly-drop.oembed","provider":"spigenhub.it.com","version":"1.0","type":"link"}