www.coolblue.de Open in urlscan Pro
99.86.7.10  Public Scan

Submitted URL: http://navigaurd.com/
Effective URL: https://www.coolblue.de/produkt/869133/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen.html?clickref=1101liYrxMCi&utm_so...
Submission: On March 22 via api from US — Scanned from DE

Form analysis 9 forms found in the DOM

GET https://www.coolblue.de/suchen

<form action="https://www.coolblue.de/suchen" data-component="[{&quot;name&quot;:&quot;searchBar&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]" class="position--relative js-search-form" data-close-text="Schließen"
  data-url-typeahead="https://www.coolblue.de/sw/typeahead" data-url-empty-typeahead="https://www.coolblue.de/sw/empty-typeahead?path=/produkt/869133/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen.html&amp;productId=869133" method="get"
  role="search">
  <div class="search__container">
    <div class="search__input-container">
      <!-- [html-validate-disable-next input-missing-label: is disabled since we are using aria-label instead ] -->
      <input autocapitalize="off" autocomplete="off" autocorrect="off" autosave="coolblueSearch" aria-label="Nach Produkten suchen" class="search__input js-search-input" id="search_query" maxlength="99" name="query" placeholder="Suchen nach ..."
        spellcheck="false" type="search" value=""
        data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;focus&quot;,&quot;once&quot;:true,&quot;ga&quot;:{&quot;category&quot;:&quot;search form&quot;,&quot;action&quot;:&quot;focus&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      <button class="search__clear-button hide js-typeahead-clear" title="Suchanfrage löschen" type="button" aria-label="Suchanfrage löschen"
        data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;search form&quot;,&quot;action&quot;:&quot;clear search input&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
        <svg class="icon icon--color-silver" aria-hidden="true" viewBox="0 0 99 99" focusable="false">
          <circle cx="49.5" cy="49.5" r="49.5"></circle>
          <path fill="#FFF" transform="rotate(45 49.5 49.5)"
            d="M49.5 21c-3 0-5.5 2.3-5.5 5.2V44H26.2c-3 0-5.2 2.6-5.2 5.5 0 3 2.3 5.5 5.2 5.5H44v17.8c0 3 2.6 5.2 5.5 5.2 3 0 5.5-2.3 5.5-5.2V55h17.8c3 0 5.2-2.6 5.2-5.5 0-3-2.3-5.5-5.2-5.5H55V26.2c0-3-2.6-5.2-5.5-5.2z"></path>
        </svg>
      </button>
      <button class="search__action js-typeahead-button" type="submit" aria-label="Suchen"
        data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;search form&quot;,&quot;action&quot;:&quot;search without suggestion&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
        <svg class="search__action-icon icon icon--rotate-ccw icon--size-5" focusable="false">
          <use xlink:href="#icon-search"></use>
        </svg>
      </button>
    </div>
    <div class="search__cancel-container">
      <button type="button" class="search__cancel js-typeahead-cancel-button"
        data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;search form&quot;,&quot;action&quot;:&quot;exit mobile typeahead&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
        Abbrechen </button>
    </div>
  </div>
</form>

POST /anmelden

<form class="js-login-form" action="/anmelden" method="post"
  data-component="[{&quot;name&quot;:&quot;formValidator&quot;,&quot;options&quot;:{&quot;validationMessages&quot;:{&quot;csrf&quot;:null,&quot;emailaddress&quot;:{&quot;1&quot;:&quot;Es wurde keine <span>E-Mail-Adresse</span> eingegeben.&quot;,&quot;2&quot;:&quot;Es wurde keine gültige <span>E-Mail-Adresse</span> eingegeben. Überprüfe, ob die E-Mail-Adresse ein @ und einen Punkt enthält. Es sollten auch keine Leerstellen darinstehen.&quot;,&quot;4&quot;:&quot;Es wurde eine zu kurze <span>E-Mail-Adresse</span> eingegeben.&quot;,&quot;8&quot;:&quot;Es wurde eine zu lange <span>E-Mail-Adresse</span> eingegeben.&quot;},&quot;password&quot;:{&quot;1&quot;:&quot;Es wurde kein Passwort eingegeben.&quot;}},&quot;showErrorSummary&quot;:false,&quot;validateOnSubmit&quot;:true,&quot;useNewErrorStyling&quot;:true},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackFormFieldManager&quot;,&quot;options&quot;:{&quot;formName&quot;:&quot;login&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;preFillEmailAddress&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;}]"
  novalidate="">
  <div data-component="{&quot;name&quot;:&quot;changeReturnUrl&quot;}">
    <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
    <input type="hidden" class="input js-return-url-input" name="returnUrl" id="header_menu_returnUrl"
      value="/produkt/869133/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen.html?clickref=1101liYrxMCi&amp;utm_source=performancehorizon&amp;utm_medium=affiliate&amp;utm_campaign=Price+comparison&amp;utm_content=1101liYrxMCi&amp;utm_term=1101leWEJ&amp;ref=886814&amp;PHGref=1101liYrxMCi&amp;cmt=c_ph%2Capm_Price+comparison_%2Cacid1101l1187%2Cacr_1101leWEJ%2Caclr_1101liYrxMCi">
  </div>
  <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
  <input type="hidden" class="input" name="csrf" value="b8355e6edce6e027e24f03a7f64a21c0">
  <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
  <input type="hidden" class="input" name="numberOfTries">
  <div class="form-labels-on-top">
    <div class="section--4 position--relative"
      data-component="[{&quot;name&quot;:&quot;emailSuggestions&quot;,&quot;options&quot;:{&quot;url&quot;:&quot;/email-domain-suggestions&quot;,&quot;eventTrackingCategory&quot;:&quot;email domain suggestion&quot;,&quot;eventTrackingAction&quot;:&quot;login dropdown&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      <div class="form-label">
        <div class="form-label__label">
          <label for="header_menu_emailaddress">E-Mail-Adresse</label>
        </div>
      </div>
      <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
      <input type="email" class="input" name="emailaddress" id="header_menu_emailaddress" required="" minlength="5" maxlength="100" pattern="^[^\s,@]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$" size="40" autofocus="" autocomplete="email"
        list="header_menu_emailaddress-email-suggestions-domains"><datalist id="header_menu_emailaddress-email-suggestions-domains" data-email-suggestions-domains=""></datalist>
    </div>
    <div class="section--4 js-password-button-block">
      <div class="section--4 position--relative">
        <div class="flex justify-content--between">
          <div>
            <div class="form-label">
              <div class="form-label__label">
                <label for="header_menu_password">Passwort</label>
              </div>
            </div>
          </div>
          <div>
            <a href="/passwort-vergessen" class="link" data-component="[{&quot;name&quot;:&quot;passwordForgottenModalBox&quot;,&quot;options&quot;:{&quot;title&quot;:&quot;Passwort vergessen&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;applyInteractionToPasswordModalBox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;my coolblue&quot;,&quot;action&quot;:&quot;login page&quot;,&quot;label&quot;:&quot;password forgotten (link)&quot;},&quot;firebase&quot;:{&quot;name&quot;:&quot;forgot_password&quot;,&quot;params&quot;:{&quot;category&quot;:&quot;identity_provider&quot;,&quot;action&quot;:&quot;forgot_password&quot;,&quot;label&quot;:&quot;request_new_password&quot;}}},&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;},{&quot;name&quot;:&quot;incrementAppMetric&quot;,&quot;options&quot;:{&quot;metricName&quot;:&quot;forgot_password.tap&quot;,&quot;tags&quot;:[&quot;idp:coolblue&quot;]}}]" data-overlay-trigger-id-12a23e="modalBoxComponent">Passwort vergessen?</a>
          </div>
        </div>
        <div class="show-password"
          data-component="[{&quot;name&quot;:&quot;showPassword&quot;,&quot;options&quot;:{&quot;showButtonTemplate&quot;:&quot;<button type=\&quot;button\&quot;\n class=\&quot;show-password__button link js-show-password-button\&quot;\n data-component=\&quot;&amp;#x7B;&amp;quot;name&amp;quot;&amp;#x3A;&amp;quot;trackEventType&amp;quot;,&amp;quot;options&amp;quot;&amp;#x3A;&amp;#x7B;&amp;quot;type&amp;quot;&amp;#x3A;&amp;quot;click&amp;quot;,&amp;quot;ga&amp;quot;&amp;#x3A;&amp;#x7B;&amp;quot;category&amp;quot;&amp;#x3A;&amp;quot;my&amp;#x20;coolblue&amp;quot;,&amp;quot;action&amp;quot;&amp;#x3A;&amp;quot;login&amp;quot;,&amp;quot;label&amp;quot;&amp;#x3A;&amp;quot;show&amp;#x20;password&amp;quot;&amp;#x7D;&amp;#x7D;&amp;#x7D;\&quot;\n aria-label=\&quot;Passwort anzeigen\&quot;\n >\n Anzeigen\n </button>&quot;,&quot;hideButtonTemplate&quot;:&quot;<button type=\&quot;button\&quot;\n class=\&quot;show-password__button link hide js-hide-password-button\&quot;\n data-component=\&quot;&amp;#x7B;&amp;quot;name&amp;quot;&amp;#x3A;&amp;quot;trackEventType&amp;quot;,&amp;quot;options&amp;quot;&amp;#x3A;&amp;#x7B;&amp;quot;type&amp;quot;&amp;#x3A;&amp;quot;click&amp;quot;,&amp;quot;ga&amp;quot;&amp;#x3A;&amp;#x7B;&amp;quot;category&amp;quot;&amp;#x3A;&amp;quot;my&amp;#x20;coolblue&amp;quot;,&amp;quot;action&amp;quot;&amp;#x3A;&amp;quot;login&amp;quot;,&amp;quot;label&amp;quot;&amp;#x3A;&amp;quot;hide&amp;#x20;password&amp;quot;&amp;#x7D;&amp;#x7D;&amp;#x7D;\&quot;\n aria-label=\&quot;Passwort ausblenden\&quot;\n >\n Ausblenden\n </button>&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;toggle&quot;,&quot;options&quot;:{&quot;toggleElementSelector&quot;:&quot;.js-show-password-button&quot;,&quot;toggleClass&quot;:&quot;hide&quot;,&quot;subscribeElementSelector&quot;:&quot;.js-show-password-button&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;toggle&quot;,&quot;options&quot;:{&quot;toggleElementSelector&quot;:&quot;.js-hide-password-button&quot;,&quot;toggleClass&quot;:&quot;hide&quot;,&quot;subscribeElementSelector&quot;:&quot;.js-hide-password-button&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;},{&quot;name&quot;:&quot;toggleAttributeState&quot;,&quot;options&quot;:{&quot;targetElementSelector&quot;:&quot;.js-show-password-input&quot;,&quot;targetAttribute&quot;:&quot;type&quot;,&quot;initialValue&quot;:&quot;password&quot;,&quot;toggleValue&quot;:&quot;text&quot;,&quot;sourceElementSelector&quot;:[&quot;.js-show-password-button&quot;,&quot;.js-hide-password-button&quot;]},&quot;processed&quot;:true,&quot;id&quot;:&quot;3&quot;}]">
          <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
          <input type="password" class="input input--show-password js-show-password-input" name="password" id="header_menu_password" required="" maxlength="64" size="40" autocomplete="current-password">
          <button type="button" class="show-password__button link js-show-password-button"
            data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;my coolblue&quot;,&quot;action&quot;:&quot;login&quot;,&quot;label&quot;:&quot;show password&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
            aria-label="Passwort anzeigen"> Anzeigen </button><button type="button" class="show-password__button link hide js-hide-password-button"
            data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;my coolblue&quot;,&quot;action&quot;:&quot;login&quot;,&quot;label&quot;:&quot;hide password&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
            aria-label="Passwort ausblenden"> Ausblenden </button>
        </div>
      </div>
      <div class="section--4" data-validation-error-summary="">
        <button type="submit" class="button button--order button--full-width "
          data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;Header&quot;,&quot;action&quot;:&quot;login&quot;,&quot;label&quot;:&quot;login (button)&quot;},&quot;firebase&quot;:{&quot;name&quot;:&quot;submit&quot;,&quot;params&quot;:{&quot;category&quot;:&quot;identity_provider&quot;,&quot;action&quot;:&quot;submit&quot;,&quot;label&quot;:&quot;Login&quot;}}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;incrementAppMetric&quot;,&quot;options&quot;:{&quot;metricName&quot;:&quot;login.tap&quot;,&quot;tags&quot;:[&quot;idp:coolblue&quot;]}}]">
          Einloggen</button>
      </div>
    </div>
  </div>
</form>

