{"title":"iPhone 17 Pro","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-17-series-case-classic-ls-magfit","title":"iPhone 17 Serie - Classic LS (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison stellen wir unseren Elite- und Executive-Mitgliedern Prämiengutscheine mit frischer neuer Ausrüstung zur Verfügung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt beitreten \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Stein \/ Auf Lager","offer_id":53890636939375,"sku":"ACS10478","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Stein \/ Auf Lager","offer_id":53890636972143,"sku":"ACS10479","price":18.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17pro_classic_ls_magfit_01.jpg?v=1785117688"},{"product_id":"iphone-17-series-optik-pro-ez-fit-lens-protector","title":"iPhone 17 Serie - Optik Pro EZ Fit Linsenschutz","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämien-Mitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt beitreten \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmenshistorie. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Orange \/ Auf Lager","offer_id":53890637004911,"sku":"AGL10123","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Grau \/ Auf Lager","offer_id":53890637037679,"sku":"AGL10125","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Silber \/ Auf Lager","offer_id":53890637070447,"sku":"AGL10124","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Orange \/ Auf Lager","offer_id":53890637103215,"sku":"AGL10123","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Grau \/ Auf Lager","offer_id":53890637135983,"sku":"AGL10125","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Silber \/ Auf Lager","offer_id":53890637168751,"sku":"AGL10124","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Grau \/ Nicht vorrätig","offer_id":53890637201519,"sku":"AGL10130","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Silber \/ Nicht vorrätig","offer_id":53890637234287,"sku":"AGL10132","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Schwarz \/ Auf Lager","offer_id":53890637267055,"sku":"AGL09863","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Gold \/ Nicht vorrätig","offer_id":53890637299823,"sku":"AGL10131","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Silber \/ Auf Lager","offer_id":53890637332591,"sku":"AGL10126","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Schwarz \/ Auf Lager","offer_id":53890637365359,"sku":"AGL07921","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Lila \/ Auf Lager","offer_id":53890637398127,"sku":"AGL10127","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Grün \/ Auf Lager","offer_id":53890637430895,"sku":"AGL10128","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Blau \/ Auf Lager","offer_id":53890637463663,"sku":"AGL10129","price":9.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17pro_glastr_ez_fit_optik_pro_gray_01_b92906fd-c280-4723-9a59-2e2ce14ad413.jpg?v=1785117691"},{"product_id":"iphone-17-series-optik-pro-xl-ez-fit-lens-protector","title":"iPhone 17 Serie - Optik Pro XL EZ Fit Linsenschutz","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller bekommen\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive-Betreuungsteam \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markenstory Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/de\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Unsere Geschichte – Erfahren Sie mehr über Spigens Markenstory und Unternehmensgeschichte\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markenstory und Unternehmensgeschichte. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Orange \/ Auf Lager","offer_id":53890637496431,"sku":"AGL10650","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Schwarz \/ Auf Lager","offer_id":53890637529199,"sku":"AGL10649","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Silber \/ Auf Lager","offer_id":53890637561967,"sku":"AGL10652","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Blau \/ Auf Lager","offer_id":53890637594735,"sku":"AGL10651","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Orange \/ Auf Lager","offer_id":53890637627503,"sku":"AGL10645","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Schwarz \/ Auf Lager","offer_id":53890637660271,"sku":"AGL10644","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Silber \/ Auf Lager","offer_id":53890637693039,"sku":"AGL10647","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Blau \/ Auf Lager","offer_id":53890637725807,"sku":"AGL10646","price":9.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_web_iphone_17pro_glastr_ezfit_optik_pro_xl_black_01.jpg?v=1785117692"},{"product_id":"iphone-17-series-screen-protector-glas-tr-ez-fit-sensor-protected","title":"iPhone 17 Serie - GLAS.tR EZ Fit | Sensorschutz","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison stellen wir unseren Elite- und Executive-Mitgliedern Prämiengutscheine mit frischer neuer Ausrüstung zur Verfügung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Klar \/ Auf Lager","offer_id":53890637758575,"sku":"AGL07907","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klar \/ Auf Lager","offer_id":53890637791343,"sku":"AGL07928","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Klar \/ Auf Lager","offer_id":53890637824111,"sku":"AGL09861","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Klar \/ Auf Lager","offer_id":53890637856879,"sku":"AGL07928","price":10.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone6.9_2025__glastr_ez_fit_01.jpg?v=1785117694"},{"product_id":"iphone-17-series-screen-protector-glas-tr-ez-fit-privacy","title":"iPhone 17 Serie - GLAS.tR EZ Fit | Sichtschutz","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt beitreten \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmensgeschichte von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/de\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Nachhaltigkeit – Entdecken Sie die Nachhaltigkeitsbemühungen von Spigen und die Initiativen von ClimatePartner\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie die Nachhaltigkeitsbemühungen von Spigen und die Initiativen von ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Datenschutz \/ Auf Lager","offer_id":53890637922415,"sku":"AGL07908","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Datenschutz \/ Auf Lager","offer_id":53890637955183,"sku":"AGL07929","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Datenschutz \/ Auf Lager","offer_id":53890637987951,"sku":"AGL09862","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Datenschutz \/ Auf Lager","offer_id":53890638020719,"sku":"AGL07929","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone6.9_2025__glastr_ez_fit_privacy_01.jpg?v=1785117708"},{"product_id":"iphone-17-series-case-enzo-aramid-t","title":"iPhone 17 Serie - Enzo Aramid T (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt Mitglied werden \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markenstory Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markenstory und Unternehmensgeschichte von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Schwarzsilber \/ Auf Lager","offer_id":53890638053487,"sku":"ACS09905","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Schwarz Schwarz \/ Auf Lager","offer_id":53890638086255,"sku":"ACS09906","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Schwarzsilber \/ Auf Lager","offer_id":53890638119023,"sku":"ACS09958","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Schwarz Schwarz \/ Auf Lager","offer_id":53890638151791,"sku":"ACS09959","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Schwarzsilber \/ Auf Lager","offer_id":53890638184559,"sku":"ACS09989","price":21.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone6.9_2025__enzo_aramid_t_silver_01.jpg?v=1785117711"},{"product_id":"iphone-17-series-case-tough-armor-t-magfit","title":"iPhone 17 Serie - Tough Armor T (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt beitreten \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmenshistorie. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Schwarz \/ Auf Lager","offer_id":53890638217327,"sku":"ACS09897","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Rotguss \/ Auf Lager","offer_id":53890638250095,"sku":"ACS09898","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Schwarz \/ Auf Lager","offer_id":53890638282863,"sku":"ACS09950","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Rotguss \/ Auf Lager","offer_id":53890638315631,"sku":"ACS09951","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Schwarz \/ Auf Lager","offer_id":53890638348399,"sku":"ACS09928","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Schwarz \/ Auf Lager","offer_id":53890638381167,"sku":"ACS09984","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Rotguss \/ Auf Lager","offer_id":53890638413935,"sku":"ACS09985","price":18.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_iphone17pro_tough_armor_t_magfit_black_01.jpg?v=1785117714"},{"product_id":"iphone-17-series-case-urban-fit-t-magfit","title":"iPhone 17 Series - Urban Fit T (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Belohnungen\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für \u003cbr\u003eunsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Mokkabraun \/ Nicht vorrätig","offer_id":53890638446703,"sku":"ACS09609","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Mokkabraun \/ Nicht vorrätig","offer_id":53890638479471,"sku":"ACS09641","price":21.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Mokkabraun \/ Nicht vorrätig","offer_id":53890638512239,"sku":"ACS10001","price":21.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone17_promax_urban_fit_t_mf_01.jpg?v=1785117716"},{"product_id":"iphone-17-series-case-ultra-hybrid-t-magfit","title":"iPhone 17 Series - Ultra Hybrid T (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, von Garantieleistungen bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markenstory Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markenstory und Unternehmensgeschichte von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Glänzendes Orange \/ Auf Lager","offer_id":53890638545007,"sku":"ACS10468","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Glänzend Weiß \/ Auf Lager","offer_id":53890638577775,"sku":"ACS10046","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Mattschwarz \/ Auf Lager","offer_id":53890638610543,"sku":"ACS10047","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Mattblau \/ Auf Lager","offer_id":53890638643311,"sku":"ACS10467","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Glänzendes Orange \/ Auf Lager","offer_id":53890638676079,"sku":"ACS10471","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Glänzend Weiß \/ Auf Lager","offer_id":53890638708847,"sku":"ACS10077","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Mattschwarz \/ Auf Lager","offer_id":53890638741615,"sku":"ACS10078","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Mattblau \/ Auf Lager","offer_id":53890638774383,"sku":"ACS10470","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_ultra_hybird_t_magfit_glossy_white_01_8ada46c5-3f2a-492e-878a-78cbe80da3b2.jpg?v=1785117719"},{"product_id":"iphone-17-series-case-ultra-hybrid-zero-one-magfit","title":"iPhone 17 Serie - Ultra Hybrid Zero One (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen ermäßigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive-Betreuungsteam \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Null Eins Natur-Titan \/ Auf Lager","offer_id":53890638807151,"sku":"ACS10041","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Null Eins Schwarz \/ Auf Lager","offer_id":53890638839919,"sku":"ACS10042","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Null Eins Weiß \/ Auf Lager","offer_id":53890638872687,"sku":"ACS10040","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Null Eins Natur-Titan \/ Auf Lager","offer_id":53890638905455,"sku":"ACS10072","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Null Eins Schwarz \/ Auf Lager","offer_id":53890638938223,"sku":"ACS10073","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Null Eins Weiß \/ Auf Lager","offer_id":53890638970991,"sku":"ACS10071","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Null Eins Natur-Titan \/ Auf Lager","offer_id":53890639003759,"sku":"ACS10057","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Null Eins Schwarz \/ Auf Lager","offer_id":53890639036527,"sku":"ACS10058","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Null Eins Weiß \/ Auf Lager","offer_id":53890639069295,"sku":"ACS10056","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Null Eins Natur-Titan \/ Auf Lager","offer_id":53890639102063,"sku":"ACS10088","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Null Eins Schwarz \/ Auf Lager","offer_id":53890639134831,"sku":"ACS10089","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Null Eins Weiß \/ Auf Lager","offer_id":53890639167599,"sku":"ACS10087","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_ultra_hybrid_magfit_zero_one_natural_titanium_01.jpg?v=1785117723"},{"product_id":"iphone-17-series-case-ultra-hybrid-s-magfit","title":"iPhone 17 Serie - Ultra Hybrid S (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team aufgebaut, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt beitreten \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markenstory Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/de\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Unsere Geschichte – Erfahren Sie mehr über Spigens Markenstory und Unternehmensgeschichte\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markenstory und Unternehmensgeschichte. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Klares Weiß \/ Nicht vorrätig","offer_id":53890639200367,"sku":"ACS09893","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klares Weiß \/ Auf Lager","offer_id":53890639233135,"sku":"ACS09946","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Klares Weiß \/ Auf Lager","offer_id":53890639265903,"sku":"ACS09926","price":16.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Klares Weiß \/ Auf Lager","offer_id":53890639298671,"sku":"ACS09981","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_6.9_ultra_hybird_s_magfit_white_01.jpg?v=1785117725"},{"product_id":"iphone-17-series-case-ultra-hybrid-neo-one-magfit","title":"iPhone 17 Serie - Ultra Hybrid Neo One (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eErfahren Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämien-Mitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller bekommen\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt beitreten \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmensgeschichte. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Neo One \/ Auf Lager","offer_id":53890639364207,"sku":"ACS10043","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Neo One \/ Auf Lager","offer_id":53890639396975,"sku":"ACS10074","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Neo One \/ Auf Lager","offer_id":53890639429743,"sku":"ACS10059","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Neo One \/ Auf Lager","offer_id":53890639462511,"sku":"ACS10090","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_ultra_hybrid_magfit_01.jpg?v=1785117728"},{"product_id":"iphone-17-series-case-ultra-hybrid-classic-magfit","title":"iPhone 17 Serie - Ultra Hybrid Classic (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten ermäßigten Expressversand für unsere Elite- und Executive-Mitglieder. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Coupons \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiencoupons mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmenshistorie. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Klassisches Silber \/ Auf Lager","offer_id":53890641068143,"sku":"ACS10044","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Klassisches Schwarz \/ Auf Lager","offer_id":53890641100911,"sku":"ACS10045","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klassisches Silber \/ Auf Lager","offer_id":53890641133679,"sku":"ACS10075","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klassisches Schwarz \/ Auf Lager","offer_id":53890641166447,"sku":"ACS10076","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Klassisches Silber \/ Auf Lager","offer_id":53890641199215,"sku":"ACS10060","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Klassisches Schwarz \/ Auf Lager","offer_id":53890641231983,"sku":"ACS10061","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Klassisches Silber \/ Auf Lager","offer_id":53890641264751,"sku":"ACS10091","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Klassisches Schwarz \/ Auf Lager","offer_id":53890641297519,"sku":"ACS10092","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_ultra_hybrid_classic_silver_01.jpg?v=1785117730"},{"product_id":"iphone-17-series-case-ultra-hybrid-magfit","title":"iPhone 17 Serie - Ultra Hybrid (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine für neue Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team aufgebaut, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt beitreten \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmensgeschichte von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Klarorange \/ Auf Lager","offer_id":53890641363055,"sku":"ACS11107","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Klares Weiß \/ Auf Lager","offer_id":53890641395823,"sku":"ACS10035","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Klarer Graphit \/ Auf Lager","offer_id":53890641428591,"sku":"ACS10036","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Klares Gold \/ Auf Lager","offer_id":53890641461359,"sku":"ACS10037","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Klares Tiefblau \/ Auf Lager","offer_id":53890641494127,"sku":"ACS10953","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klarorange \/ Auf Lager","offer_id":53890641526895,"sku":"ACS11110","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klares Weiß \/ Auf Lager","offer_id":53890641559663,"sku":"ACS10066","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klarer Graphit \/ Auf Lager","offer_id":53890641592431,"sku":"ACS10067","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klares Gold \/ Auf Lager","offer_id":53890641625199,"sku":"ACS10068","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klares Tiefblau \/ Auf Lager","offer_id":53890641657967,"sku":"ACS10954","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Klares Weiß \/ Auf Lager","offer_id":53890641690735,"sku":"ACS10051","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Klarer Graphit \/ Auf Lager","offer_id":53890641723503,"sku":"ACS10052","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Klares Gold \/ Auf Lager","offer_id":53890641756271,"sku":"ACS10053","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Klares Weiß \/ Auf Lager","offer_id":53890641789039,"sku":"ACS10082","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Klarer Graphit \/ Auf Lager","offer_id":53890641821807,"sku":"ACS10083","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Klares Gold \/ Auf Lager","offer_id":53890641854575,"sku":"ACS10084","price":13.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_ultra_hybrid_magfit_white_01.jpg?v=1785117736"},{"product_id":"iphone-17-series-case-ultra-hybrid","title":"iPhone 17 Serie - Ultra Hybrid","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für \u003cbr\u003eunsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten vergünstigten Expressversand für unsere Elite- und Executive-Mitglieder. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit brandneuen Artikeln. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Glasklar \/ Auf Lager","offer_id":53890641985647,"sku":"ACS10033","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Mattschwarz \/ Auf Lager","offer_id":53890642018415,"sku":"ACS10034","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Glasklar \/ Auf Lager","offer_id":53890642051183,"sku":"ACS10064","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Mattschwarz \/ Auf Lager","offer_id":53890642083951,"sku":"ACS10065","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Glasklar \/ Auf Lager","offer_id":53890642116719,"sku":"ACS10049","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Mattschwarz \/ Auf Lager","offer_id":53890642149487,"sku":"ACS10050","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Glasklar \/ Auf Lager","offer_id":53890642182255,"sku":"ACS10080","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Mattschwarz \/ Auf Lager","offer_id":53890642215023,"sku":"ACS10081","price":10.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone17_pro_ultra_hybrid_cc_01.jpg?v=1785117741"},{"product_id":"iphone-17-series-case-thin-fit-magfit","title":"iPhone 17 Serie - Thin Fit (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team aufgebaut, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Schwarz \/ Auf Lager","offer_id":53890642280559,"sku":"ACS09879","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Rotguss \/ Auf Lager","offer_id":53890642313327,"sku":"ACS09881","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyssgrün \/ Auf Lager","offer_id":53890642346095,"sku":"ACS09880","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Metallschiefer \/ Auf Lager","offer_id":53890642378863,"sku":"ACS09882","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Schwarz \/ Auf Lager","offer_id":53890642411631,"sku":"ACS09934","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Rotguss \/ Auf Lager","offer_id":53890642444399,"sku":"ACS09936","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Abyssgrün \/ Auf Lager","offer_id":53890642477167,"sku":"ACS09935","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Schwarz \/ Auf Lager","offer_id":53890642509935,"sku":"ACS09916","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Rotguss \/ Auf Lager","offer_id":53890642542703,"sku":"ACS09918","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Abyssgrün \/ Auf Lager","offer_id":53890642575471,"sku":"ACS09917","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Schwarz \/ Auf Lager","offer_id":53890642608239,"sku":"ACS09969","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Rotguss \/ Auf Lager","offer_id":53890642641007,"sku":"ACS09971","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Abyssgrün \/ Auf Lager","offer_id":53890642673775,"sku":"ACS09970","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_ip17pro_thinfit_magfit_01.jpg?v=1785117745"},{"product_id":"iphone-17-series-case-slim-armor-magfit","title":"iPhone 17 Serie – Slim Armor (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eErfahren Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team aufgebaut, das sich persönlich um alles kümmert, vom Garantieservice bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmensgeschichte von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Schwarz \/ Auf Lager","offer_id":53890642706543,"sku":"ACS09603","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Metallschiefer \/ Auf Lager","offer_id":53890642739311,"sku":"ACS09602","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyssgrün \/ Auf Lager","offer_id":53890642772079,"sku":"ACS09673","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Frostschwarz \/ Auf Lager","offer_id":53890642804847,"sku":"ACS09674","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Schwarz \/ Nicht vorrätig","offer_id":53890642837615,"sku":"ACS09635","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Metallschiefer \/ Auf Lager","offer_id":53890642870383,"sku":"ACS09634","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Abyssgrün \/ Auf Lager","offer_id":53890642903151,"sku":"ACS09683","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Frostschwarz \/ Auf Lager","offer_id":53890642935919,"sku":"ACS09684","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Schwarz \/ Nicht vorrätig","offer_id":53890642968687,"sku":"ACS09620","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Metallschiefer \/ Nicht vorrätig","offer_id":53890643001455,"sku":"ACS09619","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Abyssgrün \/ Nicht vorrätig","offer_id":53890643034223,"sku":"ACS09678","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Frostschwarz \/ Nicht vorrätig","offer_id":53890643066991,"sku":"ACS09679","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Schwarz \/ Nicht vorrätig","offer_id":53890643099759,"sku":"ACS09653","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Metallschiefer \/ Nicht vorrätig","offer_id":53890643132527,"sku":"ACS09652","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Abyssgrün \/ Nicht vorrätig","offer_id":53890643165295,"sku":"ACS09688","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Frostschwarz \/ Nicht vorrätig","offer_id":53890643198063,"sku":"ACS09689","price":18.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_ip17promax_slim_armor_magfit_01.jpg?v=1785117748"},{"product_id":"iphone-17-series-case-silicone-fit-magfit","title":"iPhone 17 Serie - Silikonhülle (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecke, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten vergünstigten Expressversand für unsere Elite- und Executive-Mitglieder. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Coupons \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämien-Coupons mit frischen neuen Produkten. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Mach mit \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/de\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Unsere Geschichte - Erfahre mehr über die Markengeschichte und Unternehmenshistorie von Spigen\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahre mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/de\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Nachhaltigkeit - Entdecke Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecke Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Kosmisches Orange \/ Auf Lager","offer_id":53890643230831,"sku":"ACS11378","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Schwarz \/ Auf Lager","offer_id":53890643263599,"sku":"ACS09902","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyssgrün \/ Auf Lager","offer_id":53890643296367,"sku":"ACS09903","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Stein \/ Auf Lager","offer_id":53890643329135,"sku":"ACS09904","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Stilles Blau \/ Auf Lager","offer_id":53890643361903,"sku":"ACS10048","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Kosmisches Orange \/ Auf Lager","offer_id":53890643394671,"sku":"ACS11379","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Schwarz \/ Auf Lager","offer_id":53890643427439,"sku":"ACS09955","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Abyssgrün \/ Auf Lager","offer_id":53890643460207,"sku":"ACS09956","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Stein \/ Auf Lager","offer_id":53890643492975,"sku":"ACS09957","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Stilles Blau \/ Auf Lager","offer_id":53890643525743,"sku":"ACS10079","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_ip17pro_siliconefit_magfit_01.jpg?v=1785117752"},{"product_id":"iphone-17-series-case-rugged-armor-magfit","title":"iPhone 17 Serie - Rugged Armor (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecke, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten ermäßigten Expressversand für unsere Elite- und Executive-Mitglieder. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison stellen wir unseren Elite- und Executive-Mitgliedern Prämiengutscheine mit frischer neuer Ausrüstung zur Verfügung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Mach mit \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/de\/pages\/about-us\" class=\"swiper-slide-container sq--story\" aria-label=\"Unsere Geschichte – Erfahre mehr über die Markengeschichte und Unternehmenshistorie von Spigen\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahre mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003ca href=\"\/de\/pages\/sustainability\" class=\"swiper-slide-container sq--sustainability\" aria-label=\"Nachhaltigkeit – Entdecke Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen\" tabindex=\"0\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecke Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Mattschwarz \/ Auf Lager","offer_id":53890643558511,"sku":"ACS09886","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Grau \/ Auf Lager","offer_id":53890643591279,"sku":"ACS09887","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Mattschwarz \/ Auf Lager","offer_id":53890643624047,"sku":"ACS09940","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Grau \/ Auf Lager","offer_id":53890643656815,"sku":"ACS09941","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Mattschwarz \/ Auf Lager","offer_id":53890643689583,"sku":"ACS09975","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Grau \/ Auf Lager","offer_id":53890643722351,"sku":"ACS09976","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_rugged_armor_black_01.jpg?v=1785117755"},{"product_id":"iphone-17-series-case-parallax-s-magfit","title":"iPhone 17 Serie - Parallax S (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003eReward Mitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller bekommen\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Nachhaltigkeitsbemühungen von Spigen und die Initiativen von ClimatePartner \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Mattschwarz \/ Auf Lager","offer_id":53890643755119,"sku":"ACS09911","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Salbeigrün \/ Nicht vorrätig","offer_id":53890643787887,"sku":"ACS09912","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Mattschwarz \/ Auf Lager","offer_id":53890643820655,"sku":"ACS09964","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Salbeigrün \/ Auf Lager","offer_id":53890643853423,"sku":"ACS09965","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_parallax_s_magfit_black_01.jpg?v=1785117757"},{"product_id":"iphone-17-series-case-optik-armor-magfit","title":"iPhone 17 Serie - Optik Armor (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für \u003cbr\u003eunsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison stellen wir unseren Elite- und Executive-Mitgliedern Prämiengutscheine mit frischen neuen Produkten zur Verfügung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt beitreten \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Schwarz \/ Auf Lager","offer_id":53890643886191,"sku":"ACS09900","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyssgrün \/ Auf Lager","offer_id":53890643918959,"sku":"ACS09901","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Schwarz \/ Auf Lager","offer_id":53890643951727,"sku":"ACS09953","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Abyssgrün \/ Auf Lager","offer_id":53890643984495,"sku":"ACS09954","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Schwarz \/ Auf Lager","offer_id":53890644017263,"sku":"ACS09930","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Schwarz \/ Auf Lager","offer_id":53890644050031,"sku":"ACS09987","price":18.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Abyssgrün \/ Auf Lager","offer_id":53890644082799,"sku":"ACS09988","price":18.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_iphone17pro_promax_optik_armor_magfit_black_02.jpg?v=1785117760"},{"product_id":"iphone-17-series-case-nano-pop-hybrid-magfit","title":"iPhone 17 Serie – Nano Pop Hybrid (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämien-Mitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten vergünstigten Expressversand für unsere Elite- und Executive-Mitglieder. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Coupons \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämien-Coupons mit brandneuen Geräten. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmensgeschichte. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Blaubeer-Marine \/ Auf Lager","offer_id":53890644115567,"sku":"ACS09607","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Avogrün \/ Auf Lager","offer_id":53890644148335,"sku":"ACS09608","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Blaubeer-Marine \/ Auf Lager","offer_id":53890644181103,"sku":"ACS09639","price":15.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Avogrün \/ Auf Lager","offer_id":53890644213871,"sku":"ACS09640","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone17_promax_nanopop_hybrid_magfit_blueberry_navy_01.jpg?v=1785117762"},{"product_id":"iphone-17-series-case-nano-pop-magfit","title":"iPhone 17 Serie - Nano Pop (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive-Betreuungsteam \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, von Garantieleistungen bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markenstory Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmenshistorie. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Blaubeer-Navy \/ Auf Lager","offer_id":53890644246639,"sku":"ACS09913","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Burgunderbohne \/ Auf Lager","offer_id":53890644279407,"sku":"ACS09914","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Schwarzer Sesam \/ Auf Lager","offer_id":53890644312175,"sku":"ACS09915","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Blaubeer-Navy \/ Auf Lager","offer_id":53890644344943,"sku":"ACS09966","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Burgunderbohne \/ Auf Lager","offer_id":53890644377711,"sku":"ACS09967","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Schwarzer Sesam \/ Auf Lager","offer_id":53890644410479,"sku":"ACS09968","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Blaubeer-Navy \/ Auf Lager","offer_id":53890644443247,"sku":"ACS09931","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Burgunderbohne \/ Auf Lager","offer_id":53890644476015,"sku":"ACS09932","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Schwarzer Sesam \/ Auf Lager","offer_id":53890644508783,"sku":"ACS09933","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Blaubeer-Navy \/ Auf Lager","offer_id":53890644541551,"sku":"ACS09990","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Burgunderbohne \/ Auf Lager","offer_id":53890644574319,"sku":"ACS09991","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Schwarzer Sesam \/ Auf Lager","offer_id":53890644607087,"sku":"ACS09992","price":13.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_6.9_nanopop_magfit_blueberry_navy_01.jpg?v=1785117765"},{"product_id":"iphone-17-series-case-liquid-air","title":"iPhone 17 Serie - Liquid Air","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit neuen Artikeln. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team eingerichtet, das sich persönlich um alles kümmert, von Garantieleistungen bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Jetzt Mitglied werden \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmensgeschichte. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Mattschwarz \/ Auf Lager","offer_id":53890644639855,"sku":"ACS09888","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Marineblau \/ Auf Lager","offer_id":53890644672623,"sku":"ACS09889","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Abyssgrün \/ Auf Lager","offer_id":53890644705391,"sku":"ACS09890","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Natur-Titan \/ Auf Lager","offer_id":53890644738159,"sku":"ACS09891","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Rosé-Titan \/ Auf Lager","offer_id":53890644770927,"sku":"ACS09892","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Mattschwarz \/ Auf Lager","offer_id":53890644803695,"sku":"ACS09942","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Marineblau \/ Auf Lager","offer_id":53890644836463,"sku":"ACS09943","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Abyssgrün \/ Auf Lager","offer_id":53890644869231,"sku":"ACS09944","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Natur-Titan \/ Auf Lager","offer_id":53890644901999,"sku":"ACS09945","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Mattschwarz \/ Auf Lager","offer_id":53890644934767,"sku":"ACS09922","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Marineblau \/ Auf Lager","offer_id":53890644967535,"sku":"ACS09923","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Abyssgrün \/ Auf Lager","offer_id":53890645000303,"sku":"ACS09924","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Natur-Titan \/ Auf Lager","offer_id":53890645033071,"sku":"ACS09925","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Mattschwarz \/ Auf Lager","offer_id":53890645065839,"sku":"ACS09977","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Marineblau \/ Auf Lager","offer_id":53890645098607,"sku":"ACS09978","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Abyssgrün \/ Auf Lager","offer_id":53890645131375,"sku":"ACS09979","price":9.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Natur-Titan \/ Auf Lager","offer_id":53890645164143,"sku":"ACS09980","price":9.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_6.9_liquid_air_blk_01.jpg?v=1785117769"},{"product_id":"iphone-17-series-case-crystal-flex-magfit","title":"iPhone 17 Serie - Crystal Flex (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eErfahren Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003eReward-Mitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten vergünstigten Expressversand für unsere Elite- und Executive-Mitglieder. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmenshistorie. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Klares Weiß \/ Nicht vorrätig","offer_id":53890645262447,"sku":"ACS09598","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klares Weiß \/ Nicht vorrätig","offer_id":53890645295215,"sku":"ACS09630","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Klares Weiß \/ Auf Lager","offer_id":53890645327983,"sku":"ACS09615","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Klares Weiß \/ Nicht vorrätig","offer_id":53890645360751,"sku":"ACS09648","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_iphone17promax_liquid_crystal_magfit_01.jpg?v=1785117771"},{"product_id":"iphone-17-series-case-core-armor-magfit","title":"iPhone 17 Serie - Core Armor (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecke, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Mach mit \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmenshistorie. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Mattschwarz \/ Auf Lager","offer_id":53890645393519,"sku":"ACS09596","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Marmorgrau \/ Auf Lager","offer_id":53890645426287,"sku":"ACS09672","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Mattschwarz \/ Auf Lager","offer_id":53890645459055,"sku":"ACS09627","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Marmorgrau \/ Auf Lager","offer_id":53890645491823,"sku":"ACS09682","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Mattschwarz \/ Auf Lager","offer_id":53890645524591,"sku":"ACS09613","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Marmorgrau \/ Nicht vorrätig","offer_id":53890645557359,"sku":"ACS09677","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Mattschwarz \/ Nicht vorrätig","offer_id":53890645590127,"sku":"ACS09645","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Marmorgrau \/ Auf Lager","offer_id":53890645622895,"sku":"ACS09687","price":13.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/detail_iphone17pro_core_armor_magfit_black_01.jpg?v=1785117773"},{"product_id":"iphone-17-series-case-classic-c1-magfit","title":"iPhone 17 Series - Classic C1 (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten ermäßigten Expressversand für unsere Elite- und Executive-Mitglieder. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saison-Gutschein \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive-Betreuungsteam \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmensgeschichte von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Mandarine \/ Auf Lager","offer_id":53890645655663,"sku":"ACS09910","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Bondi-Blau \/ Nicht vorrätig","offer_id":53890645688431,"sku":"ACS09908","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Graphit \/ Auf Lager","offer_id":53890645721199,"sku":"ACS09907","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Rubin \/ Auf Lager","offer_id":53890645753967,"sku":"ACS09909","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Mandarine \/ Auf Lager","offer_id":53890645786735,"sku":"ACS09963","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Bondi-Blau \/ Auf Lager","offer_id":53890645819503,"sku":"ACS09961","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Graphit \/ Auf Lager","offer_id":53890645852271,"sku":"ACS09960","price":19.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Rubin \/ Auf Lager","offer_id":53890645885039,"sku":"ACS09962","price":19.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_classic_c1_magfit_bondiblue_01.jpg?v=1785117776"},{"product_id":"iphone-17-series-ultra-hybrid-matte-magfit","title":"iPhone 17 Serie - Ultra Hybrid Matt (Mag Fit)","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003ePrämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Coupons \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämien-Coupons mit brandneuen Artikeln. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Markengeschichte Karussell\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Frostschwarz \/ Auf Lager","offer_id":53890645917807,"sku":"ACS10038","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Frostweiß \/ Auf Lager","offer_id":53890645950575,"sku":"ACS10039","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro Max \/ Frost Schwarz Orange \/ Auf Lager","offer_id":53890645983343,"sku":"ACS10480","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Frostschwarz \/ Auf Lager","offer_id":53890646016111,"sku":"ACS10069","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Frostweiß \/ Auf Lager","offer_id":53890646048879,"sku":"ACS10070","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Frost Schwarz Orange \/ Auf Lager","offer_id":53890646081647,"sku":"ACS10481","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Frostschwarz \/ Auf Lager","offer_id":53890646114415,"sku":"ACS10054","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Frostweiß \/ Auf Lager","offer_id":53890646147183,"sku":"ACS10055","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Frostschwarz \/ Auf Lager","offer_id":53890646179951,"sku":"ACS10085","price":13.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Frostweiß \/ Auf Lager","offer_id":53890646212719,"sku":"ACS10086","price":13.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_6.9_ultra_hybird_magfit_frost_blk_01.jpg?v=1785117778"},{"product_id":"iphone-17-series-glas-tr-alignmaster-s","title":"iPhone 17 Serie - GLAS.tR AlignMaster S","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Belohnungen\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere \u003cbr\u003eReward-Mitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten vergünstigten Expressversand für unsere Elite- und Executive-Mitglieder. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison bieten wir unseren Elite- und Executive-Mitgliedern Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team geschaffen, das sich persönlich um alles kümmert, vom Garantieservice bis hin zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über die Markengeschichte und Unternehmenshistorie von Spigen. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Entdecken Sie Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Klar \/ Auf Lager","offer_id":53890646245487,"sku":"AGL11322","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Klar \/ Auf Lager","offer_id":53890646278255,"sku":"AGL11323","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Klar \/ Auf Lager","offer_id":53890646311023,"sku":"AGL09859","price":10.5,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Klar \/ Auf Lager","offer_id":53890646343791,"sku":"AGL11324","price":10.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_align_master_s_2pk_cc_01.jpg?v=1785117780"},{"product_id":"iphone-17-series-glas-tr-alignmaster-s-privacy","title":"iPhone 17 Serie - GLAS.tR AlignMaster S Privacy","description":"\u003csq-listing-outro aria-labelledby=\"outro-heading\"\u003e \u003cdiv class=\"sq--section-outro-heading\" id=\"outro-heading\"\u003e \u003ch2\u003eMehr als nur Schutz.\u003c\/h2\u003e \u003cp\u003eEntdecken Sie, was wir tun und wie wir es tun.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sq--section-outro-body\"\u003e \u003cdiv class=\"sq--section-row\"\u003e \u003cdiv class=\"sq--section-column\"\u003e \u003cdiv class=\"sq--rewards\"\u003e \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Prämien\u003c\/h3\u003e \u003cp\u003eSchutz mit Vorteilen für unsere Prämienmitglieder.\u003c\/p\u003e \u003cdiv class=\"sq--rewards-feature-list\"\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_get_it_faster_web.png?v=1638826275\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003eSchneller erhalten\u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir bieten unseren Elite- und Executive-Mitgliedern einen vergünstigten Expressversand an. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_coupon_web.png?v=1638826331\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Saisonale Gutscheine \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Jede Saison erhalten unsere Elite- und Executive-Mitglieder Prämiengutscheine mit frischer neuer Ausrüstung. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item\"\u003e \u003cdiv class=\"sq--rewards-feature-item-icon\"\u003e \u003cimg role=\"presentation\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0841\/3845\/files\/icon_executive_care_team_web.png?v=1638826355\"\u003e \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-title\"\u003e Executive Care Team \u003c\/div\u003e \u003cdiv class=\"sq--rewards-feature-item-description\"\u003e Wir haben ein engagiertes Team aufgebaut, das sich persönlich um alles kümmert, vom Garantieservice bis zu allen Fragen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbutton type=\"button\" class=\"sq--button-pill\" onclick=\"location.href=\"\/de\/account\/register\"\"\u003e Treten Sie uns bei \u003c\/button\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper outro-carousel\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Spigen Brand Story Carousel\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003ch3 class=\"text-h3\"\u003eUnsere Geschichte\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Markengeschichte und Unternehmenshistorie. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \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 \u003cdiv class=\"sq--overlay-content\"\u003e \u003cimg class=\"img-climate-partner\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/0067\/files\/logo-climatePartner.png\" alt=\"ClimatePartner Logo\"\u003e \u003ch3 class=\"text-h3 sr-only\"\u003eNachhaltigkeit\u003c\/h3\u003e \u003cspan class=\"sr-only\"\u003e Erfahren Sie mehr über Spigens Nachhaltigkeitsbemühungen und ClimatePartner-Initiativen \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sq--outro-background-media\"\u003e \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 \u003c\/div\u003e \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/sq-listing-outro\u003e","brand":"iPhone 17 Series","offers":[{"title":"iPhone 17 Pro Max \/ Datenschutz \/ Auf Lager","offer_id":53890646409327,"sku":"AGL10100","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro \/ Datenschutz \/ Auf Lager","offer_id":53890646442095,"sku":"AGL10104","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone Air \/ Datenschutz \/ Auf Lager","offer_id":53890646474863,"sku":"AGL09860","price":12.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 \/ Datenschutz \/ Auf Lager","offer_id":53890646507631,"sku":"AGL10485","price":12.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2532\/7983\/files\/title_web_iphone_17_pro_max_align_master_s_2pk_privacy_01_3fc74864-9d2b-42d7-9143-742d2e4c15ca.jpg?v=1785117783"}],"url":"https:\/\/www.spigenhub.it.com\/de\/collections\/iphone-17-pro.oembed?page=3","provider":"spigenhub.it.com","version":"1.0","type":"link"}