<div class="utility-nav--with-container">
<div class="utility-nav__row">
<nav class="utility-nav__column">
<h2 class="visually-hidden">Quick navigation</h2>
<ul class="utility-nav__link-list">
<li class="utility-nav__link-list-item">
<a class="utility-nav__link" href="#">
XXX brand
</a>
</li>
<li class="utility-nav__link-list-item">
<a class="utility-nav__link" href="#">
Global Website
</a>
</li>
<li class="utility-nav__link-list-item">
<a class="utility-nav__link" href="#">
Hilfe
</a>
</li>
<li class="utility-nav__link-list-item--toggle">
<span class="utility-nav__title">HP</span>
<div class="utility-nav__toggle">
<div class="toggle">
<label class="toggle__switch--small">
<input class="toggle__input visually-hidden" type="checkbox" id="toggle-utility-nav" name="dealer-mode" value="1">
<span class="toggle__slider--small"></span>
</label>
</div>
</div>
</li>
</ul>
</nav>
<nav class="utility-nav__column">
<h2 class="visually-hidden">Language navigation</h2>
<ul class="utility-nav__link-list">
<li class="utility-nav__link-list-item">
<a class="utility-nav__link" href="/de" hreflang="de" onclick="window.location = this.href + '?currentRoute=' + encodeURIComponent(window.location.pathname + window.location.search); return false;">
Deutsch
</a>
</li>
<li class="utility-nav__link-list-item">
<a class="utility-nav__link" href="/fr" hreflang="fr" onclick="window.location = this.href + '?currentRoute=' + encodeURIComponent(window.location.pathname + window.location.search); return false;">
Français
</a>
</li>
<li class="utility-nav__link-list-item">
<a class="utility-nav__link" href="/it" hreflang="it" onclick="window.location = this.href + '?currentRoute=' + encodeURIComponent(window.location.pathname + window.location.search); return false;">
Italiano
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="header--with-container">
<div class="header__container">
<div class="header__mobile-row--search">
<div class="header__content-container">
<div class="header__mobile-only">
<div class="header__hamburger">
<button class="hamburger hamburger--collapse" type="button" aria-label="Menü öffnen/schliessen" data-off-canvas-toggle>
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
<div class="header__desktop-only">
<a href="#" class="header__logo-link">
<img src="/images/common/logo.svg" alt="Brand" class="header__logo" />
</a>
</div>
<div class="header__search">
<div class="text-field-search-rounded--light">
<div class="text-field-search-rounded__wrapper">
<input class="text-field-search-rounded__input" id="search-term" type="search" name="search-term" autocomplete="on" data-test="Yes" placeholder="Suche nach Name oder Artikelnummer" />
<label class="visually-hidden" for="search-term">Suche nach Name oder Artikelnummer</label>
<button type="reset" class="text-field-search-rounded__reset">
<span class="visually-hidden">Zurücksetzen</span>
</button>
<button type="submit" class="text-field-search-rounded__search">
<span class="visually-hidden">Suchen</span>
</button>
<div class="text-field-search-rounded__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
</div>
</div>
<div class="header__scanner-button">
<script type="text/html" class="modal__placeholder" id="test-modal-placeholder">
<aside class="modal modal--slide" id="test-modal" aria-hidden="true" data-modal>
<div class="modal__overlay" tabindex="-1" data-modal-close data-modal-overlay>
<div class="modal__container--small" role="dialog" aria-modal="true" aria-labelledby="test-modal-title">
<div class="modal__container-inner">
<header class="modal__header">
<h3 class="modal__title" id="test-modal-title">Barcode Scanner</h3>
<div class="modal__close">
<button class="button-icon--icon-regular -icon-close" type="button" name="close" value="close" data-modal-close="">
<span class="visually-hidden">Close modal</span>
</button>
</div>
</header>
<main class="modal__content" id="test-modal-content">
<div id="barcodePickerElement" style="background: lightgrey; width: 100%; height: 80vh; display: flex;">
<div style="border: 2px solid white; width: 100%; margin: 16px;">
<div style="text-align: center; top: 50%;">Scandit barcode placeholder</div>
</div>
</main>
</div>
</div>
</div>
</aside>
</script>
<div class="modal__demo-toggle" data-modal-id="test-modal">
<a href="#" class="button-scanner">
<span class="visually-hidden">Barcode Scanner</span>
</a>
</div>
</div>
</div>
</div>
<div class="header__mobile-row--account-and-cart">
<div class="header__content-container">
<div class="header__mobile-only">
<a href="#" class="header__logo-link">
<img src="/images/common/logo.svg" alt="Brand" class="header__logo" />
</a>
</div>
<div class="header__account-and-cart">
<div class="header__button--account">
<div class="header-account">
<div class="header-account__container">
<a href="#" class="header-account__link"> <span class="header-account__link-title">Mein Konto</span>
</a>
<button type="button" class="header-account__link--button"> <span class="header-account__link-title">Mein Konto</span>
</button>
</div>
<div class="header-account-dropdown-root">
<div class="dropdown">
<button type="button" class="dropdown__toggle" style="max-width: 200px;">999999</button>
<div class="dropdown__content" style="width: 220px; left: auto; right: 0;">
<div class="header-account-dropdown">
<div class="header-account-dropdown__greeting">Hallo,</div>
<div class="header-account-dropdown__active-customer">999999 (Sabine Schreiber)</div>
<a href="#" class="header-account-dropdown__change-customer">Kundennummer wechseln</a>
<div class="header-account-dropdown__link-list">
<a href="#" class="header-account-dropdown__link">Profil</a>
<a href="#" class="header-account-dropdown__link">Bestellungen</a>
<a href="#" class="header-account-dropdown__link">Merklisten</a>
</div>
<a href="#" class="header-account-dropdown__logout">Abmelden</a>
<div class="header-account-dropdown__button">
<a href="#" class="button--primary-small">Zu meinem Konto</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__button--wishlist">
<div class="header-wishlist">
<div class="header-button">
<div class="header-button__container">
<a href="" class="header-button__link -icon-wishlist">
<span class="visually-hidden">(</span>
<span class="header-button__label">Merkliste</span>
<span class="visually-hidden">)</span>
<span class="header-button__badge">12</span>
</a>
<button type="button" class="header-button__link--button -icon-wishlist">
<span class="visually-hidden">(</span>
<span class="header-button__label">Merkliste</span>
<span class="visually-hidden">)</span>
<span class="header-button__badge">12</span>
</button>
</div>
<div class="header-button-dropdown-root">
<div class="dropdown">
<button type="button" class="dropdown__toggle" style="max-width: 200px;">Hauptliste</button>
<div class="dropdown__content" style="width: 280px; left: auto; right: 0;">
<div class="header-button-dropdown">
<ul class="header-button-dropdown__list">
<li class="header-button-dropdown__list-item--active">
<button type="button" class="header-button-dropdown__name">
Hauptliste
</button>
<div class="header-button-dropdown__active"></div>
</li>
<li class="header-button-dropdown__list-item">
<button type="button" class="header-button-dropdown__name">
Werkstatt
</button>
<div class="header-button-dropdown__active"></div>
</li>
<li class="header-button-dropdown__list-item">
<button type="button" class="header-button-dropdown__name">
Herr Müller
</button>
<div class="header-button-dropdown__active"></div>
</li>
<li class="header-button-dropdown__list-item">
<button type="button" class="header-button-dropdown__name">
Büro
</button>
<div class="header-button-dropdown__active"></div>
</li>
<li class="header-button-dropdown__list-item">
<button type="button" class="header-button-dropdown__name">
Ein sehr langer Merklistentitel für einen Kunden mit einem sehr langen Namen
</button>
<div class="header-button-dropdown__active"></div>
</li>
</ul>
<div class="header-button-dropdown__link-list">
<a href="#" class="header-button-dropdown__link">Merklisten verwalten</a>
</div>
<div class="header-button-dropdown__button">
<a href="#" class="button--primary-small">Zur Merkliste</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__button--cart">
<div class="header-cart">
<div class="header-button">
<div class="header-button__container">
<a href="" class="header-button__link -icon-cart">
<span class="visually-hidden">(</span>
<span class="header-button__currency">CHF</span>
<span class="header-button__value">2584.60</span>
<span class="visually-hidden">)</span>
<span class="header-button__badge">4</span>
</a>
<button type="button" class="header-button__link--button -icon-cart">
<span class="visually-hidden">(</span>
<span class="header-button__currency">CHF</span>
<span class="header-button__value">2584.60</span>
<span class="visually-hidden">)</span>
<span class="header-button__badge">4</span>
</button>
</div>
<div class="header-button-dropdown-root">
<div class="dropdown">
<button type="button" class="dropdown__toggle" style="max-width: 200px;">Vororder</button>
<div class="dropdown__content" style="width: 280px; left: auto; right: 0;">
<div class="header-button-dropdown">
<ul class="header-button-dropdown__list">
<li class="header-button-dropdown__list-item--active">
<div class="header-button-dropdown__image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/header-cart-dropdown/preorder.svg" class="image__img header-button-dropdown__image is-loading" alt="Vororder" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<button type="button" class="header-button-dropdown__name">
Vororder
</button>
<div class="header-button-dropdown__item-amount">
100
</div>
<div class="header-button-dropdown__active"></div>
</li>
<li class="header-button-dropdown__list-item">
<div class="header-button-dropdown__image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/header-cart-dropdown/dealer.svg" class="image__img header-button-dropdown__image is-loading" alt="Händlerwarenkorb" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<button type="button" class="header-button-dropdown__name">
Händlerwarenkorb
</button>
<div class="header-button-dropdown__item-amount">
3
</div>
<div class="header-button-dropdown__active"></div>
</li>
<li class="header-button-dropdown__list-item">
<div class="header-button-dropdown__image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/header-cart-dropdown/customer.svg" class="image__img header-button-dropdown__image is-loading" alt="Kunde 1" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<button type="button" class="header-button-dropdown__name">
Kunde 1
</button>
<div class="header-button-dropdown__item-amount">
12
</div>
<div class="header-button-dropdown__active"></div>
</li>
<li class="header-button-dropdown__list-item">
<div class="header-button-dropdown__image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/header-cart-dropdown/customer.svg" class="image__img header-button-dropdown__image is-loading" alt="Kunde 2" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<button type="button" class="header-button-dropdown__name">
Kunde 2
</button>
<div class="header-button-dropdown__item-amount">
5
</div>
<div class="header-button-dropdown__active"></div>
</li>
<li class="header-button-dropdown__list-item">
<div class="header-button-dropdown__image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/header-cart-dropdown/customer.svg" class="image__img header-button-dropdown__image is-loading" alt="Kunde 2" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<button type="button" class="header-button-dropdown__name">
KundeKundeKundeKundeKundeKundeKundeKundeKundeKundeKundeKundeKundeKundeKunde
</button>
<div class="header-button-dropdown__item-amount">
9999
</div>
<div class="header-button-dropdown__active"></div>
</li>
</ul>
<div class="header-button-dropdown__link-list">
<a href="#" class="header-button-dropdown__link">Warenkörbe verwalten</a>
</div>
<div class="header-button-dropdown__button">
<a href="#" class="button--primary-small">Zum Warenkorb</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__background"></div>
</div>
<ccx-instant-search></ccx-instant-search>
<ccx-navigation>
<div class="big-menu-toolbar">
<nav class="big-menu-toolbar__container">
<h2 class="visually-hidden">Menü</h2>
<ul class="big-menu-toolbar__navigation--left">
<li class="big-menu-toolbar__item">
<button type="button" class="big-menu-toolbar__toggle--button">Produkte</button>
<div class="big-menu-dropdown">
<div class="big-menu-dropdown__container">
<div class="big-menu-dropdown__close">
<button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes" data-big-menu-dropdown-close="true">
<span class="visually-hidden">Schliessen</span>
</button>
</div>
<div class="big-menu-dropdown-advanced">
<ul class="big-menu-dropdown-advanced__left-navigation">
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--it&multimedia" id="big-menu-dropdown-advanced__left-item-button--it&multimedia" data-big-menu-dropdown-advanced-title>IT & Multimedia</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--noitems" id="big-menu-dropdown-advanced__left-item-button--noitems" data-big-menu-dropdown-advanced-title>No Items</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--nosubcategories" id="big-menu-dropdown-advanced__left-item-button--nosubcategories" data-big-menu-dropdown-advanced-title>No Subcategories</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--mixedcategories" id="big-menu-dropdown-advanced__left-item-button--mixedcategories" data-big-menu-dropdown-advanced-title>Mixed Categories</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--büro&papeterie" id="big-menu-dropdown-advanced__left-item-button--büro&papeterie" data-big-menu-dropdown-advanced-title>Büro & Papeterie</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--bekleidung&ausrüstung" id="big-menu-dropdown-advanced__left-item-button--bekleidung&ausrüstung" data-big-menu-dropdown-advanced-title>Bekleidung & Ausrüstung</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--schulbedarf&kreatives" id="big-menu-dropdown-advanced__left-item-button--schulbedarf&kreatives" data-big-menu-dropdown-advanced-title>Schulbedarf & Kreatives</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--arbeitsschutz&hygiene" id="big-menu-dropdown-advanced__left-item-button--arbeitsschutz&hygiene" data-big-menu-dropdown-advanced-title>Arbeitsschutz & Hygiene</button>
</li>
<li class="big-menu-dropdown-advanced__left-item">
<button type="button" class="big-menu-dropdown-advanced__left-title" name="big-menu-dropdown-advanced__left-item-button--verpflegung&gesundheit" id="big-menu-dropdown-advanced__left-item-button--verpflegung&gesundheit" data-big-menu-dropdown-advanced-title>Verpflegung & Gesundheit</button>
</li>
</ul>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle IT & Multimedia</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Geräte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Diktiersystem</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Notebook</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Smartphone</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Tablet</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Geräte Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Batterie & Akku</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link"> Bildschirmfolie</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Notebook Stromversorgung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Schutzhüllen & Taschen</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Peripherie & Kabel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Audio</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Dockingstation</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Eingabegeräte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Ergonomie am Bildschirmarbeitsplatz</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Externe Speichermedien</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Kabel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Monitor</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Router</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Tastaturen & Mäuse</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">USB Hubs & Cardreader</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Externe Speichermedien</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Kabel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Monitor</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Router</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Tastaturen & Mäuse</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">USB Hubs & Cardreader</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Büro Kommunikation</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Faxgeräte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Headset</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">VoIP DECT-Handtelefon</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">VoIP Konferenztelefon</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Webcam</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Drucken & Scannen</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Geräte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Kopierpapier</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Toner & Tinte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Geräte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Diktiersystem</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Notebook</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Smartphone</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Tablet</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Geräte Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Batterie & Akku</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link"> Bildschirmfolie</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Notebook Stromversorgung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Schutzhüllen & Taschen</a>
</li>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle No Items</a>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle No Subcategories</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Papeterie</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Büro Arbeitsplatz & Ablage</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Bürogeräte & Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Meeting & Konferenzräume</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Präsentations- & Informationshilfen</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Büromöbel & Ausstattung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Taschen & Rucksäcke</a>
</li>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle Mixed Categories</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Papeterie</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Büro Arbeitsplatz & Ablage</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Büroablagen</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link"> Kleingeräte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Schreibtisch Accessoire</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Stempel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Bürogeräte & Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Meeting & Konferenzräume</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Präsentations- & Informationshilfen</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Büromöbel & Ausstattung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Taschen & Rucksäcke</a>
</li>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle Büro & Papeterie</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Papeterie</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Agenda & Kalender</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Etiketten</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Formulare & Handelsbücher</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Papier & Papierprodukte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Schreibwaren & Schreibutensilien</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Büro Arbeitsplatz & Ablage</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Büroablagen</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link"> Kleingeräte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Schreibtisch Accessoire</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Stempel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Bürogeräte & Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Aktenvernichter</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Beschriftungsgeräte & Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Bindegeräte & Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Laminiergeräte & Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Schneidemaschine & Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Meeting & Konferenzräume</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Beamer, Visualizer & Projektoren</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Digitales Flipchart</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Whiteboards, Charts & Tafeln</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Präsentations- & Informationshilfen</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Ausweishalter & Namensschilder</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Prospekt- & Werbeständer</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Präsentationszubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Büromöbel & Ausstattung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Arbeitsplatzmöbel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Beleuchtung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Bürotisch-Organisation</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Empfangseinrichtung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Raumklimageräte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Taschen & Rucksäcke</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Schreibmappe</a>
</li>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle Bekleidung & Ausrüstung</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel Letzte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle Schulbedarf & Kreatives</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Schulhefte & Heftblätter</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Heftblätter</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Schulhefte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Schreiben & Zeichnen</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Farbstifte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Filzstifte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Technisches Zeichnen</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Unterrichtsmaterial</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Spiel & Spass</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Werken & Gestalten</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Basteln</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Kreativpapier & Karton</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Malen</a>
</li>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle Arbeitsschutz & Hygiene</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Hygienebedarf</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Besen & Bürsten</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Handdesinfektion & Zubehör</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Hygienetücher-bedarf</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Oberflächendesinfektion</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Reinigungsmittel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Reinigungstücher</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Waschraum Hygienelösung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Entsorgung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Körperpflege</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Lufterfrischer & Spender</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Toilettenpapier- & Handtuch-Spender</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Reinigungstücher</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">PSA & Arbeitsschutz</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Handschutz</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Gehörschutz</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Atemschutz</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Augenschutz</a>
</li>
</ul>
</div>
<div class="big-menu-dropdown-advanced__right-navigation" data-big-menu-dropdown-advanced-content>
<a href="#" target="_self" class="big-menu-dropdown-advanced__right-link">Alle Verpflegung & Gesundheit</a>
<ul class="big-menu-dropdown-advanced__right-list" data-big-menu-dropdown-advanced-list>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Getränke</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Alkoholfreie-Getränke</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Alkoholische-Getränke</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Kaffee & Tee</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Milchprodukte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Lebensmittel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Frische Lebensmittel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Pasta & Mehr</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Salzige Lebensmittel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Süsse Lebensmittel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Kantinen & Küchenausstattung</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Geschirr & Besteck</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Küchengeräte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Küchenpapier & Dispenser</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Erste Hilfe & medizinische Produkte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Betriebsapotheke</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Sport & Fitness</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Fitness Kleingeräte</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="big-menu-toolbar__item">
<button type="button" class="big-menu-toolbar__toggle--button">Marken</button>
<div class="big-menu-dropdown">
<div class="big-menu-dropdown__container">
<div class="big-menu-dropdown__close">
<button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes" data-big-menu-dropdown-close="true">
<span class="visually-hidden">Schliessen</span>
</button>
</div>
<a href="#" class="big-menu-dropdown-basic__navigation--link">Alle firstlevel title</a>
<ul class="big-menu-dropdown-basic__navigation">
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke A</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke B</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke C</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke D</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke E</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke F</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke G</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke H</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke I</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Marke J</a>
</li>
</ul>
</div>
</div>
</li>
<li class="big-menu-toolbar__item">
<a href="#" class="big-menu-toolbar__toggle--link">Service</a>
</li>
</ul>
<ul class="big-menu-toolbar__navigation--right">
<li class="big-menu-toolbar__item">
<a href="#" class="big-menu-toolbar__toggle--link">Shop</a>
</li>
<li class="big-menu-toolbar__item">
<a href="#" class="big-menu-toolbar__toggle--link">Extras</a>
</li>
<li class="big-menu-toolbar__item">
<a href="#" class="big-menu-toolbar__toggle--link">Blog</a>
</li>
<li class="big-menu-toolbar__item">
<button type="button" class="big-menu-toolbar__toggle--button">Über uns</button>
<div class="big-menu-dropdown">
<div class="big-menu-dropdown__container">
<div class="big-menu-dropdown__close">
<button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes" data-big-menu-dropdown-close="true">
<span class="visually-hidden">Schliessen</span>
</button>
</div>
<a href="#" class="big-menu-dropdown-basic__navigation--link">Alle firstlevel title</a>
<ul class="big-menu-dropdown-basic__navigation">
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Gruppentitel Letzte</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Artikelgruppentitel</a>
</li>
</ul>
</div>
</div>
</li>
<li class="big-menu-toolbar__item">
<button type="button" class="big-menu-toolbar__toggle--button">Kundendienst</button>
<div class="big-menu-dropdown">
<div class="big-menu-dropdown__container">
<div class="big-menu-dropdown__close">
<button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes" data-big-menu-dropdown-close="true">
<span class="visually-hidden">Schliessen</span>
</button>
</div>
<a href="#" class="big-menu-dropdown-basic__navigation--link">Alle firstlevel title</a>
<ul class="big-menu-dropdown-basic__navigation">
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">Kontakt</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Kundenberater</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Service Center</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__title -is-link">FAQ</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Bestell Rückgabe</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Garantie</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Formulare</a>
</li>
<li class="big-menu-flat-list__item">
<a href="#" target="_self" class="big-menu-flat-list__link">Last Item</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</nav>
</div>
<div class="off-canvas-menu">
<div class="off-canvas-menu__overlay" data-off-canvas-overlay></div>
<div class="off-canvas-menu__off-canvas" data-off-canvas data-off-canvas-title="Menü">
<div class="off-canvas-menu__utility-nav">
<div class="off-canvas-menu__utility-nav-toggle-title">HP</div>
<div class="toggle">
<label class="toggle__switch--large">
<input class="toggle__input visually-hidden" type="checkbox" id="toggle-off-canvas" name="dealer-mode" value="1">
<span class="toggle__slider--large"></span>
</label>
</div>
</div>
<nav class="mm off-canvas-menu__nav is-offset" data-off-canvas-menu>
<h2 class="visually-hidden">Menü</h2>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">Produkte</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">Bekleidung & Ausrüstung</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bekleidung & Ausrüstung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bekleidung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Brillen </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Freizeitschuhe </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Helme </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Körperpflege </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Rucksäcke </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Textilpflege </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Veloschuhe </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bekleidung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Brillen </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Freizeitschuhe </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Helme </a>
</li>
</ul>
</li>
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">Bekleidung & Ausrüstung</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bekleidung & Ausrüstung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Helme </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Körperpflege </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Rucksäcke </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Textilpflege </a>
</li>
</ul>
</li>
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">Bekleidung & Ausrüstung</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bekleidung & Ausrüstung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bekleidung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Brillen </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Freizeitschuhe </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Helme </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Körperpflege </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Rucksäcke </a>
</li>
</ul>
</li>
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">Bekleidung & Ausrüstung</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bekleidung & Ausrüstung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bekleidung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Brillen </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Freizeitschuhe </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Helme </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Körperpflege </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Rucksäcke </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Textilpflege </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Veloschuhe </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bekleidung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Brillen </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Freizeitschuhe </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Helme </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Körperpflege </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Rucksäcke </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Textilpflege </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Veloschuhe </a>
</li>
</ul>
</li>
</ul>
</li>
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">Marken</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Alle Marken </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke A </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke B </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke C </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke D </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke E </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke F </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke G </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke H </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke I </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marke J </a>
</li>
</ul>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Service </a>
</li>
<li class="off-canvas-menu__list-item is-special">
<a class="off-canvas-menu__list-item-title" href="#">
Aktionen </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
shop </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Extras </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Blog </a>
</li>
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">Über uns</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Über uns </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Geschäftsleitung </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Kundenberater </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Service Center </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Category Management </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Marketing & Communication </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
E-Business </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Einkauf </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Administration </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Distribution </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Lager </a>
</li>
</ul>
</li>
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">Kundendienst</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Kundendienst </a>
</li>
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">Kontakt</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Kontakt </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Kundenberater </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Service Center </a>
</li>
</ul>
</li>
<li class="off-canvas-menu__list-item">
<span class="off-canvas-menu__list-item-title">FAQ</span>
<ul class="off-canvas-menu__list">
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
FAQ </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Bestell Rückgabe </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Garantie </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Formulare </a>
</li>
<li class="off-canvas-menu__list-item">
<a class="off-canvas-menu__list-item-title" href="#">
Hotline </a>
</li>
</ul>
</li>
</ul>
</li>
<li class="off-canvas-menu__list-item small no-divider">
<a class="off-canvas-menu__list-item-title" href="/fr" hreflang="fr" onclick="window.location = this.href + '?currentRoute=' + encodeURIComponent(window.location.pathname + window.location.search); return false;">
Francais </a>
</li>
<li class="off-canvas-menu__list-item small no-divider">
<a class="off-canvas-menu__list-item-title" href="/it" hreflang="it" onclick="window.location = this.href + '?currentRoute=' + encodeURIComponent(window.location.pathname + window.location.search); return false;">
Italiano </a>
</li>
</ul>
</nav>
</div>
</div>
</ccx-navigation>
<div class="page-container">
<ccx-global-messages></ccx-global-messages>
<ccx-breadcrumb>
<nav class="breadcrumb">
<div class="breadcrumb__container">
<ol class="breadcrumb__list">
<li class="breadcrumb__list-item">
<a class="breadcrumb__link" href="#">Home</a>
</li>
<li class="breadcrumb__list-item">
<a class="breadcrumb__link" href="#">Kategorie Anton</a>
</li>
<li class="breadcrumb__list-item">
<a class="breadcrumb__link" href="#">Kategorie Bertha</a>
</li>
<li class="breadcrumb__list-item">
<a class="breadcrumb__link" href="#">Kategorie Conrad</a>
</li>
<li class="breadcrumb__list-item">
<div class="breadcrumb__content">Kategorie Doris</div>
</li>
<li class="breadcrumb__list-item">
<a class="breadcrumb__link" href="#">Kategorie Erik</a>
</li>
<li class="breadcrumb__list-item">
<a class="breadcrumb__link--active" href="#">Kategorie Fjord</a>
</li>
</ol>
</div>
</nav>
</ccx-breadcrumb>
<main id="main-content" class="page-container__content">
<h2 class="page-container__title visually-hidden" tabindex="-1">Main content</h2>
<div class="detail">
<div class="detail__container">
<div class="detail__overview">
<div class="overview">
<div class="overview__container">
<div class="overview__row">
<div class="overview__column">
<div class="overview__column-container" data-information-column>
<div class="overview__title-container">
<h3 class="overview__title" data-title>Helmo Milano Jet Helm VAPENSIERO Helmo Milano Jet Helm VAPENSIERO Helmo Milano Jet Helm VAPENSIERO</h3>
</div>
<div class="overview__price">
<div class="price--large">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">189.90</div>
</div>
</div>
</div>
<div class="price-regular__note">UVP inkl. 7.7% MwSt.</div>
</div>
</div>
</div>
<div class="price--large-secondary">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">115.90</div>
</div>
</div>
</div>
<div class="price-regular__note">Preis exkl. 7.7% MwSt.</div>
</div>
</div>
</div>
</div>
<div class="overview__metadata-container">
<div class="overview__attributes">
<div class="attributes--large-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Marke</div>
<div class="attributes__value has-single-line-ellipsis" title="UYN">
<a class="attributes__attribute-link" href="#" title="UYN">UYN</a>
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Einsatzbereich</div>
<div class="attributes__value has-single-line-ellipsis" title="Outdoor">
<a class="attributes__attribute-link" href="#" title="Outdoor">Outdoor</a>
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Schuhe">
<a class="attributes__attribute-link" href="#" title="Schuhe">Schuhe</a>
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kurzbezeichnung</div>
<div class="attributes__value " title="XM1 run">
XM1 run
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Lager</div>
<div class="attributes__value ">
<div class="stock">
<button type="button" class="stock__toggle--available" data-info-tooltip-content="Verfügbar ab Juli 2020">
<span class="visually-hidden">Verfügbar ab Juli 2020</span>
</button>
</div>
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Radgrösse</div>
<div class="attributes__value " title="26 zoll">
26 zoll
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Farbe</div>
<div class="attributes__value " title="8/97 Hell-Lichtblond Cendré-Mahagoni">
8/97 Hell-Lichtblond Cendré-Mahagoni
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Grösse</div>
<div class="attributes__value " title="60ml">
60ml
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">ANZAHL LIST ITEMS</div>
<div class="attributes__value " title="10 Stk">
10 Stk
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Overflow</div>
<div class="attributes__value " title="11 Stk">
11 Stk
</div>
</li>
</ul>
<button type="button" class="button-content-toggle is-hidden" data-show-more-label="mehr anzeigen" data-show-less-label="weniger anzeigen" data-attributes-toggle-button="true">mehr anzeigen</button>
</div>
</div>
</div>
<div class="overview__features" data-features>
<div class="wysiwyg-content">
<ul>
<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod</li>
<li>Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</li>
<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</li>
</ul>
</div>
</div>
<button type="button" class="button-content-toggle is-hidden" data-show-more-label="mehr anzeigen" data-show-less-label="weniger anzeigen" data-overview-features-toggle-button="true">mehr anzeigen</button>
</div>
</div>
<div class="overview__column">
<div class="overview__column-container" data-slider-column>
<div class="overview__specials-and-logos">
<div class="overview__specials">
<div class="specials">
<div class="specials--large-horizontally ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="Bestseller" style="background-color: #ef5800;">
<span class="visually-hidden">Bestseller</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/fire.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="Kauftipp" style="background-color: #44a0d9;">
<span class="visually-hidden">Kauftipp</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/tip.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
<div class="overview__logos">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--large is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="image ">
<picture>
<img src="/example-assets/images/logos/product-line-logo.jpg" class="image__img logos__productline--large is-loading" alt="alt" srcset="/example-assets/images/logos/product-line-logo.jpg 1x, /example-assets/images/logos/product-line-logo.jpg 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
<div class="detail-slider">
<div class="detail-slider__container">
<div class="detail-slider__top-slider">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/image.jpg" class="image__img detail-slider__top-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/image.jpg 1x, /example-assets/images/detail-slider/image.jpg 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__top-slider-video">
<div class="video-player">
<div class="video-player__thumbnail-container" data-modal-id="video-modal-1062683998">
<div class="image ">
<picture>
<img src="https://img.youtube.com/vi/X6OByqtMDIo/maxresdefault.jpg" class="image__img video-player__thumbnail-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="video-player__thumbnail-play-button"></div>
</div>
</div>
<script type="text/html" class="modal__placeholder" id="video-modal-1062683998-placeholder"></script>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__top-slider-video">
<div class="video-player">
<div class="video-player__thumbnail-container" data-modal-id="video-modal-1267387616">
<div class="image ">
<picture>
<img src="/example-assets/images/video-player/poster.jpg" class="image__img video-player__thumbnail-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="video-player__thumbnail-play-button"></div>
</div>
</div>
<script type="text/html" class="modal__placeholder" id="video-modal-1267387616-placeholder"></script>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__top-slider-video">
<div class="video-player">
<div class="video-player__thumbnail-container" data-modal-id="video-modal-626368937">
<div class="image ">
<picture>
<img src="/example-assets/images/video-player/poster.jpg" class="image__img video-player__thumbnail-image is-loading" alt="Test Produkt" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="video-player__thumbnail-play-button"></div>
</div>
</div>
<script type="text/html" class="modal__placeholder" id="video-modal-626368937-placeholder">
<aside class="modal modal--slide" id="video-modal-626368937" aria-hidden="true" data-modal>
<div class="modal__overlay" tabindex="-1" data-modal-close data-modal-overlay>
<div class="modal__container--medium" role="dialog" aria-modal="true" aria-labelledby="video-modal-626368937-title">
<div class="modal__container-inner">
<header class="modal__header">
<h3 class="modal__title" id="video-modal-626368937-title"></h3>
<div class="modal__close">
<button class="button-icon--icon-regular -icon-close" type="button" name="close" value="close" data-modal-close="">
<span class="visually-hidden"></span>
</button>
</div>
</header>
<main class="modal__content" id="video-modal-626368937-content">
<div class="video-player">
<span class="visually-hidden">Test Produkt</span>
<p class="visually-hidden">Test Description</p>
<video class="video-player__video" preload="auto" playsinline controls autoplay muted data-config="{'controls':true,'autoplay':true,'muted':true,'loop':{'active':false}}" poster="/example-assets/images/video-player/poster.jpg">
<source src="/example-assets/videos/video-player/video.mp4" type="video/mp4">
</video>
</div>
</main>
</div>
</div>
</div>
</aside>
</script>
</div>
</div>
<div class="swiper-slide">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/image.jpg" class="image__img detail-slider__top-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/image.jpg 1x, /example-assets/images/detail-slider/image.jpg 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<div class="swiper-slide">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/image.jpg" class="image__img detail-slider__top-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/image.jpg 1x, /example-assets/images/detail-slider/image.jpg 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<div class="swiper-slide">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/image.jpg" class="image__img detail-slider__top-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/image.jpg 1x, /example-assets/images/detail-slider/image.jpg 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<div class="swiper-slide">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/image.jpg" class="image__img detail-slider__top-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/image.jpg 1x, /example-assets/images/detail-slider/image.jpg 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<div class="swiper-slide">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/image.jpg" class="image__img detail-slider__top-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/image.jpg 1x, /example-assets/images/detail-slider/image.jpg 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
<div class="detail-slider__top-slider-next"></div>
<div class="detail-slider__top-slider-prev"></div>
</div>
<div class="detail-slider__bottom-slider">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="detail-slider__bottom-slider-image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/thumb.png" class="image__img detail-slider__bottom-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/thumb.png 1x, /example-assets/images/detail-slider/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__bottom-slider-image-container--video">
<div class="image ">
<picture>
<img src="https://img.youtube.com/vi/X6OByqtMDIo/maxresdefault.jpg" class="image__img detail-slider__bottom-slider-image is-loading" alt="Test Produkt" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="detail-slider__bottom-slider-thumbnail-play-button"></div>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__bottom-slider-image-container--video">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/thumb.png" class="image__img detail-slider__bottom-slider-image is-loading" alt="Test Produkt" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="detail-slider__bottom-slider-thumbnail-play-button"></div>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__bottom-slider-image-container--video">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/thumb.png" class="image__img detail-slider__bottom-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/thumb.png 1x, /example-assets/images/detail-slider/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="detail-slider__bottom-slider-thumbnail-play-button"></div>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__bottom-slider-image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/thumb.png" class="image__img detail-slider__bottom-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/thumb.png 1x, /example-assets/images/detail-slider/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__bottom-slider-image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/thumb.png" class="image__img detail-slider__bottom-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/thumb.png 1x, /example-assets/images/detail-slider/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__bottom-slider-image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/thumb.png" class="image__img detail-slider__bottom-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/thumb.png 1x, /example-assets/images/detail-slider/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__bottom-slider-image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/thumb.png" class="image__img detail-slider__bottom-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/thumb.png 1x, /example-assets/images/detail-slider/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="detail-slider__bottom-slider-image-container">
<div class="image ">
<picture>
<img src="/example-assets/images/detail-slider/thumb.png" class="image__img detail-slider__bottom-slider-image is-loading" alt="Test Produkt" srcset="/example-assets/images/detail-slider/thumb.png 1x, /example-assets/images/detail-slider/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
<div class="detail-slider__bottom-slider-next"></div>
<div class="detail-slider__bottom-slider-prev"></div>
</div>
<div class="detail-slider__meta--videos-and-images">
<div class="detail-slider__meta-left">6 Bilder</div>
<div class="detail-slider__meta-right">3 Videos</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Product",
"name": "Helmo Milano Jet Helm VAPENSIERO Helmo Milano Jet Helm VAPENSIERO Helmo Milano Jet Helm VAPENSIERO",
"description": "<ul><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod</li><li>Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</li><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</li></ul>",
"image": ["/example-assets/images/detail-slider/image.jpg", "/example-assets/images/detail-slider/image.jpg", "/example-assets/images/detail-slider/image.jpg", "/example-assets/images/detail-slider/image.jpg", "/example-assets/images/detail-slider/image.jpg", "/example-assets/images/detail-slider/image.jpg"],
"offers": {
"@type": "Offer",
"price": "189.90",
"priceCurrency": "CHF"
}
}
</script>
</div>
</div>
<div class="detail-tabs">
<div class="detail-tabs__navigation">
<div class="detail-tabs__navigation-container">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="detail-tabs__tab-navigation-container">
<button type="button" class="detail-tabs__tab-navigation-button" data-sticky-border="false">
Varianten
<span class="counter-bubble" data-counter="10"></span> </button>
</div>
</div>
<div class="swiper-slide">
<div class="detail-tabs__tab-navigation-container">
<button type="button" class="detail-tabs__tab-navigation-button" data-sticky-border="true">
Spezifikationen
</button>
</div>
</div>
<div class="swiper-slide">
<div class="detail-tabs__tab-navigation-container">
<button type="button" class="detail-tabs__tab-navigation-button" data-sticky-border="true">
Explosionszeichnung
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="detail-tabs__content">
<div class="detail-tabs__tab-content--no-border is-active">
<div class="variants-table">
<div class="variants-table__container">
<div class="responsive-table--first-column-mobile-full-height -spacing-large">
<div class="table-search" data-offset="detail-tabs">
<div class="table-search__container">
<div class="text-field--light text-field-search--light is-initialized" data-disable-text-field-js>
<div class="text-field__wrapper text-field-search__wrapper">
<input class="text-field__input text-field-search__input" id="variants-table-search" type="text" name="variants-table-search" required data-responsive-table-search="true" placeholder="Suche" />
<label class="visually-hidden" for="variants-table-search">Suche</label>
<button type="reset" class="text-field-search__reset"></button>
<button type="submit" class="text-field-search__search"></button>
<div class="text-field-search__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="72px">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="144px">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
</th>
<th class="responsive-table__th is-centered">
Lager
</th>
<th class="responsive-table__th">
Lief.-Art.-Nr.
</th>
<th class="responsive-table__th">
Flex Column A
</th>
<th class="responsive-table__th">
Flex Column B
</th>
<th class="responsive-table__th">
Flex Column C
</th>
<th class="responsive-table__th">
UVP
</th>
<th class="responsive-table__th">
Preis
</th>
<th class="responsive-table__th">
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__td-inner-container">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lager</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="stock">
<button type="button" class="stock__toggle--available" data-info-tooltip-content="Verfügbar">
<span class="visually-hidden">Verfügbar</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lief.-Art.-Nr.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">10.80344</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column A</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>93929695SC</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column B</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>rot</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column C</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>50 mm</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">UVP</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">24.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Preis</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">13.50</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__quantity-wrapper">
<div class="quantity-switcher--light">
<button type="button" class="quantity-switcher__minus">
<span class="quantity-switcher__minus-content">–</span>
</button>
<input class="quantity-switcher__quantity" type="number" id="quantity-634840576" min="1" max="99" name="qty" value="5" required />
<label class="visually-hidden" for="quantity-634840576">Quantity</label>
<input type="hidden" name="productId" value="abcdefghijk-123" />
<button type="button" class="quantity-switcher__plus">
<span class="quantity-switcher__plus-content">+</span>
</button>
</div>
</div>
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden">In den Warenkorb</span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
<div class="wishlist-cart-actions__button-add-to-wishlist-wrapper">
<button type="submit" name="add-to-wishlist-submit" class="wishlist-cart-actions__button-add-to-wishlist" data-add-to-wishlist>
<span class="visually-hidden">Zur Merklist hinzufügen</span>
</button>
</div>
</form>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__td-inner-container">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lager</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="stock">
<button type="button" class="stock__toggle--available" data-info-tooltip-content="Verfügbar">
<span class="visually-hidden">Verfügbar</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lief.-Art.-Nr.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">10.80344</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column A</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>93929695SC</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column B</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>rot</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column C</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>50 mm</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">UVP</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">24.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Preis</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">13.50</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__quantity-wrapper">
<div class="quantity-switcher--light">
<button type="button" class="quantity-switcher__minus">
<span class="quantity-switcher__minus-content">–</span>
</button>
<input class="quantity-switcher__quantity" type="number" id="quantity-1596920285" min="1" max="99" name="qty" value="5" required />
<label class="visually-hidden" for="quantity-1596920285">Quantity</label>
<input type="hidden" name="productId" value="abcdefghijk-123" />
<button type="button" class="quantity-switcher__plus">
<span class="quantity-switcher__plus-content">+</span>
</button>
</div>
</div>
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden">In den Warenkorb</span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
<div class="wishlist-cart-actions__button-add-to-wishlist-wrapper">
<button type="submit" name="add-to-wishlist-submit" class="wishlist-cart-actions__button-add-to-wishlist" data-add-to-wishlist>
<span class="visually-hidden">Zur Merklist hinzufügen</span>
</button>
</div>
</form>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__td-inner-container">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lager</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="stock">
<button type="button" class="stock__toggle--available" data-info-tooltip-content="Verfügbar">
<span class="visually-hidden">Verfügbar</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lief.-Art.-Nr.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">10.80344</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column A</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>93929695SC</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column B</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>rot</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column C</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>50 mm</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">UVP</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">24.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Preis</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">13.50</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__quantity-wrapper">
<div class="quantity-switcher--light">
<button type="button" class="quantity-switcher__minus">
<span class="quantity-switcher__minus-content">–</span>
</button>
<input class="quantity-switcher__quantity" type="number" id="quantity-1896064827" min="1" max="99" name="qty" value="5" required />
<label class="visually-hidden" for="quantity-1896064827">Quantity</label>
<input type="hidden" name="productId" value="abcdefghijk-123" />
<button type="button" class="quantity-switcher__plus">
<span class="quantity-switcher__plus-content">+</span>
</button>
</div>
</div>
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden">In den Warenkorb</span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
<div class="wishlist-cart-actions__button-add-to-wishlist-wrapper">
<button type="submit" name="add-to-wishlist-submit" class="wishlist-cart-actions__button-add-to-wishlist" data-add-to-wishlist>
<span class="visually-hidden">Zur Merklist hinzufügen</span>
</button>
</div>
</form>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="9">
<div class="wysiwyg-content">
<p class="responsive-table__no-match">Keine Ergebnisse gefunden</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="detail-tabs__tab-content">
<div class="attributes-table">
<div class="attributes-table__column">
<div class="attributes-table__column-title">Allgemeine Informationen</div>
<div class="attributes-table__attributes-list">
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Marke</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">UYN</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Einsatzbereich</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">Outdoor</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Kategorie</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">Schuhe</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Kategorie</div>
<div class="attributes-table__value">
<div class="links">
<ul class="links__list">
<li class="links__list-item">
<a class="links__link--pdf" href="#" target="_blank" rel="noopener noreferrer">Infobroschüre (2,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--excel" href="#" target="_blank" rel="noopener noreferrer">Produktelist (1,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--powerpoint" href="#" target="_blank" rel="noopener noreferrer">Wella Präsentation (1,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--word" href="#" target="_blank" rel="noopener noreferrer">Farben & Anwendung (4,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--open-office" href="#" target="_blank" rel="noopener noreferrer">Farben & Anwendung (4,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--internal" href="#" target="_blank" rel="noopener noreferrer">Step-by-Step Anleitung</a>
</li>
<li class="links__list-item">
<a class="links__link--external" href="#" target="_blank" rel="noopener noreferrer">Wella Herstellerseite</a>
</li>
</ul>
</div>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Umpack bei</div>
<div class="attributes-table__value">
<div class="attributes-table__value-separated">
<div class="attributes-table__value-description">20 Stück</div>
<div class="attributes-table__value-tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Das Umpack bezeichnet eine Zusammenfassung von gleichen Artikeln zu einer gut zu lagernden Verpackungseinheit. In diesem Fall 20 Stück oder ein Vielfaches davon.">
<span class="visually-hidden">Information</span>
</button>
</div>
</div>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">minimumOrderQuantity</div>
<div class="attributes-table__value">
8547625
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Farbe</div>
<div class="attributes-table__value">
8/97 Hell-Lichtblond Cendré-Mahagoni
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Grösse</div>
<div class="attributes-table__value">
60ml
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Inhalt</div>
<div class="attributes-table__value">
2 Stk
</div>
</div>
</div>
</div>
<div class="attributes-table__column">
<div class="attributes-table__column-title">Produktinformationen</div>
<div class="attributes-table__attributes-list">
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Marke</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">UYN</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Einsatzbereich</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">Outdoor</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Kategorie</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">Schuhe</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Artikelnr.</div>
<div class="attributes-table__value">
8547625
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Farbe</div>
<div class="attributes-table__value">
8/97 Hell-Lichtblond Cendré-Mahagoni
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Grösse</div>
<div class="attributes-table__value">
60ml
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Inhalt</div>
<div class="attributes-table__value">
2 Stk
</div>
</div>
</div>
</div>
</div>
<div class="description">
<div class="description__container">
<h4 class="description__title">Produktbeschreibung</h4>
<div class="description__content">
<div class="wysiwyg-content">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
</div>
<div class="detail-tabs__tab-content">
<div class="explosion-drawing">
<div class="image ">
<picture class="taggd">
<img src="/example-assets/images/explosion-drawing/explosion-drawing.png" class="image__img image-tooltip-map__img is-loading" alt="explosion-drawing" title="explosion-drawing" srcset="/example-assets/images/explosion-drawing/explosion-drawing.png 1x, /example-assets/images/explosion-drawing/explosion-drawing.png 2x" data-tooltip-info=[{"top":15,"left":72.8,"data":[{"name":"Sprung-sicherung","value":"http://www.fuchs-movesa.ch"}]}] onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bricks" data-below-breadcrumb="false">
<div class="heading--left-aligned">
<div class="heading__container">
<h3 class="heading__title" id="dazu-passend">Dazu Passend</h3>
</div>
</div>
<div class="multi-column-slider ">
<div class="multi-column-slider__container">
<div class="multi-column-slider__inner-container">
<div class="multi-column-slider__loader is-visible">
<div class="loading-spinner">
<div class="loading-spinner__spinner--large"></div>
</div>
</div>
<div class="multi-column-slider__slider">
<div class="swiper">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix">ab</div>
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">9.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix">ab</div>
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">9.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix">ab</div>
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">9.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix">ab</div>
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">9.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
</ul>
<div class="multi-column-slider__pagination"></div>
</div>
<div class="multi-column-slider__navigation-next"></div>
<div class="multi-column-slider__navigation-prev"></div>
</div>
</div>
</div>
</div>
<div class="heading--left-aligned">
<div class="heading__container">
<h3 class="heading__title" id="zubehoer">Zubehör</h3>
</div>
</div>
<div class="multi-column-slider ">
<div class="multi-column-slider__container">
<div class="multi-column-slider__inner-container">
<div class="multi-column-slider__loader is-visible">
<div class="loading-spinner">
<div class="loading-spinner__spinner--large"></div>
</div>
</div>
<div class="multi-column-slider__slider">
<div class="swiper">
<ul class="swiper-wrapper">
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix">ab</div>
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">9.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix">ab</div>
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">9.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix">ab</div>
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">9.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix">ab</div>
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">9.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
<li class="swiper-slide">
<article class="tile" data-location="/some-location/">
<div class="tile__row">
<div class="tile__column">
<h4 class="tile__title">
<a href="/some-location/" class="tile__link" title="Test Product">Test Product</a>
</h4>
<div class="tile__attributes">
<div class="attributes--small">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Artikelnr.</div>
<div class="attributes__value " title="8547625">
8547625
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kategorie</div>
<div class="attributes__value has-single-line-ellipsis" title="Testkategorie">
<a class="attributes__attribute-link" href="#" title="Testkategorie">Testkategorie</a>
</div>
</li>
</ul>
</div>
</div>
<div class="tile__price-actions-container">
<div class="tile__price">
<div class="price--regular">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-prefix--offer">ab</div>
<div class="price-regular__current-currency--offer">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value--offer">9.90</div>
</div>
</div>
<div class="price-regular__list-price">
<div class="price-regular__list-price-prefix">
<del>statt</del>
</div>
<div class="price-regular__list-price-inner">
<div class="price-regular__list-price-currency">
<del>CHF</del>
</div>
<div class="price-regular__list-price-value">
<del>15.90</del>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile__actions-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden"></span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
<div class="tile__column">
<a href="/some-location/" class="tile__link">
<div class="image ">
<picture>
<img src="/example-assets/images/tile/product.png" class="image__img tile__image is-loading" alt="Test Product" srcset="/example-assets/images/tile/product.png 1x, /example-assets/images/tile/product@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="tile__logo">
<div class="logos">
<div class="image ">
<picture>
<img src="/example-assets/images/logos/brand-logo.png" class="image__img logos__brand--medium is-loading" alt="alt" srcset="/example-assets/images/logos/brand-logo.png 1x, /example-assets/images/logos/brand-logo.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
</article>
</li>
</ul>
<div class="multi-column-slider__pagination"></div>
</div>
<div class="multi-column-slider__navigation-next"></div>
<div class="multi-column-slider__navigation-prev"></div>
</div>
</div>
</div>
</div>
</div>
</main>
<cxx-footer>
<footer class="footer">
<h2 class="visually-hidden">Footer</h2>
<div class="footer-navigation">
<div class="footer-navigation__button-wrapper">
<button class="button-scroll-to-top">
<span class="visually-hidden">Scroll to top</span>
</button>
</div>
<div class="footer-navigation__container">
<div class="footer-navigation__container--sizing">
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Sortiment</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Bekleidung & Ausrüstung</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Velozubehör</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Reifen & Räder</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Komponenten</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">E-Bike</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Werkstatt</a>
</li>
</ul>
</div>
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Jetzt entdecken</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Neuheit</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Demnächst</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Bestseller</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Sale</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Aktion</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Outlet</a>
</li>
</ul>
</div>
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Marken</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Shimano</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">FOX</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">UYN</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Continental</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">weitere Marken</a>
</li>
</ul>
</div>
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Service</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Shimano Service Center</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">FOX Service Center</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Bikefitting</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Bosch Experts</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">S-PHYRE</a>
</li>
</ul>
</div>
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Unternehmen</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Über uns</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Geschichte</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Team</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Jobs</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Kunde werden?</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-contact">
<div class="footer-contact__container">
<div class="footer-navigation__container--sizing">
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Kontakt</span>
<ul class="footer-contact__list">
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link--tel" href="tel:0123456789">012 345 67 89</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link--fax" href="tel:0123456789">012 345 67 89</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link--mail" href="mailto:mail@brand.com">mail@brand.com</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link--contact" href="#">Kontaktformular</a>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Öffnungszeiten</span>
<ul class="footer-contact__list">
<li class="footer-contact__list-item">
<div class="wysiwyg-content">
<p>Montag 08:00 - 18:00</p>
<p>Dienstag 08:00 - 18:00</p>
<p>Mittwoch 08:00 - 18:00</p>
<p>Donnerstag 08:00 - 18:00</p>
<p>Freitag 08:00 - 18:00</p>
</div>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Vorteile</span>
<ul class="footer-contact__list">
<li class="footer-contact__list-item">
<div class="wysiwyg-content">
<p>Beste Konditionen</p>
<p>Kompetente Fachberatung</p>
<p>Portofreie Lieferung (ab CHF 50.00)</p>
<p>Lieferung am Folgetag</p>
<p>Rücknahmegarantie</p>
</div>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Social Media</span>
<ul class="footer-contact__list">
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--instagram"></i>
</div>
<span class="footer-contact__list-item-link-text">Instagram</span>
</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--vimeo"></i>
</div>
<span class="footer-contact__list-item-link-text">Vimeo</span>
</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--linkedin"></i>
</div>
<span class="footer-contact__list-item-link-text">LinkedIn</span>
</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--facebook"></i>
</div>
<span class="footer-contact__list-item-link-text">Facebook</span>
</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#" target="_blank">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--youtube"></i>
</div>
<span class="footer-contact__list-item-link-text">YouTube</span>
</a>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Zahlungsmethoden</span>
<ul class="footer-contact__list--flex-wrap">
<li class="footer-contact__list-item--inline">
<a class="footer-contact__list-item-link--image" href="#">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/invoice-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="invoice" srcset="/example-assets/images/footer-contact/invoice-logo.png 1x, /example-assets/images/footer-contact/invoice-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</li>
<li class="footer-contact__list-item--inline">
<a class="footer-contact__list-item-link--image" href="#">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/master-card-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="master-card" srcset="/example-assets/images/footer-contact/master-card-logo.png 1x, /example-assets/images/footer-contact/master-card-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</li>
<li class="footer-contact__list-item--inline">
<a class="footer-contact__list-item-link--image" href="#">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/visa-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="visa" srcset="/example-assets/images/footer-contact/visa-logo.png 1x, /example-assets/images/footer-contact/visa-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</li>
<li class="footer-contact__list-item--inline">
<a class="footer-contact__list-item-link--image" href="#">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/visa-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="visa" srcset="/example-assets/images/footer-contact/visa-logo.png 1x, /example-assets/images/footer-contact/visa-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Sicher Einkaufen</span>
<ul class="footer-contact__list--flex-wrap">
<li class="footer-contact__list-item--inline">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/sog-logo.png" class="image__img footer-contact__list-item-link--image-security-label is-loading" alt="sog" srcset="/example-assets/images/footer-contact/sog-logo.png 1x, /example-assets/images/footer-contact/sog-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</li>
<li class="footer-contact__list-item--inline">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/etme-logo.png" class="image__img footer-contact__list-item-link--image-security-label is-loading" alt="etme" srcset="/example-assets/images/footer-contact/etme-logo.png 1x, /example-assets/images/footer-contact/etme-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</li>
<li class="footer-contact__list-item--inline">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/tsg-logo.png" class="image__img footer-contact__list-item-link--image-security-label is-loading" alt="tsg" srcset="/example-assets/images/footer-contact/tsg-logo.png 1x, /example-assets/images/footer-contact/tsg-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</li>
</ul>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"url": "https://www.brand.com/",
"contactPoint": [{
"@type": "ContactPoint",
"telephone": "012 345 67 89",
"contactType": "customer service"
}]
}
</script>
</div>
<div class="footer-meta">
<div class="footer-meta__container">
<div class="footer-meta__copyright">
© 2023 XXX Brand, All rights reserved XXX Brand
</div>
<ul class="footer-meta__list">
<li class="footer-meta__list-item">
<a href="#" class="footer-meta__list-item-title">AGB</a>
</li>
<li class="footer-meta__list-item">
<a href="#" class="footer-meta__list-item-title">FAQ</a>
</li>
<li class="footer-meta__list-item">
<a href="#" class="footer-meta__list-item-title">Datenschutz</a>
</li>
<li class="footer-meta__list-item">
<a href="#" class="footer-meta__list-item-title">Nutzungsbedingungen</a>
</li>
<li class="footer-meta__list-item">
<a href="#" class="footer-meta__list-item-title">Impressum</a>
</li>
</ul>
</div>
</div>
</footer>
</cxx-footer>
</div>
<div class="cookie-popup">
<div class="cookie-popup__container">
<div class="cookie-popup__message">
<div class="wysiwyg-content">
<p>XXX verwendet Cookies, um Ihr Online-Erlebnis zu verbessern. Mit der weiteren Nutzung von XXX akzeptieren Sie unsere Cookie Policy.</p>
</div>
</div>
<div class="cookie-popup__buttons"> <button class="button--primary-small cookie-popup__close-button" value="close" type="button" data-cookie-popup-close="true">Schliessen</button>
<a href="#" class="button--tertiary-dark-small cookie-popup__more-button">Mehr Informationen</a>
</div>
</div>
</div>
{% include '@SharedComponents/pages/b2b/product-detail-page/product-detail-page.twig' %}
{
"title": "Main content",
"utilityNav": {
"include": "...utility-nav--with-container-and-dealer-mode",
"variant": "with-container",
"headingLevel": "2",
"languages": {
"title": "Language navigation",
"items": [
{
"title": "Deutsch",
"href": "/de",
"hreflang": "de",
"selected": true
},
{
"title": "Français",
"href": "/fr",
"hreflang": "fr",
"selected": false
},
{
"title": "Italiano",
"href": "/it",
"hreflang": "it",
"selected": false
}
]
},
"navigation": {
"title": "Quick navigation",
"items": [
{
"title": "XXX brand",
"href": "#",
"selected": true
},
{
"title": "Global Website",
"href": "#",
"selected": false
},
{
"title": "Hilfe",
"href": "#",
"selected": false
},
{
"title": "HP",
"selected": false,
"toggle": {
"id": "toggle-utility-nav",
"variant": "small",
"name": "dealer-mode",
"value": "1",
"checked": false
}
}
]
}
},
"header": {
"include": "...header--logged-in"
},
"navigation": {
"include": "...navigation--desktop-and-mobile",
"offCanvas": {
"include": "...off-canvas-menu--default-with-dealer-mode",
"toggle": {
"id": "toggle-off-canvas",
"variant": "large",
"name": "dealer-mode",
"value": "1",
"checked": false,
"label": "HP"
}
}
},
"breadcrumb": {
"items": [
{
"title": "Home",
"href": "#"
},
{
"title": "Kategorie Anton",
"href": "#"
},
{
"title": "Kategorie Bertha",
"href": "#"
},
{
"title": "Kategorie Conrad",
"href": "#"
},
{
"title": "Kategorie Doris"
},
{
"title": "Kategorie Erik",
"href": "#"
},
{
"title": "Kategorie Fjord",
"href": "#",
"selected": true
}
]
},
"productDetail": {
"productDetailTabs": {
"include": "...detail-tabs--default"
},
"productOverview": {
"headingLevel": "3",
"title": "Helmo Milano Jet Helm VAPENSIERO Helmo Milano Jet Helm VAPENSIERO Helmo Milano Jet Helm VAPENSIERO",
"features": {
"value": "<ul><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod</li><li>Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</li><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</li></ul>",
"toggle": {
"more": "mehr anzeigen",
"less": "weniger anzeigen"
}
},
"attributes": {
"variant": "large-bold",
"labels": {
"more": "mehr anzeigen",
"less": "weniger anzeigen"
},
"attributes": [
{
"type": "text",
"name": "Art.-Nr.",
"value": "8547625"
},
{
"type": "link",
"name": "Marke",
"value": "UYN",
"href": "#"
},
{
"type": "link",
"name": "Einsatzbereich",
"value": "Outdoor",
"href": "#"
},
{
"type": "link",
"name": "Kategorie",
"value": "Schuhe",
"href": "#"
},
{
"type": "text",
"name": "Kurzbezeichnung",
"value": "XM1 run"
},
{
"type": "stock",
"name": "Lager",
"status": "available",
"tooltip": "Verfügbar ab Juli 2020"
},
{
"type": "text",
"name": "Radgrösse",
"value": "26 zoll"
},
{
"type": "text",
"name": "Farbe",
"value": "8/97 Hell-Lichtblond Cendré-Mahagoni"
},
{
"type": "text",
"name": "Grösse",
"value": "60ml"
},
{
"type": "text",
"name": "ANZAHL LIST ITEMS",
"value": "10 Stk"
},
{
"type": "text",
"name": "Overflow",
"value": "11 Stk"
}
]
},
"icons": [
{
"value": "Beheizbar",
"image": {
"src": "/example-assets/images/icons/icon1.png",
"alt": "Beheizbar"
}
},
{
"value": "Super soft",
"image": {
"src": "/example-assets/images/icons/icon2.png",
"alt": "Super soft"
}
},
{
"value": "Etwas ganz besonderes",
"image": {
"src": "/example-assets/images/icons/icon3.png",
"alt": "Etwas ganz besonderes"
}
},
{
"value": "Waterproof",
"image": {
"src": "/example-assets/images/icons/icon4.png",
"alt": "Waterproof"
}
},
{
"value": "Stretch",
"image": {
"src": "/example-assets/images/icons/icon5.png",
"alt": "Stretch"
}
},
{
"value": "Beheizbar",
"image": {
"src": "/example-assets/images/icons/icon1.png",
"alt": "Beheizbar"
}
},
{
"value": "Beheizbar",
"image": {
"src": "/example-assets/images/icons/icon1.png",
"alt": "Beheizbar"
}
},
{
"value": "Super soft",
"image": {
"src": "/example-assets/images/icons/icon2.png",
"alt": "Super soft"
}
},
{
"value": "Etwas ganz besonderes",
"image": {
"src": "/example-assets/images/icons/icon3.png",
"alt": "Etwas ganz besonderes"
}
},
{
"value": "Waterproof",
"image": {
"src": "/example-assets/images/icons/icon4.png",
"alt": "Waterproof"
}
},
{
"value": "Stretch",
"image": {
"src": "/example-assets/images/icons/icon5.png",
"alt": "Stretch"
}
},
{
"value": "Beheizbar",
"image": {
"src": "/example-assets/images/icons/icon1.png",
"alt": "Beheizbar"
}
}
],
"awards": [
{
"image": {
"src": "/example-assets/images/awards/award1.png",
"alt": "Award 1"
}
},
{
"image": {
"src": "/example-assets/images/awards/award2.png",
"alt": "Award 2"
}
}
],
"price": {
"variant": "large",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "189.90",
"note": "UVP inkl. 7.7% MwSt."
}
},
"livePrice": {
"variant": "large-secondary",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "115.90",
"note": "Preis exkl. 7.7% MwSt."
}
},
"slider": {
"labels": {
"amountOfImages": "6 Bilder",
"amountOfVideos": "3 Videos"
},
"items": [
{
"thumbnail": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/thumb.png",
"src2x": "/example-assets/images/detail-slider/thumb.png"
},
"image": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/image.jpg",
"src2x": "/example-assets/images/detail-slider/image.jpg"
}
},
{
"thumbnail": {
"alt": "Test Produkt",
"src": "https://img.youtube.com/vi/X6OByqtMDIo/maxresdefault.jpg"
},
"youtube": {
"id": "X6OByqtMDIo",
"poster": "https://img.youtube.com/vi/X6OByqtMDIo/maxresdefault.jpg",
"autoplay": false,
"overlay": true
}
},
{
"thumbnail": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/thumb.png"
},
"vimeo": {
"id": "229479141",
"poster": "/example-assets/images/video-player/poster.jpg",
"autoplay": false,
"overlay": true
}
},
{
"thumbnail": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/thumb.png",
"src2x": "/example-assets/images/detail-slider/thumb.png"
},
"video": {
"title": "Test Produkt",
"description": "Test Description",
"mp4": "/example-assets/videos/video-player/video.mp4",
"poster": "/example-assets/images/video-player/poster.jpg",
"autoplay": false,
"overlay": true
}
},
{
"thumbnail": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/thumb.png",
"src2x": "/example-assets/images/detail-slider/thumb.png"
},
"image": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/image.jpg",
"src2x": "/example-assets/images/detail-slider/image.jpg"
}
},
{
"thumbnail": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/thumb.png",
"src2x": "/example-assets/images/detail-slider/thumb.png"
},
"image": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/image.jpg",
"src2x": "/example-assets/images/detail-slider/image.jpg"
}
},
{
"thumbnail": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/thumb.png",
"src2x": "/example-assets/images/detail-slider/thumb.png"
},
"image": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/image.jpg",
"src2x": "/example-assets/images/detail-slider/image.jpg"
}
},
{
"thumbnail": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/thumb.png",
"src2x": "/example-assets/images/detail-slider/thumb.png"
},
"image": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/image.jpg",
"src2x": "/example-assets/images/detail-slider/image.jpg"
}
},
{
"thumbnail": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/thumb.png",
"src2x": "/example-assets/images/detail-slider/thumb.png"
},
"image": {
"alt": "Test Produkt",
"src": "/example-assets/images/detail-slider/image.jpg",
"src2x": "/example-assets/images/detail-slider/image.jpg"
}
}
]
},
"logos": {
"size": "large",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
},
"productLine": {
"alt": "alt",
"src": "/example-assets/images/logos/product-line-logo.jpg",
"src2x": "/example-assets/images/logos/product-line-logo.jpg"
}
}
},
"specials": {
"variant": "large-horizontally",
"items": [
{
"value": "Sale",
"color": "#e30a24",
"icon": "/example-assets/images/specials/sale.svg"
},
{
"value": "New",
"color": "#333333",
"icon": "/example-assets/images/specials/new.svg"
},
{
"value": "Bestseller",
"color": "#ef5800",
"icon": "/example-assets/images/specials/fire.svg"
},
{
"value": "Kauftipp",
"color": "#44a0d9",
"icon": "/example-assets/images/specials/tip.svg"
}
]
}
}
},
"referenceBricks": [
{
"name": "heading",
"data": {
"variant": "left-aligned",
"title": "Dazu Passend",
"level": "3"
}
},
{
"name": "product-slider",
"data": {
"items": [
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
}
]
}
},
{
"name": "heading",
"data": {
"variant": "left-aligned",
"title": "Zubehör",
"level": "3"
}
},
{
"name": "product-slider",
"data": {
"items": [
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
},
{
"headingLevel": "4",
"name": "Test Product",
"image": {
"alt": "Test Product",
"src": "/example-assets/images/tile/product.png",
"src2x": "/example-assets/images/tile/product@2x.png"
},
"href": "/some-location/",
"logos": {
"size": "medium",
"logos": {
"brand": {
"alt": "alt",
"src": "/example-assets/images/logos/brand-logo.png",
"src2x": "/example-assets/images/logos/brand-logo.png"
}
}
},
"attributes": {
"variant": "small",
"attributes": [
{
"type": "text",
"name": "Artikelnr.",
"value": "8547625"
},
{
"type": "link",
"name": "Kategorie",
"value": "Testkategorie",
"href": "#"
}
]
},
"price": {
"variant": "regular",
"labels": {
"from": "ab",
"instead": "statt"
},
"price": {
"currency": "CHF",
"price": "9.90",
"from": true,
"listPrice": "15.90"
}
},
"cartButton": {
"action": "http://localhost:3005/add-to-cart/",
"method": "post",
"variant": "large-without-amount",
"buttonTitle": "In den Warenkorb",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
}
}
]
}
}
],
"footer": {
"include": "...footer--with-navigation"
},
"cookiePopupBrick": {
"include": "...cookie-popup--without-editmode"
}
}
No notes defined.