<form data-component="[{&quot;name&quot;:&quot;collectionEntrance&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;collectionLabels&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]">
  <div class="section--4
                js-dynamic-label-property">
    <div class="section--2
                    js-multi-discriminant-field-338301-title">
      <div class="flex">
        <div class="pr--1 color--additional">
          <span class=""> Kollektion Farbe: </span>
        </div>
        <div class="js-field-title-value color--additional"> Grün </div>
      </div>
    </div>
    <div class="section--2">
      <div class="grid gap--2">
        <div class="hide
            js-discriminant-product-alternative-modalbox-grn"></div>
        <div class="col--3
            col--2@sm
            js-multi-discriminant-value-grn
            js-property-value" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün">
          <div class="selectable-card selectable-card--small">
            <input type="radio" name="multi-discriminant-field-338301" value="https://www.coolblue.de/produkt/869133/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen.html" id="multi_discriminant_value_selector_120739915"
              class="selectable-card__input js-property-value-input" checked=""
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Kollektion Farbe: Grün (869133)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="grn" data-value-name="Grün" data-property-id="338301" data-product-id="869133" data-toggle-store-disabled="">
            <label for="multi_discriminant_value_selector_120739915" class="selectable-card__container js-selectable-card-label 
               ">
              <div class="aspect-ratio--squared
                    position--relative
                    js-image-discriminant-picture
                    ">
                <div class="flex
                        justify-content--center align-items--center
                        position--absolute top--0 right--0 bottom--0 left--0">
                  <picture class="picture picture--full-width">
                    <img class="picture__image" alt="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün" loading="lazy" srcset="https://image.coolblue.de/transparent/150x150/products/1478146 2x"
                      src="https://image.coolblue.de/transparent/75x75/products/1478146">
                  </picture>
                </div>
              </div>
            </label>
          </div>
        </div>
        <div class="hide
            js-discriminant-product-alternative-modalbox-himmelblau"></div>
        <div class="col--3
            col--2@sm
            js-multi-discriminant-value-himmelblau
            js-property-value" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Himmelblau" data-component="[]">
          <div class="selectable-card selectable-card--small">
            <input type="radio" name="multi-discriminant-field-338301" value="https://www.coolblue.de/produkt/869134/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-himmelblau.html" id="multi_discriminant_value_selector_133072384"
              class="selectable-card__input js-property-value-input"
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Kollektion Farbe: Himmelblau (869134)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="himmelblau" data-value-name="Himmelblau" data-property-id="338301" data-product-id="869134" data-toggle-store-disabled="">
            <label for="multi_discriminant_value_selector_133072384" class="selectable-card__container js-selectable-card-label 
               ">
              <div class="aspect-ratio--squared
                    position--relative
                    js-image-discriminant-picture
                    ">
                <div class="flex
                        justify-content--center align-items--center
                        position--absolute top--0 right--0 bottom--0 left--0">
                  <picture class="picture picture--full-width">
                    <img class="picture__image" alt="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Himmelblau" loading="lazy" srcset="https://image.coolblue.de/transparent/150x150/products/1478122 2x"
                      src="https://image.coolblue.de/transparent/75x75/products/1478122">
                  </picture>
                </div>
              </div>
            </label>
          </div>
        </div>
        <div class="hide
            js-discriminant-product-alternative-modalbox-rosgold"></div>
        <div class="col--3
            col--2@sm
            js-multi-discriminant-value-rosgold
            js-property-value" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Roségold" data-component="[]">
          <div class="selectable-card selectable-card--small">
            <input type="radio" name="multi-discriminant-field-338301" value="https://www.coolblue.de/produkt/869132/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-rosegold.html" id="multi_discriminant_value_selector_625892622"
              class="selectable-card__input js-property-value-input"
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Kollektion Farbe: Roségold (869132)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="rosgold" data-value-name="Roségold" data-property-id="338301" data-product-id="869132" data-toggle-store-disabled="">
            <label for="multi_discriminant_value_selector_625892622" class="selectable-card__container js-selectable-card-label 
               ">
              <div class="aspect-ratio--squared
                    position--relative
                    js-image-discriminant-picture
                    ">
                <div class="flex
                        justify-content--center align-items--center
                        position--absolute top--0 right--0 bottom--0 left--0">
                  <picture class="picture picture--full-width">
                    <img class="picture__image" alt="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Roségold" loading="lazy" srcset="https://image.coolblue.de/transparent/150x150/products/1478137 2x"
                      src="https://image.coolblue.de/transparent/75x75/products/1478137">
                  </picture>
                </div>
              </div>
            </label>
          </div>
        </div>
        <div class="hide
            js-discriminant-product-alternative-modalbox-silber"></div>
        <div class="col--3
            col--2@sm
            js-multi-discriminant-value-silber
            js-property-value" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Silber" data-component="[]">
          <div class="selectable-card selectable-card--small">
            <input type="radio" name="multi-discriminant-field-338301" value="https://www.coolblue.de/produkt/869131/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-silber.html" id="multi_discriminant_value_selector_2000767192"
              class="selectable-card__input js-property-value-input"
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Kollektion Farbe: Silber (869131)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="silber" data-value-name="Silber" data-property-id="338301" data-product-id="869131" data-toggle-store-disabled="">
            <label for="multi_discriminant_value_selector_2000767192" class="selectable-card__container js-selectable-card-label 
               ">
              <div class="aspect-ratio--squared
                    position--relative
                    js-image-discriminant-picture
                    ">
                <div class="flex
                        justify-content--center align-items--center
                        position--absolute top--0 right--0 bottom--0 left--0">
                  <picture class="picture picture--full-width">
                    <img class="picture__image" alt="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Silber" loading="lazy" srcset="https://image.coolblue.de/transparent/150x150/products/1478113 2x"
                      src="https://image.coolblue.de/transparent/75x75/products/1478113">
                  </picture>
                </div>
              </div>
            </label>
          </div>
        </div>
        <div class="hide
            js-discriminant-product-alternative-modalbox-space-grau"></div>
        <div class="col--3
            col--2@sm
            js-multi-discriminant-value-space-grau
            js-property-value" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Space Grau" data-component="[]">
          <div class="selectable-card selectable-card--small">
            <input type="radio" name="multi-discriminant-field-338301" value="https://www.coolblue.de/produkt/869130/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-space-grau.html" id="multi_discriminant_value_selector_2098931280"
              class="selectable-card__input js-property-value-input"
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Kollektion Farbe: Space Grau (869130)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="space-grau" data-value-name="Space Grau" data-property-id="338301" data-product-id="869130" data-toggle-store-disabled="">
            <label for="multi_discriminant_value_selector_2098931280" class="selectable-card__container js-selectable-card-label 
               ">
              <div class="aspect-ratio--squared
                    position--relative
                    js-image-discriminant-picture
                    ">
                <div class="flex
                        justify-content--center align-items--center
                        position--absolute top--0 right--0 bottom--0 left--0">
                  <picture class="picture picture--full-width">
                    <img class="picture__image" alt="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Space Grau" loading="lazy" srcset="https://image.coolblue.de/transparent/150x150/products/1478053 2x"
                      src="https://image.coolblue.de/transparent/75x75/products/1478053">
                  </picture>
                </div>
              </div>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section--4
                js-dynamic-label-property">
    <div class="section--2
                    js-multi-discriminant-field-1037-title">
      <div class="flex">
        <div class="pr--1 color--additional">
          <span class="pr--1"> Speicherkapazität </span>
        </div>
        <div class="hide@sm-down">
          <button type="button" class="link"
            data-component="[{&quot;name&quot;:&quot;panelComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n<div\n class=\&quot;overlay-header__text overlay-header__text--blue\&quot;\n \n>\n <div class=\&quot;overlay-header__button-filler\&quot;>\n \n\n\n<div class=\&quot;filler filler--transparent\&quot;\n style=\&quot;\n height: 2.8rem; width: 2.8rem; \&quot;\n \n>\n </div>\n </div>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text text--truncate js-overlay-header-content-text\&quot;>Speicherkapazität</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-white\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/1037&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;mobile&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Speicherkapazität</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/1037&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;tablet&quot;,&quot;desktop&quot;,&quot;large-desktop&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection property explanation&quot;,&quot;label&quot;:&quot;Speicherkapazität&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;}]"
            data-overlay-trigger-id-2fb489="modalBoxComponent">
            <svg class="icon icon--color-blue" aria-hidden="true" viewBox="0 0 32 32" focusable="false">
              <circle cx="16" cy="16" r="16"></circle>
              <path d="M14 16a2 2 0 1 1 4 0v6a2 2 0 1 1-4 0v-6zM14 10a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" fill="#FFF"></path>
            </svg>
          </button>
        </div>
        <div class="hide@sm">
          <button type="button" class="link"
            data-component="[{&quot;name&quot;:&quot;panelComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n<div\n class=\&quot;overlay-header__text overlay-header__text--blue\&quot;\n \n>\n <div class=\&quot;overlay-header__button-filler\&quot;>\n \n\n\n<div class=\&quot;filler filler--transparent\&quot;\n style=\&quot;\n height: 2.8rem; width: 2.8rem; \&quot;\n \n>\n </div>\n </div>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text text--truncate js-overlay-header-content-text\&quot;>Speicherkapazität</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-white\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/1037&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;mobile&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Speicherkapazität</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/1037&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;tablet&quot;,&quot;desktop&quot;,&quot;large-desktop&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection property explanation&quot;,&quot;label&quot;:&quot;Speicherkapazität&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;}]"
            data-overlay-trigger-id-17427a="modalBoxComponent"> Info</button>
        </div>
      </div>
    </div>
    <div class="section--2">
      <div class="flex
        gap--2
        flex--wrap">
        <div class="hide
                        js-discriminant-product-alternative-modalbox-64-gb"></div>
        <div class="js-multi-discriminant-value-64-gb" title="Apple iPad Air (2020) 10,9 Zoll 64 GB WLAN Grün" data-component="[]">
          <div class="selectable-card selectable-card--inline">
            <input type="radio" name="multi-discriminant-field-1037" value="https://www.coolblue.de/produkt/869128/apple-ipad-air-2020-10-9-zoll-64-gb-wlan-gruen.html" id="multi_discriminant_value_selector_1092140086" class="selectable-card__input"
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Speicherkapazität: 64 GB (869128)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="64-gb" data-value-name="64 GB" data-property-id="1037" data-product-id="869128">
            <label for="multi_discriminant_value_selector_1092140086" class="selectable-card__container js-selectable-card-label 
               ">
              <div> 64 GB </div>
            </label>
          </div>
        </div>
        <div class="hide
                        js-discriminant-product-alternative-modalbox-256-gb"></div>
        <div class="js-multi-discriminant-value-256-gb" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün">
          <div class="selectable-card selectable-card--inline">
            <input type="radio" name="multi-discriminant-field-1037" value="https://www.coolblue.de/produkt/869133/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen.html" id="multi_discriminant_value_selector_2008790330" class="selectable-card__input"
              checked=""
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Speicherkapazität: 256 GB (869133)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="256-gb" data-value-name="256 GB" data-property-id="1037" data-product-id="869133">
            <label for="multi_discriminant_value_selector_2008790330" class="selectable-card__container js-selectable-card-label 
               ">
              <div> 256 GB </div>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section--4
                js-dynamic-label-property">
    <div class="section--2
                    js-multi-discriminant-field-289280-title">
      <div class="flex">
        <div class="pr--1 color--additional">
          <span class="pr--1"> Optionen Internetverbindung </span>
        </div>
        <div class="hide@sm-down">
          <button type="button" class="link"
            data-component="[{&quot;name&quot;:&quot;panelComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n<div\n class=\&quot;overlay-header__text overlay-header__text--blue\&quot;\n \n>\n <div class=\&quot;overlay-header__button-filler\&quot;>\n \n\n\n<div class=\&quot;filler filler--transparent\&quot;\n style=\&quot;\n height: 2.8rem; width: 2.8rem; \&quot;\n \n>\n </div>\n </div>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text text--truncate js-overlay-header-content-text\&quot;>Optionen Internetverbindung</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-white\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/289280&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;mobile&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Optionen Internetverbindung</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/289280&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;tablet&quot;,&quot;desktop&quot;,&quot;large-desktop&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection property explanation&quot;,&quot;label&quot;:&quot;Optionen Internetverbindung&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;}]"
            data-overlay-trigger-id-4ebc9c="modalBoxComponent">
            <svg class="icon icon--color-blue" aria-hidden="true" viewBox="0 0 32 32" focusable="false">
              <circle cx="16" cy="16" r="16"></circle>
              <path d="M14 16a2 2 0 1 1 4 0v6a2 2 0 1 1-4 0v-6zM14 10a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" fill="#FFF"></path>
            </svg>
          </button>
        </div>
        <div class="hide@sm">
          <button type="button" class="link"
            data-component="[{&quot;name&quot;:&quot;panelComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n<div\n class=\&quot;overlay-header__text overlay-header__text--blue\&quot;\n \n>\n <div class=\&quot;overlay-header__button-filler\&quot;>\n \n\n\n<div class=\&quot;filler filler--transparent\&quot;\n style=\&quot;\n height: 2.8rem; width: 2.8rem; \&quot;\n \n>\n </div>\n </div>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text text--truncate js-overlay-header-content-text\&quot;>Optionen Internetverbindung</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-white\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/289280&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;mobile&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Optionen Internetverbindung</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/289280&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;tablet&quot;,&quot;desktop&quot;,&quot;large-desktop&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection property explanation&quot;,&quot;label&quot;:&quot;Optionen Internetverbindung&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;}]"
            data-overlay-trigger-id-21c2ae="modalBoxComponent"> Info</button>
        </div>
      </div>
    </div>
    <div class="section--2">
      <div class="flex
        gap--2
        flex--wrap">
        <div class="hide
                        js-discriminant-product-alternative-modalbox-4g-und-wlan"></div>
        <div class="js-multi-discriminant-value-4g-und-wlan" title="In dieser Variante nicht verfügbar"
          data-component="[{&quot;name&quot;:&quot;popoverComponent&quot;,&quot;options&quot;:{&quot;popoverClassName&quot;:&quot;js-discriminant-text-unavailable&quot;,&quot;openOnHover&quot;:true},&quot;isActiveOn&quot;:[&quot;tablet&quot;,&quot;desktop&quot;,&quot;large-desktop&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
          <div class="selectable-card selectable-card--inline">
            <input type="radio" name="multi-discriminant-field-289280" value="" id="multi_discriminant_value_selector_1272220249" class="selectable-card__input" disabled=""
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Optionen Internetverbindung: 4G+ und WLAN ()&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="4g-und-wlan" data-is-disabled="true" data-value-name="4G+ und WLAN" data-property-id="289280" data-product-id="">
            <label for="multi_discriminant_value_selector_1272220249" class="selectable-card__container js-selectable-card-label 
               ">
              <div> 4G+ und WLAN </div>
            </label>
          </div>
        </div>
        <div class="hide
                        js-discriminant-product-alternative-modalbox-nur-wlan"></div>
        <div class="js-multi-discriminant-value-nur-wlan" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün">
          <div class="selectable-card selectable-card--inline">
            <input type="radio" name="multi-discriminant-field-289280" value="https://www.coolblue.de/produkt/869133/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen.html" id="multi_discriminant_value_selector_1338294274"
              class="selectable-card__input" checked=""
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Optionen Internetverbindung: Nur WLAN (869133)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="nur-wlan" data-value-name="Nur WLAN" data-property-id="289280" data-product-id="869133">
            <label for="multi_discriminant_value_selector_1338294274" class="selectable-card__container js-selectable-card-label 
               ">
              <div> Nur WLAN </div>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section--4
                js-dynamic-label-property">
    <div class="section--2
                    js-multi-discriminant-field-341369-title">
      <div class="flex">
        <div class="pr--1 color--additional">
          <span class="pr--1"> Im Set inbegriffen </span>
        </div>
        <div class="hide@sm-down">
          <button type="button" class="link"
            data-component="[{&quot;name&quot;:&quot;panelComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n<div\n class=\&quot;overlay-header__text overlay-header__text--blue\&quot;\n \n>\n <div class=\&quot;overlay-header__button-filler\&quot;>\n \n\n\n<div class=\&quot;filler filler--transparent\&quot;\n style=\&quot;\n height: 2.8rem; width: 2.8rem; \&quot;\n \n>\n </div>\n </div>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text text--truncate js-overlay-header-content-text\&quot;>Im Set inbegriffen</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-white\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/341369&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;mobile&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Im Set inbegriffen</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/341369&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;tablet&quot;,&quot;desktop&quot;,&quot;large-desktop&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection property explanation&quot;,&quot;label&quot;:&quot;Im Set inbegriffen&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;}]"
            data-overlay-trigger-id-212b5b="modalBoxComponent">
            <svg class="icon icon--color-blue" aria-hidden="true" viewBox="0 0 32 32" focusable="false">
              <circle cx="16" cy="16" r="16"></circle>
              <path d="M14 16a2 2 0 1 1 4 0v6a2 2 0 1 1-4 0v-6zM14 10a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" fill="#FFF"></path>
            </svg>
          </button>
        </div>
        <div class="hide@sm">
          <button type="button" class="link"
            data-component="[{&quot;name&quot;:&quot;panelComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n<div\n class=\&quot;overlay-header__text overlay-header__text--blue\&quot;\n \n>\n <div class=\&quot;overlay-header__button-filler\&quot;>\n \n\n\n<div class=\&quot;filler filler--transparent\&quot;\n style=\&quot;\n height: 2.8rem; width: 2.8rem; \&quot;\n \n>\n </div>\n </div>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text text--truncate js-overlay-header-content-text\&quot;>Im Set inbegriffen</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-white\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/341369&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;mobile&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Im Set inbegriffen</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;href&quot;:&quot;/property-explanations/2101/341369&quot;,&quot;cacheRequest&quot;:true},&quot;isActiveOn&quot;:[&quot;tablet&quot;,&quot;desktop&quot;,&quot;large-desktop&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection property explanation&quot;,&quot;label&quot;:&quot;Im Set inbegriffen&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;}]"
            data-overlay-trigger-id-11a5f2="modalBoxComponent"> Info</button>
        </div>
      </div>
    </div>
    <div class="section--2">
      <div class="flex
        gap--2
        flex--wrap">
        <div class="hide
                        js-discriminant-product-alternative-modalbox-kinderhlle"></div>
        <div class="js-multi-discriminant-value-kinderhlle" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün + Just in Case Kinderhülle Schwarz" data-component="[]">
          <div class="selectable-card selectable-card--inline">
            <input type="radio" name="multi-discriminant-field-341369" value="https://www.coolblue.de/produkt/884711/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen-just-in-case-kinderhuelle-schwarz.html"
              id="multi_discriminant_value_selector_431597788" class="selectable-card__input"
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Im Set inbegriffen: Kinderhülle (884711)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="kinderhlle" data-value-name="Kinderhülle" data-property-id="341369" data-product-id="884711">
            <label for="multi_discriminant_value_selector_431597788" class="selectable-card__container js-selectable-card-label 
               ">
              <div> Kinderhülle </div>
            </label>
          </div>
        </div>
        <div class="hide
                        js-discriminant-product-alternative-modalbox-apple-pencil-tablethlle"></div>
        <div class="js-multi-discriminant-value-apple-pencil-tablethlle" title="Apple iPad Air (2020) 10,9 Zoll 256GB WLAN Grün + Buchhülle + Apple Pencil 2" data-component="[]">
          <div class="selectable-card selectable-card--inline">
            <input type="radio" name="multi-discriminant-field-341369" value="https://www.coolblue.de/produkt/896867/apple-ipad-air-2020-10-9-zoll-256gb-wlan-gruen-buchhuelle-apple-pencil-2.html" id="multi_discriminant_value_selector_1294694617"
              class="selectable-card__input"
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Im Set inbegriffen: Apple Pencil, Tablethülle (896867)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="apple-pencil-tablethlle" data-value-name="Apple Pencil, Tablethülle" data-property-id="341369" data-product-id="896867">
            <label for="multi_discriminant_value_selector_1294694617" class="selectable-card__container js-selectable-card-label 
               ">
              <div> Apple Pencil, Tablethülle </div>
            </label>
          </div>
        </div>
        <div class="hide
                        js-discriminant-product-alternative-modalbox-tablethlle"></div>
        <div class="js-multi-discriminant-value-tablethlle" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün + Targus VersaVu Bookcase" data-component="[]">
          <div class="selectable-card selectable-card--inline">
            <input type="radio" name="multi-discriminant-field-341369" value="https://www.coolblue.de/produkt/884710/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen-targus-versavu-bookcase.html" id="multi_discriminant_value_selector_2061622112"
              class="selectable-card__input"
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Im Set inbegriffen: Tablethülle (884710)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="tablethlle" data-value-name="Tablethülle" data-property-id="341369" data-product-id="884710">
            <label for="multi_discriminant_value_selector_2061622112" class="selectable-card__container js-selectable-card-label 
               ">
              <div> Tablethülle </div>
            </label>
          </div>
        </div>
        <div class="hide
                        js-discriminant-product-alternative-modalbox-apple-pencil-tastaturhlle"></div>
        <div class="js-multi-discriminant-value-apple-pencil-tastaturhlle" title="Apple iPad Air (2020) 10,9 Zoll 256GB WLAN Grün + Zubehörpaket" data-component="[]">
          <div class="selectable-card selectable-card--inline">
            <input type="radio" name="multi-discriminant-field-341369" value="https://www.coolblue.de/produkt/897107/apple-ipad-air-2020-10-9-zoll-256gb-wlan-gruen-zubehoerpaket.html" id="multi_discriminant_value_selector_717813423"
              class="selectable-card__input"
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Im Set inbegriffen: Apple Pencil, Tastaturhülle (897107)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="apple-pencil-tastaturhlle" data-value-name="Apple Pencil, Tastaturhülle" data-property-id="341369" data-product-id="897107">
            <label for="multi_discriminant_value_selector_717813423" class="selectable-card__container js-selectable-card-label 
               ">
              <div> Apple Pencil, Tastaturhülle </div>
            </label>
          </div>
        </div>
        <div class="hide
                        js-discriminant-product-alternative-modalbox-kein-zubehr"></div>
        <div class="js-multi-discriminant-value-kein-zubehr" title="Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün">
          <div class="selectable-card selectable-card--inline">
            <input type="radio" name="multi-discriminant-field-341369" value="https://www.coolblue.de/produkt/869133/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen.html" id="multi_discriminant_value_selector_127547569" class="selectable-card__input"
              checked=""
              data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;change&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;collection select property&quot;,&quot;label&quot;:&quot;Im Set inbegriffen: Kein Zubehör (869133)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
              autocomplete="off" data-value-id="kein-zubehr" data-value-name="Kein Zubehör" data-property-id="341369" data-product-id="869133">
            <label for="multi_discriminant_value_selector_127547569" class="selectable-card__container js-selectable-card-label 
               ">
              <div> Kein Zubehör </div>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

