{
  "action": "Product-ShowQuickView",
  "queryString": "pid=77-65186",
  "locale": "de_CH",
  "product": {
    "uuid": "a28085fba242410c7879df12f7",
    "id": "77-65186",
    "productName": "React Series Hülle für Redmi Note 8 Pro",
    "productType": "variant",
    "brand": "OtterBox",
    "attrsToUseForSwatch": "['color']",
    "attrGroupInclusion": null,
    "pdpSwatchTypeAsImage": false,
    "enableStickyAddToCart": false,
    "enableVariantSelectionInPdpStickyAddToCart": false,
    "hideQty": false,
    "enableQuantityStepper": false,
    "pdpCollapsibleContentDesktop5": null,
    "pdpCollapsibleContentDesktop4": {},
    "pdpCollapsibleContentDesktop3": {},
    "pdpCollapsibleContentDesktop2": {},
    "pdpCollapsibleContentDesktop1": {},
    "pdpHideSingleVariants": false,
    "pdpImageColumnWidth": {},
    "CustomName": null,
    "videoList": null,
    "pdpNativeVideoList": [],
    "pdpNativeVideoThumbnailList": [],
    "pdpGifList": [],
    "whiteBackground": true,
    "storeTypePreferences": "false",
    "quickviewShowHeadlineAndDescription": false,
    "productVideoPosition": null,
    "ProductSpecifications": {
      "CableLength": null,
      "Capacity": null,
      "CompatibleWith": null,
      "ConnectorType": null,
      "CurrentCapacity": null,
      "DataRate": null,
      "Dimensions": null,
      "DropHeight": null,
      "DropRating": null,
      "EdgeStrengthDescription": null,
      "EdgeStrengthRating": null,
      "FeaturesDescriptionLong": {},
      "FeaturesDescriptionShort": {
        "0": "Dünn",
        "1": "Klar"
      },
      "HasScreenProtection": null,
      "InstallationDescription": null,
      "IsAntiMicrobial": null,
      "LidType": null,
      "Materials": null,
      "Name1": "Redmi Note 8 Pro Hülle",
      "Name2": "React Series",
      "PackageContents": null,
      "PortType": null,
      "PowerInput": null,
      "PowerOutput": null,
      "RecycledContent": null,
      "ScratchResistanceDescription": null,
      "ScratchResistanceRating": null,
      "ShatterProtectionDescription": null,
      "ShatterProtectionRating": null,
      "classAPageDesigner": null,
      "classAPageDesignerB": null,
      "bottomPageDesignerA": null,
      "bottomPageDesignerB": null,
      "StorageTemperature": null,
      "TechnicalSpecifications": null,
      "Weight": {},
      "VideoPosition": null,
      "EmailCapture": false
    },
    "CustomUrls": {
      "CustomizeUrl": null,
      "B2BUrl": null
    },
    "IconContent": {
      "IconOne": null,
      "IconTwo": null,
      "IconThree": null,
      "IconFour": null
    },
    "EmailCapture": true,
    "preLaunch": null,
    "limitedEdition": null,
    "productProfile": null,
    "productDropRating": null,
    "PageDesignerID": null,
    "PdpTemplateHelper": {
      "templates": {
        "Icons": "",
        "CustomizeIcon": "",
        "PdpEmailSignUp": "    <hr>\n    \n    \n        \n        \n        <div class=\"row\">\n            \n                    <label class=\"form-control-label ml-2\" for=\"pdp-email-signup-form\">\n                        Lassen Sie sich benachrichtigen, wenn dieses Produkt wieder verf&uuml;gbar ist.\n                    </label>\n            \n        </div>\n        <div class=\"row\">\n            <div class=\"col-sm-6\">\n                <form id=\"pdp-email-signup-form\" method=\"post\" action=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/MailingList-Submit\">\n                    <input type=\"text\"   name=\"signupEmail\" class=\"form-control flex-fill\" id=\"email-sign-up-input\" placeholder=\"Geben Sie Ihre E-Mail ein\" >\n                    <input type=\"hidden\" name=\"addToList\" value=\"true\">\n                    <input type=\"hidden\" name=\"mailingListName\" value=\"Back in Stock\">\n                    <input type=\"hidden\" name=\"crmLeadSource\" value=\"PDP\">\n                    <input type=\"hidden\" name=\"productId\" value=\"77-65186\">\n                    <input type=\"hidden\" name=\"productImageUrl\" value=\"\">\n                </form>\n            </div>\n            <div class=\"col-sm-6\">\n                <button id=\"email-sign-up-button\" class=\"btn btn-primary\" form=\"pdp-email-signup-form\">\n                    Geben Sie Ihre E-Mail ein\n                </button>\n            </div>\n        </div>\n        <div class=\"row mt-3\">\n            <div class=\"col-sm-11 email-alert\">\n                \n            </div>\n        </div>\n    \n\n"
      }
    },
    "ProductRatings": {
      "bvCartridgeEnabled": false,
      "bvAverageRating": null,
      "bvReviewCount": null,
      "bvRatingRange": null
    },
    "dropSpecs": null,
    "color": "Clear",
    "shortFeaturesDescription": {
      "0": "Dünn",
      "1": "Klar"
    },
    "materials": null,
    "caseDesign": null,
    "recycledContent": null,
    "ulCertified": null,
    "price": {
      "sales": {
        "value": 24.99,
        "currency": "EUR",
        "formatted": "24,99 €",
        "decimalPrice": "24.99"
      },
      "list": null
    },
    "renderedPrice": "    <div class=\"price\">\n        \n        \n\n\n<span>\n    \n\n    \n\n    \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"24.99\">\n                24,99 &euro;\n\n\n            </span>\n        \n    </span>\n</span>\n\n    \n    \n\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "React Series Hülle für Redmi Note 8 Pro",
          "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=800&sh=800",
          "index": "0",
          "title": "React Series Hülle für Redmi Note 8 Pro",
          "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg",
          "type": "dis"
        },
        {
          "alt": "React Series Hülle für Redmi Note 8 Pro",
          "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=800&sh=800",
          "index": "1",
          "title": "React Series Hülle für Redmi Note 8 Pro",
          "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg",
          "type": "dis"
        },
        {
          "alt": "React Series Hülle für Redmi Note 8 Pro",
          "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=800&sh=800",
          "index": "2",
          "title": "React Series Hülle für Redmi Note 8 Pro",
          "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg",
          "type": "dis"
        }
      ],
      "small": [
        {
          "alt": "React Series Hülle für Redmi Note 8 Pro",
          "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=176&sh=176",
          "index": "0",
          "title": "React Series Hülle für Redmi Note 8 Pro",
          "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg",
          "type": "dis"
        },
        {
          "alt": "React Series Hülle für Redmi Note 8 Pro",
          "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=176&sh=176",
          "index": "1",
          "title": "React Series Hülle für Redmi Note 8 Pro",
          "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg",
          "type": "dis"
        },
        {
          "alt": "React Series Hülle für Redmi Note 8 Pro",
          "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=176&sh=176",
          "index": "2",
          "title": "React Series Hülle für Redmi Note 8 Pro",
          "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg",
          "type": "dis"
        }
      ],
      "hi-res": [
        {
          "alt": "React Series Hülle für Redmi Note 8 Pro",
          "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=1600&sh=1600",
          "index": "0",
          "title": "React Series Hülle für Redmi Note 8 Pro",
          "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg",
          "type": "dis"
        },
        {
          "alt": "React Series Hülle für Redmi Note 8 Pro",
          "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=1600&sh=1600",
          "index": "1",
          "title": "React Series Hülle für Redmi Note 8 Pro",
          "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg",
          "type": "dis"
        },
        {
          "alt": "React Series Hülle für Redmi Note 8 Pro",
          "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=1600&sh=1600",
          "index": "2",
          "title": "React Series Hülle für Redmi Note 8 Pro",
          "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg",
          "type": "dis"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 3,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Farbe",
        "id": "color",
        "swatchable": true,
        "displayValue": "Clear",
        "values": [
          {
            "id": "Clear",
            "description": "Clear",
            "displayValue": "Clear",
            "value": "Clear",
            "selected": true,
            "selectable": true,
            "available": true,
            "url": "https://www.otterbox.co.uk/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?dwvar_xiaa3-redmi-note-8-pro_color=&pid=xiaa3-redmi-note-8-pro&quantity=1",
            "absUrl": "https://www.otterbox.co.uk/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?dwvar_xiaa3-redmi-note-8-pro_color=Clear&pid=xiaa3-redmi-note-8-pro&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "React Series Hülle für Redmi Note 8 Pro",
                  "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw0e7641a3/productimages/swatch/clear.jpg?sw=60&sh=60",
                  "index": "0",
                  "title": "React Series Hülle für Redmi Note 8 Pro",
                  "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dw0e7641a3/productimages/swatch/clear.jpg",
                  "type": "swatch"
                }
              ],
              "card": [
                {
                  "alt": "React Series Hülle für Redmi Note 8 Pro",
                  "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=400&sh=400",
                  "index": "0",
                  "title": "React Series Hülle für Redmi Note 8 Pro",
                  "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg",
                  "type": "dis"
                },
                {
                  "alt": "React Series Hülle für Redmi Note 8 Pro",
                  "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=400&sh=400",
                  "index": "1",
                  "title": "React Series Hülle für Redmi Note 8 Pro",
                  "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg",
                  "type": "dis"
                },
                {
                  "alt": "React Series Hülle für Redmi Note 8 Pro",
                  "url": "https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=400&sh=400",
                  "index": "2",
                  "title": "React Series Hülle für Redmi Note 8 Pro",
                  "absURL": "https://www.otterbox.co.uk/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg",
                  "type": "dis"
                }
              ],
              "type": "swatch"
            },
            "pid": "77-65186",
            "sortIndex": 0
          }
        ],
        "isOnlyVariant": true
      }
    ],
    "longDescription": null,
    "shortDescription": "React Series is an ultra-slim, resilient OtterBox case with DROP+ protection. DROP + is the OtterBox testing protocol that proves every product we make, at a minimum, meets Military Standard - that’s 26 drops from 4 feet. REACT Series’ solid one-piece form is precision designed for your phone and its soft touch edges provide great grip. The case installs easily and also seamlessly slides in and out of backpacks or pockets.",
    "rating": 4.2,
    "promotions": null,
    "attributes": null,
    "availability": {
      "messages": [
        "Auf Lager"
      ],
      "inStockDate": null,
      "labelAddToCart": "Zum Warenkorb hinzufügen",
      "labelBuyNow": "Buy Now",
      "isPreOrderBackOrder": false
    },
    "available": true,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?pid=77-65186&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?pid=77-65186&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?pid=77-65186&quantity=3"
      }
    ],
    "selectedProductUrl": "/de-ch/redmi-note-8-pro-hulle/xiaa3-redmi-note-8-pro.html?dwvar_xiaa3-redmi-note-8-pro_color=Clear",
    "selectedProductAbsoluteUrl": "https://www.otterbox.co.uk/de-ch/redmi-note-8-pro-hulle-clear/77-65186.html",
    "readyToOrder": true,
    "online": true,
    "pageTitle": "Transparente Hülle für das Note10+",
    "pageDescription": "React Series Hülle für Redmi Note 8 Pro",
    "pageKeywords": "react",
    "pageMetaTags": [],
    "template": null,
    "headlineDescription": null,
    "headline": null,
    "recommendations": [],
    "accessoryRecommendations": [],
    "hasAccessoryRecommendations": false,
    "pdpAssetIds": [],
    "pdpGalleryAssets": [],
    "tabs": [],
    "collapsibleContent": [
      {
        "title": "",
        "content": null,
        "state": "collapsed-closed"
      },
      {
        "title": "Spezifikationen",
        "content": "<div class='container product-specification-list compatible-with product-specification-item'> <div class='append-stats'><h4><span>Kompatibilität</span></h4></div> <ul> <li>Redmi Note 8 Pro</li> </ul> </div>   <div class='container product-specification-list dimensions product-specification-item'> <div class='append-stats'><h4><span>Abmessungen</span></h4></div> <ul> <li>6.50 in x 3.20 in x 0.48 in / 165.10 mm x 81.28 mm x 12.19 mm</li> </ul> </div> <div class='container product-specification-list weight product-specification-item'> <div class='append-stats'><h4><span>Gewicht</span></h4></div> <ul> <li>0.09 lbs | 42.00 g</li> </ul> </div>              ",
        "state": "collapsed-closed"
      },
      {
        "title": "Features",
        "content": "<li>Die ultraflache, einteilige Schutzhülle gleitet leicht in Taschen und wieder hinaus.</li>\n<li>Ihr stabiles einteiliges Design wurde präzise auf Ihr Telefon zugeschnitten und die angenehme Haptik sorgt für hervorragende Griffigkeit.</li>\n<li>Erhöhter Profilrand zum Schutz des Touchscreens.</li>\n<li>Qi Wireless Charging funktioniert mit der React-Schutzhülle.</li>",
        "state": "collapsed-closed"
      },
      {
        "title": "",
        "content": null,
        "state": "collapsed-closed"
      }
    ],
    "badges": [],
    "selectedColorName": "Clear",
    "wishlistpid": "77-65186",
    "warrantyData": {
      "description": "",
      "isWarrantyEligible": true,
      "damageCode": ""
    },
    "socialSharingTitle": null,
    "socialSharingDescription": null,
    "absProductPageUrl": "https://www.otterbox.co.uk/de-ch/redmi-note-8-pro-hulle-clear/77-65186.html"
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Styles nach Verfügbarkeit auswählen",
    "assistiveSelectedText": "ausgewählt"
  },
  "quickViewFullDetailMsg": "Alle Details ansehen",
  "closeButtonText": "Schnellansicht-Dialogfeld schließen",
  "enterDialogMessage": "Start des Schnellansicht-Dialogfensters. Wählen Sie „Schließen“, um abzubrechen und das Fenster zu schließen.",
  "template": "product/quickView.isml",
  "bvDisplay": {
    "bvPid": "xiaa3-redmi-note-8-pro",
    "qvType": "inlineratings",
    "rating": {
      "enabled": false,
      "type": "none"
    }
  },
  "csrf": {
    "tokenName": "csrf_token",
    "token": "ZrURvDN-mKDwo3jlIv4DSFbhzfhO9JIlzosFAIDmSF1DIIumDPYwkM1T3kBUDG5xM6bmYTJA4mR-Lf27W6OxBHf3y6Q8JtkEFP00RuD-u1OriryJK40IgTLYxWu_ma8hPC2VgIrZ8P-_WKsM9ofl_ShML6iytERFepmMiZDvuKMGnIc_oJo="
  },
  "promos": "",
  "masterId": "xiaa3-redmi-note-8-pro",
  "color": "Clear",
  "prodOptions": "color:clear",
  "navLevls": {
    "product_nav_lvl3": "redmi-note-8-pro",
    "product_nav_lvl2": "xiaomi",
    "product_nav_lvl1": "more-cases"
  },
  "NotiFyResources": {
    "mailingListNames": {
      "BackInStock": "Back in Stock",
      "NewProduct": "New Product",
      "Newsletter": "Newsletter",
      "LimitedEditionSoldOut": "Limited Edition 2024 signup"
    },
    "notifyLabels": {
      "outOfStock": {
        "label": "Benachrichtigung „Wieder auf Lager“",
        "description": "Dieser Artikel ist nicht vorrätig. Geben Sie Ihre E-Mail-Adresse ein, um benachrichtigt zu werden, wenn sie verfügbar ist."
      },
      "newProduct": {
        "label": "Benachrichtigung zur Produkteinführung",
        "description": "Geben Sie Ihre E-Mail-Adresse ein, um benachrichtigt zu werden, wenn es verfügbar ist."
      },
      "soldOut": {
        "label": "Sold Out",
        "description": "Oh no! We're sold out. But more limited-edition drops are coming.  Sign up and be the first in line."
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-variant col product-wrapper product-detail\n    \n    \"\n    data-pid=\"77-65186\" data-swatchable-attributes=\"['color']\"\n    data-pricelist=\"24.99\"\n    data-discountedprice=\"24.99\"\n    data-pricediscount=\"0.0\"\n    data-brand=\"OtterBox\" data-color=\"Clear\" data-promos=\"\" data-options=\"color:clear\" \n    data-navlv1 = \"more-cases\" data-navlv2 = \"xiaomi\" \n    data-navlv3 = \"redmi-note-8-pro\" data-masterid = \"xiaa3-redmi-note-8-pro\"\n    >\n\n    <div class=\"row\">\n\n        \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\n<div class=\"primary-images col-12 col-lg-6 \">\n            \n            <div class=\"badge-product-container\">\n                \n            </div>\n\n            <div class=\"row\">\n                \n                <input type=\"hidden\" id=\"videoPositionValue\" value=\"\">\n                <div class='primary-images-main col-12 product-has-thumbnails order-lg-2'>\n                <div  class=\"d-lg-none\">\n                <div class=\"aspect-ratio-box\">\n                    <div class=\"aspect-ratio-box-inside\">\n                    <div class=\"slider-pdp js-slider-pdp-mobile slider-container slider-no-heading-text pagination-style-dots slider-buttons-inside slider-buttons-inside-md slider-buttons-inside-lg\" \n                        data-productbadge=\"0.0\"\n                        data-slider-loop=\"true\"\n                        data-slider-gutter=\"1\"\n                        data-slider-gutter-md=\"1\"\n                        data-slider-gutter-lg=\"1\"\n                        data-slider-thumbnail-container=\"slider-pdp-77-65186\">\n                        <div class=\"slider\">\n                            \n                            \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 1 - Redmi Note 8 Pro H&uuml;lle React Series\"\n                                        itemprop=\"image\" fetchpriority=\"high\" loading=\"eager\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-65186\"\n       data-productname=\"React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro\"\n       data-uuid=\"\"\n       data-addmessage=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n       data-removemessage=\"Entfernen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro von Ihrer Wunschliste\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                                    \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 2 - Redmi Note 8 Pro H&uuml;lle React Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-65186\"\n       data-productname=\"React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro\"\n       data-uuid=\"\"\n       data-addmessage=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n       data-removemessage=\"Entfernen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro von Ihrer Wunschliste\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 3 - Redmi Note 8 Pro H&uuml;lle React Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-65186\"\n       data-productname=\"React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro\"\n       data-uuid=\"\"\n       data-addmessage=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n       data-removemessage=\"Entfernen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro von Ihrer Wunschliste\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                            \n\n                            \n                            \n                                \n                            \n\n                            \n                                \n                                \n                            \n                            \n                            \n                                \n                            \n                        </div>\n                    </div>\n                    </div>\n                    </div>\n                </div>\n                <div class=\"slider-pdp slider-container desktop-grid-wrapper d-none d-lg-block\" data-productbadge=\"0.0\">\n                        <div class=\"d-none d-lg-block d-xl-none\">\n                            \n                                    \n    <button href=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-65186\"\n       data-productname=\"React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro\"\n       data-uuid=\"\"\n       data-addmessage=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n       data-removemessage=\"Entfernen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro von Ihrer Wunschliste\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                \n                        </div>\n                        <div class=\"desktop-grid-view\">\n                                \n                                \n                                \n                                    \n                                    <div class=\"slide white-bg\" data-zoom-image=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 1 - Redmi Note 8 Pro H&uuml;lle React Series\"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide white-bg\" data-zoom-image=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 2 - Redmi Note 8 Pro H&uuml;lle React Series\"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide white-bg\" data-zoom-image=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 3 - Redmi Note 8 Pro H&uuml;lle React Series\"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                \n                                \n                                    \n                                \n                                \n                                    \n                                    \n                                \n                                \n                                \n                                    \n                                \n                        </div>\n                </div>\n                </div>\n            </div>\n\n        <div id=\"videoModal\" class=\"video-modal modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"videoModal\">\n            <div class=\"modal-dialog modal-lg\" role=\"document\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h5 class=\"modal-title\"></h5>\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                            <span aria-hidden=\"true\">&times;</span>\n                        </button>\n                    </div>\n                    <div class=\"modal-body video-container aspect-ratio-16-9 aspect-ratio-16-9-md\">\n                    <iframe id=\"ytplayer\" class=\"video-player\" title=\"Youtube Product Video\" width=\"640\" height=\"360\" allowfullscreen=\"allowfullscreen\"></iframe>\n                            \n                                \n                                <video id=\"nativeVideoPlayer\" preload=\"metadata\" class=\"video-player d-none js-native-video-player\" aria-describedby=\"Native Video Player\" controls poster=\"null\">\n                                    <source src=\"\" type=\"video/mp4\">\n                                </video>                      \n                            \n                    </div>\n                </div>\n            </div>\n        </div>\n\n\n<div class=\"d-lg-none\">\n    <div class=\"row\">\n        \n            \n            \n            \n            \n            <div class=\"primary-images primary-images-thumbnails col-12 order-lg-1 \">\n                <section aria-label=\"Redmi Note 8 Pro H&uuml;lle React Series image carousel\"\n                    id=\"slider-pdp-77-65186\"\n                    class=\"slider-pdp slider-pdp-nav slider-container slider-no-heading-text slider-buttons-inside\"\n                    data-slider-items=\"5\"\n                    data-slider-items-md=\"3\"\n                    data-slider-items-lg=\"3\"\n                    data-slider-gutter=\"2\"\n                    data-slider-gutter-md=\"1\"\n                    data-slider-gutter-lg=\"1\"\n                    data-slider-loop=\"false\">\n\n           <div class=\"slider\">\n                            \n                            \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 1 - Redmi Note 8 Pro H&uuml;lle React Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwe6782297/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-1.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 2 - Redmi Note 8 Pro H&uuml;lle React Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw4c9f2ec9/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro-2.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 3 - Redmi Note 8 Pro H&uuml;lle React Series\"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                            \n                            \n                            \n                                \n                            \n\n                            \n                                \n                                \n                            \n                            \n                            \n                                \n                            \n                        </div>\n\n\n                    <!--<div class=\"slider-thumbnail-controls\">\n                        <button class='prev icon-arrow-left-thin' aria-label=\"previous slide\">\n                            \n                        </button>\n                        <button class='next icon-arrow-right-thin' aria-label=\"next slide\">\n                            \n                        </button>\n                    </div>-->\n                </section>\n            </div>\n        \n    </div>\n</div>\n</div>\n\n        <div class=\"product-data col-12 col-md-6\">\n            <div class=\"d-none d-xl-block\">\n                \n                    \n    <button href=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-65186\"\n       data-productname=\"React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro\"\n       data-uuid=\"\"\n       data-addmessage=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n       data-removemessage=\"Entfernen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro von Ihrer Wunschliste\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"F&uuml;gen Sie React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro zu Ihrer Wunschliste hinzu\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                \n            </div>\n            <div class=\"product-title\">\n                \n\n    \n        <span class=\"product-prename\">Redmi Note 8 Pro H&uuml;lle\n        </span>\n\n\n\n                \n\t<h2 class=\"product-name\">React Series</h2>\n\n                \n            </div>\n\n            \n\n            \n            \n                \n                    \n                \n            \n            <div class=\"detail-panel\">\n                <section class=\"attributes all-attributes m-0 single-color-swatch\">\n                    \n                    \n                    \n                    \n                        \n                        <div data-attr=\"color\" class=\"swatch row yes-color-attribute\">\n                            <div class=\"col-12\">\n                                \n\n\n\n\n    <fieldset class=\"attribute colorswatch\">\n        \n\n            \n            <legend class=\"color non-input-label color-label\">\n                Farbe: <span class=\"color-display-value\">Clear</span>\n                <button class=\"selectedsearchtext\"> <span>Kaufen Sie weitere Produkte in dieser Farbe</span></button>\n            </legend>\n\n            \n            \n                \n                    \n                     \n                    \n                    <button class=\"color-attribute  d-none\"\n                            aria-label=\"Ausw&auml;hlen Farbe Clear\"\n                            aria-describedby=\"Clear\"\n                            data-url=\"https://www.otterbox.co.uk/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?dwvar_xiaa3-redmi-note-8-pro_color=Clear&amp;pid=xiaa3-redmi-note-8-pro&amp;quantity=1\" \n                            data-sort=\"0\"\n                    >\n                        <span data-attr-value=\"Clear\"\n                            data-displayvalue=\"Clear\"\n                            data-vpurl='https://www.otterbox.co.uk/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-GetVPPrice?vpid=77-65186'\n                            data-searchUrl=\"https://www.otterbox.co.uk/de-ch/suchen?q=Clear\"\n                            class=\"swatch\n                                color-value\n                                swatch-circle\n                                swatch-value\n                                selected\n                                \n                                selectable\"\n                            style=\"background-image: url(https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw0e7641a3/productimages/swatch/clear.jpg?sw=60&amp;sh=60)\"\n                        >\n                        </span>\n                        <span id=\"Clear\" class=\"sr-only selected-assistive-text\">\n                            ausgew&auml;hlt\n                        </span>\n                    </button>\n                \n            \n        \n    </fieldset>\n\n\n\n                            </div>\n\n                            \n                                <div class=\"attribute quantity col-5 d-flex d-sm-none  \">\n                                    \n                                        <div class=\"quantity col \">\n\n    \n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\t<label for=\"quantity-1\" class=\"sr-only\">\n        <span>Anzahl ausw&auml;hlen:</span>\n        \n    </label>\n\n\t<select\n        class=\"quantity-select custom-select form-control d-none\"\n        id=\"quantity-1\"\n        name=\"quantity-select\"\n        tabindex=\"0\"\n    >\n        \n            \n                \n            \n            <option value=\"1\"\n                data-url=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?pid=77-65186&amp;quantity=1\"\n                    selected\n            >\n                1\n            </option>\n        \n            \n            <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?pid=77-65186&amp;quantity=2\"\n                    \n            >\n                2\n            </option>\n        \n            \n            <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?pid=77-65186&amp;quantity=3\"\n                    \n            >\n                3\n            </option>\n        \n    </select>\n    \n    \n    \n    \n    \n\t\n        <div\n    class=\"quantity-stepper form-control \"\n    data-min=\"1\"\n    data-max=\"3\"\n>\n    <button class=\"icon-minus\" data-action=\"decrease\"></button>\n    <input name=\"qty-stepper-null\" data-uuid=\"null\" type=\"text\" value=\"1\" data-qty=\"1\" />\n    <button class=\"icon-plus\" data-action=\"increase\"></button>\n</div>\n\n</div>\n\n                                    \n                                </div>\n                            \n                        </div>\n                    \n                </section>\n\n                <div class=\"product-item-details d-block\">\n\n                    \n                    <div class=\"global-availability d-flex flex-row-reverse\"\n                        data-ready-to-order=\"true\" data-available=\"true\">\n                        \n                        <div class=\"sku\">\n                            <span>\n    SKU\n</span>\n<span class=\"product-id\">\n    \n        77-65186\n    \n</span>\n\n\n\n                        </div>\n                        <!-- Availability -->\n<div class=\"availability row product-availability\" data-ready-to-order=\"true\" data-available=\"true\">\n    <div class=\"col-12 availability-container mb-2 mb-sm-0\">\n    <label class=\"availability non-input-label mb-0 mr-1\">Verf&uuml;gbarkeit</label>\n    <ul class=\"list-unstyled availability-msg m-0\">\n\n        \n            \n                <li>\n                    \n                        <span>Auf Lager</span>\n                    \n                </li>\n            \n        \n    </ul>\n</div>\n</div>\n\n\n\n\n\n\n\n                    </div>\n\n                </div>\n\n                 \n\n\n\n\n                <div class=\"outofStock\">\n                    \n\n    \n    <div id=\"outofStock-swatch\"\n        class=\"notifyme-email  d-none\">\n        <div class=\"notifyme-canvas pt-0\">\n            <form role=\"form\" id=\"pdp-notifyme-signup-form\" action=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/MailingList-NotifyMe\"\n                method=\"POST\" data-failureformat=\"Es wurde eine ung&uuml;ltige E-Mail-Adresse eingegeben. Bitte geben Sie eine g&uuml;ltige E-Mail-Adresse ein.\">\n                <input type=\"hidden\" name=\"addToList\" value=\"false\">\n                \n                        <input type=\"hidden\" name=\"mailingListName\" value=\"Back in Stock\">\n                \n                <input type=\"hidden\" name=\"crmLeadSource\" value=\"PDP\">\n                <input type=\"hidden\" name=\"productId\" value=\"77-65186\">\n                <input type=\"hidden\" name=\"productName\" value=\"React Series H&uuml;lle f&uuml;r Redmi Note 8 Pro\">\n                <input type=\"hidden\" name=\"productPageUrl\" value=\"https://www.otterbox.co.uk/de-ch/redmi-note-8-pro-hulle-clear/77-65186.html\">\n                <input type=\"hidden\" name=\"deviceName\" value=\"Redmi Note 8 Pro H&uuml;lle\">\n                <input type=\"hidden\" name=\"productImageUrl\" value=\"https://www.otterbox.co.uk/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwa3f6f63e/productimages/dis/cases-screen-protection/xiaa3-redmi-note-8-pro/xiaa3-redmi-note-8-pro.jpg?sw=800&amp;sh=800\">\n                <div id=\"notifyme-sign-up-container\">\n\n                    \n                            <p class=\"alert-text font-weight-normal span-alert-notify\">Dieser Artikel ist nicht vorr&auml;tig. Geben Sie Ihre E-Mail-Adresse ein, um benachrichtigt zu werden, wenn sie verf&uuml;gbar ist.</p>\n                    \n\n                    <div class=\"form-group required row\">\n                        <div class=\"col-12 col-sm-7\">\n                            <label for=\"pdEmailSignUp\" class=\"sr-only\">\n                                Geben Sie Ihre E-Mail ein</label>\n                            <input type=\"text\" class=\"form-control\" name=\"pdEmailSignUp\" id=\"pdEmailSignUp\"\n                            placeholder=\"Geben Sie Ihre E-Mail ein\">\n                        </div>\n                         <div class=\"col\">\n                             <button type=\"submit\" class=\"btn-primary notifyme-email\">\n                                Anmeldung\n                            </button>\n                        </div>\n                    </div>\n\n                    <div class=\"alert alert-danger email-alert mt-3\"></div>\n                </div>\n            </form>\n        </div>\n    </div>\n\n                </div>\n\n                \n                    \n                \n            </div>\n        </div>\n    </div>\n\n    \n\n    \n</div>\n\n<div class=\"modal-footer row align-items-end\">\n    \n    <div class=\"row w-100\">\n        <div class=\"col-md-5 col-sm-12 promotions\">\n            \n\n\n\n        </div>\n\n        <div class=\"col-md-7 col-sm-12\">\n            <div class=\"row align-items-end\">\n                <div class=\"quantity col-4 d-none d-md-block \">\n                    \n                        <div class=\"quantity col \">\n\n    \n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\t<label for=\"quantity-1\" class=\"sr-only\">\n        <span>Anzahl ausw&auml;hlen:</span>\n        \n    </label>\n\n\t<select\n        class=\"quantity-select custom-select form-control d-none\"\n        id=\"quantity-1\"\n        name=\"quantity-select\"\n        tabindex=\"0\"\n    >\n        \n            \n                \n            \n            <option value=\"1\"\n                data-url=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?pid=77-65186&amp;quantity=1\"\n                    selected\n            >\n                1\n            </option>\n        \n            \n            <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?pid=77-65186&amp;quantity=2\"\n                    \n            >\n                2\n            </option>\n        \n            \n            <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Product-Variation?pid=77-65186&amp;quantity=3\"\n                    \n            >\n                3\n            </option>\n        \n    </select>\n    \n    \n    \n    \n    \n\t\n        <div\n    class=\"quantity-stepper form-control \"\n    data-min=\"1\"\n    data-max=\"3\"\n>\n    <button class=\"icon-minus\" data-action=\"decrease\"></button>\n    <input name=\"qty-stepper-null\" data-uuid=\"null\" type=\"text\" value=\"1\" data-qty=\"1\" />\n    <button class=\"icon-plus\" data-action=\"increase\"></button>\n</div>\n\n</div>\n\n                    \n                </div>\n\n                <div class=\"col-8 mx-auto\">\n                    <div class=\"prices clearfix\">\n                        \n                        \n    <div class=\"price\">\n        \n        \n\n\n<span>\n    \n\n    \n\n    \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"24.99\">\n                24,99 &euro;\n\n\n            </span>\n        \n    </span>\n</span>\n\n    \n    \n\n\n    </div>\n\n\n                    </div>\n                    \n                        \r\n<div class=\"row cart-and-ipay\">\r\n    <div class=\"col-sm-12\">\r\n        <input type=\"hidden\" class=\"js-is-show-pp-button\" value=\"true\">\r\n        <input type=\"hidden\" class=\"add-to-cart-url js-add-to-cart-url\" value=\"/on/demandware.store/Sites-ob_emea-Site/de_CH/Cart-AddProduct\">\r\n        <button class=\"add-to-cart-global btn btn-primary js-add-to-cart-global qv-product-edit-add\"\r\n            data-pid=\"77-65186\" >\r\n            <i class=\"fa fa-shopping-bag\"></i>\r\n            \r\n                    \r\n                        Zum Warenkorb hinzuf&uuml;gen\r\n                    \r\n\r\n                </iselse>\r\n            \r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n\n                    \n                </div>\n            </div>\n        </div>\n    </div>\n</div>",
  "productUrl": "/de-ch/redmi-note-8-pro-hulle-clear/77-65186.html"
}