<div class="detail-tabs">
<div class="detail-tabs__navigation">
<div class="detail-tabs__navigation-container">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="detail-tabs__tab-navigation-container">
<button type="button" class="detail-tabs__tab-navigation-button" data-sticky-border="false">
Varianten
<span class="counter-bubble" data-counter="10"></span> </button>
</div>
</div>
<div class="swiper-slide">
<div class="detail-tabs__tab-navigation-container">
<button type="button" class="detail-tabs__tab-navigation-button" data-sticky-border="true">
Spezifikationen
</button>
</div>
</div>
<div class="swiper-slide">
<div class="detail-tabs__tab-navigation-container">
<button type="button" class="detail-tabs__tab-navigation-button" data-sticky-border="true">
Explosionszeichnung
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="detail-tabs__content">
<div class="detail-tabs__tab-content--no-border is-active">
<div class="variants-table">
<div class="variants-table__container">
<div class="responsive-table--first-column-mobile-full-height -spacing-large">
<div class="table-search" data-offset="detail-tabs">
<div class="table-search__container">
<div class="text-field--light text-field-search--light is-initialized" data-disable-text-field-js>
<div class="text-field__wrapper text-field-search__wrapper">
<input class="text-field__input text-field-search__input" id="variants-table-search" type="text" name="variants-table-search" required data-responsive-table-search="true" placeholder="Suche" />
<label class="visually-hidden" for="variants-table-search">Suche</label>
<button type="reset" class="text-field-search__reset"></button>
<button type="submit" class="text-field-search__search"></button>
<div class="text-field-search__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="72px">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="144px">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
</th>
<th class="responsive-table__th is-centered">
Lager
</th>
<th class="responsive-table__th">
Lief.-Art.-Nr.
</th>
<th class="responsive-table__th">
Flex Column A
</th>
<th class="responsive-table__th">
Flex Column B
</th>
<th class="responsive-table__th">
Flex Column C
</th>
<th class="responsive-table__th">
UVP
</th>
<th class="responsive-table__th">
Preis
</th>
<th class="responsive-table__th">
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__td-inner-container">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lager</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="stock">
<button type="button" class="stock__toggle--available" data-info-tooltip-content="Verfügbar">
<span class="visually-hidden">Verfügbar</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lief.-Art.-Nr.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">10.80344</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column A</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>93929695SC</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column B</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>rot</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column C</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>50 mm</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">UVP</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">24.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Preis</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">13.50</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__quantity-wrapper">
<div class="quantity-switcher--light">
<button type="button" class="quantity-switcher__minus">
<span class="quantity-switcher__minus-content">–</span>
</button>
<input class="quantity-switcher__quantity" type="number" id="quantity-1618730302" min="1" max="99" name="qty" value="5" required />
<label class="visually-hidden" for="quantity-1618730302">Quantity</label>
<input type="hidden" name="productId" value="abcdefghijk-123" />
<button type="button" class="quantity-switcher__plus">
<span class="quantity-switcher__plus-content">+</span>
</button>
</div>
</div>
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden">In den Warenkorb</span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
<div class="wishlist-cart-actions__button-add-to-wishlist-wrapper">
<button type="submit" name="add-to-wishlist-submit" class="wishlist-cart-actions__button-add-to-wishlist" data-add-to-wishlist>
<span class="visually-hidden">Zur Merklist hinzufügen</span>
</button>
</div>
</form>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__td-inner-container">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lager</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="stock">
<button type="button" class="stock__toggle--available" data-info-tooltip-content="Verfügbar">
<span class="visually-hidden">Verfügbar</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lief.-Art.-Nr.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">10.80344</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column A</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>93929695SC</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column B</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>rot</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column C</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>50 mm</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">UVP</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">24.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Preis</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">13.50</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__quantity-wrapper">
<div class="quantity-switcher--light">
<button type="button" class="quantity-switcher__minus">
<span class="quantity-switcher__minus-content">–</span>
</button>
<input class="quantity-switcher__quantity" type="number" id="quantity-1736500993" min="1" max="99" name="qty" value="5" required />
<label class="visually-hidden" for="quantity-1736500993">Quantity</label>
<input type="hidden" name="productId" value="abcdefghijk-123" />
<button type="button" class="quantity-switcher__plus">
<span class="quantity-switcher__plus-content">+</span>
</button>
</div>
</div>
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden">In den Warenkorb</span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
<div class="wishlist-cart-actions__button-add-to-wishlist-wrapper">
<button type="submit" name="add-to-wishlist-submit" class="wishlist-cart-actions__button-add-to-wishlist" data-add-to-wishlist>
<span class="visually-hidden">Zur Merklist hinzufügen</span>
</button>
</div>
</form>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__td-inner-container">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-centered">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lager</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="stock">
<button type="button" class="stock__toggle--available" data-info-tooltip-content="Verfügbar">
<span class="visually-hidden">Verfügbar</span>
</button>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lief.-Art.-Nr.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">10.80344</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column A</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>93929695SC</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column B</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>rot</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Flex Column C</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>50 mm</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">UVP</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">24.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Preis</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">13.50</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__quantity-wrapper">
<div class="quantity-switcher--light">
<button type="button" class="quantity-switcher__minus">
<span class="quantity-switcher__minus-content">–</span>
</button>
<input class="quantity-switcher__quantity" type="number" id="quantity-388868799" min="1" max="99" name="qty" value="5" required />
<label class="visually-hidden" for="quantity-388868799">Quantity</label>
<input type="hidden" name="productId" value="abcdefghijk-123" />
<button type="button" class="quantity-switcher__plus">
<span class="quantity-switcher__plus-content">+</span>
</button>
</div>
</div>
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden">In den Warenkorb</span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
<div class="wishlist-cart-actions__button-add-to-wishlist-wrapper">
<button type="submit" name="add-to-wishlist-submit" class="wishlist-cart-actions__button-add-to-wishlist" data-add-to-wishlist>
<span class="visually-hidden">Zur Merklist hinzufügen</span>
</button>
</div>
</form>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="9">
<div class="wysiwyg-content">
<p class="responsive-table__no-match">Keine Ergebnisse gefunden</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="detail-tabs__tab-content">
<div class="attributes-table">
<div class="attributes-table__column">
<div class="attributes-table__column-title">Allgemeine Informationen</div>
<div class="attributes-table__attributes-list">
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Marke</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">UYN</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Einsatzbereich</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">Outdoor</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Kategorie</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">Schuhe</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Kategorie</div>
<div class="attributes-table__value">
<div class="links">
<ul class="links__list">
<li class="links__list-item">
<a class="links__link--pdf" href="#" target="_blank" rel="noopener noreferrer">Infobroschüre (2,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--excel" href="#" target="_blank" rel="noopener noreferrer">Produktelist (1,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--powerpoint" href="#" target="_blank" rel="noopener noreferrer">Wella Präsentation (1,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--word" href="#" target="_blank" rel="noopener noreferrer">Farben & Anwendung (4,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--open-office" href="#" target="_blank" rel="noopener noreferrer">Farben & Anwendung (4,3 MB)</a>
</li>
<li class="links__list-item">
<a class="links__link--internal" href="#" target="_blank" rel="noopener noreferrer">Step-by-Step Anleitung</a>
</li>
<li class="links__list-item">
<a class="links__link--external" href="#" target="_blank" rel="noopener noreferrer">Wella Herstellerseite</a>
</li>
</ul>
</div>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Umpack bei</div>
<div class="attributes-table__value">
<div class="attributes-table__value-separated">
<div class="attributes-table__value-description">20 Stück</div>
<div class="attributes-table__value-tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Das Umpack bezeichnet eine Zusammenfassung von gleichen Artikeln zu einer gut zu lagernden Verpackungseinheit. In diesem Fall 20 Stück oder ein Vielfaches davon.">
<span class="visually-hidden">Information</span>
</button>
</div>
</div>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">minimumOrderQuantity</div>
<div class="attributes-table__value">
8547625
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Farbe</div>
<div class="attributes-table__value">
8/97 Hell-Lichtblond Cendré-Mahagoni
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Grösse</div>
<div class="attributes-table__value">
60ml
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Inhalt</div>
<div class="attributes-table__value">
2 Stk
</div>
</div>
</div>
</div>
<div class="attributes-table__column">
<div class="attributes-table__column-title">Produktinformationen</div>
<div class="attributes-table__attributes-list">
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Marke</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">UYN</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Einsatzbereich</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">Outdoor</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Kategorie</div>
<div class="attributes-table__value">
<a href="#" class="attributes-table__value-link">Schuhe</a>
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Artikelnr.</div>
<div class="attributes-table__value">
8547625
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Farbe</div>
<div class="attributes-table__value">
8/97 Hell-Lichtblond Cendré-Mahagoni
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Grösse</div>
<div class="attributes-table__value">
60ml
</div>
</div>
<div class="attributes-table__attributes-list-item">
<div class="attributes-table__key">Inhalt</div>
<div class="attributes-table__value">
2 Stk
</div>
</div>
</div>
</div>
</div>
<div class="description">
<div class="description__container">
<h4 class="description__title">Produktbeschreibung</h4>
<div class="description__content">
<div class="wysiwyg-content">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
</div>
<div class="detail-tabs__tab-content">
<div class="explosion-drawing">
<div class="image ">
<picture class="taggd">
<img src="/example-assets/images/explosion-drawing/explosion-drawing.png" class="image__img image-tooltip-map__img is-loading" alt="explosion-drawing" title="explosion-drawing" srcset="/example-assets/images/explosion-drawing/explosion-drawing.png 1x, /example-assets/images/explosion-drawing/explosion-drawing.png 2x" data-tooltip-info=[{"top":15,"left":72.8,"data":[{"name":"Sprung-sicherung","value":"http://www.fuchs-movesa.ch"}]}] onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/b2b-product-detail/components/detail-tabs/detail-tabs.twig' %}
{
"tabs": [
{
"text": "Varianten",
"bubble": "10",
"stickyBorder": false,
"content": [
{
"type": "variants-table/variants-table",
"data": {
"include": "...variants-table--normal-width"
}
}
]
},
{
"text": "Spezifikationen",
"stickyBorder": true,
"content": [
{
"type": "attributes-table/attributes-table",
"data": {
"include": "...attributes-table--two-columns"
}
},
{
"type": "description/description",
"data": {
"include": "...description--default"
}
}
]
},
{
"text": "Explosionszeichnung",
"content": [
{
"type": "explosion-drawing/explosion-drawing",
"data": {
"include": "...explosion-drawing--default"
}
}
]
}
]
}
import DetailTabsMediator, {name as title} from 'cando-cx-components-library/components/modules/b2b-product-detail/components/detail-tabs/detail-tabs-mediator';
export default DetailTabsMediator;
export const name = title;
import './detail-tabs.scss';
import DetailTabs, {selector as sel} from 'cando-cx-components-library/components/modules/b2b-product-detail/components/detail-tabs/detail-tabs';
export default DetailTabs;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-product-detail/components/detail-tabs/detail-tabs";
No notes defined.