GET /warenkorb

<form action="/warenkorb" class="js-product-order-form" method="get"
  data-component="[{&quot;name&quot;:&quot;accessoryCheckbox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;orderAccessoryCheckbox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;syncFormFields&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;},{&quot;name&quot;:&quot;installationServicePrice&quot;,&quot;options&quot;:{&quot;formContainer&quot;:&quot;.js-installation-service-form&quot;,&quot;fieldContainer&quot;:&quot;.js-form-checkbox&quot;}}]">
  <input type="hidden" name="main_product_id" value="869133">
  <input type="hidden" name="presentation_format" value="accessories">
  <input type="hidden" name="add[]" value="869133">
  <div class="hide@sm-down" data-component="[{&quot;name&quot;:&quot;accessoryCheckbox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
    <h2 class="h5"> Verhindere Schäden am Display deines iPad </h2>
    <div class="section--2" data-component="[{&quot;name&quot;:&quot;accessorySlot&quot;,&quot;options&quot;:{&quot;accessorySlotId&quot;:&quot;accessory-checkbox&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      <div class="selectable-card selectable-card--multi-select selectable-card--compact">
        <input type="checkbox" name="add[]" value="825759" id="accessory-checkbox-825759-2068010874" class="selectable-card__input js-accessory-checkbox js-accessory-checkbox-item product-option--price-toggle"
          data-field-sync-id="accessory-checkbox-825759">
        <div class="selectable-card__container js-selectable-card-container"
          data-component="[{&quot;name&quot;:&quot;clickProxy&quot;,&quot;options&quot;:{&quot;targetSelector&quot;:&quot;#accessory-checkbox-825759-2068010874&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
          <div class="flex gap-x--2 ">
            <div class="">
              <div class="">
                <span class="selectable-card__fake-input selectable-card__fake-input--checkbox">
                  <svg class="icon selectable-card__fake-icon" aria-hidden="true" viewBox="0 0 48 48" focusable="false">
                    <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path>
                  </svg>
                </span>
              </div>
            </div>
            <div class="grow--1">
              <div class="flex gap-x--3">
                <div class="align-self--center">
                  <label class="pr--1 cursor-pointer" for="accessory-checkbox-825759-1020845198">Just in Case Displayschutzfolie aus Glas</label>
                  <span class="hide@sm-down d--inline-block">
                    <button type="button" class="link js-accessory-checkbox-271076933 js-accessory-checkbox-link"
                      data-component="[{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Verhindere Schäden am Display deines iPad</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;content&quot;:&quot; <div class=\&quot;section--2\&quot;>\n <div class=\&quot;grid gap-x--2\&quot;>\n <div class=\&quot;col--9 col--10@sm\&quot;>\n <p>Mit einem Displayschutz kannst du das Display von deinem iPad vor Kratzern und Sprüngen schützen. Der Kauf lohnt sich immer.</p>\n\n </div>\n <div class=\&quot;col--3 col--2@sm\&quot;>\n \n \n \n\n\n\n\n\n \n <img\n class=\&quot;picture__image\&quot;\n alt=\&quot;Just in Case Displayschutzfolie aus Glas\&quot;\n \n loading=\&quot;lazy\&quot;\n src=\&quot;https://image.coolblue.de/100x100/products/1542626\&quot;\n \n >\n\n\n </div>\n </div>\n </div>\n &quot;,&quot;maxWidth&quot;:&quot;medium&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;show accessory checkbox explanation&quot;,&quot;label&quot;:&quot;accessory (825759)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]"
                      data-overlay-trigger-id-17e22e="modalBoxComponent">
                      <svg class="icon icon--color-blue" aria-hidden="true" viewBox="0 0 32 32" focusable="false">
                        <circle cx="16" cy="16" r="16"></circle>
                        <path d="M14 16a2 2 0 1 1 4 0v6a2 2 0 1 1-4 0v-6zM14 10a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" fill="#FFF"></path>
                      </svg>
                    </button>
                  </span>
                  <span class="hide@sm d--inline-block">
                    <button type="button" class="link js-accessory-checkbox-271076933 js-accessory-checkbox-link"
                      data-component="[{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Verhindere Schäden am Display deines iPad</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;content&quot;:&quot; <div class=\&quot;section--2\&quot;>\n <div class=\&quot;grid gap-x--2\&quot;>\n <div class=\&quot;col--9 col--10@sm\&quot;>\n <p>Mit einem Displayschutz kannst du das Display von deinem iPad vor Kratzern und Sprüngen schützen. Der Kauf lohnt sich immer.</p>\n\n </div>\n <div class=\&quot;col--3 col--2@sm\&quot;>\n \n \n \n\n\n\n\n\n \n <img\n class=\&quot;picture__image\&quot;\n alt=\&quot;Just in Case Displayschutzfolie aus Glas\&quot;\n \n loading=\&quot;lazy\&quot;\n src=\&quot;https://image.coolblue.de/100x100/products/1542626\&quot;\n \n >\n\n\n </div>\n </div>\n </div>\n &quot;,&quot;maxWidth&quot;:&quot;medium&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;show accessory checkbox explanation&quot;,&quot;label&quot;:&quot;accessory (825759)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]"
                      data-overlay-trigger-id-149136="modalBoxComponent"> Info</button>
                  </span>
                </div>
                <div class="grow--1">
                  <div class="mt--0 text--right">
                    <span class="product-option--price">19,99&nbsp;</span>
                  </div>
                </div>
              </div>
              <input type="hidden" name="position" class="js-accessory-checkbox-position-field">
            </div>
          </div>
        </div>
      </div>
    </div>
    <script
      data-component="[{&quot;name&quot;:&quot;trackEventImmediate&quot;,&quot;options&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;accessory checkbox shown&quot;,&quot;label&quot;:&quot;869133|825759&quot;,&quot;nonInteraction&quot;:true}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
    </script>
  </div>
  <div class="                                        section--5@sm
                                        ">
    <span class="sales-price js-sales-price"><strong class="sales-price__current">839,-&nbsp;</strong></span>
    <div class="section--2@sm">
    </div>
  </div>
  <div class="section--4@sm">
    <div>
      <strong class="color--highlight"><span class="icon-with-text"><span class="icon-with-text__icon"><svg class="icon" aria-hidden="true" viewBox="0 0 48 48" focusable="false">
              <path d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"></path>
              <path fill="#FFF" d="M30.632 16.158a3 3 0 1 1 4.736 3.684l-10.47 13.462a2.995 2.995 0 0 1-.94.818 2.994 2.994 0 0 1-1.276.373 2.993 2.993 0 0 1-2.337-.907L12.38 25.62a3 3 0 1 1 4.242-4.242l5.597 5.597 8.414-10.818Z"></path>
            </svg></span><span class="icon-with-text__text"> Geringer Vorrat, schnell zugreifen! </span></span></strong>
    </div>
  </div>
  <div>
    <div class="mt--2 mt--4@sm"
      data-component="[{&quot;name&quot;:&quot;postalCodeCheckerForm&quot;,&quot;options&quot;:{&quot;gaEventCategory&quot;:null,&quot;productSize&quot;:&quot;small product&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      <div class="grid gap-y--1">
        <div class="col--12 h5">
          <span class="mr--1"> Wie schnell liefern wir dieses Produkt zu dir? </span>
          <button type="button" class="link"
            data-component="[{&quot;name&quot;:&quot;postalCodeModal&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; <div\n class=\&quot;overlay-header__image\&quot;\n \n>\n <div class=\&quot;overlay-header__image-img js-overlay-header__image-img overlay-header__image-img--large\&quot;\n style=\&quot;background-image: url(https://image.coolblue.de/max/1024x768/content/530468);\&quot;>\n </div>\n <span class=\&quot;overlay-header__image-button-close\&quot;>\n \n\n\n\n \n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-6\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 99 99\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <circle cx=\&quot;49.5\&quot; cy=\&quot;49.5\&quot; r=\&quot;49.5\&quot; fill=\&quot;#FFF\&quot;></circle>\n <path fill=\&quot;#0090e3\&quot; transform=\&quot;rotate(45 49.5 49.5)\&quot; d=\&quot;M49.5 21c-3 0-5.5 2.3-5.5 5.2V44H26.2c-3 0-5.2 2.6-5.2 5.5 0 3 2.3 5.5 5.2 5.5H44v17.8c0 3 2.6 5.2 5.5 5.2 3 0 5.5-2.3 5.5-5.2V55h17.8c3 0 5.2-2.6 5.2-5.5 0-3-2.3-5.5-5.2-5.5H55V26.2c0-3-2.6-5.2-5.5-5.2z\&quot;></path>\n \n </svg>\n\n </button>\n </span>\n </div>\n&quot;,&quot;content&quot;:&quot; <form data-component=\&quot;&amp;#x7B;&amp;quot;name&amp;quot;&amp;#x3A;&amp;quot;postalCodeCheckerForm&amp;quot;,&amp;quot;options&amp;quot;&amp;#x3A;&amp;#x7B;&amp;quot;deliveryAvailable&amp;quot;&amp;#x3A;true,&amp;quot;postalCodeValue&amp;quot;&amp;#x3A;&amp;quot;&amp;quot;,&amp;quot;gaEventCategory&amp;quot;&amp;#x3A;&amp;quot;Internal&amp;#x20;Search-postal&amp;#x20;code&amp;#x20;checker&amp;quot;,&amp;quot;productSize&amp;quot;&amp;#x3A;&amp;quot;small&amp;#x20;product&amp;quot;&amp;#x7D;&amp;#x7D;\&quot;\n>\n <div class=\&quot;mt--2\&quot;>\n <h3>Liefern wir alle unsere Produkte zu dir?</h3>\n </div>\n <div class=\&quot;grid gap-y--4 mt--2\&quot;>\n <div class=\&quot;col--12\&quot;>\n \n\n<ul\n class=\&quot;list\&quot;\n \n>\n <li class=\&quot;list__item\&quot; >\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Entdecke, welche Produkte du bei uns bestellen kannst </span>\n</span>\n \n </li>\n <li class=\&quot;list__item\&quot; >\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Finde heraus, wie schnell wir zu dir liefern </span>\n</span>\n \n </li>\n <li class=\&quot;list__item\&quot; >\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Sieh anhand deiner Postleitzahl nach, was für deinen Wohnort zutrifft </span>\n</span>\n \n </li>\n </ul>\n </div>\n <div class=\&quot;col--12 h6\&quot;>\n Postleitzahl\n <div class=\&quot;mt--2\&quot;>\n <div class=\&quot;flex gap-x--2 postal-code-checker-form__input\&quot;>\n <div class=\&quot;grow--1\&quot;>\n \n\n\n \n\n <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->\n <input\n type=\&quot;text\&quot;\n class=\&quot;input js-postal-code\&quot;\n \n placeholder=\&quot;40210\&quot; maxlength=\&quot;5\&quot; pattern=\&quot;[0-9]\&quot; \n >\n\n\n </div>\n <div>\n \n<button\n type=\&quot;submit\&quot;\n class=\&quot;button button--small js-button-inside-overlay \&quot;\n \n \n \n>\n Postleitzahl überprüfen</button>\n </div>\n </div>\n <div class=\&quot;js-input-error hide\&quot;>\n \n\n\n<div role=\&quot;alert\&quot;\n class=\&quot;color--error\&quot;\n id=\&quot;\&quot;\n for=\&quot;js-postal-code\&quot;\n \n>\n Gib eine Postleitzahl mit 5 Ziffern ein</div>\n </div>\n\n </div>\n </div>\n <div class=\&quot;col--12 js-placeholder hide\&quot;>\n <div class=\&quot;js-placeholder-notice\&quot;></div>\n </div>\n <div class=\&quot;hide\&quot;>\n <div class=\&quot;col--12 js-status-loading\&quot;>\n \n\n\n<div\n class=\&quot;loader loader--small\&quot;\n role=\&quot;status\&quot;\n \n>\n <span class=\&quot;loader__spinner\&quot;></span>\n</div>\n </div>\n <div class=\&quot;col--12 js-status-success-not-delivery\&quot;>\n \n \n\n\n\n<div\n class=\&quot;notice notice--confirmation\&quot;\n \n \n>\n \n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path fill=\&quot;#FFF\&quot; d=\&quot;M30.632 16.158a3 3 0 1 1 4.736 3.684l-10.47 13.462a2.995 2.995 0 0 1-.94.818 2.994 2.994 0 0 1-1.276.373 2.993 2.993 0 0 1-2.337-.907L12.38 25.62a3 3 0 1 1 4.242-4.242l5.597 5.597 8.414-10.818Z\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n <span class=\&quot;d--block section--1\&quot;>\n Für deine Postleitzahl gilt:\n <div class=\&quot;grid gap-y--4 mt--2\&quot;>\n <div class=\&quot;col--12\&quot;>\n \n\n<ul\n class=\&quot;list list--bullet\&quot;\n \n>\n <li class=\&quot;list__item\&quot; >\n Vor 17:00 bestellt, morgen kostenlos geliefert (gilt für den Großteil unseres Sortiments).\n </li>\n <li class=\&quot;list__item\&quot; >\n Große Produkte, wie Haushaltsgroßgeräte, kannst du leider noch nicht bei uns bestellen. \n </li>\n <li class=\&quot;list__item\&quot; >\n Überprüfe auf der Seite deines Wunschproduktes, ob wir es zu deiner Postleitzahl liefern.\n </li>\n </ul>\n </div>\n <div class=\&quot;col--12\&quot;>\n Warum? Große Produkte liefern wir selbst in unseren blauen Lieferwagen aus. Diese sind bis jetzt nur in der Metropolregion Rheinland unterwegs. Lies hier mehr.\n \n\n<a\n href=\&quot;/c/coolblue-lieferservice.html\&quot;\n class=\&quot;link\&quot;\n \n \n>Hier weiterlesen</a>\n </div>\n </div>\n \n </span>\n </span>\n</span>\n </div>\n\n <div class=\&quot;mt--4\&quot;>\n \n<button\n type=\&quot;submit\&quot;\n class=\&quot;button button--secondary js-close-button js-continue-shopping \&quot;\n \n \n \n>\n Weitershoppen</button>\n </div>\n\n </div>\n <div class=\&quot;col--12 js-status-success-delivery\&quot;>\n \n\n\n\n<div\n class=\&quot;notice notice--confirmation\&quot;\n \n \n>\n \n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path fill=\&quot;#FFF\&quot; d=\&quot;M30.632 16.158a3 3 0 1 1 4.736 3.684l-10.47 13.462a2.995 2.995 0 0 1-.94.818 2.994 2.994 0 0 1-1.276.373 2.993 2.993 0 0 1-2.337-.907L12.38 25.62a3 3 0 1 1 4.242-4.242l5.597 5.597 8.414-10.818Z\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n <span class=\&quot;d--block section--1\&quot;>\n Hurra! Du kannst Tablets und unser komplettes Produktangebot bestellen\n <div class=\&quot;grid gap-y--4 mt--2\&quot;>\n <div class=\&quot;col--12\&quot;>\n \n\n<ul\n class=\&quot;list list--bullet\&quot;\n \n>\n <li class=\&quot;list__item\&quot; >\n Vor 17:00 bestellt, morgen kostenlos geliefert.\n </li>\n <li class=\&quot;list__item\&quot; >\n Große Produkte wie Haushaltsgroßgeräte bringen wir mit unserem eigenen blauen Lieferwagen zu dir nach Hause. Du kannst sie sogar bis 23:59&nbsp;Uhr bestellen, damit sie am nächsten Tag bei dir sind.\n </li>\n <li class=\&quot;list__item\&quot; >\n Auf der Seite deines Wunschproduktes findest du immer die genauen Lieferzeiten.\n </li>\n </ul>\n </div>\n </div>\n \n </span>\n </span>\n</span>\n </div>\n\n <div class=\&quot;mt--4\&quot;>\n \n<button\n type=\&quot;submit\&quot;\n class=\&quot;button button--secondary js-close-button js-continue-shopping \&quot;\n \n \n \n>\n Weitershoppen</button>\n </div>\n\n </div>\n <div class=\&quot;col--12 js-status-error\&quot;>\n \n\n\n\n<div\n class=\&quot;notice notice--critical\&quot;\n \n \n>\n \n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-red\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 99 99\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <circle cx=\&quot;49.5\&quot; cy=\&quot;49.5\&quot; r=\&quot;49.5\&quot;></circle>\n <path fill=\&quot;#FFF\&quot; transform=\&quot;rotate(45 49.5 49.5)\&quot; d=\&quot;M49.5 21c-3 0-5.5 2.3-5.5 5.2V44H26.2c-3 0-5.2 2.6-5.2 5.5 0 3 2.3 5.5 5.2 5.5H44v17.8c0 3 2.6 5.2 5.5 5.2 3 0 5.5-2.3 5.5-5.2V55h17.8c3 0 5.2-2.6 5.2-5.5 0-3-2.3-5.5-5.2-5.5H55V26.2c0-3-2.6-5.2-5.5-5.2z\&quot;></path>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n <span class=\&quot;d--block\&quot;>\n <strong>Oeps</strong>\n </span>\n </span>\n</span>\n </div>\n </div>\n </div>\n </div>\n </form>\n&quot;,&quot;openTracking&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;Internal Search&quot;,&quot;action&quot;:&quot;Confirm postal code&quot;,&quot;label&quot;:&quot;open postal code checker modal&quot;}}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]"
            data-overlay-trigger-id-1b4259="modalBoxComponent"> Info</button>
        </div>
        <div class="col--12">
          <div class="grid gap--2 1">
            <div class="col--6">
              <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
              <input type="text" class="input js-postal-code" placeholder="40210" maxlength="5" pattern="[0-9]">
            </div>
            <div class="col--6">
              <button type="button" class="button button--small button--full-width js-button "> Postleitzahl überprüfen</button>
            </div>
            <div class="col--12 js-input-error hide">
              <div role="alert" class="color--error" id="" for="js-postal-code"> Gib eine Postleitzahl mit 5 Ziffern ein</div>
            </div>
          </div>
        </div>
      </div>
      <div class="js-placeholder hide">
        <div class="js-placeholder-notice"></div>
      </div>
      <div class="hide">
        <div class="js-status-loading">
          <div class="loader" role="status">
            <span class="loader__spinner"></span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script
    data-component="[{&quot;name&quot;:&quot;trackEventImmediateOnce&quot;,&quot;options&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;postal code checker&quot;,&quot;action&quot;:&quot;geolocation&quot;,&quot;label&quot;:&quot;|||DE&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
  </script>
  <div class="section--4@sm">
    <ul class="list">
      <li class="list__item">
        <div class="">
          <div class="icon-with-text">
            <div class="icon-with-text__icon">
              <svg class="icon icon--color-orange" aria-hidden="true" viewBox="0 0 48 48" focusable="false">
                <path d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"></path>
                <path d="M27 12.5a3 3 0 1 0-6 0V21h-8.5a3 3 0 1 0 0 6H21v8.5a3 3 0 1 0 6 0V27h8.5a3 3 0 1 0 0-6H27v-8.5Z" fill="#fff"></path>
              </svg>
            </div>
            <div>
              <strong class="color--highlight"> Kostenlos </strong>
              <span class="px--1"
                data-component="[{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Kostenlos 3 Monate Apple TV + im Wert von 14.97</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n &quot;,&quot;content&quot;:&quot; \n<div class=\&quot;grid gap-y--4\&quot;>\n <div class=\&quot;col--8 col--10@sm\&quot;>\n <h2 class=\&quot;hide@sm\&quot;>3 Monate kostenlos Apple TV+ im Wert von 14,97&nbsp;€</h2>\n <span>Aktiviere dein kostenloses Jahresabonnement innerhalb von drei Monaten nach dem Kauf über die Apple-TV-App auf deinem Apple-Gerät. Du brauchst für die Aktivierung von Apple TV+ keinen Zugangscode.</span>\n </div>\n <div class=\&quot;col--4\n col--2@sm row--2@sm\n text--right\&quot;>\n <img src=\&quot;https://image.coolblue.de/150x150/content/492895\&quot; alt=\&quot;Apple TV+\&quot; loading=\&quot;lazy\&quot;>\n </div>\n <div class=\&quot;col--12 col--10@sm\&quot;>\n <h3>3 Monate lang Filme und Serien kostenlos</h3>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M27 12.5a3 3 0 1 0-6 0V21h-8.5a3 3 0 1 0 0 6H21v8.5a3 3 0 1 0 6 0V27h8.5a3 3 0 1 0 0-6H27v-8.5Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Exklusive Serien, Filme und Dokumentarfilme ansehen, die nur auf Apple TV+ zu finden sind. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M27 12.5a3 3 0 1 0-6 0V21h-8.5a3 3 0 1 0 0 6H21v8.5a3 3 0 1 0 6 0V27h8.5a3 3 0 1 0 0-6H27v-8.5Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Teile dein Apple-TV+-Konto gratis mit höchstens 5 Freunden oder Familienmitgliedern. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M27 12.5a3 3 0 1 0-6 0V21h-8.5a3 3 0 1 0 0 6H21v8.5a3 3 0 1 0 6 0V27h8.5a3 3 0 1 0 0-6H27v-8.5Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Apple TV+ ist auf allen deinen Apple-Geräten verfügbar und kann einfach in deiner Apple-TV-App aktiviert werden. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M27 12.5a3 3 0 1 0-6 0V21h-8.5a3 3 0 1 0 0 6H21v8.5a3 3 0 1 0 6 0V27h8.5a3 3 0 1 0 0-6H27v-8.5Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Mit diesem Abonnement wird dir beim Binge-Watching keine lästige Werbung angezeigt. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-raingrey\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M9.5 24a3 3 0 0 1 3-3h23a3 3 0 1 1 0 6h-23a3 3 0 0 1-3-3Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Dieses Angebot gilt nicht, wenn du bereits einen Testzeitraum für Apple TV + aktiviert hast. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-raingrey\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M9.5 24a3 3 0 0 1 3-3h23a3 3 0 1 1 0 6h-23a3 3 0 0 1-3-3Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Dieses Abonnement gilt 3 Monate. Nach Ende der Laufzeit kannst du das Abonnement gegen Bezahlung verlängern. </span>\n</span>\n </div>\n <div class=\&quot;section--3\&quot;>\n \n\n\n\n \n<a\n class=\&quot;call-to-action call-to-action--spacious call-to-action__link\&quot;\n href=\&quot;/beratung/apple-tv+-in-gebrauch.html\&quot;\n \n data-component=\&quot;&amp;#x7B;&amp;quot;name&amp;quot;&amp;#x3A;&amp;quot;trackEventType&amp;quot;,&amp;quot;options&amp;quot;&amp;#x3A;&amp;#x7B;&amp;quot;type&amp;quot;&amp;#x3A;&amp;quot;click&amp;quot;,&amp;quot;ga&amp;quot;&amp;#x3A;&amp;#x7B;&amp;quot;category&amp;quot;&amp;#x3A;&amp;quot;apple&amp;#x20;tv&amp;#x2B;&amp;#x20;overlay&amp;quot;,&amp;quot;action&amp;quot;&amp;#x3A;&amp;quot;click&amp;#x20;terms&amp;#x20;and&amp;#x20;conditions&amp;#x20;link&amp;quot;&amp;#x7D;&amp;#x7D;&amp;#x7D;\&quot;\n \n>\n \n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--arrow icon--color-blue\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M21.6 7.5a5 5 0 0 0-7 7L24 24l-9.5 9.5a5 5 0 1 0 7.1 7l13-12.9A5 5 0 0 0 36 24a5 5 0 0 0-1.5-3.6l-12.9-13Z\&quot;/>\n \n </svg>\n\n <span class=\&quot;call-to-action__content\&quot;>\n Angebotsbedingungen ansehen\n </span>\n\n</a>\n </div>\n </div>\n</div>\n &quot;},&quot;isActiveOn&quot;:[&quot;tablet&quot;,&quot;desktop&quot;,&quot;large-desktop&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;panelComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n<div\n class=\&quot;overlay-header__text overlay-header__text--blue\&quot;\n \n>\n <div class=\&quot;overlay-header__button-filler\&quot;>\n \n\n\n<div class=\&quot;filler filler--transparent\&quot;\n style=\&quot;\n height: 2.8rem; width: 2.8rem; \&quot;\n \n>\n </div>\n </div>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text text--truncate js-overlay-header-content-text\&quot;>Kostenlos mitgeliefert</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4 icon--color-white\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n &quot;,&quot;content&quot;:&quot; \n<div class=\&quot;grid gap-y--4\&quot;>\n <div class=\&quot;col--8 col--10@sm\&quot;>\n <h2 class=\&quot;hide@sm\&quot;>3 Monate kostenlos Apple TV+ im Wert von 14,97&nbsp;€</h2>\n <span>Aktiviere dein kostenloses Jahresabonnement innerhalb von drei Monaten nach dem Kauf über die Apple-TV-App auf deinem Apple-Gerät. Du brauchst für die Aktivierung von Apple TV+ keinen Zugangscode.</span>\n </div>\n <div class=\&quot;col--4\n col--2@sm row--2@sm\n text--right\&quot;>\n <img src=\&quot;https://image.coolblue.de/150x150/content/492895\&quot; alt=\&quot;Apple TV+\&quot; loading=\&quot;lazy\&quot;>\n </div>\n <div class=\&quot;col--12 col--10@sm\&quot;>\n <h3>3 Monate lang Filme und Serien kostenlos</h3>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M27 12.5a3 3 0 1 0-6 0V21h-8.5a3 3 0 1 0 0 6H21v8.5a3 3 0 1 0 6 0V27h8.5a3 3 0 1 0 0-6H27v-8.5Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Exklusive Serien, Filme und Dokumentarfilme ansehen, die nur auf Apple TV+ zu finden sind. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M27 12.5a3 3 0 1 0-6 0V21h-8.5a3 3 0 1 0 0 6H21v8.5a3 3 0 1 0 6 0V27h8.5a3 3 0 1 0 0-6H27v-8.5Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Teile dein Apple-TV+-Konto gratis mit höchstens 5 Freunden oder Familienmitgliedern. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M27 12.5a3 3 0 1 0-6 0V21h-8.5a3 3 0 1 0 0 6H21v8.5a3 3 0 1 0 6 0V27h8.5a3 3 0 1 0 0-6H27v-8.5Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Apple TV+ ist auf allen deinen Apple-Geräten verfügbar und kann einfach in deiner Apple-TV-App aktiviert werden. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-green\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M27 12.5a3 3 0 1 0-6 0V21h-8.5a3 3 0 1 0 0 6H21v8.5a3 3 0 1 0 6 0V27h8.5a3 3 0 1 0 0-6H27v-8.5Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Mit diesem Abonnement wird dir beim Binge-Watching keine lästige Werbung angezeigt. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-raingrey\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M9.5 24a3 3 0 0 1 3-3h23a3 3 0 1 1 0 6h-23a3 3 0 0 1-3-3Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Dieses Angebot gilt nicht, wenn du bereits einen Testzeitraum für Apple TV + aktiviert hast. </span>\n</span>\n </div>\n <div class=\&quot;section--1\&quot;>\n \n\n<span\n class=\&quot;icon-with-text\&quot;\n \n \n>\n <span class=\&quot;icon-with-text__icon\&quot;>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--color-raingrey\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z\&quot;/>\n <path d=\&quot;M9.5 24a3 3 0 0 1 3-3h23a3 3 0 1 1 0 6h-23a3 3 0 0 1-3-3Z\&quot; fill=\&quot;#fff\&quot;/>\n \n </svg>\n\n </span>\n <span class=\&quot;icon-with-text__text\&quot;>\n Dieses Abonnement gilt 3 Monate. Nach Ende der Laufzeit kannst du das Abonnement gegen Bezahlung verlängern. </span>\n</span>\n </div>\n <div class=\&quot;section--3\&quot;>\n \n\n\n\n \n<a\n class=\&quot;call-to-action call-to-action--spacious call-to-action__link\&quot;\n href=\&quot;/beratung/apple-tv+-in-gebrauch.html\&quot;\n \n data-component=\&quot;&amp;#x7B;&amp;quot;name&amp;quot;&amp;#x3A;&amp;quot;trackEventType&amp;quot;,&amp;quot;options&amp;quot;&amp;#x3A;&amp;#x7B;&amp;quot;type&amp;quot;&amp;#x3A;&amp;quot;click&amp;quot;,&amp;quot;ga&amp;quot;&amp;#x3A;&amp;#x7B;&amp;quot;category&amp;quot;&amp;#x3A;&amp;quot;apple&amp;#x20;tv&amp;#x2B;&amp;#x20;overlay&amp;quot;,&amp;quot;action&amp;quot;&amp;#x3A;&amp;quot;click&amp;#x20;terms&amp;#x20;and&amp;#x20;conditions&amp;#x20;link&amp;quot;&amp;#x7D;&amp;#x7D;&amp;#x7D;\&quot;\n \n>\n \n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--arrow icon--color-blue\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M21.6 7.5a5 5 0 0 0-7 7L24 24l-9.5 9.5a5 5 0 1 0 7.1 7l13-12.9A5 5 0 0 0 36 24a5 5 0 0 0-1.5-3.6l-12.9-13Z\&quot;/>\n \n </svg>\n\n <span class=\&quot;call-to-action__content\&quot;>\n Angebotsbedingungen ansehen\n </span>\n\n</a>\n </div>\n </div>\n</div>\n &quot;},&quot;isActiveOn&quot;:[&quot;mobile&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]"
                data-overlay-trigger-id-1354f7="modalBoxComponent">
                <a href="#" class="link" data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;open norton overlay&quot;,&quot;label&quot;:&quot;order block&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">3 Monate Apple TV +</a>
              </span>
              <span class="additional-text"> im Wert v. 14,97&nbsp; </span>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <div class="section--5@sm">
    <button type="submit" class="button button--order button--full-width js-add-to-cart-button "
      data-component="[{&quot;name&quot;:&quot;toggle&quot;,&quot;options&quot;:{&quot;bindHandlers&quot;:true,&quot;preventDefault&quot;:false,&quot;toggleClass&quot;:&quot;is-loading&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;Order&quot;,&quot;label&quot;:&quot; (869133)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]">
      <span class="icon-with-text icon-with-text--centered-vertical js-add-to-cart-button">
        <span class="icon-with-text__icon icon-with-text__icon--centered-vertical">
          <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false">
            <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path>
            <circle cx="23.7" cy="36.1" r="4"></circle>
            <circle cx="49.1" cy="36.1" r="4"></circle>
            <path
              d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z">
            </path>
          </svg>
        </span>
        <span class="icon-with-text__text">
          <span class="hide@sm">In den Warenkorb</span>
          <span class="hide@sm-down js-order-button">In den Warenkorb</span>
        </span>
      </span>
    </button>
  </div>
