@charset "UTF-8";
/* ============================================================================
   FUNCTIONS -> FUNCTIONS
============================================================================ */
/**
 * Global functions.
 */
/* ============================================================================
SETTINGS -> BREAKPOINTS
============================================================================ */
/* Variables
============================================================================ */
/* ============================================================================
SETTINGS -> BREAKPOINTS
============================================================================ */
/* Variables
============================================================================ */
/* ============================================================================
SETTINGS -> COLORS
============================================================================ */
/**
* Color configuration.
*/
/* Variables
============================================================================ */
/* Devine a unique color to search for while the development */
@keyframes overlay-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes overlay-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes play-pulse {
  0% {
    box-shadow: 0 0 0 3px #23384d, 0 0 0 3px rgba(35, 56, 77, 0.4);
  }
  100% {
    box-shadow: 0 0 0 3px #23384d, 0 0 24px 12px rgba(35, 56, 77, 0.4);
  }
}
/* ============================================================================
SETTINGS -> CORE
============================================================================ */
/**
* Core configuration.
*/
/* Variables
============================================================================ */
/* ============================================================================
SETTINGS -> FONT
============================================================================ */
/**
 * Font settings.
 */
/* Variables
============================================================================ */
/* ============================================================================
SETTINGS -> ELEMENTS
============================================================================ */
/**
* Define default styles for elements.
*/
/* Elements heading
============================================================================ */
/* Elements hr
============================================================================ */
/* Elements images
============================================================================ */
/* Elements input
============================================================================ */
/* Elements link
============================================================================ */
/* Elements list
============================================================================ */
/* Elements page
============================================================================ */
/* Elements paragraph
============================================================================ */
/* Elements PayPal Express
============================================================================ */
/* ============================================================================
SETTINGS -> GENERIC
============================================================================ */
/**
* Define default generic styles.
*/
/* ============================================================================
SETTINGS -> SHOWCASE
============================================================================ */
/**
* Define default styles for showcase.
*/
/* Variables
============================================================================ */
/**
* Container spacing
*/
/**
* Vertical spacing
*/
/**
* Centerwrap horizontal spacing
*/
/**
* Font family
*/
/**
* Font sizes
*/
/**
* Colors
*/
/**
* Image
*/
/**
* Slideshow
*/
/**
* Stage
*/
/**
* Description
*/
/* ============================================================================
LITEBOX :: hatraco/staticsrc/css/global/modules/_modules.litebox.scss
============================================================================ */
:root {
  --litebox-drawer-header-padding: 1rem 1.5rem;
  --litebox-header-color: white;
  --litebox-header-background: rgb(27.03125, 43.25, 59.46875);
  --litebox-title-font-family: futura-pt-book, Trebuchet MS, Arial, sans-serif;
}

/* ============================================================================
ACCORDION :: hatraco/staticsrc/css/global/mixins/_mixins.accordion.scss
============================================================================ */
/* ============================================================================
BREADCRUMB :: hatraco/staticsrc/css/global/mixins/_mixins.breadcrumb.scss
============================================================================ */
/* ============================================================================
BUTTON :: hatraco/staticsrc/css/global/mixins/_mixins.button.scss
============================================================================ */
/* ============================================================================
MESSAGING :: hatraco/staticsrc/css/global/mixins/_mixins.messaging.scss
============================================================================ */
/* local variables */
/* ============================================================================
NAVIGATION-SCROLLTOP :: hatraco/staticsrc/css/global/mixins/_mixins.navigation-scrolltop.scss
============================================================================ */
/* ============================================================================
PROMOTION-MODAL :: hatraco/staticsrc/css/global/mixins/_mixins.promotion-modal.scss
============================================================================ */
/* ============================================================================
NOTIFICATION :: hatraco/staticsrc/css/global/mixins/_mixins.notification.scss
============================================================================ */
/* ============================================================================
ICONS :: hatraco/staticsrc/css/global/mixins/_mixins.icons.scss
============================================================================ */
/* ============================================================================
SHOPMESSAGE :: hatraco/staticsrc/css/global/mixins/_mixins.shopmessage.scss
============================================================================ */
/* ============================================================================
DEALS :: staticsrc/css/global/mixins/_mixins.deal.scss
============================================================================ */
/* ============================================================================
PAYMENT :: hatraco/staticsrc/css/global/mixins/_mixins.payment.scss
============================================================================ */
/* ============================================================================
PAYMENT :: hatraco/staticsrc/css/global/mixins/_mixins.product-rating-form.scss
============================================================================ */
/* ============================================================================
CONTAINER-POSITION :: hatraco/staticsrc/css/global/mixins/_mixins.container-position.scss
============================================================================ */
/* ============================================================================
TABLE :: hatraco/staticsrc/css/global/mixins/_mixins.table.scss
============================================================================ */
/* ============================================================================
TOOLTIP :: hatraco/staticsrc/css/global/components/_components.tooltip.scss
============================================================================ */
/* ============================================================================
FOOTNOTE :: hatraco/staticsrc/css/global/components/_components.footnote.scss
============================================================================ */
/* ============================================================================
STORELOCATOR :: hatraco/staticsrc/css/global/modules/_modules.storelocator.scss
============================================================================ */
/* ============================================================================
SETTINGS -> CHECKOUT
============================================================================ */
/**
* Set variables for checkout.
*/
/* Checkout express checkout
============================================================================ */
/* Checkout Amazon Pay
============================================================================ */
/* Checkout PayPal express
============================================================================ */
/* Warning if address fields trimmed by external payment
============================================================================ */
/* SUGGEST */
/* SEARCH RESULTS */
/*
  V15
*/
.ss360-layer .ss360-filter__group--active::after {
  z-index: 1;
  position: absolute;
  height: 1px;
  inset: auto 0 0;
  background: white;
  content: "";
}

/* ============================================================================
TOOLS -> TOOLS
============================================================================ */
/**
 * Global tools import file
 */
/* ============================================================================
   TOOLS -> BROWSER
============================================================================ */
/* SAFARI.
============================================================================ */
/* IE/EDGE.
============================================================================ */
/**
 * Mixin to target Microsoft Internet Explorer 10+.
 */
/**
 * Mixin to target Microsoft Edge Browser 12+ (All).
 */
/* ============================================================================
TOOLS -> CONTAINER
============================================================================ */
/* Variables
============================================================================ */
/**
* Container mixins and functions used throughout the page
*/
/* Global container mixins
============================================================================ */
/**
* Mixin to transform a centerd container to a fullsize container
*/
/**
* Mixin to remove container gutter on small and add it at a
* specific breakpoint.
*/
/* Page container
============================================================================ */
/**
* Mixin to layout a page container
*/
/* Promotionbanner
============================================================================ */
/**
* Mixin to layout a promotionbanner
*/
/* Header
============================================================================ */
/**
* Mixin to layout a header
*/
/* Footer
============================================================================ */
/**
* Mixin to layout a footer
*/
/* Navigation
============================================================================ */
/**
* Mixin to layout a navigation
*/
/* Section
============================================================================ */
/**
* Mixin to layout a section
*/
/* Content
============================================================================ */
/**
* Mixin to layout a content
*/
/* Content container
============================================================================ */
/**
* Mixin to layout a content container with a maximum width
*/
/* ============================================================================
   TOOLS -> FLEX-CONTAINER
============================================================================ */
/**
 * Mixin to generate a flex-container with a specific flex-direction.
 * Direction takes it's corresponding property.
 * Defaults are:
 * - direction  ==> row
 */
/**
 * Mixin to generate a flex-item with a specific width.
 * The width has to be declared as a fraction e.g. 1/2.
 * If no width is declared, it defaults to 1 (100%).
 */
/**
 * Mixin to generate an offset for a flex-item.
 * Function is the same as for the flex-item calculation.
 */
/* ============================================================================
   TOOLS -> FONT
============================================================================ */
/**
* Mixin to create responsive type.
*/
/* ============================================================================
   TOOLS -> GRID
============================================================================ */
/**
 * Mixin to generate a grid-container with a specific gutter.
 */
/**
 * Mixin to generate a grid-item with a specific gutter.
 */
/**
 * Mixin to reset all spacing inside of a grid .
 */
/* ============================================================================
TOOLS -> HELPER
============================================================================ */
/**
* Mixin to create helper.
*/
/* Set to empty map () to reset */
/* Map of the form: $breakpoint-mplus: $font-size-m, */
/* Map of the form: $breakpoint-mplus: $font-size-m, */
.c-xsellers.swiper:not(.swiper-initialized) {
  opacity: 0;
}

@font-face {
  font-family: "graef-iconfont";
  src: url("../fonts/graef-iconfont.woff2?2480e65ce840aa91b0fa8257916d2ef8d5b3b86a96b9ef6c549c13165012b9fe11cc340c3edeed99") format("woff2"), url("../fonts/graef-iconfont.woff?2480e65ce840aa91b0fa8257916d2ef8d5b3b86a96b9ef6c549c13165012b9fe11cc340c3edeed99") format("woff");
  font-display: swap;
}
.icon.icon-youtube:before, .c-ar-viewer-link a.icon-youtube:before,
.c-ar-viewer-link span.icon-youtube:before, .c-threesixty-link a.icon-youtube:before, .c-product-rating-list .icon-youtube[data-toggle-height]:before {
  content: "\f101"/"";
}

.icon.icon-whatsapp:before, .c-ar-viewer-link a.icon-whatsapp:before,
.c-ar-viewer-link span.icon-whatsapp:before, .c-threesixty-link a.icon-whatsapp:before, .c-product-rating-list .icon-whatsapp[data-toggle-height]:before {
  content: "\f102"/"";
}

.icon.icon-video:before, .c-ar-viewer-link a.icon-video:before,
.c-ar-viewer-link span.icon-video:before, .c-threesixty-link a.icon-video:before, .c-product-rating-list .icon-video[data-toggle-height]:before {
  content: "\f103"/"";
}

.icon.icon-update:before, .c-ar-viewer-link a.icon-update:before,
.c-ar-viewer-link span.icon-update:before, .c-threesixty-link a.icon-update:before, .c-product-rating-list .icon-update[data-toggle-height]:before {
  content: "\f104"/"";
}

.icon.icon-twitter:before, .c-ar-viewer-link a.icon-twitter:before,
.c-ar-viewer-link span.icon-twitter:before, .c-threesixty-link a.icon-twitter:before, .c-product-rating-list .icon-twitter[data-toggle-height]:before {
  content: "\f105"/"";
}

.icon.icon-trash:before, .c-ar-viewer-link a.icon-trash:before,
.c-ar-viewer-link span.icon-trash:before, .c-threesixty-link a.icon-trash:before, .c-product-rating-list .icon-trash[data-toggle-height]:before {
  content: "\f106"/"";
}

.icon.icon-threesixty:before, .c-ar-viewer-link a.icon-threesixty:before,
.c-ar-viewer-link span.icon-threesixty:before, .c-threesixty-link a.icon-threesixty:before, .c-product-rating-list .icon-threesixty[data-toggle-height]:before {
  content: "\f107"/"";
}

.icon.icon-threesixty-alt:before, .c-ar-viewer-link a.icon-threesixty-alt:before,
.c-ar-viewer-link span.icon-threesixty-alt:before, .c-threesixty-link a.icon-threesixty-alt:before, .c-product-rating-list .icon-threesixty-alt[data-toggle-height]:before {
  content: "\f108"/"";
}

.icon.icon-storelocator:before, .c-ar-viewer-link a.icon-storelocator:before,
.c-ar-viewer-link span.icon-storelocator:before, .c-threesixty-link a.icon-storelocator:before, .c-product-rating-list .icon-storelocator[data-toggle-height]:before {
  content: "\f109"/"";
}

.icon.icon-stockrecord:before, .c-ar-viewer-link a.icon-stockrecord:before,
.c-ar-viewer-link span.icon-stockrecord:before, .c-threesixty-link a.icon-stockrecord:before, .c-product-rating-list .icon-stockrecord[data-toggle-height]:before {
  content: "\f10a"/"";
}

.icon.icon-star:before, .c-ar-viewer-link a.icon-star:before,
.c-ar-viewer-link span.icon-star:before, .c-threesixty-link a.icon-star:before, .c-product-rating-list .icon-star[data-toggle-height]:before {
  content: "\f10b"/"";
}

.icon.icon-shopping-cart:before, .c-ar-viewer-link a.icon-shopping-cart:before,
.c-ar-viewer-link span.icon-shopping-cart:before, .c-threesixty-link a.icon-shopping-cart:before, .c-product-rating-list .icon-shopping-cart[data-toggle-height]:before {
  content: "\f10c"/"";
}

.icon.icon-share:before, .c-ar-viewer-link a.icon-share:before,
.c-ar-viewer-link span.icon-share:before, .c-threesixty-link a.icon-share:before, .c-product-rating-list .icon-share[data-toggle-height]:before {
  content: "\f10d"/"";
}

.icon.icon-secure:before, .c-ar-viewer-link a.icon-secure:before,
.c-ar-viewer-link span.icon-secure:before, .c-threesixty-link a.icon-secure:before, .c-product-rating-list .icon-secure[data-toggle-height]:before {
  content: "\f10e"/"";
}

.icon.icon-preview:before, .c-ar-viewer-link a.icon-preview:before,
.c-ar-viewer-link span.icon-preview:before, .c-threesixty-link a.icon-preview:before, .c-product-rating-list .icon-preview[data-toggle-height]:before {
  content: "\f10f"/"";
}

