<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" target="_blank" href="#">
XXX brand
</a>
</li>
<li class="utility-nav__link-list-item">
<a class="utility-nav__link" target="_blank" href="#">
Global Website
</a>
</li>
<li class="utility-nav__link-list-item">
<a class="utility-nav__link" target="_blank" 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>
</ccx-breadcrumb>
<main id="main-content" class="page-container__content">
<h2 class="page-container__title visually-hidden" tabindex="-1">Main content</h2>
<div class="pending-deliveries">
<div class="pending-deliveries__container">
<div class="pending-deliveries__back-button-top">
<a href="#" class="button-icon--icon-text-large -icon-arrow-left">
Zurück zu Bestellungen
</a>
</div>
<div class="account-header">
<h3 class="account-header__title">Rückstände</h3>
<p class="account-header__subtitle">(1–10 / 60 Rückstände)</p>
</div>
<div class="pending-deliveries__filters">
<form class="filters">
<div class="filters__list">
<div class="filters__list-item">
<div class="text-field--light date-picker--light is-initialized" data-disable-text-field-js data-language="" data-format="" data-min-date="" data-max-date="">
<div class="text-field__wrapper date-picker__wrapper">
<input class="text-field__input date-picker__input" id="orderDateFrom" type="text" name="orderDateFrom" />
<label class="text-field__label date-picker__label" for="orderDateFrom">Bestelldatum von</label>
<button type="reset" class="date-picker__reset"></button>
</div>
</div>
</div>
<div class="filters__list-item">
<div class="text-field--light date-picker--light is-initialized" data-disable-text-field-js data-language="" data-format="" data-min-date="" data-max-date="">
<div class="text-field__wrapper date-picker__wrapper">
<input class="text-field__input date-picker__input" id="orderDateTo" type="text" name="orderDate" />
<label class="text-field__label date-picker__label" for="orderDateTo">Bestelldatum bis</label>
<button type="reset" class="date-picker__reset"></button>
</div>
</div>
</div>
<div class="filters__list-item">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="orderNumber" type="text" name="orderNumber" />
<label class="text-field__label" for="orderNumber">Auftragsnummer
</label>
</div>
</div>
</div>
<div class="filters__list-item">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="articleNo" type="text" name="articleNo" />
<label class="text-field__label" for="articleNo">Artikel-Nr.
</label>
</div>
</div>
</div>
<div class="filters__list-buttons">
<div class="filters__list-button--reset">
<a href="#" class="button--tertiary-light-small" data-test="Yes">Zurücksetzen</a>
</div>
<div class="filters__list-button--submit">
<a href="#" class="button--primary-small" data-test="Yes">Suchen</a>
</div>
</div>
</div>
</form>
</div>
<div class="pending-deliveries__table">
<div class="pending-deliveries-table">
<div class="message--success">
<div class="message__container--disabled">
<span class="visually-hidden">Success message</span>
<div class="message__content">
<p class="message__text">Stornierung erfolgreich.</p>
</div>
<div class="message__close-button">
<button class="button-icon--icon-regular -icon-close" type="button" name="close-message" value="yes">
<span class="visually-hidden">Schliessen</span>
</button>
</div>
</div>
</div>
<div class="table-header">
<div class="table-header__column--title">
<h4 class="heading-counter">
Artikel im Rückstand
<span class="counter-bubble" data-counter="60"></span>
</h4>
</div>
</div>
<div class="responsive-table--first-column-mobile-full-height -spacing-large">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="72px">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="64px">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
<div class="responsive-table__select-all-box">
<div class="checkbox--light is-initialized">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="multi-selection-checkbox" type="checkbox" name="#" />
<label class="checkbox__label has-empty-label" for="multi-selection-checkbox">
<span>
</span>
</label>
</div>
</div>
<div class="responsive-table__multiselect-dropdown">
<div class="dropdown">
<button type="button" class="dropdown__toggle is-thin" style="max-width: 170px;"> </button>
<div class="dropdown__content">
<div class="responsive-table__batch-operations-dropdown">
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl stornieren
</button>
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl in Warenkorb kopieren
</button>
<button type="button" class="responsive-table__batch-operations-dropdown-item">
Auswahl in Merkliste kopieren
</button>
</div>
</div>
</div>
</div>
</div>
</th>
<th class="responsive-table__th">
</th>
<th class="responsive-table__th">
Artikel
</th>
<th class="responsive-table__th">
Auftragsnummer
</th>
<th class="responsive-table__th is-right-aligned">
Urspr. Pos.
</th>
<th class="responsive-table__th is-centered">
Lager
</th>
<th class="responsive-table__th">
Bestelldatum
</th>
<th class="responsive-table__th">
vorrauss. Lieferdatum
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
<th class="responsive-table__th is-hidden-on-desktop">
Aktion
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-left is-select-td">
<div class="responsive-table__td-inner-container">
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="multi-select-1" type="checkbox" name="#" value="1" data-multi-selectable="true" />
<label class="checkbox__label has-empty-label" for="multi-select-1">
<span>
</span>
</label>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-top-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">
<a href="#" class="image-cell__image-link">
<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>
</a>
<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>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="text-field--light text-field-placeholder--light is-initialized is-filled-in">
<div class="text-field__wrapper text-field-placeholder__wrapper ">
<input class="text-field__input text-field-placeholder__input" id="comment-2" type="text" name="comment-2" value="Geschenk für Michael" disabled placeholder="Kommentar" />
<label class="visually-hidden" for="comment-2">Kommentar
</label>
</div>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-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">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
<li class="value-list__item--info">
<div class="value-list__label">Transportzuschlag Gefahrengut:</div>
<div class="value-list__price">
<div class="price--extra-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">35.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</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">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">47000717</a>
</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">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>2</p>
</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--unavailable" data-info-tooltip-content="Nicht verfügbar">
<span class="visually-hidden">Nicht 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">Bestelldatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.12.2021</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">vorrauss. Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.03.2022</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bestellt</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>20</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Geliefert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>12</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Offen</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>8</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Storniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>0</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Retouniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>in Retourenliste</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>1</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</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">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">Stornieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Warenkorb kopieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Merkliste kopieren</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-left is-select-td">
<div class="responsive-table__td-inner-container">
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="multi-select-2" type="checkbox" name="#" value="1" data-multi-selectable="true" />
<label class="checkbox__label has-empty-label" for="multi-select-2">
<span>
</span>
</label>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-top-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">
<a href="#" class="image-cell__image-link">
<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>
</a>
<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>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-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">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</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">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">47000717</a>
</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">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>2</p>
</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--unavailable" data-info-tooltip-content="Nicht verfügbar">
<span class="visually-hidden">Nicht 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">Bestelldatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.12.2021</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">vorrauss. Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.03.2022</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bestellt</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>20</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Geliefert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>12</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Offen</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>8</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Storniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>0</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Retouniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>in Retourenliste</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>1</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</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">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">Stornieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Warenkorb kopieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Merkliste kopieren</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-left is-select-td">
<div class="responsive-table__td-inner-container">
<div class="checkbox--light is-initialized is-filled-in">
<div class="checkbox__wrapper">
<input class="checkbox__input" id="multi-select-3" type="checkbox" name="#" value="1" data-multi-selectable="true" />
<label class="checkbox__label has-empty-label" for="multi-select-3">
<span>
</span>
</label>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-top-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">
<a href="#" class="image-cell__image-link">
<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>
</a>
<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>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-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">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</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">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">47000717</a>
</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">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>2</p>
</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--unavailable" data-info-tooltip-content="Nicht verfügbar">
<span class="visually-hidden">Nicht 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">Bestelldatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.12.2021</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">vorrauss. Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.03.2022</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bestellt</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>20</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Geliefert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>12</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Offen</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>8</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Storniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>0</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Retouniert</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>in Retourenliste</p>
</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">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>1</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</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">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">Stornieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Warenkorb kopieren</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">In Merkliste kopieren</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="10">
<div class="wysiwyg-content">
<p class="responsive-table__no-match">Keine Ergebnisse gefunden</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="pending-deliveries__pagination">
<div class="pagination">
<div class="pagination__container">
<div class="pagination__prev">
<a href="#" class="button-navigation--prev">
<span class="visually-hidden">Vorherige Seite</span>
</a>
</div>
<ul class="pagination__pages">
<li class="pagination__page">
<a href="#" class="pagination__page-link">1</a>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link--active">2</a>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link">3</a>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link">4</a>
</li>
<li class="pagination__page">
<span class="pagination__page-dots">…</span>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link">32</a>
</li>
</ul>
<div class="pagination__next">
<a href="#" class="button-navigation--next">
<span class="visually-hidden">Nächste Seite</span>
</a>
</div>
</div>
</div>
</div>
<div class="pending-deliveries__back-button-bottom">
<a href="#" class="button-icon--icon-text-large -icon-arrow-left">
Zurück zu Bestellungen
</a>
</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/pending-deliveries-page/pending-deliveries-page.twig' %}
{
"title": "Main content",
"utilityNav": {
"include": "...utility-nav--with-container-and-dealer-mode"
},
"header": {
"include": "...header--logged-in"
},
"navigation": {
"include": "...navigation--desktop-and-mobile"
},
"pendingDeliveries": {
"include": "...b2b-pending-deliveries-template--with-success-message"
},
"footer": {
"include": "...footer--with-navigation"
},
"cookiePopupBrick": {
"include": "...cookie-popup--without-editmode"
}
}
No notes defined.