</form>

GET /warenkorb

<form action="/warenkorb" class="js-product-order-form" method="get"
  data-component="[{&quot;name&quot;:&quot;accessoryCheckbox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;orderAccessoryCheckbox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;syncFormFields&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;},{&quot;name&quot;:&quot;installationServicePrice&quot;,&quot;options&quot;:{&quot;formContainer&quot;:&quot;.js-installation-service-form&quot;,&quot;fieldContainer&quot;:&quot;.js-form-checkbox&quot;}}]">
  <input type="hidden" name="main_product_id" value="869133">
  <input type="hidden" name="presentation_format" value="accessories">
  <input type="hidden" name="add[]" value="869133">
  <div class="hide@sm-down" data-component="[{&quot;name&quot;:&quot;accessoryCheckbox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
    <h2 class="h5"> Verhindere Schäden am Display deines iPad </h2>
    <div class="section--2" data-component="[{&quot;name&quot;:&quot;accessorySlot&quot;,&quot;options&quot;:{&quot;accessorySlotId&quot;:&quot;accessory-checkbox&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      <div class="selectable-card selectable-card--multi-select selectable-card--compact">
        <input type="checkbox" name="add[]" value="825759" id="accessory-checkbox-825759-2068010874" class="selectable-card__input js-accessory-checkbox js-accessory-checkbox-item product-option--price-toggle"
          data-field-sync-id="accessory-checkbox-825759">
        <div class="selectable-card__container js-selectable-card-container"
          data-component="[{&quot;name&quot;:&quot;clickProxy&quot;,&quot;options&quot;:{&quot;targetSelector&quot;:&quot;#accessory-checkbox-825759-2068010874&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
          <div class="flex gap-x--2 ">
            <div class="">
              <div class="">
                <span class="selectable-card__fake-input selectable-card__fake-input--checkbox">
                  <svg class="icon selectable-card__fake-icon" aria-hidden="true" viewBox="0 0 48 48" focusable="false">
                    <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path>
                  </svg>
                </span>
              </div>
            </div>
            <div class="grow--1">
              <div class="flex gap-x--3">
                <div class="align-self--center">
                  <label class="pr--1 cursor-pointer" for="accessory-checkbox-825759-1020845198">Just in Case Displayschutzfolie aus Glas</label>
                  <span class="hide@sm-down d--inline-block">
                    <button type="button" class="link js-accessory-checkbox-271076933 js-accessory-checkbox-link"
                      data-component="[{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Verhindere Schäden am Display deines iPad</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;content&quot;:&quot; <div class=\&quot;section--2\&quot;>\n <div class=\&quot;grid gap-x--2\&quot;>\n <div class=\&quot;col--9 col--10@sm\&quot;>\n <p>Mit einem Displayschutz kannst du das Display von deinem iPad vor Kratzern und Sprüngen schützen. Der Kauf lohnt sich immer.</p>\n\n </div>\n <div class=\&quot;col--3 col--2@sm\&quot;>\n \n \n \n\n\n\n\n\n \n <img\n class=\&quot;picture__image\&quot;\n alt=\&quot;Just in Case Displayschutzfolie aus Glas\&quot;\n \n loading=\&quot;lazy\&quot;\n src=\&quot;https://image.coolblue.de/100x100/products/1542626\&quot;\n \n >\n\n\n </div>\n </div>\n </div>\n &quot;,&quot;maxWidth&quot;:&quot;medium&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;show accessory checkbox explanation&quot;,&quot;label&quot;:&quot;accessory (825759)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]"
                      data-overlay-trigger-id-1cafeb="modalBoxComponent">
                      <svg class="icon icon--color-blue" aria-hidden="true" viewBox="0 0 32 32" focusable="false">
                        <circle cx="16" cy="16" r="16"></circle>
                        <path d="M14 16a2 2 0 1 1 4 0v6a2 2 0 1 1-4 0v-6zM14 10a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" fill="#FFF"></path>
                      </svg>
                    </button>
                  </span>
                  <span class="hide@sm d--inline-block">
                    <button type="button" class="link js-accessory-checkbox-271076933 js-accessory-checkbox-link"
                      data-component="[{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Verhindere Schäden am Display deines iPad</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;content&quot;:&quot; <div class=\&quot;section--2\&quot;>\n <div class=\&quot;grid gap-x--2\&quot;>\n <div class=\&quot;col--9 col--10@sm\&quot;>\n <p>Mit einem Displayschutz kannst du das Display von deinem iPad vor Kratzern und Sprüngen schützen. Der Kauf lohnt sich immer.</p>\n\n </div>\n <div class=\&quot;col--3 col--2@sm\&quot;>\n \n \n \n\n\n\n\n\n \n <img\n class=\&quot;picture__image\&quot;\n alt=\&quot;Just in Case Displayschutzfolie aus Glas\&quot;\n \n loading=\&quot;lazy\&quot;\n src=\&quot;https://image.coolblue.de/100x100/products/1542626\&quot;\n \n >\n\n\n </div>\n </div>\n </div>\n &quot;,&quot;maxWidth&quot;:&quot;medium&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;show accessory checkbox explanation&quot;,&quot;label&quot;:&quot;accessory (825759)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]"
                      data-overlay-trigger-id-1a3b76="modalBoxComponent"> Info</button>
                  </span>
                </div>
                <div class="grow--1">
                  <div class="mt--0 text--right">
                    <span class="product-option--price">19,99&nbsp;</span>
                  </div>
                </div>
              </div>
              <input type="hidden" name="position" class="js-accessory-checkbox-position-field">
            </div>
          </div>
        </div>
      </div>
    </div>
    <script
      data-component="[{&quot;name&quot;:&quot;trackEventImmediate&quot;,&quot;options&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;accessory checkbox shown&quot;,&quot;label&quot;:&quot;869133|825759&quot;,&quot;nonInteraction&quot;:true}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
    </script>
  </div>
  <div class="hide">
    <button type="submit" class="button button--order button--full-width js-add-to-cart-button "
      data-component="[{&quot;name&quot;:&quot;toggle&quot;,&quot;options&quot;:{&quot;bindHandlers&quot;:true,&quot;preventDefault&quot;:false,&quot;toggleClass&quot;:&quot;is-loading&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;Order&quot;,&quot;label&quot;:&quot; (869133)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]">
      <span class="icon-with-text icon-with-text--centered-vertical js-add-to-cart-button">
        <span class="icon-with-text__icon icon-with-text__icon--centered-vertical">
          <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false">
            <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path>
            <circle cx="23.7" cy="36.1" r="4"></circle>
            <circle cx="49.1" cy="36.1" r="4"></circle>
            <path
              d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z">
            </path>
          </svg>
        </span>
        <span class="icon-with-text__text">
          <span class="hide@sm">In den Warenkorb</span>
          <span class="hide@sm-down js-order-button">In den Warenkorb</span>
        </span>
      </span>
    </button>
  </div>