.icon.icon-plus:before, .c-ar-viewer-link a.icon-plus:before,
.c-ar-viewer-link span.icon-plus:before, .c-threesixty-link a.icon-plus:before, .c-product-rating-list .icon-plus[data-toggle-height]:before {
  content: "\f110"/"";
}

.icon.icon-plus-small:before, .c-ar-viewer-link a.icon-plus-small:before,
.c-ar-viewer-link span.icon-plus-small:before, .c-threesixty-link a.icon-plus-small:before, .c-product-rating-list .icon-plus-small[data-toggle-height]:before {
  content: "\f111"/"";
}

.icon.icon-play:before, .c-ar-viewer-link a.icon-play:before,
.c-ar-viewer-link span.icon-play:before, .c-threesixty-link a.icon-play:before, .c-product-rating-list .icon-play[data-toggle-height]:before {
  content: "\f112"/"";
}

.icon.icon-play-filled:before, .c-ar-viewer-link a.icon-play-filled:before,
.c-ar-viewer-link span.icon-play-filled:before, .c-threesixty-link a.icon-play-filled:before, .c-product-rating-list .icon-play-filled[data-toggle-height]:before {
  content: "\f113"/"";
}

.icon.icon-play-circle:before, .c-ar-viewer-link a.icon-play-circle:before,
.c-ar-viewer-link span.icon-play-circle:before, .c-threesixty-link a.icon-play-circle:before, .c-product-rating-list .icon-play-circle[data-toggle-height]:before {
  content: "\f114"/"";
}

.icon.icon-play-circle-filled:before, .c-ar-viewer-link a.icon-play-circle-filled:before,
.c-ar-viewer-link span.icon-play-circle-filled:before, .c-threesixty-link a.icon-play-circle-filled:before, .c-product-rating-list .icon-play-circle-filled[data-toggle-height]:before {
  content: "\f115"/"";
}

.icon.icon-pinterest:before, .c-ar-viewer-link a.icon-pinterest:before,
.c-ar-viewer-link span.icon-pinterest:before, .c-threesixty-link a.icon-pinterest:before, .c-product-rating-list .icon-pinterest[data-toggle-height]:before {
  content: "\f116"/"";
}

.icon.icon-pdf:before, .c-ar-viewer-link a.icon-pdf:before,
.c-ar-viewer-link span.icon-pdf:before, .c-threesixty-link a.icon-pdf:before, .c-product-rating-list .icon-pdf[data-toggle-height]:before {
  content: "\f117"/"";
}

.icon.icon-pause:before, .c-ar-viewer-link a.icon-pause:before,
.c-ar-viewer-link span.icon-pause:before, .c-threesixty-link a.icon-pause:before, .c-product-rating-list .icon-pause[data-toggle-height]:before {
  content: "\f118"/"";
}

.icon.icon-pause-circle:before, .c-ar-viewer-link a.icon-pause-circle:before,
.c-ar-viewer-link span.icon-pause-circle:before, .c-threesixty-link a.icon-pause-circle:before, .c-product-rating-list .icon-pause-circle[data-toggle-height]:before {
  content: "\f119"/"";
}

.icon.icon-passkey:before, .c-ar-viewer-link a.icon-passkey:before,
.c-ar-viewer-link span.icon-passkey:before, .c-threesixty-link a.icon-passkey:before, .c-product-rating-list .icon-passkey[data-toggle-height]:before {
  content: "\f11a"/"";
}

.icon.icon-package:before, .c-ar-viewer-link a.icon-package:before,
.c-ar-viewer-link span.icon-package:before, .c-threesixty-link a.icon-package:before, .c-product-rating-list .icon-package[data-toggle-height]:before {
  content: "\f11b"/"";
}

.icon.icon-out:before, .c-ar-viewer-link a.icon-out:before,
.c-ar-viewer-link span.icon-out:before, .c-threesixty-link a.icon-out:before, .c-product-rating-list .icon-out[data-toggle-height]:before {
  content: "\f11c"/"";
}

.icon.icon-notify:before, .c-ar-viewer-link a.icon-notify:before,
.c-ar-viewer-link span.icon-notify:before, .c-threesixty-link a.icon-notify:before, .c-product-rating-list .icon-notify[data-toggle-height]:before {
  content: "\f11d"/"";
}

.icon.icon-newsletter-coupon:before, .c-ar-viewer-link a.icon-newsletter-coupon:before,
.c-ar-viewer-link span.icon-newsletter-coupon:before, .c-threesixty-link a.icon-newsletter-coupon:before, .c-product-rating-list .icon-newsletter-coupon[data-toggle-height]:before {
  content: "\f11e"/"";
}

.icon.icon-nav:before, .c-ar-viewer-link a.icon-nav:before,
.c-ar-viewer-link span.icon-nav:before, .c-threesixty-link a.icon-nav:before, .c-product-rating-list .icon-nav[data-toggle-height]:before {
  content: "\f11f"/"";
}

.icon.icon-nav-expand:before, .c-ar-viewer-link a.icon-nav-expand:before,
.c-ar-viewer-link span.icon-nav-expand:before, .c-threesixty-link a.icon-nav-expand:before, .c-product-rating-list .icon-nav-expand[data-toggle-height]:before {
  content: "\f120"/"";
}

.icon.icon-minus:before, .c-ar-viewer-link a.icon-minus:before,
.c-ar-viewer-link span.icon-minus:before, .c-threesixty-link a.icon-minus:before, .c-product-rating-list .icon-minus[data-toggle-height]:before {
  content: "\f121"/"";
}

.icon.icon-minus-small:before, .c-ar-viewer-link a.icon-minus-small:before,
.c-ar-viewer-link span.icon-minus-small:before, .c-threesixty-link a.icon-minus-small:before, .c-product-rating-list .icon-minus-small[data-toggle-height]:before {
  content: "\f122"/"";
}

.icon.icon-magnifier:before, .c-ar-viewer-link a.icon-magnifier:before,
.c-ar-viewer-link span.icon-magnifier:before, .c-threesixty-link a.icon-magnifier:before, .c-product-rating-list .icon-magnifier[data-toggle-height]:before {
  content: "\f123"/"";
}

.icon.icon-logout:before, .c-ar-viewer-link a.icon-logout:before,
.c-ar-viewer-link span.icon-logout:before, .c-threesixty-link a.icon-logout:before, .c-product-rating-list .icon-logout[data-toggle-height]:before {
  content: "\f124"/"";
}

.icon.icon-login:before, .c-ar-viewer-link a.icon-login:before,
.c-ar-viewer-link span.icon-login:before, .c-threesixty-link a.icon-login:before, .c-product-rating-list .icon-login[data-toggle-height]:before {
  content: "\f125"/"";
}

.icon.icon-link:before, .c-ar-viewer-link a.icon-link:before,
.c-ar-viewer-link span.icon-link:before, .c-threesixty-link a.icon-link:before, .c-product-rating-list .icon-link[data-toggle-height]:before {
  content: "\f126"/"";
}

.icon.icon-language:before, .c-ar-viewer-link a.icon-language:before,
.c-ar-viewer-link span.icon-language:before, .c-threesixty-link a.icon-language:before, .c-product-rating-list .icon-language[data-toggle-height]:before {
  content: "\f127"/"";
}

.icon.icon-instagram:before, .c-ar-viewer-link a.icon-instagram:before,
.c-ar-viewer-link span.icon-instagram:before, .c-threesixty-link a.icon-instagram:before, .c-product-rating-list .icon-instagram[data-toggle-height]:before {
  content: "\f128"/"";
}

.icon.icon-imagemap:before, .c-ar-viewer-link a.icon-imagemap:before,
.c-ar-viewer-link span.icon-imagemap:before, .c-threesixty-link a.icon-imagemap:before, .c-product-rating-list .icon-imagemap[data-toggle-height]:before {
  content: "\f129"/"";
}

.icon.icon-icon-video:before, .c-ar-viewer-link a.icon-icon-video:before,
.c-ar-viewer-link span.icon-icon-video:before, .c-threesixty-link a.icon-icon-video:before, .c-product-rating-list .icon-icon-video[data-toggle-height]:before {
  content: "\f12a"/"";
}

.icon.icon-icon-store:before, .c-ar-viewer-link a.icon-icon-store:before,
.c-ar-viewer-link span.icon-icon-store:before, .c-threesixty-link a.icon-icon-store:before, .c-product-rating-list .icon-icon-store[data-toggle-height]:before {
  content: "\f12b"/"";
}

.icon.icon-icon-download:before, .c-ar-viewer-link a.icon-icon-download:before,
.c-ar-viewer-link span.icon-icon-download:before, .c-threesixty-link a.icon-icon-download:before, .c-product-rating-list .icon-icon-download[data-toggle-height]:before {
  content: "\f12c"/"";
}

.icon.icon-icon-audio:before, .c-ar-viewer-link a.icon-icon-audio:before,
.c-ar-viewer-link span.icon-icon-audio:before, .c-threesixty-link a.icon-icon-audio:before, .c-product-rating-list .icon-icon-audio[data-toggle-height]:before {
  content: "\f12d"/"";
}

.icon.icon-home:before, .c-ar-viewer-link a.icon-home:before,
.c-ar-viewer-link span.icon-home:before, .c-threesixty-link a.icon-home:before, .c-product-rating-list .icon-home[data-toggle-height]:before {
  content: "\f12e"/"";
}

.icon.icon-help:before, .c-ar-viewer-link a.icon-help:before,
.c-ar-viewer-link span.icon-help:before, .c-threesixty-link a.icon-help:before, .c-product-rating-list .icon-help[data-toggle-height]:before {
  content: "\f12f"/"";
}

.icon.icon-heart:before, .c-ar-viewer-link a.icon-heart:before,
.c-ar-viewer-link span.icon-heart:before, .c-threesixty-link a.icon-heart:before, .c-product-rating-list .icon-heart[data-toggle-height]:before {
  content: "\f130"/"";
}

.icon.icon-globe:before, .c-ar-viewer-link a.icon-globe:before,
.c-ar-viewer-link span.icon-globe:before, .c-threesixty-link a.icon-globe:before, .c-product-rating-list .icon-globe[data-toggle-height]:before {
  content: "\f131"/"";
}

.icon.icon-globe-language:before, .c-ar-viewer-link a.icon-globe-language:before,
.c-ar-viewer-link span.icon-globe-language:before, .c-threesixty-link a.icon-globe-language:before, .c-product-rating-list .icon-globe-language[data-toggle-height]:before {
  content: "\f132"/"";
}

.icon.icon-german-manufacturer:before, .c-ar-viewer-link a.icon-german-manufacturer:before,
.c-ar-viewer-link span.icon-german-manufacturer:before, .c-threesixty-link a.icon-german-manufacturer:before, .c-product-rating-list .icon-german-manufacturer[data-toggle-height]:before {
  content: "\f133"/"";
}

.icon.icon-german-manufacturer-old:before, .c-ar-viewer-link a.icon-german-manufacturer-old:before,
.c-ar-viewer-link span.icon-german-manufacturer-old:before, .c-threesixty-link a.icon-german-manufacturer-old:before, .c-product-rating-list .icon-german-manufacturer-old[data-toggle-height]:before {
  content: "\f134"/"";
}

.icon.icon-german-manufacturer-alt:before, .c-ar-viewer-link a.icon-german-manufacturer-alt:before,
.c-ar-viewer-link span.icon-german-manufacturer-alt:before, .c-threesixty-link a.icon-german-manufacturer-alt:before, .c-product-rating-list .icon-german-manufacturer-alt[data-toggle-height]:before {
  content: "\f135"/"";
}

.icon.icon-free-delivery:before, .c-ar-viewer-link a.icon-free-delivery:before,
.c-ar-viewer-link span.icon-free-delivery:before, .c-threesixty-link a.icon-free-delivery:before, .c-product-rating-list .icon-free-delivery[data-toggle-height]:before {
  content: "\f136"/"";
}

.icon.icon-filter:before, .c-ar-viewer-link a.icon-filter:before,
.c-ar-viewer-link span.icon-filter:before, .c-threesixty-link a.icon-filter:before, .c-product-rating-list .icon-filter[data-toggle-height]:before {
  content: "\f137"/"";
}

.icon.icon-filter-search:before, .c-ar-viewer-link a.icon-filter-search:before,
.c-ar-viewer-link span.icon-filter-search:before, .c-threesixty-link a.icon-filter-search:before, .c-product-rating-list .icon-filter-search[data-toggle-height]:before {
  content: "\f138"/"";
}

.icon.icon-filter-reset-circle:before, .c-ar-viewer-link a.icon-filter-reset-circle:before,
.c-ar-viewer-link span.icon-filter-reset-circle:before, .c-threesixty-link a.icon-filter-reset-circle:before, .c-product-rating-list .icon-filter-reset-circle[data-toggle-height]:before {
  content: "\f139"/"";
}

.icon.icon-filter-open:before, .c-ar-viewer-link a.icon-filter-open:before,
.c-ar-viewer-link span.icon-filter-open:before, .c-threesixty-link a.icon-filter-open:before, .c-product-rating-list .icon-filter-open[data-toggle-height]:before {
  content: "\f13a"/"";
}

.icon.icon-filter-drawer:before, .c-ar-viewer-link a.icon-filter-drawer:before,
.c-ar-viewer-link span.icon-filter-drawer:before, .c-threesixty-link a.icon-filter-drawer:before, .c-product-rating-list .icon-filter-drawer[data-toggle-height]:before {
  content: "\f13b"/"";
}