</form>

GET /warenkorb

<form action="/warenkorb" class="js-product-order-form" method="get"
  data-component="[{&quot;name&quot;:&quot;accessoryCheckbox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;orderAccessoryCheckbox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;syncFormFields&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;},{&quot;name&quot;:&quot;installationServicePrice&quot;,&quot;options&quot;:{&quot;formContainer&quot;:&quot;.js-installation-service-form&quot;,&quot;fieldContainer&quot;:&quot;.js-form-checkbox&quot;}}]">
  <input type="hidden" name="presentation_format" value="accessories">
  <input type="hidden" name="add[]" value="869133">
  <div class="hide@sm-down" data-component="[{&quot;name&quot;:&quot;accessoryCheckbox&quot;,&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
    <h2 class="h5"> Verhindere Schäden am Display deines iPad </h2>
    <div class="section--2" data-component="[{&quot;name&quot;:&quot;accessorySlot&quot;,&quot;options&quot;:{&quot;accessorySlotId&quot;:&quot;accessory-checkbox&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      <div class="selectable-card selectable-card--multi-select selectable-card--compact">
        <input type="checkbox" name="add[]" value="825759" id="accessory-checkbox-825759-1105667258" class="selectable-card__input js-accessory-checkbox js-accessory-checkbox-item product-option--price-toggle"
          data-field-sync-id="accessory-checkbox-825759">
        <div class="selectable-card__container js-selectable-card-container"
          data-component="[{&quot;name&quot;:&quot;clickProxy&quot;,&quot;options&quot;:{&quot;targetSelector&quot;:&quot;#accessory-checkbox-825759-1105667258&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
          <div class="flex gap-x--2 ">
            <div class="">
              <div class="">
                <span class="selectable-card__fake-input selectable-card__fake-input--checkbox">
                  <svg class="icon selectable-card__fake-icon" aria-hidden="true" viewBox="0 0 48 48" focusable="false">
                    <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path>
                  </svg>
                </span>
              </div>
            </div>
            <div class="grow--1">
              <div class="flex gap-x--3">
                <div class="align-self--center">
                  <label class="pr--1 cursor-pointer" for="accessory-checkbox-825759-635078173">Just in Case Displayschutzfolie aus Glas</label>
                  <span class="hide@sm-down d--inline-block">
                    <button type="button" class="link js-accessory-checkbox-922585887 js-accessory-checkbox-link"
                      data-component="[{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Verhindere Schäden am Display deines iPad</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;content&quot;:&quot; <div class=\&quot;section--2\&quot;>\n <div class=\&quot;grid gap-x--2\&quot;>\n <div class=\&quot;col--9 col--10@sm\&quot;>\n <p>Mit einem Displayschutz kannst du das Display von deinem iPad vor Kratzern und Sprüngen schützen. Der Kauf lohnt sich immer.</p>\n\n </div>\n <div class=\&quot;col--3 col--2@sm\&quot;>\n \n \n \n\n\n\n\n\n \n <img\n class=\&quot;picture__image\&quot;\n alt=\&quot;Just in Case Displayschutzfolie aus Glas\&quot;\n \n loading=\&quot;lazy\&quot;\n src=\&quot;https://image.coolblue.de/100x100/products/1542626\&quot;\n \n >\n\n\n </div>\n </div>\n </div>\n &quot;,&quot;maxWidth&quot;:&quot;medium&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;show accessory checkbox explanation&quot;,&quot;label&quot;:&quot;accessory (825759)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]"
                      data-overlay-trigger-id-170767="modalBoxComponent">
                      <svg class="icon icon--color-blue" aria-hidden="true" viewBox="0 0 32 32" focusable="false">
                        <circle cx="16" cy="16" r="16"></circle>
                        <path d="M14 16a2 2 0 1 1 4 0v6a2 2 0 1 1-4 0v-6zM14 10a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" fill="#FFF"></path>
                      </svg>
                    </button>
                  </span>
                  <span class="hide@sm d--inline-block">
                    <button type="button" class="link js-accessory-checkbox-922585887 js-accessory-checkbox-link"
                      data-component="[{&quot;name&quot;:&quot;modalBoxComponent&quot;,&quot;options&quot;:{&quot;headerContent&quot;:&quot; \n\n\n<div\n class=\&quot;overlay-header__text\&quot;\n \n>\n <div class=\&quot;overlay-header__content\&quot;>\n <h2 class=\&quot;overlay-header__content-text js-overlay-header-content-text\&quot;> Verhindere Schäden am Display deines iPad</h2>\n </div>\n <div class=\&quot;overlay-header__button-close\&quot;>\n \n\n\n\n\n<button\n type=\&quot;button\&quot;\n class=\&quot;close-button js-close-button\&quot;\n aria-label=Schließen\n \n>\n \n\n \n \n \n \n \n \n <svg\n class=\&quot;icon icon--size-4\&quot;\n \n\n aria-hidden=\&quot;true\&quot;\n \n viewBox=\&quot;0 0 48 48\&quot;\n focusable=\&quot;false\&quot;\n \n >\n \n <path d=\&quot;M14.536 7.464a5 5 0 1 0-7.072 7.072L16.93 24l-9.465 9.465a5 5 0 1 0 7.072 7.07L24 31.072l9.465 9.464a5 5 0 1 0 7.07-7.07L31.072 24l9.464-9.464a5 5 0 1 0-7.07-7.072L24 16.93l-9.464-9.465Z\&quot;/>\n \n </svg>\n\n </button>\n </div>\n </div>\n&quot;,&quot;content&quot;:&quot; <div class=\&quot;section--2\&quot;>\n <div class=\&quot;grid gap-x--2\&quot;>\n <div class=\&quot;col--9 col--10@sm\&quot;>\n <p>Mit einem Displayschutz kannst du das Display von deinem iPad vor Kratzern und Sprüngen schützen. Der Kauf lohnt sich immer.</p>\n\n </div>\n <div class=\&quot;col--3 col--2@sm\&quot;>\n \n \n \n\n\n\n\n\n \n <img\n class=\&quot;picture__image\&quot;\n alt=\&quot;Just in Case Displayschutzfolie aus Glas\&quot;\n \n loading=\&quot;lazy\&quot;\n src=\&quot;https://image.coolblue.de/100x100/products/1542626\&quot;\n \n >\n\n\n </div>\n </div>\n </div>\n &quot;,&quot;maxWidth&quot;:&quot;medium&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;show accessory checkbox explanation&quot;,&quot;label&quot;:&quot;accessory (825759)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]"
                      data-overlay-trigger-id-7491df="modalBoxComponent"> Info</button>
                  </span>
                </div>
                <div class="grow--1">
                  <div class="mt--0 text--right">
                    <span class="product-option--price">19,99&nbsp;</span>
                  </div>
                </div>
              </div>
              <input type="hidden" name="position" class="js-accessory-checkbox-position-field">
            </div>
          </div>
        </div>
      </div>
    </div>
    <script
      data-component="[{&quot;name&quot;:&quot;trackEventImmediate&quot;,&quot;options&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;accessory checkbox shown&quot;,&quot;label&quot;:&quot;869133|825759&quot;,&quot;nonInteraction&quot;:true}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
    </script>
  </div>
  <div class="section--4">
    <button type="submit" class="button button--order button--full-width js-add-to-cart-button "
      data-component="[{&quot;name&quot;:&quot;toggle&quot;,&quot;options&quot;:{&quot;bindHandlers&quot;:true,&quot;preventDefault&quot;:false,&quot;toggleClass&quot;:&quot;is-loading&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;responsive product page&quot;,&quot;action&quot;:&quot;Order&quot;,&quot;label&quot;:&quot;Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün (869133)&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;}]">
      <span class="icon-with-text icon-with-text--centered-vertical">
        <span class="icon-with-text__icon icon-with-text__icon--centered-vertical">
          <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false">
            <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path>
            <circle cx="23.7" cy="36.1" r="4"></circle>
            <circle cx="49.1" cy="36.1" r="4"></circle>
            <path
              d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z">
            </path>
          </svg>
        </span>
        <span class="icon-with-text__text">
          <span class="hide@sm">In den Warenkorb</span>
          <span class="hide@sm-down js-order-button">In den Warenkorb</span>
        </span>
      </span>
    </button>
  </div>
</form>

POST /anmelden_newsletter

<form action="/anmelden_newsletter" aria-label="Melde dich für unseren Newsletter an" autocomplete="off" id="js-newsletter-subscription-footer" method="post"
  data-component="[{&quot;name&quot;:&quot;formValidator&quot;,&quot;options&quot;:{&quot;validationMessages&quot;:&quot;{\&quot;csrf\&quot;:null,\&quot;emailaddress\&quot;:{\&quot;1\&quot;:\&quot;Es wurde keine <span>E-Mail-Adresse<\\/span> eingegeben.\&quot;,\&quot;2\&quot;:\&quot;Es wurde keine g\\u00fcltige <span>E-Mail-Adresse<\\/span> eingegeben. \\u00dcberpr\\u00fcfe, ob die E-Mail-Adresse ein @ und einen Punkt enth\\u00e4lt. Es sollten auch keine Leerstellen darinstehen.\&quot;,\&quot;4\&quot;:\&quot;Es wurde eine zu kurze <span>E-Mail-Adresse<\\/span> eingegeben.\&quot;,\&quot;8\&quot;:\&quot;Es wurde eine zu lange <span>E-Mail-Adresse<\\/span> eingegeben.\&quot;}}&quot;,&quot;validateOnSubmit&quot;:true,&quot;useNewErrorStyling&quot;:true},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;},{&quot;name&quot;:&quot;trackFormFieldManager&quot;,&quot;options&quot;:{&quot;formName&quot;:&quot;newsletter subscription footer&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;1&quot;},{&quot;name&quot;:&quot;newsletterSubscriptionFooter&quot;,&quot;options&quot;:{&quot;successMessage&quot;:&quot; <h5 class=\&quot;h3 color--inverted\&quot;>Du bist eingetragen</h5>\n <p>Du erhältst innerhalb von wenigen Minuten eine E-Mail an {email}. Darin findest du einen Link zur Bestätigung deiner Anmeldung.</p>\n&quot;,&quot;failedSubscriptionMessage&quot;:&quot; <p>Bei der Registrierung ist ein Fehler aufgetreten.</p>\n&quot;},&quot;isActiveOn&quot;:[&quot;tablet&quot;,&quot;desktop&quot;,&quot;large-desktop&quot;],&quot;processed&quot;:true,&quot;id&quot;:&quot;2&quot;}]"
  novalidate="">
  <h2 class="h3 color--inverted"> Melde dich für unseren Newsletter an </h2>
  <p>Erhalte die besten Angebote und persönlichen Ratschläge.</p>
  <div>
    <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
    <input type="hidden" class="input" name="csrf" id="footer-newsletter-subscription-csrf" value="0b7b2b1e27134b747387dbb9778bd0c8">
    <label for="footer-newsletter-subscription-emailaddress" class="screen-reader-only">E-Mail-Adresse</label>
    <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
    <input type="email" class="input js-newsletter-subscription-footer--field" name="emailaddress" id="footer-newsletter-subscription-emailaddress" placeholder="E-Mail-Adresse" minlength="5" maxlength="100"
      pattern="^[^\s,@]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"
      data-validation-custom-error-message="<span class=&quot;color--inverted&quot; data-validation-error-message=&quot;{identifier}&quot; id=&quot;{describedby}&quot; aria-live=&quot;assertive&quot;>{message}</span>">
    <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
    <input type="hidden" class="input" name="optsource" id="footer-newsletter-subscription-optsource" value="footer">
    <div class="section--2">
      <button type="submit" class="button js-newsletter-subscription-footer--submit " title="Anmelden"
        data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;Footer&quot;,&quot;action&quot;:&quot;Newsletter subscription&quot;,&quot;label&quot;:&quot;Submit&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
        Anmelden</button>
      <script
        data-component="[{&quot;name&quot;:&quot;trackEventImmediateOnce&quot;,&quot;options&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;splittesting&quot;,&quot;action&quot;:&quot;Change wording newsletter footer&quot;,&quot;nonInteraction&quot;:true}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      </script>
    </div>
  </div>
</form>

POST /meldung-schliessen

<form method="post" action="/meldung-schliessen" class="js-cookie-notification__form">
  <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
  <input type="hidden" class="input" name="referrer-url"
    value="https://www.coolblue.de/produkt/869133/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen.html?clickref=1101liYrxMCi&amp;utm_source=performancehorizon&amp;utm_medium=affiliate&amp;utm_campaign=Price+comparison&amp;utm_content=1101liYrxMCi&amp;utm_term=1101leWEJ&amp;ref=886814&amp;PHGref=1101liYrxMCi&amp;cmt=c_ph,apm_Price+comparison_,acid1101l1187,acr_1101leWEJ,aclr_1101liYrxMCi">
  <div
    data-component="[{&quot;name&quot;:&quot;trackEventImmediate&quot;,&quot;options&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;visible in viewport&quot;,&quot;label&quot;:&quot;Coolblue.de&quot;,&quot;nonInteraction&quot;:true}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
    Wir verwenden Cookies und ähnliche Techniken, um dir besser und persönlicher zu helfen. Zusätzlich zu funktionalen Cookies, mit denen die Website ordnungsgemäß funktioniert, platzieren wir auch analytische Cookies, um unsere Website jeden Tag ein
    bisschen besser zu machen. Wir setzen auch persönliche Cookies, damit wir und Dritte dein Internetverhalten verfolgen und persönliche Inhalte anzeigen können. Mehr erfahren? Lies <button type="submit" class="link"
      aria-label="Alles über unsere Cookie-Richtlinie lesen" name="know_more" value="1"
      data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;click to cookiepage&quot;,&quot;label&quot;:&quot;Coolblue.de&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      hier</button> alles über unsere Cookie-Richtlinie. Wenn du unsere Website in ihrer ganzen Pracht nutzen möchtest, musst du unsere Cookies akzeptieren. Einfach 'Okay' anklicken, um zu bestätigen. Wenn du <button type="submit" class="link"
      aria-label="Unsere Cookies ablehnen" name="decline_cookie" value="1"
      data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;deny&quot;,&quot;label&quot;:&quot;Coolblue.de&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      Ablehnen</button> wählst, setzen wir nur funktionale und analytische Cookies. <div class="pb--2 pb--0@sm section--4 section--6@sm">
      <div>
        <div class="filler filler--transparent" style="
 height: 0.8rem; width: 100% ">
        </div>
      </div>
      <div>
        <div class="filler filler--transparent" style="
 height: 0.8rem; width: 100% ">
        </div>
      </div>
      <button type="submit" class="button button--order button--full-width " aria-label="Unsere Cookies akzeptieren" name="accept_cookie" value="1"
        data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;accept&quot;,&quot;label&quot;:&quot;Coolblue.de&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
        Okay</button>
    </div>
  </div>
</form>

POST /meldung-schliessen

<form method="post" action="/meldung-schliessen" class="js-cookie-notification__form"
  data-component="[[{&quot;name&quot;:&quot;trackFormFieldManager&quot;,&quot;options&quot;:{&quot;formName&quot;:&quot;cookiebar&quot;}},{&quot;name&quot;:&quot;trackEventImmediate&quot;,&quot;options&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;visible in viewport&quot;,&quot;label&quot;:&quot;Coolblue.de&quot;,&quot;nonInteraction&quot;:true}}}]]">
  <!-- [html-validate-disable-next input-missing-label: since the component does not have a default label and is used in combination with FormLabel component ] -->
  <input type="hidden" class="input" name="referrer-url"
    value="https://www.coolblue.de/produkt/869133/apple-ipad-air-2020-10-9-zoll-256-gb-wlan-gruen.html?clickref=1101liYrxMCi&amp;utm_source=performancehorizon&amp;utm_medium=affiliate&amp;utm_campaign=Price+comparison&amp;utm_content=1101liYrxMCi&amp;utm_term=1101leWEJ&amp;ref=886814&amp;PHGref=1101liYrxMCi&amp;cmt=c_ph,apm_Price+comparison_,acid1101l1187,acr_1101leWEJ,aclr_1101liYrxMCi">
  <div class="section--2">
    <div class="checkbox">
      <input id="checkbox-2045314995" type="checkbox" class="checkbox__input" name="cookie_setting[]" value="functional" checked="" disabled="">
      <label for="checkbox-2045314995" class="checkbox__label">
        <span class="checkbox__content"> Funktionell </span>
      </label>
    </div>
    <div class="section--1 ml--6">
      <ul class="list">
        <li class="list__item"> Wir verwenden funktionale Cookies, damit die Grundfunktionen der Website ordnungsgemäß funktionieren, wie zum Beispiel das Hinzufügen eines Produkts zum Warenkorb. </li>
      </ul>
    </div>
  </div>
  <div class="section--3">
    <div class="checkbox">
      <input id="checkbox-2140578621" type="checkbox" class="checkbox__input" name="cookie_setting[]" value="analytical"
        data-component="[{&quot;name&quot;:&quot;trackCheckboxChange&quot;,&quot;options&quot;:{&quot;checkedPostfix&quot;:&quot; checked&quot;,&quot;uncheckedPostfix&quot;:&quot; unchecked&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;cookie settings analytical&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      <label for="checkbox-2140578621" class="checkbox__label">
        <span class="checkbox__content"> Analytisch </span>
      </label>
    </div>
    <div class="section--1 ml--6">
      <ul class="list">
        <li class="list__item"> Analytische Cookies ermöglichen es uns, dir eine bessere Nutzererfahrung auf unserer Website zu bieten. Wir sammeln Statistiken mit Tools von Drittanbietern wie Google Analytics. Diese verwenden wir, um unsere Websites
          zu verbessern. </li>
      </ul>
    </div>
  </div>
  <div class="section--3">
    <div class="checkbox">
      <input id="checkbox-1792199353" type="checkbox" class="checkbox__input" name="cookie_setting[]" value="marketing"
        data-component="[{&quot;name&quot;:&quot;trackCheckboxChange&quot;,&quot;options&quot;:{&quot;checkedPostfix&quot;:&quot; checked&quot;,&quot;uncheckedPostfix&quot;:&quot; unchecked&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;cookie settings marketing&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
      <label for="checkbox-1792199353" class="checkbox__label">
        <span class="checkbox__content"> Persönlich </span>
      </label>
    </div>
    <div class="section--1 ml--6">
      <ul class="list">
        <li class="list__item"> Wenn du ein persönliches Einkaufserlebnis möchtest, wähle persönliche Cookies. Wir verwenden Cookies von Drittanbietern, um deine Interessen zu speichern. Wir zeigen zum Beispiel Werbung, die auf deinen Vorlieben
          basiert. </li>
      </ul>
    </div>
  </div>
  <span class="hide@md">
    <div>
      <div class="filler filler--transparent" style="
 height: 12rem; width: 100% ">
      </div>
    </div>
  </span>
  <div class="grid section--4 section--6@sm hide@sm-down">
    <div class="col--9@sm col--12@md-down">
      <div class="grid gap--3">
        <div class="col--12 col--6@sm">
          <button type="submit" class="button button--order button--full-width " name="accept_cookie" value="all_categories"
            data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;cookie settings&quot;,&quot;label&quot;:&quot;accept all&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
            Alles akzeptieren</button>
        </div>
        <div class="col--12 col--6@sm">
          <button type="submit" class="button button--secondary button--full-width " name="accept_cookie" value="selection"
            data-component="[{&quot;name&quot;:&quot;trackCheckedOnClick&quot;,&quot;options&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;cookie settings&quot;},&quot;selector&quot;:&quot;.js-cookie-notification__form [name=\&quot;cookie_setting[]\&quot;]:checked&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
            Auswahl übernehmen</button>
        </div>
      </div>
    </div>
  </div>
  <div class="hide@md">
    <div class="sticky-bar sticky-bar--bottom is-visible-sticky sticky-bar--full-width">
      <div class="sticky-bar__wrapper">
        <div class="pb--2">
          <button type="submit" class="button button--order button--full-width " name="accept_cookie" value="all_categories"
            data-component="[{&quot;name&quot;:&quot;trackEventType&quot;,&quot;options&quot;:{&quot;type&quot;:&quot;click&quot;,&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;cookie settings&quot;,&quot;label&quot;:&quot;accept all&quot;}},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
            Alles akzeptieren</button>
        </div>
        <button type="submit" class="button button--secondary button--full-width " name="accept_cookie" value="selection"
          data-component="[{&quot;name&quot;:&quot;trackCheckedOnClick&quot;,&quot;options&quot;:{&quot;ga&quot;:{&quot;category&quot;:&quot;cookiebar&quot;,&quot;action&quot;:&quot;cookie settings&quot;},&quot;selector&quot;:&quot;.js-cookie-notification__form [name=\&quot;cookie_setting[]\&quot;]:checked&quot;},&quot;processed&quot;:true,&quot;id&quot;:&quot;0&quot;}]">
          Auswahl übernehmen</button>
      </div>
    </div>
  </div>