.icon.icon-filter-close:before, .c-ar-viewer-link a.icon-filter-close:before,
.c-ar-viewer-link span.icon-filter-close:before, .c-threesixty-link a.icon-filter-close:before, .c-product-rating-list .icon-filter-close[data-toggle-height]:before {
  content: "\f13c"/"";
}

.icon.icon-filter-check:before, .c-ar-viewer-link a.icon-filter-check:before,
.c-ar-viewer-link span.icon-filter-check:before, .c-threesixty-link a.icon-filter-check:before, .c-product-rating-list .icon-filter-check[data-toggle-height]:before {
  content: "\f13d"/"";
}

.icon.icon-file-upload-tiff:before, .c-ar-viewer-link a.icon-file-upload-tiff:before,
.c-ar-viewer-link span.icon-file-upload-tiff:before, .c-threesixty-link a.icon-file-upload-tiff:before, .c-product-rating-list .icon-file-upload-tiff[data-toggle-height]:before {
  content: "\f13e"/"";
}

.icon.icon-file-upload-png:before, .c-ar-viewer-link a.icon-file-upload-png:before,
.c-ar-viewer-link span.icon-file-upload-png:before, .c-threesixty-link a.icon-file-upload-png:before, .c-product-rating-list .icon-file-upload-png[data-toggle-height]:before {
  content: "\f13f"/"";
}

.icon.icon-file-upload-pdf:before, .c-ar-viewer-link a.icon-file-upload-pdf:before,
.c-ar-viewer-link span.icon-file-upload-pdf:before, .c-threesixty-link a.icon-file-upload-pdf:before, .c-product-rating-list .icon-file-upload-pdf[data-toggle-height]:before {
  content: "\f140"/"";
}

.icon.icon-file-upload-jpeg:before, .c-ar-viewer-link a.icon-file-upload-jpeg:before,
.c-ar-viewer-link span.icon-file-upload-jpeg:before, .c-threesixty-link a.icon-file-upload-jpeg:before, .c-product-rating-list .icon-file-upload-jpeg[data-toggle-height]:before {
  content: "\f141"/"";
}

.icon.icon-file-upload-default:before, .c-ar-viewer-link a.icon-file-upload-default:before,
.c-ar-viewer-link span.icon-file-upload-default:before, .c-threesixty-link a.icon-file-upload-default:before, .c-product-rating-list .icon-file-upload-default[data-toggle-height]:before {
  content: "\f142"/"";
}

.icon.icon-facebook:before, .c-ar-viewer-link a.icon-facebook:before,
.c-ar-viewer-link span.icon-facebook:before, .c-threesixty-link a.icon-facebook:before, .c-product-rating-list .icon-facebook[data-toggle-height]:before {
  content: "\f143"/"";
}

.icon.icon-facebook-f:before, .c-ar-viewer-link a.icon-facebook-f:before,
.c-ar-viewer-link span.icon-facebook-f:before, .c-threesixty-link a.icon-facebook-f:before, .c-product-rating-list .icon-facebook-f[data-toggle-height]:before {
  content: "\f144"/"";
}

.icon.icon-external-link:before, .c-ar-viewer-link a.icon-external-link:before,
.c-ar-viewer-link span.icon-external-link:before, .c-threesixty-link a.icon-external-link:before, .c-product-rating-list .icon-external-link[data-toggle-height]:before {
  content: "\f145"/"";
}

.icon.icon-edit:before, .c-ar-viewer-link a.icon-edit:before,
.c-ar-viewer-link span.icon-edit:before, .c-threesixty-link a.icon-edit:before, .c-product-rating-list .icon-edit[data-toggle-height]:before {
  content: "\f146"/"";
}

.icon.icon-edit-square:before, .c-ar-viewer-link a.icon-edit-square:before,
.c-ar-viewer-link span.icon-edit-square:before, .c-threesixty-link a.icon-edit-square:before, .c-product-rating-list .icon-edit-square[data-toggle-height]:before {
  content: "\f147"/"";
}

.icon.icon-easy-credit:before, .c-ar-viewer-link a.icon-easy-credit:before,
.c-ar-viewer-link span.icon-easy-credit:before, .c-threesixty-link a.icon-easy-credit:before, .c-product-rating-list .icon-easy-credit[data-toggle-height]:before {
  content: "\f148"/"";
}

.icon.icon-download:before, .c-ar-viewer-link a.icon-download:before,
.c-ar-viewer-link span.icon-download:before, .c-threesixty-link a.icon-download:before, .c-product-rating-list .icon-download[data-toggle-height]:before {
  content: "\f149"/"";
}

.icon.icon-discount-code:before, .c-ar-viewer-link a.icon-discount-code:before,
.c-ar-viewer-link span.icon-discount-code:before, .c-threesixty-link a.icon-discount-code:before, .c-product-rating-list .icon-discount-code[data-toggle-height]:before {
  content: "\f14a"/"";
}

.icon.icon-descending:before, .c-ar-viewer-link a.icon-descending:before,
.c-ar-viewer-link span.icon-descending:before, .c-threesixty-link a.icon-descending:before, .c-product-rating-list .icon-descending[data-toggle-height]:before {
  content: "\f14b"/"";
}

.icon.icon-configurator:before, .c-ar-viewer-link a.icon-configurator:before,
.c-ar-viewer-link span.icon-configurator:before, .c-threesixty-link a.icon-configurator:before, .c-product-rating-list .icon-configurator[data-toggle-height]:before {
  content: "\f14c"/"";
}

.icon.icon-close:before, .c-ar-viewer-link a.icon-close:before,
.c-ar-viewer-link span.icon-close:before, .c-threesixty-link a.icon-close:before, .c-product-rating-list .icon-close[data-toggle-height]:before {
  content: "\f14d"/"";
}

.icon.icon-close-circle:before, .c-ar-viewer-link a.icon-close-circle:before,
.c-ar-viewer-link span.icon-close-circle:before, .c-threesixty-link a.icon-close-circle:before, .c-product-rating-list .icon-close-circle[data-toggle-height]:before {
  content: "\f14e"/"";
}

.icon.icon-clippy:before, .c-ar-viewer-link a.icon-clippy:before,
.c-ar-viewer-link span.icon-clippy:before, .c-threesixty-link a.icon-clippy:before, .c-product-rating-list .icon-clippy[data-toggle-height]:before {
  content: "\f14f"/"";
}

.icon.icon-clippy-check:before, .c-ar-viewer-link a.icon-clippy-check:before,
.c-ar-viewer-link span.icon-clippy-check:before, .c-threesixty-link a.icon-clippy-check:before, .c-product-rating-list .icon-clippy-check[data-toggle-height]:before {
  content: "\f150"/"";
}

.icon.icon-check:before, .c-ar-viewer-link a.icon-check:before,
.c-ar-viewer-link span.icon-check:before, .c-threesixty-link a.icon-check:before, .c-product-rating-list .icon-check[data-toggle-height]:before {
  content: "\f151"/"";
}

.icon.icon-check-circle:before, .c-ar-viewer-link a.icon-check-circle:before,
.c-ar-viewer-link span.icon-check-circle:before, .c-threesixty-link a.icon-check-circle:before, .c-product-rating-list .icon-check-circle[data-toggle-height]:before {
  content: "\f152"/"";
}

.icon.icon-catalog-view-matrix:before, .c-ar-viewer-link a.icon-catalog-view-matrix:before,
.c-ar-viewer-link span.icon-catalog-view-matrix:before, .c-threesixty-link a.icon-catalog-view-matrix:before, .c-product-rating-list .icon-catalog-view-matrix[data-toggle-height]:before {
  content: "\f153"/"";
}

.icon.icon-catalog-view-list:before, .c-ar-viewer-link a.icon-catalog-view-list:before,
.c-ar-viewer-link span.icon-catalog-view-list:before, .c-threesixty-link a.icon-catalog-view-list:before, .c-product-rating-list .icon-catalog-view-list[data-toggle-height]:before {
  content: "\f154"/"";
}

.icon.icon-bulletpoint:before, .c-ar-viewer-link a.icon-bulletpoint:before,
.c-ar-viewer-link span.icon-bulletpoint:before, .c-threesixty-link a.icon-bulletpoint:before, .c-product-rating-list .icon-bulletpoint[data-toggle-height]:before {
  content: "\f155"/"";
}

.icon.icon-blog:before, .c-ar-viewer-link a.icon-blog:before,
.c-ar-viewer-link span.icon-blog:before, .c-threesixty-link a.icon-blog:before, .c-product-rating-list .icon-blog[data-toggle-height]:before {
  content: "\f156"/"";
}

.icon.icon-augmented-reality:before, .c-ar-viewer-link a.icon-augmented-reality:before,
.c-ar-viewer-link span.icon-augmented-reality:before, .c-threesixty-link a.icon-augmented-reality:before, .c-product-rating-list .icon-augmented-reality[data-toggle-height]:before {
  content: "\f157"/"";
}

.icon.icon-ascending:before, .c-ar-viewer-link a.icon-ascending:before,
.c-ar-viewer-link span.icon-ascending:before, .c-threesixty-link a.icon-ascending:before, .c-product-rating-list .icon-ascending[data-toggle-height]:before {
  content: "\f158"/"";
}

.icon.icon-arrow-up:before, .c-ar-viewer-link a.icon-arrow-up:before,
.c-ar-viewer-link span.icon-arrow-up:before, .c-threesixty-link a.icon-arrow-up:before, .c-product-rating-list .icon-arrow-up[data-toggle-height]:before {
  content: "\f159"/"";
}

.icon.icon-arrow-right:before, .c-ar-viewer-link a.icon-arrow-right:before,
.c-ar-viewer-link span.icon-arrow-right:before, .c-threesixty-link a.icon-arrow-right:before, .c-product-rating-list .icon-arrow-right[data-toggle-height]:before {
  content: "\f15a"/"";
}

.icon.icon-arrow-left:before, .c-ar-viewer-link a.icon-arrow-left:before,
.c-ar-viewer-link span.icon-arrow-left:before, .c-threesixty-link a.icon-arrow-left:before, .c-product-rating-list .icon-arrow-left[data-toggle-height]:before {
  content: "\f15b"/"";
}

.icon.icon-arrow-down:before, .c-ar-viewer-link a.icon-arrow-down:before,
.c-ar-viewer-link span.icon-arrow-down:before, .c-threesixty-link a.icon-arrow-down:before, .c-product-rating-list .icon-arrow-down[data-toggle-height]:before {
  content: "\f15c"/"";
}

.icon.icon-angle-up:before, .c-ar-viewer-link a.icon-angle-up:before,
.c-ar-viewer-link span.icon-angle-up:before, .c-threesixty-link a.icon-angle-up:before, .c-product-rating-list .icon-angle-up[data-toggle-height]:before {
  content: "\f15d"/"";
}

.icon.icon-angle-up-down:before, .c-ar-viewer-link a.icon-angle-up-down:before,
.c-ar-viewer-link span.icon-angle-up-down:before, .c-threesixty-link a.icon-angle-up-down:before, .c-product-rating-list .icon-angle-up-down[data-toggle-height]:before {
  content: "\f15e"/"";
}

.icon.icon-angle-right:before, .c-ar-viewer-link a.icon-angle-right:before,
.c-ar-viewer-link span.icon-angle-right:before, .c-threesixty-link a.icon-angle-right:before, .c-product-rating-list .icon-angle-right[data-toggle-height]:before {
  content: "\f15f"/"";
}

.icon.icon-angle-left:before, .c-ar-viewer-link a.icon-angle-left:before,
.c-ar-viewer-link span.icon-angle-left:before, .c-threesixty-link a.icon-angle-left:before, .c-product-rating-list .icon-angle-left[data-toggle-height]:before {
  content: "\f160"/"";
}

.icon.icon-angle-last:before, .c-ar-viewer-link a.icon-angle-last:before,
.c-ar-viewer-link span.icon-angle-last:before, .c-threesixty-link a.icon-angle-last:before, .c-product-rating-list .icon-angle-last[data-toggle-height]:before {
  content: "\f161"/"";
}

.icon.icon-angle-first:before, .c-ar-viewer-link a.icon-angle-first:before,
.c-ar-viewer-link span.icon-angle-first:before, .c-threesixty-link a.icon-angle-first:before, .c-product-rating-list .icon-angle-first[data-toggle-height]:before {
  content: "\f162"/"";
}

.icon.icon-angle-down:before, .c-ar-viewer-link a.icon-angle-down:before,
.c-ar-viewer-link span.icon-angle-down:before, .c-threesixty-link a.icon-angle-down:before, .c-product-rating-list .icon-angle-down[data-toggle-height]:before {
  content: "\f163"/"";
}

.icon.icon-angle-double-up:before, .c-ar-viewer-link a.icon-angle-double-up:before,
.c-ar-viewer-link span.icon-angle-double-up:before, .c-threesixty-link a.icon-angle-double-up:before, .c-product-rating-list .icon-angle-double-up[data-toggle-height]:before {
  content: "\f164"/"";
}

.icon.icon-angle-double-down:before, .c-ar-viewer-link a.icon-angle-double-down:before,
.c-ar-viewer-link span.icon-angle-double-down:before, .c-threesixty-link a.icon-angle-double-down:before, .c-product-rating-list .icon-angle-double-down[data-toggle-height]:before {
  content: "\f165"/"";
}