</form>

Text Content

 * Geh zu den Produktinformationen

Coolblue Home

Das ganze Sortiment anschauen

Abbrechen


 * 
 * 
   Konto
   Einloggen Schön, dass du wieder da bist.
   E-Mail-Adresse
   Passwort
   Passwort vergessen?
   Anzeigen Ausblenden
   Einloggen
   Noch kein Konto? Hier starten
   Noch kein Konto? Hier starten
    * Mein Coolblue
    * Bestellungen
    * Retouren und Reparaturen
    * Personenbezogene Daten
    * Adressbuch
    * Einstellungen
    * Guthaben
    * Rabatte
    * Wunschliste
   
   Einloggen
   Noch kein Konto? Hier starten
 * Wunschliste
   0
 * Warenkorb
   
   Warenkorb Produktpolonaise
   
   Zu Charlies Bedauern nicht einmal Mäuse.
   
   

Überprüfe, wie schnell und was wir bei dir liefern.
 * Vor 17:00 Uhr bestellt, morgen kostenlos geliefert

 * Überprüfe, wie schnell und was wir bei dir liefern.
 * Vor 17:00 Uhr bestellt, morgen kostenlos geliefert
 * Kostenloser Umtausch
 * Laden in Düsseldorf
 * Kundenbewertung 4,8/5

GeschäftskundenStoreÜber CoolblueKundendienst
 * Startseite
 * Alle Tablets
 * Alle iPads
 * Refurbished iPad
 * iPad Air
 * iPad Pro
 * iPad (2021)
 * iPad mini
 * iPad Hüllen
 * Zubehör

 1. Tablets und E-Reader
 2. Tablets
 3. Apple iPad
 4. Apple iPad Air
 5. iPad Air (2020) 256 GB WLAN Grün

 1. Tablets


APPLE IPAD AIR (2020) 10,9 ZOLL 256 GB WLAN GRÜN


9,4/10 (478 Bewertungen)

Alle Zubehörteile ansehen
Apple iPad
Next
Previous
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 


 * 
 * 
 * 
 * +4
 * +3
 * +2
 * +1
 * 

Variante: Grün | 256 GB | Nur WLAN | Kein Zubehör

Momentan ausverkauft

In dieser Variante nicht verfügbar



STELLE DEIN PRODUKT ZUSAMMEN

Kollektion Farbe:
Grün

Speicherkapazität

Info
64 GB

256 GB
Optionen Internetverbindung

Info
4G+ und WLAN

Nur WLAN
Im Set inbegriffen

Info
Kinderhülle

Apple Pencil, Tablethülle

Tablethülle

Apple Pencil, Tastaturhülle

Kein Zubehör


VERHINDERE SCHÄDEN AM DISPLAY DEINES IPAD

Just in Case Displayschutzfolie aus Glas Info
19,99 
839,- 

Geringer Vorrat, schnell zugreifen!
Wie schnell liefern wir dieses Produkt zu dir? Info
Postleitzahl überprüfen
Gib eine Postleitzahl mit 5 Ziffern ein


 * Kostenlos 3 Monate Apple TV + im Wert v. 14,97 

In den Warenkorb In den Warenkorb
Im Store abholen
Für später speichern Für später speichern
839,- 

Geringer Vorrat, schnell zugreifen!
 * Kostenlos 3 Monate Apple TV + im Wert v. 14,97 


VERHINDERE SCHÄDEN AM DISPLAY DEINES IPAD

Just in Case Displayschutzfolie aus Glas Info
19,99 
In den Warenkorb In den Warenkorb
   
 * Kunden geben Coolblue eine 4,8/5
   Kunden geben Coolblue eine 4,8/5
 * Vor 17:00 Uhr bestellt, morgen kostenlos geliefert
 * Kostenloser Umtausch innerhalb von 30 Tagen
 * 2 Jahre Garantie auf Tablets
 * Seit 1999 aktiv in den Niederlanden
 * Jetzt kaufen, später bezahlen
   

Im Store abholen
 * Empfohlene Kombination
 * Produktinformation
 * Bewertungen
 * Zubehör
 * Alternativen
 * Technische Daten

--------------------------------------------------------------------------------


EMPFOHLENE KOMBINATION



--------------------------------------------------------------------------------


PRODUKTINFORMATION


KURZFASSUNG TECHNISCHE DATEN

Bildschirmdiagonale 10,9 " Geschwindigkeitsklasse Hervorragend Displayqualität
Sehr gut Interner Arbeitsspeicher (RAM) 4 GB Speicherkapazität 256 GB
Bildschirmdiagonale
10,9 "
Geschwindigkeitsklasse
Hervorragend
Displayqualität
Sehr gut
Interner Arbeitsspeicher (RAM)
4 GB
Speicherkapazität
256 GB
Optionen Internetverbindung
Nur WLAN
Optimal für
Bildbearbeitung und Graphikdesign, Entertainment in Spitzenqualität, Gaming,
Geschäftliche Nutzung, Studium
Gewichtsklasse
Mittel

Alle technischen Daten ansehen
Alle technischen Daten ansehen

--------------------------------------------------------------------------------


PLUS- UND MINUSPUNKTE

Laut unseres Tablet-Experten
 * Dank dem leistungsstarken A14-Prozessor kannst du problemlos multitasken und
   mehrere Apps gleichzeitig nutzen.
 * Dank seinem schlanken, leichten Design nimmst du ihn problemlos überall hin
   mit.
 * Auf deinem großen 10,9-Zoll-Retina-Display kannst deine Lieblingsserien in
   hoher Qualität ansehen und mehrere Apps nebeneinander verwenden.
 * Der Apple Pencil (2. Generation) und das Magic Keyboard wird unterstützt,
   gehört jedoch nicht zum Standardlieferumfang.
 * Der Speicher kann nicht mit einer Speicherkarte erweitert werden.

Alle Plus- und Minuspunkte ansehen


--------------------------------------------------------------------------------


BESCHREIBUNG

Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün ist ein schlankes, leichtes
iPad mit einem leistungsstarken A14-Bionic-Prozessor. Dieses iPad Air hat ein
größeres 10,9-Zoll-Display als sein Vorgänger. Der Lightning-Anschluss wurde
durch USB-C ersetzt und auch die vertraute Home-Taste ist verschwunden.
Entsperren mit Touch ID funktioniert jetzt mit dem An- und Ausknopf am oberen
Rand. Das große Retina-Display hat eine Auflösung von 2360 x 1640 Pixel und eine
breite Farbpalette (P3). Deine Lieblingsfilme und kreativen Projekte kommen
hierdurch noch besser zur Geltung. Dank der 7-Megapixel-Selfiekamera führst du
Facetime-Gespräche in HD-Qualität. Mit dem separat erhältlichen Apple Pencil (2.
Generation) arbeitest du detailliert oder machst schnell eine Notiz. Mit dem
Magic Keyboard verwandelst du dein iPad Air in einen kleinen Laptop, den du
unterwegs mühelos mitnimmst.

Bitte beachte: Der Apple Pencil (2. Generation) und das Magic Keyboard werden
nicht standardmäßig mitgeliefert.

Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün ist ein schlankes, leichtes
iPad mit einem leistungsstarken A14-Bionic-Prozessor. Dieses iPad Air hat ein
größeres 10,9-Zoll-Display als sein Vorgänger. Der Lightning-Anschluss wurde
durch USB-C ersetzt und auch die vertraute Home-Taste ist verschwunden.
Entsperren mit Touch ID funktioniert jetzt mit dem An- und Ausknopf am oberen
Rand. Das große Retina-Display hat eine Auflösung von 2360 x 1640 Pixel und eine
breite Farbpalette (P3). Deine Lieblingsfilme und kreativen Projekte kommen
hierdurch noch besser zur Geltung. Dank der 7-Megapixel-Selfiekamera führst du
Facetime-Gespräche in HD-Qualität. Mit dem separat erhältlichen Apple Pencil (2.
Generation) arbeitest du detailliert oder machst schnell eine Notiz. Mit dem
Magic Keyboard verwandelst du dein iPad Air in einen kleinen Laptop, den du
unterwegs mühelos mitnimmst.

Bitte beachte: Der Apple Pencil (2. Generation) und das Magic Keyboard werden
nicht standardmäßig mitgeliefert.

Vollständige Beschreibung ansehen
Mehr anzeigen

--------------------------------------------------------------------------------


GEBRAUCHSANLEITUNG HERUNTERLADEN

Gebrauchsanleitung herunterladen (412,26 KB)

--------------------------------------------------------------------------------


STANDARDMÄSSIG MITGELIEFERT

 * Gebrauchsanleitung (412,26 KB)
 * Kostenlos 3 Monate Apple TV + im Wert v. 14,97 
 * Gebrauchsanleitung
 * Ladegerät (20 W)
 * USB-C-zu-USB-C-Kabel


STANDARDMÄSSIG MITGELIEFERT

 * Kostenlos 3 Monate Apple TV + im Wert v. 14,97 
 * Gebrauchsanleitung
 * Ladegerät (20 W)
 * USB-C-zu-USB-C-Kabel

Alle Inhalte anzeigen

--------------------------------------------------------------------------------


TIPPS ZUR VERWENDUNG DIESES PRODUKTS

Lies für einen schnellen und gelungenen Start mit deinem Produkt unsere Tipps.


TIPPS ZUR VERWENDUNG DIESES PRODUKTS

Lies unsere Tipps und erfahre alles über die optimale Einrichtung und Verwendung
deines Produkts.

Allen Support anzeigen



GEBRAUCHSANLEITUNG HERUNTERLADEN

Gebrauchsanleitung herunterladen (412,26 KB)


KURZFASSUNG TECHNISCHE DATEN

Bildschirmdiagonale 10,9 " Geschwindigkeitsklasse Hervorragend Displayqualität
Sehr gut Interner Arbeitsspeicher (RAM) 4 GB Speicherkapazität 256 GB
Bildschirmdiagonale
10,9 "
Geschwindigkeitsklasse
Hervorragend
Displayqualität
Sehr gut
Interner Arbeitsspeicher (RAM)
4 GB
Speicherkapazität
256 GB
Optionen Internetverbindung
Nur WLAN
Optimal für
Bildbearbeitung und Graphikdesign, Entertainment in Spitzenqualität, Gaming,
Geschäftliche Nutzung, Studium
Gewichtsklasse
Mittel

Alle technischen Daten ansehen
Alle technischen Daten ansehen

--------------------------------------------------------------------------------


BEWERTUNGEN


478 Bewertungen

9,4/10 (478 Bewertungen)


BEWERTUNG

5 Sterne

378
Bewertungen
4 Sterne

96
Bewertungen
3 Sterne

3
Bewertungen
2 Sterne

1
Bewertung
1 Stern

0
Bewertungen


BEWERTUNG PRO ELEMENT

Design

10,0


ABBILDUNGEN VON KUNDEN

+5






HILFREICHSTE BEWERTUNGEN


10/10

BESTES IPAD AUF DEM MARKT

 * Sehr schnell
 * Leicht
 * Die Lautsprecher befinden sich weniger in vertikaler Position. (Dies liegt
   daran, dass sich beide auf der linken Seite befinden, sodass Sie sie nur auf
   der linken Seite hören.)

Wirklich ein sehr guter Kauf. Der neue Chip ist wirklich schön so schnell. Das
Preis-Leistungsverhältnis ist top! Fühlt sich wie ein iPad Pro so schnell an wie
ein iPad Pro und sieht aus wie ein iPad Pro. Ich kann es wirklich empfehlen!

Vollständige Rezension lesen
 * Julius kin
 * 7. November 2020
 * Niederländisch wurde automatisch übersetzt


10/10

EIN GROSSARTIGES PRODUKT, DAS DEN LAPTOP EINFACH NICHT ERSETZ

 * Schneller Prozessor
 * Großer Bildschirm
 * Teuer

Ich benutze das iPad Air 4 jetzt seit einer Woche. Das Schöne ist, dass es alle
Arten von USB-C-Zubehör verarbeiten kann, sodass Sie endlich externe Geräte
aufhängen können. Der Prozessor ist schön und schnell, so dass Sie auch Filme
bearbeiten können.

Vollständige Rezension lesen
 * Chris m
 * 28. Dezember 2020
 * Niederländisch wurde automatisch übersetzt


10/10

GUTES IPAD, EMPFOHLEN!

 * Gute Akkulaufzeit
 * Nettes Design

Es ist ein effizientes iPad, das schnell funktioniert. Gute Akkulaufzeit und ein
schönes Design.

Vollständige Rezension lesen
 * Nel de raeve
 * 6. Dezember 2020
 * Niederländisch wurde automatisch übersetzt


8,8/10

HIGH-TECH MIT NIEDRIGER SCHWELLE

zugängliches Hightech, schön und handlich, auch "Oma-Beweis"

Vollständige Rezension lesen
 * Faes johan
 * 2. Februar 2021
 * Niederländisch wurde automatisch übersetzt


8,4/10

EIN WEITERES FEINES PRODUKT AUS APFEL

 * schöner Bildschirm
 * poo-einfache Übertragung aller Apps und Einstellungen vom alten iPad (iOS 14
   erforderlich)
 * Boden nicht flach wegen Vorsprung vor dem Kameraobjektiv

enorme Verbesserung im Vergleich zu meinem alten iPad

Vollständige Rezension lesen
 * Jan m
 * 14. November 2020
 * Niederländisch wurde automatisch übersetzt


9,2/10

TU ES EINFACH.

 * Super schnell
 * Wunderschönen
 * 64 GB sind eigentlich zu wenig

Das iPad Pro für die weniger Glücklichen.

Vollständige Rezension lesen
 * Koen van zutphen v
 * 31. Oktober 2020
 * Niederländisch wurde automatisch übersetzt


9,2/10

FÜR 95% ERSATZ EINES LAPTOPS (IN KOMBINATION MIT EINER TEURE

 * Super schnell
 * Qualität, wie Sie es von Apple erwarten würden, großartig
 * Der Akku hält in Kombination mit der Tastatur nicht so lange

Ich denke 11 "ist eine schöne Größe. Groß genug für Multitasking, aber sehr
praktisch.

Vollständige Rezension lesen
 * Wouter geels
 * 23. November 2020
 * Niederländisch wurde automatisch übersetzt


9,2/10

EIN TABLET VON SEHR GUTER QUALITÄT

 * Geschwindigkeit ist in Ordnung
 * Sie spüren die Qualität
 * Nein

Sehr guter Kauf, nicht billig, aber Qualität kostet Geld!

Vollständige Rezension lesen
 * O blaauw
 * 5. Dezember 2020
 * Niederländisch wurde automatisch übersetzt


10/10

VIELSEITIGE UND ANGENEHME TABLETTE

 * Sehr gute Bildschirmqualität
 * Schneller Gang

Sehr schönes Gerät. Ich benutze es hauptsächlich zum Zeichnen und die
Kompatibilität mit dem Rest des Apple-Ökosystems ist im Allgemeinen auch eine
sehr angenehme Erfahrung.

Vollständige Rezension lesen
 * Ashley
 * 1. Januar 2021
 * Niederländisch wurde automatisch übersetzt


10/10

KOSTET ETWAS, ABER DANN HAST DU AUCH ETWAS

 * Wenn Sie Apple bereits kennen, ist es schön zu arbeiten
 * Sie können Ihre icloud abrufen, dann haben Sie alle Daten einschließlich
   Passwörter usw. (wenn Sie sie gespeichert haben)
 * Schade, dass Apple immer so teuer ist. Aber du bekommst etwas dafür.

Viele Möglichkeiten mit diesem iPad. Bin sehr zufrieden damit.

Vollständige Rezension lesen
 * Marleen
 * 4. Dezember 2020
 * Niederländisch wurde automatisch übersetzt



10/10

BESTES IPAD AUF DEM MARKT

 * Sehr schnell
 * Leicht
 * Nettes Design
 * Die Lautsprecher befinden sich weniger in vertikaler Position. (Dies liegt
   daran, dass sich beide auf der linken Seite befinden, sodass Sie sie nur auf
   der linken Seite hören.)



Wirklich ein sehr guter Kauf. Der neue Chip ist wirklich schön so schnell. Das
Preis-Leistungsverhältnis ist top! Fühlt sich wie ein iPad Pro so schnell an wie
ein iPad Pro und sieht aus wie ein iPad Pro. Ich kann es wirklich empfehlen!



 * Julius kin
 * 7. November 2020
 * Niederländisch wurde automatisch übersetzt


10/10

EIN GROSSARTIGES PRODUKT, DAS DEN LAPTOP EINFACH NICHT ERSETZ

 * Schneller Prozessor
 * Großer Bildschirm
 * Kompatibel mit dem iPad Pro Zubehör
 * Teuer



Ich benutze das iPad Air 4 jetzt seit einer Woche. Das Schöne ist, dass es alle
Arten von USB-C-Zubehör verarbeiten kann, sodass Sie endlich externe Geräte
aufhängen können. Der Prozessor ist schön und schnell, so dass Sie auch Filme
bearbeiten können.



 * Chris m
 * 28. Dezember 2020
 * Niederländisch wurde automatisch übersetzt


10/10

GUTES IPAD, EMPFOHLEN!

 * Gute Akkulaufzeit
 * Nettes Design
 * Gute Kameraqualität



Es ist ein effizientes iPad, das schnell funktioniert. Gute Akkulaufzeit und ein
schönes Design.



 * Nel de raeve
 * 6. Dezember 2020
 * Niederländisch wurde automatisch übersetzt

Alle 478 Bewertungen anzeigen

--------------------------------------------------------------------------------


GEEIGNETES ZUBEHÖR

loading...
loading...
loading...
loading...


--------------------------------------------------------------------------------


3 MONATE APPLE TV+ KOSTENLOS

Beim Kauf des Produkts Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün
bekommst...
Mehr Informationen ansehen
Beim Kauf des Produkts Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün bekommst
du kostenlos von Apple 3 Monate Apple TV+ geschenkt. Erfahre hier, wie du das
kostenlose Abonnement aktivierst. Hinweis: Dieses Angebot ist bei einem bereits
aktivierten Probeabo von Apple TV+ nicht gültig.

--------------------------------------------------------------------------------


ÄHNLICHE PRODUKTE

Apple iPad Air
Apple Produkte inklusive 1 Jahr gratis Apple TV+
Apple iPad
10 Zoll Tablets
Alle tablets


--------------------------------------------------------------------------------


ALTERNATIVEN

Aktuelles Produkt
Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün

478 Bewertungen

 
Apple iPad Air (2020) 10,9 Zoll 64 GB WLAN + 4G Grün

478 Bewertungen

 
Apple iPad Pro (2021) 11 Zoll 256 GB Wifi Silber

180 Bewertungen

 
Apple iPad Pro (2021) 11 Zoll 128 GB Wi-Fi + 5G Space Grau

180 Bewertungen

 
Apple iPad Air (2022) 10,9" 64GB Wi-Fi + 5G Weißgold

0 Bewertungen

Preis 839,-  809,-  1.008,99  1.069,-  868,50  Bildschirmdiagonale 10,9 " 10,9 "
11 " 11 " 10,9 " Geschwindigkeitsklasse Hervorragend Hervorragend Hervorragend
Hervorragend Sehr gut Interner Arbeitsspeicher (RAM) 4 GB 4 GB 8 GB 8 GB 8 GB

Vollständigen Vergleich ansehen


ÄHNLICHE PRODUKTE

Apple iPad Air
Apple Produkte inklusive 1 Jahr gratis Apple TV+
Apple iPad
10 Zoll Tablets
Alle tablets



TECHNISCHE DATEN


PRODUKT

Artikelnummer 869133 Herstellercode MYG02NF/A Marke Apple Garantie 2 Jahre
Garantietyp Bring-in-Garantie


PRODUKTMERKMALE

Tablet-Format Groß Tiefe 0,61 cm Breite 17,85 cm Höhe 24,76 cm Gewichtsklasse
Mittel Gewicht 458 g Farbe Grün Material Metall


ZUSÄTZLICHE EIGENSCHAFTEN

Kindermodus verfügbar Ja Kindertablets Nein Stylus inbegriffen Nein Optimal für
Bildbearbeitung und Graphikdesign, Entertainment in Spitzenqualität, Gaming,
Geschäftliche Nutzung, Studium Unterstützung von Streamingdiensten Ja


DISPLAY

Displayqualität Sehr gut Bildschirmdiagonale 10,9 " Screen-to-Body-Ratio 82,27 %
Bildschärfe Quad HD (1440p) Auflösung Höhe 2360 px Auflösung Breite 1640 px
Punktdichte 264 ppi Helligkeit 500 cd/m2 HDR-kompatibel Ja Art HDR Dolby Vision,
HDR10 Kratzfest Ja Panelart IPS-Panel Seitenverhältnis horizontal 4
Seitenverhältnis vertikal 3 Bildschirmtechnologien Antireflektionsbeschichtung,
Apple True Tone, Fingerabdruckbeständige Beschichtung, Laminierter Bildschirm,
Wide Color Display (P3) Bildwiederholfrequenz 60 Hz


KONNEKTIVITÄT

WLAN Ja WLAN-Standards WLAN A, WLAN AC, WLAN B, WLAN G, WLAN N Optionen
Internetverbindung Nur WLAN SIM-Karteneinschub Nein Bluetooth Ja
Bluetooth-Version 5.0 Kopfhöreranschluss Nein USB-Anschluss Ja Art USB-Anschluss
USB-C Lightning-Stecker Nein Geeignet für Samsung DeX Nein Apple Modellnummer
A2316


BETRIEBSSYSTEM UND UPDATE-MANAGEMENT

Einführungsjahr 2020 Markteinführung Monat September Zugang zu Google Play Store
Nein Betriebssystem iPadOS iPadOS Version iPadOS 14 Voraussichtliche Frequenz
Sicherheitsupdates Monatlich Voraussichtliches Datum letztes Sicherheitsupdate
September 2025 Bewertung verbleibende Sicherheitsupdates Hervorragend Bewertung
Update-Richtlinien Hervorragend


SPEICHER

Speicherkapazität 256 GB Steckplatz für Speicherkarten Nein Interner
Arbeitsspeicher (RAM) 4 GB


PROZESSOR

Geschwindigkeitsklasse Hervorragend Prozessor Apple A14 Bionic Prozessorkern
Hexa Core (6)


KAMERA

Integrierte Kamera Ja Gesamtauflösung 12 MP Autofokus Ja Rückkamera Blitz Ja
Frontkamera Ja Auflösung Frontkamera 7 MP Zweite Rückkamera Nein


TON

Integrierte Lautsprecher Ja Audiowiedergabe Stereo Anzahl Lautsprecher 2


SENSOREN

Beschleunigungssensor Ja GPS-Sensor Nein Lichtsensor Ja Kompass Ja
Fingerprint-Sensor Ja Gesichtserkennung Nein Schrittzähler Nein


WASSERBESTÄNDIGKEIT

Wasserdicht Nein Bruchsicher Nein

--------------------------------------------------------------------------------


ÄHNLICHE PRODUKTE

 * Apple iPad Air
 * Apple Produkte inklusive 1 Jahr gratis Apple TV+
 * Apple iPad
 * 10 Zoll Tablets
 * Alles zum Thema „tablets“ ansehen


ÄHNLICHE PRODUKTE

Apple iPad Air
Apple Produkte inklusive 1 Jahr gratis Apple TV+
Apple iPad
10 Zoll Tablets
Alle tablets



JA, ICH WILL

Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün

478 Bewertungen
In der Variante: Grün - 256 GB - Nur WLAN - Kein Zubehör
839,- 
inkl. MwSt., versandkostenfrei
Geringer Vorrat, schnell zugreifen!
 * Kostenlos 3 Monate Apple TV + im Wert v. 14,97 


VERHINDERE SCHÄDEN AM DISPLAY DEINES IPAD

Just in Case Displayschutzfolie aus Glas Info
19,99 
In den Warenkorb In den Warenkorb
Für später speichern Für später speichern
In den Warenkorb In den Warenkorb

Apple iPad Air (2020) 10,9 Zoll 256 GB WLAN Grün
839,- 
In den Warenkorb In den Warenkorb
Für später speichern Für später speichern
vergleichen 0

--------------------------------------------------------------------------------

Vergleich ansehen

--------------------------------------------------------------------------------

Alles für ein Lächeln
 * Vor 17:00 Uhr bestellt, morgen kostenlos geliefert
 * Kostenloser Umtausch
 * Laden in Düsseldorf
 * Unsere App
 * Kundenbewertung 4,8/5


HAST DU FRAGEN?

Finde deine Antwort schnell und einfach auf unserer Kundendienstseite.

Facebook
Instagram
YouTube Gut 7.000 Bewertungen
Laden in Düsseldorf Komm vorbei


MELDE DICH FÜR UNSEREN NEWSLETTER AN

Erhalte die besten Angebote und persönlichen Ratschläge.

E-Mail-Adresse
Anmelden

--------------------------------------------------------------------------------

 * Unser Sortiment

 * --------------------------------------------------------------------------------

 * Unternehmenswebsite

 * --------------------------------------------------------------------------------

 * Kundendienst
   
   
   KUNDENDIENST
   
    * Liefern und installieren
    * Zahlung
    * Rückgabe und Umtausch
    * Garantie und Reparatur
    * Bestellen
    * Läden
    * Status meiner Bestellung
    * Retoure oder Reparatur anmelden
    * Alle bestellungen
    * Einloggen
   
   Zum Kundendienst

 * --------------------------------------------------------------------------------

 * Geschäftskunden
   
   
   GESCHÄFTSKUNDEN
   
    * Affiliate-Programm
    * Geschäftskunden
   
   Alles über Geschäftlich

 * --------------------------------------------------------------------------------

 * Store
   
   
   STORE
   
    * Düsseldorf

 * --------------------------------------------------------------------------------

 * Über Coolblue
   
   
   ÜBER COOLBLUE
   
    * Coolblue-Kultur
    * Unternehmenswebsite
    * Geschichte
    * Geschenkgutscheine
    * Bei Coolblue arbeiten
    * Neuigkeiten
    * Coolblue Lieferservice
    * Coolblue Niederlande
    * Coolblue Belgien
    * Datenschutz
   
   Alles über Coolblue

 * --------------------------------------------------------------------------------

 * Einloggen

 * --------------------------------------------------------------------------------


HAST DU FRAGEN?

Finde deine Antwort schnell und einfach auf unserer Kundendienstseite.

 * Klarna
 * PayPal
 * MasterCard
 * Visa
 * Vorkasse
 * ApplePay
 * DHL

--------------------------------------------------------------------------------

 * Allgemeine Geschäftsbedingungen
 * Datenschutz
 * Cookies
 * Impressum
 * Über unser Unternehmen

© 2020 - 2022 - Coolblue GmbH
Kundenbewertung:
Trustpilot 4,8/5 - 1.486 Bewertungen
Kiyoh 9,5/10 - 198 Bewertungen
 


UNKOWN




UNKOWN




Cookies Trendsetter.
Wir verwenden Cookies und ähnliche Techniken, um dir besser und persönlicher zu
helfen. Zusätzlich zu funktionalen Cookies, mit denen die Website ordnungsgemäß
funktioniert, platzieren wir auch analytische Cookies, um unsere Website jeden
Tag ein bisschen besser zu machen. Wir setzen auch persönliche Cookies, damit
wir und Dritte dein Internetverhalten verfolgen und persönliche Inhalte anzeigen
können. Mehr erfahren? Lies hier alles über unsere Cookie-Richtlinie. Wenn du
unsere Website in ihrer ganzen Pracht nutzen möchtest, musst du unsere Cookies
akzeptieren. Einfach 'Okay' anklicken, um zu bestätigen. Wenn du Ablehnen
wählst, setzen wir nur funktionale und analytische Cookies.

Okay


Bitte gib unten an, welche Cookies du akzeptieren möchtest.

Funktionell
 * Wir verwenden funktionale Cookies, damit die Grundfunktionen der Website
   ordnungsgemäß funktionieren, wie zum Beispiel das Hinzufügen eines Produkts
   zum Warenkorb.

Analytisch
 * Analytische Cookies ermöglichen es uns, dir eine bessere Nutzererfahrung auf
   unserer Website zu bieten. Wir sammeln Statistiken mit Tools von
   Drittanbietern wie Google Analytics. Diese verwenden wir, um unsere Websites
   zu verbessern.

Persönlich
 * Wenn du ein persönliches Einkaufserlebnis möchtest, wähle persönliche
   Cookies. Wir verwenden Cookies von Drittanbietern, um deine Interessen zu
   speichern. Wir zeigen zum Beispiel Werbung, die auf deinen Vorlieben basiert.


Alles akzeptieren
Auswahl übernehmen
Alles akzeptieren
Auswahl übernehmen