.icon.icon-account:before, .c-ar-viewer-link a.icon-account:before,
.c-ar-viewer-link span.icon-account:before, .c-threesixty-link a.icon-account:before, .c-product-rating-list .icon-account[data-toggle-height]:before {
  content: "\f166"/"";
}

.icon.icon-DICIANOVA:before, .c-ar-viewer-link a.icon-DICIANOVA:before,
.c-ar-viewer-link span.icon-DICIANOVA:before, .c-threesixty-link a.icon-DICIANOVA:before, .c-product-rating-list .icon-DICIANOVA[data-toggle-height]:before {
  content: "\f167"/"";
}

.icon, .c-ar-viewer-link a::before,
.c-ar-viewer-link span::before, .c-threesixty-link a::before, .c-product-rating-list [data-toggle-height]::before, .c-product-pricing__link::after {
  display: inline-block;
  font: normal normal normal 14px/1 "graef-iconfont";
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
  vertical-align: -10%;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.c-product-image__image {
  display: block;
  width: 100%;
}
.c-product-image__image:focus-visible {
  outline-offset: -4px;
}
.c-product-image--changeonhover {
  overflow: hidden;
}
.c-product-image--changeonhover .c-product-image__images {
  display: flex;
  flex-flow: row nowrap;
  width: 200%;
  transition: transform 0.2s ease-out;
}
.c-product-image--changeonhover .c-product-image__image {
  transition: opacity 0.2s ease-out;
}
.c-product-image--changeonhover .c-product-image__image:last-child {
  transform: translateX(-100%);
  opacity: 0;
}

.no-touchevents .c-product:hover .c-product-image--changeonhover .c-product-image__image,
.no-touchevents .c-product:has(.c-product-image__image:last-child:focus-visible) .c-product-image--changeonhover .c-product-image__image {
  opacity: 1;
}
.no-touchevents .c-product:hover .c-product-image--changeonhover .c-product-image__image:first-child,
.no-touchevents .c-product:has(.c-product-image__image:last-child:focus-visible) .c-product-image--changeonhover .c-product-image__image:first-child {
  opacity: 0;
}

/* Zoom Gallery */
.c-zoom-gallery {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  height: 100%;
  background: white;
  text-align: center;
  transition: all 0s ease-in-out;
}
.c-zoom-gallery[hidden] {
  display: none;
}
.c-zoom-gallery__slideshow {
  width: 100%;
  height: 100%;
  background: white;
  touch-action: pinch-zoom;
}
.c-zoom-gallery .swiper-scrollbar {
  --swiper-scrollbar-bottom: 0;
  --swiper-scrollbar-sides-offset: 0;
  position: relative;
}
.c-zoom-gallery picture {
  height: 100%;
}
.c-zoom-gallery img,
.c-zoom-gallery video {
  width: auto;
  height: 100%;
  max-height: none;
  object-fit: contain;
}
.c-zoom-gallery img:focus-visible,
.c-zoom-gallery video:focus-visible {
  outline: none;
}

/* ============================================================================
COMPONENTS -> PRODUCT
============================================================================ */
/**
* Product item.
*/
/* Variables
============================================================================ */
/* Product grid.
============================================================================ */
/**
* Layout
* The product grid layouts the particular product items. This is mostly an
* <ul>, but can be whatever it needs to.
*/
.c-product-matrix {
  margin-bottom: 0;
  margin-left: -0.75rem;
}
@media screen and (min-width: 721px) {
  .c-product-matrix {
    margin-left: -1.5rem;
  }
}
@media screen and (min-width: 961px) {
  .c-product-matrix {
    margin-left: -2.25rem;
  }
}
.c-product-matrix__item {
  position: relative;
  margin-bottom: 0.75rem;
  padding-left: 0.75rem;
  flex: 1 1 100%;
  max-width: 100%;
  /**
  * TODO: we need a max-width solution for Safari
  */
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product-matrix__item {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 481px) {
  .c-product-matrix__item {
    flex: 1 1 50%;
    max-width: 50%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 481px) and (-ms-high-contrast: none), screen and (min-width: 481px) and (-ms-high-contrast: active) {
  .c-product-matrix__item {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 721px) {
  .c-product-matrix__item {
    padding-left: 1.5rem;
    flex: 1 1 50%;
    max-width: 50%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 721px) and (-ms-high-contrast: none), screen and (min-width: 721px) and (-ms-high-contrast: active) {
  .c-product-matrix__item {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 961px) {
  .c-product-matrix__item {
    padding-left: 2.25rem;
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 961px) and (-ms-high-contrast: none), screen and (min-width: 961px) and (-ms-high-contrast: active) {
  .c-product-matrix__item {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-product-matrix__item {
    margin-bottom: 3rem;
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 1025px) and (-ms-high-contrast: none), screen and (min-width: 1025px) and (-ms-high-contrast: active) {
  .c-product-matrix__item {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: 1367px) {
  .c-product-matrix__item {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 1367px) and (-ms-high-contrast: none), screen and (min-width: 1367px) and (-ms-high-contrast: active) {
  .c-product-matrix__item {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: 1561px) {
  .c-product-matrix__item {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 1561px) and (-ms-high-contrast: none), screen and (min-width: 1561px) and (-ms-high-contrast: active) {
  .c-product-matrix__item {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: 2001px) {
  .c-product-matrix__item {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 2001px) and (-ms-high-contrast: none), screen and (min-width: 2001px) and (-ms-high-contrast: active) {
  .c-product-matrix__item {
    flex-basis: 33.3333333333%;
  }
}
.c-product-matrix--xseller {
  display: flex;
  flex-flow: row wrap;
}
.c-product-matrix--xseller .c-product-matrix__item {
  display: none;
}
.c-product-matrix--xseller .c-product-matrix__item:nth-child(1), .c-product-matrix--xseller .c-product-matrix__item:nth-child(2) {
  display: block;
}
@media screen and (min-width: 721px) {
  .c-product-matrix--xseller .c-product-matrix__item:nth-child(3) {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .c-product-matrix--xseller .c-product-matrix__item:nth-child(4) {
    display: block;
  }
}

/**
* Wishlist Modifier
*/
@media screen and (min-width: 1025px) {
  .s-account-content .c-product-matrix__item {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 1025px) and (-ms-high-contrast: none), screen and (min-width: 1025px) and (-ms-high-contrast: active) {
  .s-account-content .c-product-matrix__item {
    flex-basis: 33.3333333333%;
  }
}

/* Product.
============================================================================ */
/**
* Component
* The product item component.
*/
.c-product {
  position: relative;
  align-content: stretch;
  justify-content: center;
  justify-content: space-between;
  width: 100%;
  transition: all 0.15s ease-out;
  display: flex;
  flex-flow: row wrap;
}
.c-product__rating {
  margin-bottom: 0.75rem;
}
.c-product__image {
  width: 100%;
  margin-bottom: 1.5rem;
  text-align: center;
}
.c-product__image .c-product-gallery__slideshow {
  text-align: center;
}
.c-product__image .c-product-gallery__slideshow > a {
  display: none;
}
.c-product__image .c-product-gallery__slideshow > a:first-child {
  display: block;
}
.c-product__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 6px;
}

/* MODIFIERS */
.c-product {
  position: relative;
}
@media screen and (min-width: 721px) {
  .c-product .c-product__ctas {
    visibility: visible;
    align-content: baseline;
    opacity: 1;
  }
}
.c-product--wishlist, .c-product--catalog, .c-product--xseller, .c-product--sitesearch, .c-product--showcase {
  border-radius: 12px;
}
.c-product--wishlist:hover, .c-product--wishlist:focus, .c-product--catalog:hover, .c-product--catalog:focus, .c-product--xseller:hover, .c-product--xseller:focus, .c-product--sitesearch:hover, .c-product--sitesearch:focus, .c-product--showcase:hover, .c-product--showcase:focus {
  outline: none;
}
.c-product--wishlist:hover .c-button--add-to-cart,
.c-product--wishlist:hover .c-button--business-product, .c-product--wishlist:focus .c-button--add-to-cart,
.c-product--wishlist:focus .c-button--business-product, .c-product--catalog:hover .c-button--add-to-cart,
.c-product--catalog:hover .c-button--business-product, .c-product--catalog:focus .c-button--add-to-cart,
.c-product--catalog:focus .c-button--business-product, .c-product--xseller:hover .c-button--add-to-cart,
.c-product--xseller:hover .c-button--business-product, .c-product--xseller:focus .c-button--add-to-cart,
.c-product--xseller:focus .c-button--business-product, .c-product--sitesearch:hover .c-button--add-to-cart,
.c-product--sitesearch:hover .c-button--business-product, .c-product--sitesearch:focus .c-button--add-to-cart,
.c-product--sitesearch:focus .c-button--business-product, .c-product--showcase:hover .c-button--add-to-cart,
.c-product--showcase:hover .c-button--business-product, .c-product--showcase:focus .c-button--add-to-cart,
.c-product--showcase:focus .c-button--business-product {
  background: #23384d;
  color: white;
  opacity: 1;
}
.c-product--wishlist:hover .c-button--add-to-cart:hover,
.c-product--wishlist:hover .c-button--business-product:hover, .c-product--wishlist:focus .c-button--add-to-cart:hover,
.c-product--wishlist:focus .c-button--business-product:hover, .c-product--catalog:hover .c-button--add-to-cart:hover,
.c-product--catalog:hover .c-button--business-product:hover, .c-product--catalog:focus .c-button--add-to-cart:hover,
.c-product--catalog:focus .c-button--business-product:hover, .c-product--xseller:hover .c-button--add-to-cart:hover,
.c-product--xseller:hover .c-button--business-product:hover, .c-product--xseller:focus .c-button--add-to-cart:hover,
.c-product--xseller:focus .c-button--business-product:hover, .c-product--sitesearch:hover .c-button--add-to-cart:hover,
.c-product--sitesearch:hover .c-button--business-product:hover, .c-product--sitesearch:focus .c-button--add-to-cart:hover,
.c-product--sitesearch:focus .c-button--business-product:hover, .c-product--showcase:hover .c-button--add-to-cart:hover,
.c-product--showcase:hover .c-button--business-product:hover, .c-product--showcase:focus .c-button--add-to-cart:hover,
.c-product--showcase:focus .c-button--business-product:hover {
  background: rgb(50.9375, 81.5, 112.0625);
  color: white;
}
.c-product--wishlist .c-product__infos, .c-product--catalog .c-product__infos, .c-product--xseller .c-product__infos, .c-product--sitesearch .c-product__infos, .c-product--showcase .c-product__infos {
  position: relative;
  width: 100%;
}
.c-product--wishlist .c-product__ctas, .c-product--catalog .c-product__ctas, .c-product--xseller .c-product__ctas, .c-product--sitesearch .c-product__ctas, .c-product--showcase .c-product__ctas {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
}
@media screen and (min-width: 721px) {
  .c-product--wishlist .c-product__ctas, .c-product--catalog .c-product__ctas, .c-product--xseller .c-product__ctas, .c-product--sitesearch .c-product__ctas, .c-product--showcase .c-product__ctas {
    transition: opacity 0.15s ease-in-out;
  }
}
.c-product--wishlist .c-product__ctas .c-button--add-to-cart,
.c-product--wishlist .c-product__ctas .c-button--add-to-restock-notify,
.c-product--wishlist .c-product__ctas .c-button--configurator,
.c-product--wishlist .c-product__ctas .c-button--business-product, .c-product--catalog .c-product__ctas .c-button--add-to-cart,
.c-product--catalog .c-product__ctas .c-button--add-to-restock-notify,
.c-product--catalog .c-product__ctas .c-button--configurator,
.c-product--catalog .c-product__ctas .c-button--business-product, .c-product--xseller .c-product__ctas .c-button--add-to-cart,
.c-product--xseller .c-product__ctas .c-button--add-to-restock-notify,
.c-product--xseller .c-product__ctas .c-button--configurator,
.c-product--xseller .c-product__ctas .c-button--business-product, .c-product--sitesearch .c-product__ctas .c-button--add-to-cart,
.c-product--sitesearch .c-product__ctas .c-button--add-to-restock-notify,
.c-product--sitesearch .c-product__ctas .c-button--configurator,
.c-product--sitesearch .c-product__ctas .c-button--business-product, .c-product--showcase .c-product__ctas .c-button--add-to-cart,
.c-product--showcase .c-product__ctas .c-button--add-to-restock-notify,
.c-product--showcase .c-product__ctas .c-button--configurator,
.c-product--showcase .c-product__ctas .c-button--business-product {
  order: 1;
  width: 100%;
  opacity: 0;
}
.touchevents .c-product__ctas .c-button--add-to-cart,
.touchevents .c-product__ctas .c-button--add-to-restock-notify {
  opacity: 1;
}

.c-product--showcase .c-product__ctas {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: auto;
}
.c-product--showcase .c-product__ctas .c-button--add-to-cart {
  width: auto;
  opacity: 1;
}
.no-touchevents .c-product--catalog {
  position: relative;
}
.no-touchevents .c-product--catalog::after {
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 2.25rem);
  height: calc(100% + 2.25rem);
  margin: -1.125rem;
  border-radius: 12px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: all 0.15s ease-out;
}
.no-touchevents .c-product--catalog .c-variation {
  display: none;
  visibility: hidden;
  z-index: 3;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  opacity: 0;
}
.no-touchevents .c-product--catalog:hover::after, .no-touchevents .c-product--catalog:focus::after {
  opacity: 1;
}
.no-touchevents .c-product--catalog:hover .c-variation, .no-touchevents .c-product--catalog:focus .c-variation {
  display: flex;
  visibility: visible;
  width: calc(100% + 2.25rem);
  margin: 0 -1.125rem;
  padding: 0.375rem 1.125rem 1.125rem;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
}

.c-product:hover .c-button--add-to-cart,
.c-product:hover .c-button--add-to-restock-notify,
.c-product:hover .c-button--configurator,
.c-product:hover .c-button--business-product, .c-product:focus .c-button--add-to-cart,
.c-product:focus .c-button--add-to-restock-notify,
.c-product:focus .c-button--configurator,
.c-product:focus .c-button--business-product {
  opacity: 1;
}
.c-product--sitesearch {
  display: flex;
  flex-flow: column wrap;
  flex-wrap: nowrap;
  align-content: flex-start;
}
.c-product--sitesearch .c-product__infos {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(100% - 0 * 1.5rem);
  max-width: calc(100% - 0 * 1.5rem);
  /**
  * TODO: we need a max-width solution for Safari
  */
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product--sitesearch .c-product__infos {
    flex-basis: 100%;
  }
}
.c-product--sitesearch .c-product__infos {
  align-items: flex-start;
}
.c-product--sitesearch .c-product__infos .c-button--go-to-idp {
  margin-top: auto;
}
@media screen and (min-width: 1025px) {
  .c-product--sitesearch:hover .c-variation-indicator, .c-product--sitesearch:focus .c-variation-indicator {
    visibility: visible;
    opacity: 1;
  }
}
.c-product--sitesearch:hover .c-product__infos, .c-product--sitesearch:focus .c-product__infos {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(100% - 0 * 1.5rem);
  max-width: calc(100% - 0 * 1.5rem);
  /**
  * TODO: we need a max-width solution for Safari
  */
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product--sitesearch:hover .c-product__infos, .c-product--sitesearch:focus .c-product__infos {
    flex-basis: 100%;
  }
}
.c-product--exitintent {
  align-items: center;
}
.c-product--exitintent .c-product__image {
  padding: 3rem 0;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(33.3333333333% - 0.6666666667 * 1.5rem);
  max-width: calc(33.3333333333% - 0.6666666667 * 1.5rem);
  /**
  * TODO: we need a max-width solution for Safari
  */
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product--exitintent .c-product__image {
    flex-basis: 33.3333333333%;
  }
}
.c-product--exitintent .c-product__infos {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(66.6666666667% - 0.3333333333 * 1.5rem);
  max-width: calc(66.6666666667% - 0.3333333333 * 1.5rem);
  /**
  * TODO: we need a max-width solution for Safari
  */
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product--exitintent .c-product__infos {
    flex-basis: 66.6666666667%;
  }
}

/* ============================================================================
COMPONENTS -> PRODUCT-DESCRIPTION
============================================================================ */
/**
* Product description.
*/
/* Product description
============================================================================ */
.c-product-description {
  margin-bottom: 1.5rem;
}
.c-product-description h2,
.c-product-description h3,
.c-product-description h4 {
  margin-bottom: 0;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
.c-product-description h2 + p,
.c-product-description h3 + p,
.c-product-description h4 + p {
  margin-top: 0.75rem;
}
.c-product-description h2 {
  font-size: calc(20px + 0 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
}
@media screen and (min-width: 1366px){
  .c-product-description h2{
    font-size: 20px;
  }
}
@media screen and (max-width: 320px){
  .c-product-description h2{
    font-size: 20px;
  }
}
.c-product-description h2 + h3 {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  margin-top: 0.75rem;
}
@media screen and (min-width: 1366px){
  .c-product-description h2 + h3{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-description h2 + h3{
    font-size: 16px;
  }
}
.c-product-description table {
  width: 100%;
  border: none;
}
.c-product-description tr:nth-of-type(even) {
  background: rgba(171, 153, 138, 0.05);
}
.c-product-description td {
  padding: 0.375rem 0.75rem;
  border: none;
}

/* ============================================================================
COMPONENTS -> PRODUCT-FLAGS
============================================================================ */
/**
* This component is used to display the product-flags (new, sale etc.).
*/
/* Variables
============================================================================ */
/* Product-flags
============================================================================ */
.c-product-flags {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
}
.c-product-flags__flag {
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
  position: relative;
  width: auto;
  padding: 0.375rem 0.75rem;
  border-radius: 1000px;
  background: #4e8400;
  color: white;
  font-weight: normal;
  line-height: 1;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  text-align: center;
}
@media screen and (min-width: 1366px){
  .c-product-flags__flag{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-flags__flag{
    font-size: 13px;
  }
}
.c-product-flags__flag ~ .c-product-flags__flag {
  margin-left: 0.375rem;
}
.c-product-flags__flag ~ .c-product-flags__flag--bestseller {
  margin-left: auto;
}
.c-product-flags__flag--new {
  background: #23384d;
  color: white;
}
.c-product-flags__flag--coming-soon {
  background: #23384d;
  color: white;
}
.c-product-flags__flag--sale {
  background: #ab0943;
  color: white;
}
.c-product-flags__flag--sale .c-product-pricing__price--discount-percentage {
  position: relative;
  margin: 0;
  padding: 0;
}
.c-product-flags__flag--bestseller {
  margin-left: auto;
  padding: 0;
}
.c-product-flags__flag--bestseller .c-icon {
  width: 50px;
  height: 64px;
  border-radius: 6px;
}

/* Modifier
============================================================================ */
.c-product-flags--detail {
  top: 1.5rem;
  width: auto;
  padding: 0;
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
}
@media screen and (min-width: 721px) {
  .c-product-flags--detail {
    left: calc(45% + 1.5rem);
  }
}
@media screen and (min-width: 961px) {
  .c-product-flags--detail {
    left: calc(60% + 3rem);
  }
}
.c-product-flags--detail .c-product-flags__flag--bestseller .c-icon {
  width: 60px;
  height: 77px;
}

/* ============================================================================
COMPONENTS -> PRODUCT-NAME
============================================================================ */
/**
 * This component is used to display the product-name.
 */
/* Variables
============================================================================ */
/* Product-name
============================================================================ */
.c-product-name {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 0.75rem;
}
.c-product-name__anchor {
  display: block;
}
.c-product-name__anchor:hover {
  text-decoration: none;
}
.c-product-name__title {
  margin-bottom: 0;
  color: #2f2f2f;
  line-height: 1.2;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
.c-product-name__title--level1 {
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
  width: 100%;
  line-height: 1;
}
@media screen and (min-width: 1366px){
  .c-product-name__title--level1{
    font-size: 26px;
  }
}
@media screen and (max-width: 320px){
  .c-product-name__title--level1{
    font-size: 24px;
  }
}
.c-product-name__title--level2, .c-product-name__title--level3 {
  font-size: 18px;
}
@media screen and (min-width: 481px) {
  .c-product-name__title--level2, .c-product-name__title--level3 {
    font-size: calc(22px + 0 * ((100vw - 320px) / 1046));
  }
  @media screen and (min-width: 1366px){
    .c-product-name__title--level2, .c-product-name__title--level3{
      font-size: 22px;
    }
  }
  @media screen and (max-width: 320px){
    .c-product-name__title--level2, .c-product-name__title--level3{
      font-size: 22px;
    }
  }
}
.c-product-name__subtitle {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  display: block;
  width: 100%;
  margin-bottom: 0;
  color: #2f2f2f;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-product-name__subtitle{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-name__subtitle{
    font-size: 16px;
  }
}
.c-product-name__sku, .c-product-name__ean {
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
  display: inline-block;
  margin-top: 0.375rem;
  color: #2f2f2f;
}
@media screen and (min-width: 1366px){
  .c-product-name__sku, .c-product-name__ean{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-name__sku, .c-product-name__ean{
    font-size: 13px;
  }
}
.c-product-name__sku span, .c-product-name__ean span {
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
.c-product-name__sku {
  margin-right: 0.75rem;
}
.c-product-name {
  /* Modifier
  ============================================================================ */
}
.c-product-name--detail {
  order: -1;
}
.c-product-name--detail .c-product-name__title {
  margin-bottom: 0;
}
.c-product-name--recentlist .c-product-name__title {
  font-size: calc(18px + 0 * ((100vw - 320px) / 1046));
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-product-name--recentlist .c-product-name__title{
    font-size: 18px;
  }
}
@media screen and (max-width: 320px){
  .c-product-name--recentlist .c-product-name__title{
    font-size: 18px;
  }
}

.c-manufacturer-information {
  display: flex;
  flex-flow: column wrap;
  column-gap: 1.5rem;
  flex-wrap: nowrap;
  width: 100%;
}
@media screen and (min-width: 961px) {
  .c-manufacturer-information {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.c-manufacturer-information .c-section-title {
  width: 100%;
}
.c-manufacturer-information__item {
  flex: 1 1;
}
@media screen and (min-width: 481px) {
  .c-manufacturer-information__item--safety-information .c-manufacturer-information__value {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 3rem;
  }
}
.c-manufacturer-information__item--safety-information .c-manufacturer-information__value > p {
  flex: 1 1;
}
.c-manufacturer-information__values {
  display: flex;
  flex-flow: row wrap;
  gap: 1.5rem;
}
.c-manufacturer-information__title {
  font-size: calc(20px + 0 * ((100vw - 320px) / 1046));
  margin-bottom: 1.5rem;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-manufacturer-information__title{
    font-size: 20px;
  }
}
@media screen and (max-width: 320px){
  .c-manufacturer-information__title{
    font-size: 20px;
  }
}
.c-manufacturer-information__image {
  width: 60px;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 481px) {
  .c-manufacturer-information__image {
    margin-bottom: 0;
  }
}

/* ============================================================================
COMPONENTS -> PRODUCT-PRICING
============================================================================ */
/**
* A pricing component.
*/
/* Variables
============================================================================ */
.c-product-pricing {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  margin-bottom: 1.5rem;
}
.c-product-pricing:has(.c-product-pricing__not-discountable-info) {
  margin-bottom: 0.75rem;
}
.c-product-pricing__loader {
  display: block;
}
.c-product-pricing__loader .c-icon {
  fill: #23384d;
  width: 1.5rem;
  height: 0.75rem;
}
.c-product-pricing sup {
  padding: 0;
}
.c-product-pricing {
  /* This is the default sale-price */
}
.c-product-pricing__price {
  font-size: calc(20px + 0 * ((100vw - 320px) / 1046));
  display: inline-block;
  color: #2f2f2f;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-product-pricing__price{
    font-size: 20px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing__price{
    font-size: 20px;
  }
}
.c-product-pricing__price--quantity {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  position: relative;
  color: #2f2f2f;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-product-pricing__price--quantity{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing__price--quantity{
    font-size: 16px;
  }
}
.c-product-pricing__price--quantity::after {
  margin-right: 0.375rem;
  margin-left: 0.375rem;
  content: "|";
}
.c-product-pricing__price--old {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  position: relative;
  margin-right: 0.375rem;
  color: #2f2f2f;
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
  text-decoration: line-through;
}
@media screen and (min-width: 1366px){
  .c-product-pricing__price--old{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing__price--old{
    font-size: 16px;
  }
}
.c-product-pricing__price--special {
  width: auto;
  color: #ab0943;
}
.c-product-pricing__price--discount-percentage {
  order: -1;
  margin-right: 0.375rem;
  padding: 0.1875rem 0.375rem;
  border-radius: 6px;
  background: #ab0943;
  color: white;
  line-height: 1;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  cursor: default;
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-pricing__price--discount-percentage{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing__price--discount-percentage{
    font-size: 13px;
  }
}
.c-product-pricing__info {
  font-size: calc(14px + 0 * ((100vw - 320px) / 1046));
  display: block;
  width: 100%;
  color: #2f2f2f;
}
@media screen and (min-width: 1366px){
  .c-product-pricing__info{
    font-size: 14px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing__info{
    font-size: 14px;
  }
}
.c-product-pricing__base-price {
  color: #2f2f2f;
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-pricing__base-price{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing__base-price{
    font-size: 13px;
  }
}
.c-product-pricing__base-price.c-product-pricing__base-price--detail {
  font-family: "futura-pt-book", "Trebuchet MS", Arial, sans-serif;
  font-size: calc(14px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-pricing__base-price.c-product-pricing__base-price--detail{
    font-size: 14px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing__base-price.c-product-pricing__base-price--detail{
    font-size: 14px;
  }
}
.c-product-pricing__base-price::before {
  content: "(";
}
.c-product-pricing__base-price::after {
  content: ")";
}
.c-product-pricing__base-price--cart, .c-product-pricing__base-price--order {
  display: block;
}
.c-product-pricing__link {
  color: #2f2f2f;
}
.c-product-pricing__link:hover {
  color: #2f2f2f;
}
.c-product-pricing__link::after {
  content: "\f15f"/"";
  padding-left: 0.1875rem;
  font-size: 11px;
}
.c-product-pricing__easycredit {
  width: 100%;
  max-width: fit-content;
  min-height: 20px;
  margin-top: 0.75rem;
}
.c-product-pricing__not-discountable-info {
  margin: 0.75rem 0 0;
  color: #e17d46;
}
.c-product-pricing--large {
  line-height: 1.2;
}
.c-product-pricing--large .c-product-pricing__price {
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-pricing--large .c-product-pricing__price{
    font-size: 26px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing--large .c-product-pricing__price{
    font-size: 24px;
  }
}
.c-product-pricing--large .c-product-pricing__price--old {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-pricing--large .c-product-pricing__price--old{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing--large .c-product-pricing__price--old{
    font-size: 16px;
  }
}
.c-product-pricing--large .c-product-pricing__price--discount-percentage {
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-pricing--large .c-product-pricing__price--discount-percentage{
    font-size: 26px;
  }
}
@media screen and (max-width: 320px){
  .c-product-pricing--large .c-product-pricing__price--discount-percentage{
    font-size: 24px;
  }
}
.c-product-pricing--large .c-product-pricing__price--special {
  margin-right: 0.75rem;
}

.c-product-scaleprices {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.c-product-scaleprices__scaleprice {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin-right: 0.375rem;
  margin-bottom: 0.375rem;
  padding: 0.375rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 1000px;
  border-color: #e5e5e5;
  background: rgb(247.35, 247.35, 247.35);
  text-align: center;
  cursor: pointer;
}
.c-product-scaleprices__scaleprice:first-child {
  border-top-width: 1px;
}
.c-product-scaleprices__scaleprice.is-active {
  background: #23384d;
  color: white;
}
.c-product-scaleprices__scaleprice.is-active sup {
  color: white;
}
.c-product-scaleprices__scaleprice:hover:not(.is-active) {
  background: rgb(242.25, 242.25, 242.25);
  color: #2f2f2f;
}
.c-product-scaleprices__scaleprice.is-disabled {
  cursor: no-drop;
  opacity: 0.5;
  user-select: none;
}
.c-product-scaleprices__scaleprice span {
  display: block;
}
.c-product-scaleprices__amount {
  font-size: calc(14px + 0 * ((100vw - 320px) / 1046));
  padding-right: 0.75rem;
}
@media screen and (min-width: 1366px){
  .c-product-scaleprices__amount{
    font-size: 14px;
  }
}
@media screen and (max-width: 320px){
  .c-product-scaleprices__amount{
    font-size: 14px;
  }
}
.c-product-scaleprices__price {
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
.c-product-scaleprices__price sup {
  padding: 0;
}

/* ============================================================================
COMPONENTS -> PRODUCT-RATING
============================================================================ */
/* Variables
============================================================================ */
.c-street-review .c-form-item-container {
  margin-bottom: 0.75rem;
}
.c-street-review .c-form-item--street-review-file {
  position: relative;
  margin-bottom: 0.75rem;
}
.c-street-review .c-form-item--street-review-file label {
  display: flex;
  flex-flow: row wrap;
  position: absolute;
  top: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
}
.c-street-review .c-form-item--street-review-file label small {
  font-size: calc(14px + 0 * ((100vw - 320px) / 1046));
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(50% - 0.5 * 1.5rem);
  max-width: calc(50% - 0.5 * 1.5rem);
  /**
  * TODO: we need a max-width solution for Safari
  */
}
@media screen and (min-width: 1366px){
  .c-street-review .c-form-item--street-review-file label small{
    font-size: 14px;
  }
}
@media screen and (max-width: 320px){
  .c-street-review .c-form-item--street-review-file label small{
    font-size: 14px;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-street-review .c-form-item--street-review-file label small {
    flex-basis: 50%;
  }
}
.c-street-review .c-form-item--street-review-file label small {
  padding: 0 0.75rem;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-street-review .c-form-item--street-review-file label span {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-street-review .c-form-item--street-review-file label span{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-street-review .c-form-item--street-review-file label span{
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .c-street-review .c-form-item--street-review-file label span {
    padding: 0.375rem 0.75rem;
    font-size: 14px;
  }
}
.c-street-review .c-form-item--street-review-file label span {
  color: white;
  line-height: 1.5;
  letter-spacing: normal;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  border-radius: 1000px;
  background: #23384d;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.touchevents .c-street-review .c-form-item--street-review-file label span {
  transition: none;
}

.c-street-review .c-form-item--street-review-file label span:focus-visible, .c-street-review .c-form-item--street-review-file label span:hover {
  background: rgb(50.9375, 81.5, 112.0625);
  color: white;
  text-decoration: none;
}
.c-street-review .c-form-item--street-review-file label span:focus-visible {
  outline-color: #23384d;
}
.c-street-review .c-form-item--street-review-file label span[disabled] {
  background: rgba(35, 56, 77, 0.3);
  cursor: default;
}
.c-street-review .c-form-item--street-review-file label span {
  color: #23384d;
  border-width: 1px;
  border-style: solid;
  border-color: #23384d;
  background: transparent;
}
.c-street-review .c-form-item--street-review-file label span:focus-visible, .c-street-review .c-form-item--street-review-file label span:hover {
  border-width: 1px;
  border-style: solid;
  border-color: #23384d;
  background: #23384d;
}
.c-street-review .c-form-item--street-review-file label span:focus-visible {
  outline-color: #23384d;
}
.c-street-review .c-form-item--street-review-file label span {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-self: stretch;
  max-height: 48px;
}
.c-street-review .c-form-item--street-review-file input {
  width: 100%;
  height: 48px;
  text-indent: -5000px;
}
.c-street-review .c-form-item--street-review-file input.is-invalid + label {
  border-color: #ab0943;
}
.c-street-review .c-form-item--street-review-file input.is-invalid + label small {
  color: #ab0943;
}

.c-product-rating__street-review-files {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
}
.c-product-rating__star.is-active .c-icon--star {
  fill: #f5be00;
}
.c-product-rating .c-icon--star {
  fill: rgb(228.6, 224.2, 215.4);
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer;
}
.c-product-rating__value {
  margin-left: 1.5rem;
  line-height: 1;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  font-size: calc(24px + 2 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating__value{
    font-size: 26px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating__value{
    font-size: 24px;
  }
}
.c-product-rating__value span {
  display: inline-block;
  margin-left: 0.375rem;
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating__value span{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating__value span{
    font-size: 16px;
  }
}
.c-product-rating__item {
  margin-bottom: 3rem;
}
.c-product-rating__item:last-child {
  margin-bottom: 0;
}
.c-product-rating__item .c-product-rating-info {
  justify-content: flex-start;
}
.c-product-rating__image {
  order: 1;
  margin-bottom: 0.75rem;
}
.c-product-rating__image a {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
}
.c-product-rating__image a picture {
  width: auto;
  margin-right: 0.75rem;
}
.c-product-rating__image img {
  width: 100px;
}
.c-product-rating__linktitle {
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
  border-bottom: 1px dashed #23384d;
}
@media screen and (min-width: 1366px){
  .c-product-rating__linktitle{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating__linktitle{
    font-size: 13px;
  }
}
.c-product-rating__overview {
  align-items: center;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-flow: row wrap;
}
.c-product-rating__overview .c-product-rating-info {
  margin-bottom: 0;
}
.c-product-rating__overview .c-product-rating-info--detail {
  margin-top: 0;
}
.c-product-rating__overview .c-product-rating-info--detail .c-product-rating-info__rating {
  margin-right: 0.75rem;
}
.c-product-rating__overview .c-product-rating-info--detail .c-product-rating-info__average {
  margin: 0;
}
.c-product-rating__timestamp {
  order: 1;
  margin-left: auto;
}
.c-product-rating__timestamp p {
  margin-bottom: 0;
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating__timestamp p{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating__timestamp p{
    font-size: 13px;
  }
}
.c-product-rating__ratingvalue {
  width: 100%;
}
@media screen and (min-width: 961px) {
  .c-product-rating__ratingvalue {
    width: auto;
  }
}
.c-product-rating__ratingvalue .c-product-rating-info {
  align-items: center;
}
.c-product-rating__ratingvalue .c-product-rating-info__average {
  margin-top: 1px;
  margin-right: 0.75rem;
  margin-left: 0.375rem;
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating__ratingvalue .c-product-rating-info__average{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating__ratingvalue .c-product-rating-info__average{
    font-size: 13px;
  }
}
.c-product-rating__ratingvalue .c-product-rating-info__average span {
  display: inline-block;
  margin-left: 0.1875rem;
  font-size: calc(11px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating__ratingvalue .c-product-rating-info__average span{
    font-size: 11px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating__ratingvalue .c-product-rating-info__average span{
    font-size: 11px;
  }
}
.c-product-rating__ratingvalue .c-product-rating-info__rating {
  width: 70px;
  height: 14px;
  margin-top: -2px;
  background-size: 14px;
}
.c-product-rating__ratingvalue .c-product-rating-info__rating::before {
  width: 70px;
  height: 14px;
  background-size: 14px;
}
.c-product-rating__ratingvalue .c-product-rating-info__rating[data-rating^="0"]::before {
  width: 0;
}
.c-product-rating__ratingvalue .c-product-rating-info__rating[data-rating^="1"]::before {
  width: 14px;
}
.c-product-rating__ratingvalue .c-product-rating-info__rating[data-rating^="2"]::before {
  width: 28px;
}
.c-product-rating__ratingvalue .c-product-rating-info__rating[data-rating^="3"]::before {
  width: 42px;
}
.c-product-rating__ratingvalue .c-product-rating-info__rating[data-rating^="4"]::before {
  width: 56px;
}
.c-product-rating__ratingvalue .c-product-rating-info__rating[data-rating^="5"]::before {
  width: 70px;
}
.c-product-rating__verification a {
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
  margin-bottom: 0;
  color: #2f2f2f;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
@media screen and (min-width: 1366px){
  .c-product-rating__verification a{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating__verification a{
    font-size: 13px;
  }
}
.c-product-rating__verification--verified a {
  color: #2f2f2f;
}
.c-product-rating__link {
  width: 100%;
  margin-top: 0.375rem;
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating__link{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating__link{
    font-size: 13px;
  }
}
.c-product-rating__message p {
  margin-bottom: 0;
  color: #2f2f2f;
}
.c-product-rating__message p::before {
  content: '"';
}
.c-product-rating__message p::after {
  content: '"';
}

.c-product-rating-info {
  position: relative;
  margin-bottom: 0;
  display: flex;
  flex-flow: row wrap;
}
.c-product-rating-info--catalog {
  margin-bottom: 1.5rem;
}
.c-product-rating-info--detail {
  align-items: center;
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.c-product-rating-info--detail .c-product-rating-info__rating {
  order: 1;
  margin-right: 0;
  margin-left: 0.75rem;
}
.c-product-rating-info--has-no-rating .c-product-rating-info__rating {
  margin-right: 0.75rem;
}
.c-product-rating-info--has-no-rating .c-product-rating-info__info {
  margin-top: 1px;
}
.c-product-rating-info__rating {
  width: 70px;
  height: 14px;
  margin-right: 0.375rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!--Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--%3E%3Csvg version='1.1' id='star__Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='rgb(228.6, 224.2, 215.4)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8,3.2c0.4-1.1,2-1.1,2.4,0l2.1,5l5.4,0.4c1.2,0.1,1.6,1.5,0.7,2.3l-4.1,3.5 l1.3,5.3c0.3,1.1-1,2-2,1.4L12,18.4l-4.6,2.8c-1,0.6-2.2-0.3-2-1.4l1.3-5.3L2.6,11c-0.9-0.8-0.4-2.2,0.7-2.3l5.4-0.4L10.8,3.2z'/%3E%3C/svg%3E");
  background-size: 14px;
  background-repeat: repeat-x;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product-rating-info__rating {
    background-image: url("../gfx/star-inactive.png");
  }
}
.c-product-rating-info__rating::before {
  display: block;
  width: 70px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!--Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--%3E%3Csvg version='1.1' id='star__Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23f5be00' stroke='%23f5be00'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8,3.2c0.4-1.1,2-1.1,2.4,0l2.1,5l5.4,0.4c1.2,0.1,1.6,1.5,0.7,2.3l-4.1,3.5 l1.3,5.3c0.3,1.1-1,2-2,1.4L12,18.4l-4.6,2.8c-1,0.6-2.2-0.3-2-1.4l1.3-5.3L2.6,11c-0.9-0.8-0.4-2.2,0.7-2.3l5.4-0.4L10.8,3.2z'/%3E%3C/svg%3E");
  background-size: 14px;
  background-repeat: repeat-x;
  content: "";
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product-rating-info__rating::before {
    background-image: url("../gfx/star-active.png");
  }
}
.c-product-rating-info__rating[data-rating="0"]::before {
  width: 0;
}
.c-product-rating-info__rating[data-rating="0.5"]::before {
  width: 7px;
}
.c-product-rating-info__rating[data-rating="1.0"]::before {
  width: 14px;
}
.c-product-rating-info__rating[data-rating="1.5"]::before {
  width: 21px;
}
.c-product-rating-info__rating[data-rating="2.0"]::before {
  width: 28px;
}
.c-product-rating-info__rating[data-rating="2.5"]::before {
  width: 35px;
}
.c-product-rating-info__rating[data-rating="3.0"]::before {
  width: 42px;
}
.c-product-rating-info__rating[data-rating="3.5"]::before {
  width: 49px;
}
.c-product-rating-info__rating[data-rating="4.0"]::before {
  width: 56px;
}
.c-product-rating-info__rating[data-rating="4.5"]::before {
  width: 63px;
}
.c-product-rating-info__rating[data-rating="5.0"]::before {
  width: 70px;
}
.c-product-rating-info__info {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  color: #2f2f2f;
}
@media screen and (min-width: 1366px){
  .c-product-rating-info__info{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating-info__info{
    font-size: 16px;
  }
}
.c-product-rating-info__info button {
  display: inline-block;
  padding: 0;
  transform: none;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  font: inherit;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
}
.c-product-rating-info__info button:focus-visible, .c-product-rating-info__info button:hover {
  border: 0;
  background: none;
  color: inherit;
}
.c-product-rating-info__info button[disabled] {
  background: none;
  cursor: pointer;
}
.c-product-rating-info__info button {
  display: inline-block;
  padding: 0.375rem;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: transparent;
  color: #2f2f2f;
  line-height: 1;
}
.c-product-rating-info__info button:focus-visible, .c-product-rating-info__info button:hover {
  border-width: 0 0 1px;
  border-style: solid;
  border-bottom-color: #2f2f2f;
}
.c-product-rating-info__info a {
  border-bottom: 1px solid transparent;
  color: #2f2f2f;
}
.c-product-rating-info__info:focus-visible a, .c-product-rating-info__info:hover a {
  border-bottom: 1px solid #2f2f2f;
}
.c-product-rating-info__average {
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating-info__average{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating-info__average{
    font-size: 16px;
  }
}

/* MODIFIER */
.c-product-rating-info--details {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.c-product-rating-info--modal {
  align-items: center;
  margin-bottom: 0;
  padding: 0.75rem;
  border: 1px solid #e5e5e5;
  border-radius: 24px;
}

.c-product-rating-comment {
  display: flex;
  flex-flow: row wrap;
  padding-left: 1.5rem;
  border-left: 1px solid #e5e5e5;
}
.c-product-rating-comment p {
  color: #2f2f2f;
}
.c-product-rating-comment p a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.c-product-rating-comment__title {
  margin-right: 1.5rem;
}
.c-product-rating-comment__comment {
  width: 100%;
}

.c-product-rating-widget {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  border: 1px solid #e5e5e5;
  border-radius: 24px;
  background: #f9f8f6;
  transition: top 0.15s ease-in-out;
}
@media screen and (min-width: 500px) {
  .c-product-rating-widget {
    position: sticky;
    top: calc(102px + 1.5rem);
    margin-bottom: 0;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(50% - 0.5 * 3rem);
    max-width: calc(50% - 0.5 * 3rem);
    /**
    * TODO: we need a max-width solution for Safari
    */
    display: flex;
    flex-flow: row wrap;
  }
}
@media screen and (min-width: 500px) and (-ms-high-contrast: none), screen and (min-width: 500px) and (-ms-high-contrast: active) {
  .c-product-rating-widget {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 961px) {
  .c-product-rating-widget {
    top: calc(119.5px + 1.5rem);
  }
}
@media screen and (min-width: 1025px) {
  .c-product-rating-widget {
    top: calc(173px + 1.5rem);
  }
}
@media screen and (min-width: 500px) {
  .has-top-section-overscrolled .c-product-rating-widget {
    top: calc(64px + 3rem);
  }
}
@media screen and (min-width: 961px) {
  .has-top-section-overscrolled .c-product-rating-widget {
    top: calc(59px + 3rem);
  }
}
@media screen and (min-width: 1025px) {
  .has-top-section-overscrolled .c-product-rating-widget {
    top: calc(59px + 3rem);
  }
}
@media screen and (min-width: 1025px) {
  .has-top-section-overscrolled.is-upscrolling .c-product-rating-widget {
    top: calc(101px + 3rem);
  }
}

.c-product-rating-widget__summary {
  width: 100%;
}
@media screen and (min-width: 961px) {
  .c-product-rating-widget__summary {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(50% - 0.5 * 1.5rem);
    max-width: calc(50% - 0.5 * 1.5rem);
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 961px) and (-ms-high-contrast: none), screen and (min-width: 961px) and (-ms-high-contrast: active) {
  .c-product-rating-widget__summary {
    flex-basis: 50%;
  }
}
.c-product-rating-widget__average {
  line-height: 1;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  font-size: calc(26px + 14 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating-widget__average{
    font-size: 40px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating-widget__average{
    font-size: 26px;
  }
}
.c-product-rating-widget__average span {
  display: inline-block;
  margin-left: 0.375rem;
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating-widget__average span{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating-widget__average span{
    font-size: 16px;
  }
}
.c-product-rating-widget__reviews-count {
  margin-bottom: 0.75rem;
  font-size: calc(14px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating-widget__reviews-count{
    font-size: 14px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating-widget__reviews-count{
    font-size: 14px;
  }
}
.c-product-rating-widget__rating {
  width: 150px;
  height: 30px;
  margin-right: 0.375rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!--Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--%3E%3Csvg version='1.1' id='star__Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='rgb(228.6, 224.2, 215.4)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8,3.2c0.4-1.1,2-1.1,2.4,0l2.1,5l5.4,0.4c1.2,0.1,1.6,1.5,0.7,2.3l-4.1,3.5 l1.3,5.3c0.3,1.1-1,2-2,1.4L12,18.4l-4.6,2.8c-1,0.6-2.2-0.3-2-1.4l1.3-5.3L2.6,11c-0.9-0.8-0.4-2.2,0.7-2.3l5.4-0.4L10.8,3.2z'/%3E%3C/svg%3E");
  background-size: 30px;
  background-repeat: repeat-x;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product-rating-widget__rating {
    background-image: url("../gfx/star-inactive.png");
  }
}
.c-product-rating-widget__rating::before {
  display: block;
  width: 150px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!--Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)--%3E%3Csvg version='1.1' id='star__Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23f5be00' stroke='%23f5be00'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8,3.2c0.4-1.1,2-1.1,2.4,0l2.1,5l5.4,0.4c1.2,0.1,1.6,1.5,0.7,2.3l-4.1,3.5 l1.3,5.3c0.3,1.1-1,2-2,1.4L12,18.4l-4.6,2.8c-1,0.6-2.2-0.3-2-1.4l1.3-5.3L2.6,11c-0.9-0.8-0.4-2.2,0.7-2.3l5.4-0.4L10.8,3.2z'/%3E%3C/svg%3E");
  background-size: 30px;
  background-repeat: repeat-x;
  content: "";
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product-rating-widget__rating::before {
    background-image: url("../gfx/star-active.png");
  }
}
.c-product-rating-widget__rating[data-rating^="0"]::before {
  width: 0;
}
.c-product-rating-widget__rating[data-rating^="1"]::before {
  width: 30px;
}
.c-product-rating-widget__rating[data-rating^="2"]::before {
  width: 60px;
}
.c-product-rating-widget__rating[data-rating^="3"]::before {
  width: 90px;
}
.c-product-rating-widget__rating[data-rating^="4"]::before {
  width: 120px;
}
.c-product-rating-widget__rating[data-rating^="5"]::before {
  width: 150px;
}
.c-product-rating-widget__rating-button {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-product-rating-widget__rating-button{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating-widget__rating-button{
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .c-product-rating-widget__rating-button {
    padding: 0.375rem 0.75rem;
    font-size: 14px;
  }
}
.c-product-rating-widget__rating-button {
  color: white;
  line-height: 1.5;
  letter-spacing: normal;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  border-radius: 1000px;
  background: #23384d;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.touchevents .c-product-rating-widget__rating-button {
  transition: none;
}

.c-product-rating-widget__rating-button:focus-visible, .c-product-rating-widget__rating-button:hover {
  background: rgb(50.9375, 81.5, 112.0625);
  color: white;
  text-decoration: none;
}
.c-product-rating-widget__rating-button:focus-visible {
  outline-color: #23384d;
}
.c-product-rating-widget__rating-button[disabled] {
  background: rgba(35, 56, 77, 0.3);
  cursor: default;
}
.c-product-rating-widget__rating-button {
  margin-top: 0.75rem;
  background: #f5be00;
  color: #2f2f2f;
}
.c-product-rating-widget__rating-button:focus-visible, .c-product-rating-widget__rating-button:hover {
  background: rgb(255, 201.2346938776, 15.5);
}
.c-product-rating-widget__bars {
  justify-content: space-around;
  width: 100%;
  margin-top: 1.5rem;
  display: flex;
  flex-flow: column wrap;
  flex-wrap: nowrap;
}
@media screen and (min-width: 961px) {
  .c-product-rating-widget__bars {
    margin-top: 0;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(50% - 0.5 * 1.5rem);
    max-width: calc(50% - 0.5 * 1.5rem);
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 961px) and (-ms-high-contrast: none), screen and (min-width: 961px) and (-ms-high-contrast: active) {
  .c-product-rating-widget__bars {
    flex-basis: 50%;
  }
}
.c-product-rating-widget__bar {
  align-items: center;
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
  display: flex;
  flex-flow: row wrap;
}
@media screen and (min-width: 1366px){
  .c-product-rating-widget__bar{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating-widget__bar{
    font-size: 13px;
  }
}
.c-product-rating-widget__bar .c-icon--star {
  fill: #f5be00;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.375rem;
}
.c-product-rating-widget__bar div {
  position: relative;
  flex: 1 1;
  height: 10px;
  margin: 0 1.5rem 0 0.75rem;
  border-radius: 6px;
  background: rgb(238.8, 236.1, 230.7);
}
.c-product-rating-widget__bar div::after {
  position: absolute;
  top: -3px;
  right: -30px;
  content: attr(data-rating-percentage);
  opacity: 0.6;
  font-size: calc(11px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-product-rating-widget__bar div::after{
    font-size: 11px;
  }
}
@media screen and (max-width: 320px){
  .c-product-rating-widget__bar div::after{
    font-size: 11px;
  }
}
.c-product-rating-widget__bar div span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 6px;
  background: #f5be00;
}
.c-product-rating-widget__bar div span::after {
  position: absolute;
  top: -1px;
  right: 6px;
  content: attr(data-rating-count);
  color: white;
  font-size: 0.5rem;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}

@media screen and (min-width: 500px) {
  .c-product-rating-list {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(50% - 0.5 * 1.5rem);
    max-width: calc(50% - 0.5 * 1.5rem);
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 500px) and (-ms-high-contrast: none), screen and (min-width: 500px) and (-ms-high-contrast: active) {
  .c-product-rating-list {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 961px) {
  .c-product-rating-list {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(50% - 0.5 * 3rem);
    max-width: calc(50% - 0.5 * 3rem);
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 961px) and (-ms-high-contrast: none), screen and (min-width: 961px) and (-ms-high-contrast: active) {
  .c-product-rating-list {
    flex-basis: 50%;
  }
}
.c-product-rating-list .c-product-rating__item {
  display: flex;
  flex-flow: column wrap;
  flex-wrap: nowrap;
}
.c-product-rating-list [data-toggle-height-target] {
  position: relative;
  height: 300px;
  overflow: hidden;
  transition: 0.15s ease-in-out;
}
.c-product-rating-list [data-toggle-height-target]::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8));
  content: "";
  pointer-events: none;
}
.c-product-rating-list [data-toggle-height-target].is-active::after {
  display: none;
}
.c-product-rating-list [data-toggle-height-target].is-active ~ [data-toggle-height]::before {
  transform: rotate(180deg);
}
.c-product-rating-list [data-toggle-height] {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-top: 1.5rem;
  padding: 0;
  background: #f5be00;
  background: none;
  color: #2f2f2f;
}
.c-product-rating-list [data-toggle-height]::before {
  content: "\f15c"/"";
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  margin-right: 0.75rem;
  padding: 0;
  border-radius: 100%;
  background: #f5be00;
  color: white;
  font-size: 20px;
  transition: transform 0.15s ease-in-out 0.15s;
}

/* ============================================================================
COMPONENTS -> PRODUCT-STOCKRECORD
============================================================================ */
/**
* Product stockrecord.
*/
/* Variables
============================================================================ */
.c-product-stockrecord {
  display: flex;
  flex-flow: row wrap;
}
.c-product-stockrecord__label {
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
.c-product-stockrecord__item {
  font-size: calc(14px + 0 * ((100vw - 320px) / 1046));
  margin-bottom: 0;
  line-height: 1.2;
}
@media screen and (min-width: 1366px){
  .c-product-stockrecord__item{
    font-size: 14px;
  }
}
@media screen and (max-width: 320px){
  .c-product-stockrecord__item{
    font-size: 14px;
  }
}
.c-product-stockrecord__item .c-product-stockrecord__indicator {
  display: inline-block;
  display: none;
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.375rem;
  padding: 0;
  border-radius: 1px;
  background: transparent;
  color: #2f2f2f;
}
.c-product-stockrecord__item--available {
  color: #2f2f2f;
}
.c-product-stockrecord__item--available .c-product-stockrecord__indicator {
  background: #2f2f2f;
}
.c-product-stockrecord__item--soon-available {
  color: #957100;
}
.c-product-stockrecord__item--soon-available .c-product-stockrecord__indicator {
  background: #957100;
}
.c-product-stockrecord__item--unavailable {
  color: #2f2f2f;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
.c-product-stockrecord__item--unavailable .c-product-stockrecord__indicator {
  background: #2f2f2f;
}
.c-product-stockrecord__item--coming-soon {
  color: #5da4b3;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
.c-product-stockrecord__item--coming-soon .c-product-stockrecord__indicator {
  background: #5da4b3;
}

/* MODIFIER */
.c-product-stockrecord--detail {
  padding-bottom: 1.5rem;
}

/* ============================================================================
COMPONENTS -> VARIATION
============================================================================ */
/**
* Product variation.
*/
/* Component
========================================================================= */
.c-variation {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
  flex-flow: row wrap;
}
.c-variation__col {
  width: 100%;
}
@media screen and (min-width: 481px) {
  .c-variation--2 .c-variation__col {
    flex: 1 1 40%;
    max-width: 40%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 481px) and (-ms-high-contrast: none), screen and (min-width: 481px) and (-ms-high-contrast: active) {
  .c-variation--2 .c-variation__col {
    flex-basis: 40%;
  }
}
@media screen and (min-width: 961px) {
  .c-variation--2 .c-variation__col {
    flex: 1 1 100%;
    max-width: 100%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 961px) and (-ms-high-contrast: none), screen and (min-width: 961px) and (-ms-high-contrast: active) {
  .c-variation--2 .c-variation__col {
    flex-basis: 100%;
  }
}
.c-variation--3 .c-variation__col {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(33.3333333333% - 0.6666666667 * 0.75rem);
  max-width: calc(33.3333333333% - 0.6666666667 * 0.75rem);
  /**
  * TODO: we need a max-width solution for Safari
  */
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-variation--3 .c-variation__col {
    flex-basis: 33.3333333333%;
  }
}
.c-variation input {
  margin-top: 0;
}
.c-variation__name {
  display: none;
  padding-bottom: 0.375rem;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
}
@media screen and (min-width: 1366px){
  .c-variation__name{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-variation__name{
    font-size: 16px;
  }
}
.c-variation__items {
  display: flex;
  flex-flow: row wrap;
}
.c-variation [class~=c-variation__item]:last-of-type {
  margin-right: 0;
}
.c-variation__item {
  display: flex;
  align-items: center;
  margin-top: 0.375rem;
  margin-right: 0.375rem;
}
.c-variation__item picture {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
}
@media screen and (min-width: 481px) {
  .c-variation__item picture {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 750px) {
  .c-variation__item picture {
    width: 80px;
    height: 80px;
  }
}
@media screen and (min-width: 961px) {
  .c-variation__item picture {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 1281px) {
  .c-variation__item picture {
    width: 80px;
    height: 80px;
  }
}
.c-variation__item img {
  width: 80px;
  height: 80px;
  padding: 0.375rem;
  object-fit: cover;
}
@media screen and (min-width: 481px) {
  .c-variation__item img {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 750px) {
  .c-variation__item img {
    width: 80px;
    height: 80px;
  }
}
@media screen and (min-width: 961px) {
  .c-variation__item img {
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 1281px) {
  .c-variation__item img {
    width: 80px;
    height: 80px;
  }
}
.c-variation__item:hover span {
  background: #23384d;
  color: white;
}
.c-variation__item--active picture {
  border-color: #2f2f2f;
}
.c-variation__item a {
  display: block;
  line-height: 0;
  text-align: center;
}
.c-variation__item a picture {
  margin: 0 auto;
}
.c-variation__item span {
  font-size: calc(13px + 0 * ((100vw - 320px) / 1046));
  display: block;
  position: relative;
  width: 100%;
  margin-top: 0.75rem;
  padding: 0.25rem 0.375rem;
  border-radius: 1000px;
  background: #f9f8f6;
  color: #2f2f2f;
  transition: all 0.15s ease-out;
}
@media screen and (min-width: 1366px){
  .c-variation__item span{
    font-size: 13px;
  }
}
@media screen and (max-width: 320px){
  .c-variation__item span{
    font-size: 13px;
  }
}

/* MODIFIER */
.c-variation--detail {
  margin-bottom: 0;
}
.c-variation--catalog {
  margin-bottom: 0;
  padding: 0.375rem 0 1.125rem;
  border-radius: 0 0 12px 12px;
  background: white;
  transition: all 0.15s ease-out;
}

.c-variation-indicator {
  visibility: visible;
  top: 0;
  width: 100%;
  margin-top: 0.75rem;
  opacity: 1;
  transition: all 0.15s ease-out;
  display: flex;
  flex-flow: row wrap;
}
.c-variation-indicator--sitesearch {
  margin-bottom: 0.75rem;
}
.c-variation-indicator__item {
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.375rem;
  border-radius: 6px;
  background: #f9f8f6;
  color: #2f2f2f;
  line-height: 1;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
  font-size: calc(11px + 0 * ((100vw - 320px) / 1046));
  display: flex;
  flex-flow: row wrap;
}
@media screen and (min-width: 1366px){
  .c-variation-indicator__item{
    font-size: 11px;
  }
}
@media screen and (max-width: 320px){
  .c-variation-indicator__item{
    font-size: 11px;
  }
}
.c-variation-indicator__item ~ .c-variation-indicator__item {
  margin-left: -0.375rem;
}
.c-variation-indicator__item span {
  padding-right: 0.1875rem;
}

/* ============================================================================
COMPONENTS -> THREESIXTY
============================================================================ */
/**
* 360° Function.
*/
/* Variables
============================================================================ */
.c-threesixty-link a {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-threesixty-link a{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-threesixty-link a{
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .c-threesixty-link a {
    padding: 0.375rem 0.75rem;
    font-size: 14px;
  }
}
.c-threesixty-link a {
  color: white;
  line-height: 1.5;
  letter-spacing: normal;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  border-radius: 1000px;
  background: #23384d;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.touchevents .c-threesixty-link a {
  transition: none;
}

.c-threesixty-link a:focus-visible, .c-threesixty-link a:hover {
  background: rgb(50.9375, 81.5, 112.0625);
  color: white;
  text-decoration: none;
}
.c-threesixty-link a:focus-visible {
  outline-color: #23384d;
}
.c-threesixty-link a[disabled] {
  background: rgba(35, 56, 77, 0.3);
  cursor: default;
}
.c-threesixty-link a {
  display: flex;
  align-items: center;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.c-threesixty-link a::before {
  content: "\f107"/"";
  margin-right: 0.375rem;
  font-size: 1.125rem;
}
.c-threesixty-link--detail {
  z-index: 1;
}

.c-threesixty {
  position: relative;
}
.c-threesixty__video, .c-threesixty__image {
  width: 100%;
  max-height: calc(80vh - 1.5rem);
  margin-bottom: 0.75rem;
}
@media (min-height: 400px) {
  .c-threesixty__video, .c-threesixty__image {
    max-height: calc(85vh - 1.5rem);
  }
}
.c-threesixty__controls {
  display: flex;
  flex-flow: row wrap;
  height: 2.25rem;
}
.c-threesixty__button {
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  background: #23384d;
}
.c-threesixty__button--play {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-threesixty__button--pause {
  border-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-threesixty__button.is-active {
  background: #23384d;
}
.c-threesixty__button .c-icon {
  fill: white;
  width: 3rem;
  height: 1rem;
}
.c-threesixty__range {
  -webkit-appearance: none;
  position: absolute;
  flex: 1 1;
  inset: 0;
  padding: 0 0.75rem 0 9.75rem;
  background: transparent;
  cursor: grab;
}
.c-threesixty__range::after {
  position: absolute;
  height: 2.25rem;
  inset: auto 0 0 9rem;
  border-radius: 0 1000px 1000px 0;
  background: #e5e5e5;
  content: "";
}
.c-threesixty__range::-moz-focus-outer {
  border: 0;
}
.c-threesixty__range::-moz-range-track {
  height: 2.25rem;
  margin-top: auto;
}
.c-threesixty__range::-webkit-slider-runnable-track {
  height: 2.25rem;
  margin-top: auto;
}
.c-threesixty__range::-moz-range-thumb {
  -webkit-appearance: none;
  z-index: 1;
  position: relative;
  width: 1.5rem;
  height: 0.5rem;
  margin-top: 0.5rem;
  border: none;
  border-radius: 1000px;
  background: #23384d;
}
.c-threesixty__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  z-index: 1;
  position: relative;
  width: 1.5rem;
  height: 0.5rem;
  margin-top: 0.875rem;
  border: none;
  border-radius: 1000px;
  background: #23384d;
}

/* AR-Viewer */
.c-ar-viewer-link a,
.c-ar-viewer-link span {
  font-size: calc(16px + 0 * ((100vw - 320px) / 1046));
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-ar-viewer-link a,
.c-ar-viewer-link span{
    font-size: 16px;
  }
}
@media screen and (max-width: 320px){
  .c-ar-viewer-link a,
.c-ar-viewer-link span{
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .c-ar-viewer-link a,
  .c-ar-viewer-link span {
    padding: 0.375rem 0.75rem;
    font-size: 14px;
  }
}
.c-ar-viewer-link a,
.c-ar-viewer-link span {
  color: white;
  line-height: 1.5;
  letter-spacing: normal;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  border-radius: 1000px;
  background: #23384d;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.touchevents .c-ar-viewer-link a, .touchevents .c-ar-viewer-link span {
  transition: none;
}

.c-ar-viewer-link a:focus-visible, .c-ar-viewer-link a:hover,
.c-ar-viewer-link span:focus-visible,
.c-ar-viewer-link span:hover {
  background: rgb(50.9375, 81.5, 112.0625);
  color: white;
  text-decoration: none;
}
.c-ar-viewer-link a:focus-visible,
.c-ar-viewer-link span:focus-visible {
  outline-color: #23384d;
}
.c-ar-viewer-link a[disabled],
.c-ar-viewer-link span[disabled] {
  background: rgba(35, 56, 77, 0.3);
  cursor: default;
}
.c-ar-viewer-link a,
.c-ar-viewer-link span {
  display: flex;
  align-items: center;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.c-ar-viewer-link a::before,
.c-ar-viewer-link span::before {
  content: "\f157"/"";
  margin-right: 0.375rem;
  font-size: 1.125rem;
}

.litebox--arviewer .litebox-content {
  display: flex;
  place-items: stretch;
  height: 100%;
  padding: 0;
}
.litebox--arviewer .ccm-placeholder-wrapper-arviewer {
  height: 100%;
}
.litebox--arviewer #ar-viewer {
  flex: 1 1;
}
.litebox--arviewer #ar-viewer iframe {
  width: 100%;
  height: 100%;
}

/* ============================================================================
COMPONENTS -> CATALOG-INDEX
============================================================================ */
/**
* Catalog index matrix.
*/
/* Variables
============================================================================ */
.c-catalog-index__grid-item {
  flex: 1 1 100%;
  max-width: 100%;
  /**
  * TODO: we need a max-width solution for Safari
  */
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-catalog-index__grid-item {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 481px) {
  .c-catalog-index__grid-item {
    flex: 1 1 100%;
    max-width: 100%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 481px) and (-ms-high-contrast: none), screen and (min-width: 481px) and (-ms-high-contrast: active) {
  .c-catalog-index__grid-item {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 721px) {
  .c-catalog-index__grid-item {
    flex: 1 1 50%;
    max-width: 50%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 721px) and (-ms-high-contrast: none), screen and (min-width: 721px) and (-ms-high-contrast: active) {
  .c-catalog-index__grid-item {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 961px) {
  .c-catalog-index__grid-item {
    flex: 1 1 50%;
    max-width: 50%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 961px) and (-ms-high-contrast: none), screen and (min-width: 961px) and (-ms-high-contrast: active) {
  .c-catalog-index__grid-item {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 1025px) {
  .c-catalog-index__grid-item {
    flex: 1 1 25%;
    max-width: 25%;
    /**
    * TODO: we need a max-width solution for Safari
    */
  }
}
@media screen and (min-width: 1025px) and (-ms-high-contrast: none), screen and (min-width: 1025px) and (-ms-high-contrast: active) {
  .c-catalog-index__grid-item {
    flex-basis: 25%;
  }
}
.c-catalog-index__grid-item .c-catalog-index__item {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.c-catalog-index__link, .c-catalog-index__link-title {
  display: block;
  width: 100%;
}
.c-catalog-index__image {
  width: 100%;
  margin-bottom: 0.75rem;
}
.c-catalog-index__title {
  font-size: calc(22px + 0 * ((100vw - 320px) / 1046));
  width: 100%;
  margin-bottom: 1.5rem;
  font-family: "futura-pt-medium", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 1366px){
  .c-catalog-index__title{
    font-size: 22px;
  }
}
@media screen and (max-width: 320px){
  .c-catalog-index__title{
    font-size: 22px;
  }
}
.c-catalog-index__description {
  width: 100%;
}
.c-catalog-index__description p em {
  color: white;
  font-style: normal;
}
.c-catalog-index__subitem {
  margin-bottom: 0.75rem;
}

/* Special layouts.
============================================================================ */
.c-catalog-index--searchresult__link-title {
  font-size: calc(22px + 0 * ((100vw - 320px) / 1046));
  color: #433f42;
}
@media screen and (min-width: 1366px){
  .c-catalog-index--searchresult__link-title{
    font-size: 22px;
  }
}
@media screen and (max-width: 320px){
  .c-catalog-index--searchresult__link-title{
    font-size: 22px;
  }
}

/* Included in
 hatraco/hatraco/templates/hapis/snippets/catalogitem_matrix_base.html
 hatraco/hatraco/templates/wishlist/snippets/mini-item.html
 hatraco/hatraco/templates/showcase/nextgen/plugins/showcase_container_product_custom.html
 hatraco/hatraco/templates/showcase/nextgen/plugins/showcase_container_slideshow_product_custom.html
 */

/*# sourceMappingURL=partials.product.css.map */