.before-after-slider {
  position: relative;
  overflow: hidden;
}
.before-after-slider img {
  display: block;
  width: 100%;
  height: 100%;
}
.before-after-slider .resizable-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
  box-shadow: 0.5px 0px 1px -1px rgba(30, 30, 30, 0.7);
}
.before-after-slider .resizable-image img {
  max-width: none;
}
.before-after-slider .before-after-slider-handle {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 0;
  margin-left: -2px;
  background: rgba(0, 0, 0, 0.5);
}

@font-face {
  font-family: "Atlas Grotesk Web Regular";
  src: local("Arial");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Atlas Grotesk Web Medium";
  src: local("Arial");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
/* stylelint-disable length-zero-no-unit */
/* Remove warning from mini-css-extract-plugin */
/* stylelint-enable length-zero-no-unit */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
@font-face {
  font-family: "Atlas Grotesk Web Regular";
  src: local("Arial");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Atlas Grotesk Web Medium";
  src: local("Arial");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
/* stylelint-disable length-zero-no-unit */
/* Remove warning from mini-css-extract-plugin */
/* stylelint-enable length-zero-no-unit */
/**
 * aspect-ratio-helper Mixin
 *
 * Usage:
 * .class {
 *     @include aspect-ratio-helper('16x9');
 * }
 *
 * Output:
 * .class {
 *     &::before {
 *         display: block;
 *         content: "";
 *         width: 100%;
 *         padding-top: percentage(9/16);
 *     }
 * }
 */
/* stylelint-disable length-zero-no-unit */
/* Remove warning from mini-css-extract-plugin */
/* stylelint-enable length-zero-no-unit */
/**
 * Unit Helper Functions
 */
/**
 * Usage:
 *
 * .my-link {
 *   @include hover-focus() {
 *     text-decoration: underline;
 *   }
 * }
 *
 * .my-child {
 *   @include hover-focus(".my-parent") {
 *     background-color: red;
 *   }
 * }
 *
 * Output:
 *
 * .my-link {
 *   [data-whatintent="mouse"] &:hover,
 *   [data-whatinput="keyboard"] &:focus {
 *     text-decoration: underline;
 *   }
 * }
 *
 * .my-child {
 *   [data-whatintent="mouse"] .my-parent:hover &,
 *   [data-whatinput="keyboard"] .my-parent:focus & {
 *      background-color: red;
 *   }
 *}
 */
/**
 * Object fit
 *
 * This mixin can be used to set the object-fit:
 * @include object-fit(contain);
 *
 * or object-fit and object-position:
 * @include object-fit(cover, top);
 */
/**
 * Overflow-Wrap
 *
 * Wraps text, which is too long to fit in one line and would otherwise create a text which overflows it's content box.
 * `word-wrap` is the legacy property name, which is still required by some
 * browsers.
 * Because Autoprefixer is not creating `word-wrap` when it
 * encounters `overflow-wrap`, use this mixin when setting `overflow-wrap`.
 *
 * From MDN (https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap):
 * In contrast to `word-break`, `overflow-wrap` will only create a break if an entire word cannot be placed on its own line without overflowing.
 */
/**
 * property-breakpoint-map Mixin
 *
 * Uses a map with values per breakpoint and
 * sets the defined property in every defined breakpoint
 *
 *
 * Usage:
 *
 * $header-height: (
 * 	 small: 60px,
 * 	 large: 80px
 * );
 *
 * .class {
 *     @include property-breakpoint-map(height, $header-height);
 * }
 *
 *
 * Output:
 *
 * .class {
 * 	   height: 60px;
 * }
 * @media(min-width: 64em) {
 *     .class {
 *         height: 80px;
 *     }
 * }
 */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Returns a z-index for the given name from the z-index map
 */
/**
 * font-family Mixin
 *
 * Usage:
 *
 * .class {
 *     @include font-family(madera);
 * }
 *
 * Output:
 *
 * .class {
 *     font-family: sans-serif;
 * }
 *
 * .wf-madera-loaded .class {
 *     font-family: "madera", sans-serif;
 * }
 *
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* stylelint-disable selector-max-type */
/* Exception for the reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
li,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr,
button {
  padding: 0;
  margin: 0;
}

button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}

fieldset {
  border: 0;
}

address {
  font-style: normal;
}

[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *:focus {
  outline: none;
}

/* stylelint-enable selector-max-type */
/**
 * Sets a same box-sizing and makes life better
 *
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
/* stylelint-disable selector-max-type */
/* Exception for setting box-sizing */
html {
  box-sizing: border-box;
}

/* stylelint-enable selector-max-type */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Links
 */
/* stylelint-disable selector-max-type */
/* Exception for basic link styles */
a {
  text-decoration: none;
}

/* stylelint-enable selector-max-type */
/**
 * Images
 */
/* stylelint-disable selector-max-type */
/* Exception for basic img styles */
img {
  display: block;
  width: 100%;
  height: auto;
}

/* stylelint-enable selector-max-type */
/**
 * Inputs
 */
/* stylelint-disable selector-max-type */
/* Exception for basic input styles */
input,
textarea,
select {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  appearance: none;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
  opacity: 1;
}

input[type=search] {
  border-radius: 0;
  appearance: none;
}

/* stylelint-enable selector-max-type */
/**
 * SVG
 */
/* stylelint-disable selector-max-type */
/* Exception for svg elements */
svg {
  display: block;
  fill: transparent;
  stroke: transparent;
}

/* stylelint-enable selector-max-type */
/**
 * Font Styles
 */
.fs-uppercase, .billing-button {
  text-transform: uppercase;
}

.fs-underline {
  text-decoration: underline;
}

.fs-underline:hover {
  text-decoration: none;
}

/* stylelint-disable selector-max-type */
/* Exception for base styles */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 10px;
  line-height: 1;
}

/* stylelint-enable selector-max-type */
/* stylelint-disable selector-max-type */
/* Exception for base styles */
a {
  color: currentColor;
}

/**
 * UI List
 */
.o-ui-list {
  list-style: none;
}

/**
 * Often used .o-aspect-ratio class variants
 * for intrinsic ratio containers.
 *
 * Mostly used with an image inside:
 *
 * Usage:
 *
 * <div class="o-aspect-ratio o-aspect-ratio--3x2">
 *     <img src="" alt="">
 * </div>
 */
.o-aspect-ratio {
  position: relative;
}

.o-aspect-ratio::before {
  content: "";
  display: block;
  width: 100%;
}

.o-aspect-ratio > *:first-child:last-child {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/**
 * Create all modifier classes from `$aspect-ratios` map
 */
.o-aspect-ratio--112x168::before {
  padding-top: aspect-ratio("112x168");
}

.o-aspect-ratio--168x112::before {
  padding-top: aspect-ratio("168x112");
}

.o-aspect-ratio--148x222::before {
  padding-top: aspect-ratio("148x222");
}

.o-aspect-ratio--222x148::before {
  padding-top: aspect-ratio("222x148");
}

/**
 * 100% width and height
 */
.o-full {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/**
 * Visually hidden text for screenreaders, for example.
 */
.o-visuallyhidden {
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
}

.o-item-row {
  display: flex;
  align-items: center;
}

/* stylelint-disable selector-max-type */
/* Exception for base styles */
html {
  min-height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible;
  background-color: #FFF;
  color: #000;
  font-family: "Atlas Grotesk Web Regular";
  font-weight: 400;
  text-transform: none;
  font-size: 10px;
  line-height: 1;
}

[hidden] {
  display: none !important;
}

small {
  font-size: 10px;
  line-height: 1;
}

/* Overwrite _mq.scss */
body::before {
  top: auto;
  bottom: 0;
}

/* stylelint-enable selector-max-type */
.l-wrapper {
  max-width: 1728px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 62em) {
  .l-wrapper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (min-width: 75.0625em) {
  .l-wrapper {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.c-button {
  display: inline-block;
  color: #000;
  line-height: 1;
  position: relative;
  z-index: 0;
}

.c-button::after {
  content: "";
  width: calc(100% + 16px);
  height: calc(100% + 7px);
  position: absolute;
  top: -4px;
  left: -8px;
  z-index: -1;
}

@media (max-width: 61.99em) {
  .c-button::after {
    height: calc(100% + 16px);
    top: -8px;
  }
}
[data-whatintent=mouse] .c-button--no-bg:hover, [data-whatinput=keyboard] .c-button--no-bg:focus {
  text-decoration: underline;
}

.c-button--bg.is-active::after, .c-button--bg:active::after {
  background-color: #DBDBDB;
}

[data-whatintent=mouse] .c-button--bg:hover::after, [data-whatinput=keyboard] .c-button--bg:focus::after {
  background-color: #DBDBDB;
}

.c-full-button, .billing-button {
  display: inline-block;
  padding: 4px 8px 2px;
  color: currentColor;
}

@media (max-width: 61.99em) {
  .c-full-button, .billing-button {
    padding-top: 8px;
    padding-bottom: 7px;
  }
}
.c-full-button--dark, .billing-button {
  background-color: #000;
  color: #FFF;
}

.c-full-button--light {
  background-color: #FFF;
  color: #000;
}

.c-full-button--red {
  background-color: #d8402a;
  color: #000;
}

.c-small-cart {
  width: 296px;
  padding: 8px;
  background-color: #000;
  color: #FFF;
}

@media (min-width: 62em) {
  .c-small-cart {
    padding-top: 4px;
  }
}
.c-small-cart__close-button {
  position: absolute;
  top: 0;
  right: 0;
}

.c-small-cart__list-item {
  display: flex;
  margin-top: 24px;
}

.c-small-cart__name {
  width: 60px;
  margin-right: 12px;
}

.c-small-cart__cart-link {
  margin-top: 24px;
}

.c-small-cart__price {
  margin-top: 2px;
}

.c-color-swatch {
  width: 8px;
  height: 8px;
}

.c-color-swatch--black {
  background-color: #000;
}

.c-color-swatch--olive {
  background-color: #939181;
}

.c-image-component figcaption a {
  text-decoration: underline;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

[data-whatintent=mouse] .c-image-component figcaption a:hover, [data-whatinput=keyboard] .c-image-component figcaption a:focus {
  text-decoration: none;
}

.c-image-component__image-wrapper {
  position: relative;
}

.c-image-compontent__aspect-ratio-helper {
  width: 100%;
}

.c-input-button, .billing-button {
  position: relative;
  /* padding: 0;

  &[disabled] {
  	background: $color-light-grey-2;
  }

  &:active {
  	top: 1px;
  }
  */
}

/*
.touch,
[data-whatinput="touch"],
[data-whatintent="touch"] {
	.c-input-button {
		padding: 8px 8px 7px;
	}
}
*/
/*
.touch[data-whatinput="mouse"],
.touch[data-whatintent="mouse"] {
	.c-input-button {
		padding: 4px 8px 2px;
	}
}
*/
.c-input-checkbox {
  display: block;
  position: relative;
}

.c-input-checkbox__label {
  display: inline-block;
  padding-left: 14px;
  font-family: "Atlas Grotesk Web Regular";
  font-weight: 400;
  text-transform: none;
  font-size: 10px;
  line-height: 1.4;
  cursor: pointer;
}

.c-input-checkbox__label a {
  text-decoration: underline;
}

.is-disabled > .c-input-checkbox__label {
  color: #8A8A8A;
}

.c-input-checkbox__input {
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  position: absolute;
  top: 2px;
  left: 0;
}

.c-input-checkbox__input:checked {
  background: #000;
}

.c-input-checkbox__input:focus {
  outline: 1px solid #000 !important;
}

.is-disabled > .c-input-checkbox__input {
  border-color: #8A8A8A;
}

.is-disabled > .c-input-checkbox__input:checked {
  background: #8A8A8A;
}

.touch .c-input-checkbox,
[data-whatinput=touch] .c-input-checkbox,
[data-whatintent=touch] .c-input-checkbox {
  min-height: 28px;
}

.touch .c-input-checkbox__label,
[data-whatinput=touch] .c-input-checkbox__label,
[data-whatintent=touch] .c-input-checkbox__label {
  padding-left: 32px;
}

.touch .c-input-checkbox__input,
[data-whatinput=touch] .c-input-checkbox__input,
[data-whatintent=touch] .c-input-checkbox__input {
  width: 26px;
  height: 26px;
}

.touch[data-whatinput=mouse] .c-input-checkbox,
.touch[data-whatintent=mouse] .c-input-checkbox {
  min-height: auto;
}

.touch[data-whatinput=mouse] .c-input-checkbox__label,
.touch[data-whatintent=mouse] .c-input-checkbox__label {
  padding-left: 14px;
}

.touch[data-whatinput=mouse] .c-input-checkbox__input,
.touch[data-whatintent=mouse] .c-input-checkbox__input {
  width: 8px;
  height: 8px;
}

.c-input-select {
  display: block;
  height: 19px;
  position: relative;
}

.c-input-select__select {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px 18px 4px 4px;
  border: 1px solid #000;
  border-radius: 0;
  appearance: none;
  outline: none;
  font-family: "Atlas Grotesk Web Regular";
  font-weight: 400;
  text-transform: none;
  font-size: 10px;
  line-height: 1;
  position: relative;
}

.is-selected .c-input-select__select,
.c-input-select__select option {
  color: #000;
}

.c-input-select__select::-ms-clear {
  display: none;
}

.c-input-select__select:focus {
  outline: 1px solid #000 !important;
}

.is-disabled .c-input-select__select, .is-disabled.is-selected .c-input-select__select {
  border-color: #8A8A8A;
}

.c-input-select__arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  top: 8px;
  right: 8px;
  pointer-events: none;
}

.is-disabled .c-input-select__arrow {
  border-top-color: #8A8A8A;
}

.c-input-select__required {
  color: #8A8A8A;
  position: absolute;
  top: 6px;
  right: 24px;
}

.c-input-select__input:focus ~ .c-input-select__required, .c-input-select.is-selected .c-input-select__required {
  color: #000;
}

.touch .c-input-select,
[data-whatinput=touch] .c-input-select,
[data-whatintent=touch] .c-input-select {
  height: 26px;
}

.touch .c-input-select__input,
[data-whatinput=touch] .c-input-select__input,
[data-whatintent=touch] .c-input-select__input {
  padding: 8px 18px 8px 8px;
}

.touch .c-input-select__arrow,
[data-whatinput=touch] .c-input-select__arrow,
[data-whatintent=touch] .c-input-select__arrow {
  top: 11px;
}

.touch .c-input-select__required,
[data-whatinput=touch] .c-input-select__required,
[data-whatintent=touch] .c-input-select__required {
  top: 9px;
}

.touch[data-whatinput=mouse] .c-input-select,
.touch[data-whatintent=mouse] .c-input-select {
  height: 19px;
}

.touch[data-whatinput=mouse] .c-input-select__select,
.touch[data-whatintent=mouse] .c-input-select__select {
  padding: 4px 18px 4px 4px;
}

.touch[data-whatinput=mouse] .c-input-select__arrow,
.touch[data-whatintent=mouse] .c-input-select__arrow {
  top: 8px;
}

.touch[data-whatinput=mouse] .c-input-select__required,
.touch[data-whatintent=mouse] .c-input-select__required {
  top: 6px;
}

/* stylelint-disable length-zero-no-unit */
/* Remove warning from mini-css-extract-plugin */
/* stylelint-enable length-zero-no-unit */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/**
 * font-family Mixin
 *
 * Usage:
 *
 * .class {
 *     @include font-family(madera);
 * }
 *
 * Output:
 *
 * .class {
 *     font-family: sans-serif;
 * }
 *
 * .wf-madera-loaded .class {
 *     font-family: "madera", sans-serif;
 * }
 *
 */
/**
 * font-size and line-height
 *
 * Usage:
 *
 * .title {
 *     @include font-size(16px, 24px);
 * }
 *
 * Output:
 *
 * .title {
 *     font-size: 16px;
 *     line-height: 1.5;
 * }
 *
 * Or with 'auto' line-height:
 *
 * .title {
 *     @include font-size(16px, auto);
 * }
 */
/**
 * Unit Helper Functions
 */
/**
 * font-size and line-height
 *
 * Usage:
 *
 * .title {
 *     @include font-size(16px, 24px);
 * }
 *
 * Output:
 *
 * .title {
 *     font-size: 16px;
 *     line-height: 1.5;
 * }
 *
 * Or with 'auto' line-height:
 *
 * .title {
 *     @include font-size(16px, auto);
 * }
 */
.c-input-text {
  display: block;
  height: 19px;
  position: relative;
}

.c-input-text ::placeholder {
  color: transparent;
}

.c-input-text__input,
.c-input-text__label {
  font-family: "Atlas Grotesk Web Regular";
  font-weight: 400;
  text-transform: none;
  font-size: 10px;
  line-height: 1;
}

.c-input-text__input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  border: 1px solid #000;
  border-radius: 0;
  appearance: none;
  outline: none;
  position: relative;
}

.c-input-text__input::-ms-clear {
  display: none;
}

.is-disabled > .c-input-text__input {
  border-color: #8A8A8A;
  color: #8A8A8A;
}

.c-input-text__input:focus {
  outline: 1px solid #000 !important;
}

.c-input-text__input:disabled {
  color: #8A8A8A;
  pointer-events: none;
}

.c-input-text__input:disabled ~ .c-input-text__label {
  color: #8A8A8A;
}

.c-input-text__label {
  width: 100%;
  height: auto;
  padding: 4px;
  overflow: hidden;
  color: #8A8A8A;
  white-space: nowrap;
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: text;
  /* stylelint-disable order/properties-order */
  user-select: none;
  -ms-user-select: all;
  /* stylelint-enable order/properties-order */
  pointer-events: none;
}

.c-input-text__input:focus + .c-input-text__label,
.c-input-text.is-filled .c-input-text__label {
  display: none;
}

.c-input-text__input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #FFF inset;
  -webkit-text-fill-color: #000;
}

.c-input-text__input:-webkit-autofill + .c-input-text__label {
  display: none;
}

.c-input-text__input:disabled:-webkit-autofill {
  -webkit-text-fill-color: #8A8A8A;
}

.c-input-text__required {
  color: #8A8A8A;
  position: absolute;
  top: 6px;
  right: 10px;
}

.c-input-text__input:focus ~ .c-input-text__required, .c-input-text.is-filled .c-input-text__required {
  color: #000;
}

.touch .c-input-text,
[data-whatinput=touch] .c-input-text,
[data-whatintent=touch] .c-input-text {
  height: 26px;
}

.touch .c-input-text__input,
[data-whatinput=touch] .c-input-text__input,
[data-whatintent=touch] .c-input-text__input {
  padding: 8px;
}

.touch .c-input-text__label,
[data-whatinput=touch] .c-input-text__label,
[data-whatintent=touch] .c-input-text__label {
  padding: 8px;
  top: 0;
}

.touch .c-input-text__required,
[data-whatinput=touch] .c-input-text__required,
[data-whatintent=touch] .c-input-text__required {
  top: 9px;
}

.touch[data-whatinput=mouse] .c-input-text,
.touch[data-whatintent=mouse] .c-input-text {
  height: 19px;
}

.touch[data-whatinput=mouse] .c-input-text__input,
.touch[data-whatintent=mouse] .c-input-text__input {
  padding: 4px;
}

.touch[data-whatinput=mouse] .c-input-text__label,
.touch[data-whatintent=mouse] .c-input-text__label {
  padding: 4px;
  top: 2px;
}

.touch[data-whatinput=mouse] .c-input-text__required,
.touch[data-whatintent=mouse] .c-input-text__required {
  top: 6px;
}

/**
 * Richtext
 */
/* stylelint-disable selector-max-type */
/* Exception for richtext element styles */
.c-richtext * {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
}

.c-richtext a {
  color: #000;
  text-decoration: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

[data-whatintent=mouse] .c-richtext a:hover, [data-whatinput=keyboard] .c-richtext a:focus {
  text-decoration: underline;
}

.c-richtext a:active {
  text-decoration: none;
}

.c-richtext {
  /**
   * Take the hammer and make sure the first element in c-richtext
   * never has margin-top.
   */
}

.c-richtext > :first-child {
  margin-top: 0 !important;
}

/* stylelint-enable selector-max-type */
.m-cart__cart {
  line-height: 14px;
}

@media (min-width: 62em) {
  .m-cart__cart {
    width: 896px;
  }
}
.m-cart__top {
  display: flex;
  padding-bottom: 4px;
}

@media (max-width: 61.99em) {
  .m-cart__top {
    display: none;
  }
}
.m-cart__top > :first-child {
  width: 132px;
}

.m-cart__top > :nth-child(2) {
  width: 572px;
}

.m-cart__top > :nth-child(3) {
  width: 100px;
}

.m-cart__top > :nth-child(4) {
  width: 92px;
}

.m-cart__row {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  border-top: 1px solid #000;
}

.m-cart__image {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  margin-right: 12px;
}

.m-cart__image--landscape img {
  width: 120px;
  height: 80px;
}

.m-cart__image--portrait img {
  width: 80px;
  height: 120px;
}

.m-cart__details {
  display: grid;
  width: 100%;
}

@media (max-width: 61.99em) {
  .m-cart__details {
    row-gap: 6px;
    grid-template-columns: 1fr 1fr;
    max-width: 219px;
  }
}
@media (min-width: 62em) {
  .m-cart__details {
    column-gap: 12px;
    grid-template-columns: 120px 305px 51px 120px 120px;
  }
}
@media (max-width: 61.99em) {
  .m-cart__name-label {
    grid-column: 1/2;
  }
}
@media (min-width: 62em) {
  .m-cart__name-label {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media (max-width: 61.99em) {
  .m-cart__name {
    grid-column: 2/3;
  }
}
@media (min-width: 62em) {
  .m-cart__name {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media (max-width: 61.99em) {
  .m-cart__description {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
@media (min-width: 62em) {
  .m-cart__description {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
@media (max-width: 61.99em) {
  .m-cart__color-size-label {
    display: none;
  }
}
@media (min-width: 62em) {
  .m-cart__color-size-label {
    grid-column: 1/2;
    grid-row: 4/5;
    padding-top: 3px;
    margin-top: 6px;
  }
}
@media (max-width: 61.99em) {
  .m-cart__color-size {
    grid-column: 1/3;
    grid-row: 3/4;
    max-width: 144px;
  }
}
@media (min-width: 62em) {
  .m-cart__color-size {
    grid-column: 2/3;
    grid-row: 4/5;
    width: 181px;
    margin-top: 6px;
  }
}
@media (max-width: 61.99em) {
  .m-cart__quantity-label {
    grid-column: 1/2;
    grid-row: 4/5;
  }
}
@media (min-width: 62em) {
  .m-cart__quantity-label {
    grid-column: 1/2;
    grid-row: 3/4;
    margin-top: 6px;
  }
}
@media (max-width: 61.99em) {
  .m-cart__quantity {
    grid-column: 2/3;
    grid-row: 4/5;
  }
}
@media (min-width: 62em) {
  .m-cart__quantity {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 6px;
  }
}
@media (max-width: 61.99em) {
  .m-cart__price {
    display: none;
  }
}
@media (min-width: 62em) {
  .m-cart__price {
    grid-column: 4/5;
    grid-row: 1/2;
    justify-self: end;
  }
}
@media (max-width: 61.99em) {
  .m-cart__subtotal-label {
    grid-column: 1/2;
    grid-row: 5/6;
  }
}
@media (min-width: 62em) {
  .m-cart__subtotal-label {
    display: none;
  }
}
@media (max-width: 61.99em) {
  .m-cart__subtotal {
    grid-column: 2/3;
    grid-row: 5/6;
  }
}
@media (min-width: 62em) {
  .m-cart__subtotal {
    grid-column: 5/6;
    grid-row: 1/2;
    justify-self: end;
  }
}
.m-cart__remove {
  justify-self: start;
}

@media (max-width: 61.99em) {
  .m-cart__remove {
    grid-column: 1/3;
    grid-row: 6/7;
  }
}
@media (min-width: 62em) {
  .m-cart__remove {
    grid-column: 3/4;
    grid-row: 1/2;
    background-color: transparent;
    color: #000;
    margin-top: -2px;
  }
  [data-whatintent=mouse] .m-cart__remove:hover, [data-whatinput=keyboard] .m-cart__remove:focus {
    text-decoration: underline;
  }
}
.m-cart__bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
  border-top: 1px solid #000;
}

.m-cart__total {
  padding-left: 80px;
  white-space: nowrap;
}

.m-cart__submit-button {
  margin-top: 24px;
}

/* stylelint-disable length-zero-no-unit */
/* Remove warning from mini-css-extract-plugin */
/* stylelint-enable length-zero-no-unit */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
@media (max-width: 62em) {
  .m-checkout__inner {
    max-width: 440px;
  }
}
@media (min-width: 62em) {
  .m-checkout__inner {
    width: 632px;
  }
}
@media (min-width: 62em) {
  .m-checkout__row {
    display: grid;
    grid-template-columns: 180px 440px;
    column-gap: 12px;
  }
}
.m-checkout__row:not(:first-child) {
  margin-top: 32px;
}

@media (min-width: 62em) {
  .m-checkout__row:not(:first-child) {
    margin-top: 48px;
  }
}
@media (max-width: 62em) {
  .m-checkout__section-headline {
    margin-bottom: 6px;
  }
}
.m-checkout__input-grid {
  display: grid;
}

@media (max-width: 62em) {
  .m-checkout__input-grid {
    grid-template-columns: 214px;
    row-gap: 12px;
  }
}
@media (min-width: 62em) {
  .m-checkout__input-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    row-gap: 12px;
  }
}
.m-checkout__required-note {
  color: #8A8A8A;
  margin-left: 8px;
}

.m-checkout__submit-button {
  grid-column: 2/3;
  justify-self: start;
}

.m-checkout__copy-address-button {
  justify-self: start;
}

@media (min-width: 62em) {
  .m-checkout__payment {
    margin-top: -5px;
  }
}
.m-checkout__acknowledgements,
.m-checkout__release-info,
.m-checkout__fast-delivery,
.m-checkout__personal-use-confirmation {
  margin-top: 6px;
}

.m-checkout__shipment-method + .m-checkout__shipment-method {
  margin-top: 3px;
}

.m-checkout__summary {
  width: 100%;
  border-collapse: collapse;
  line-height: 14px;
}

.m-checkout__summary tr td:first-child,
.m-checkout__summary tr td:first-child,
.m-checkout__summary tr td:first-child {
  width: 100px;
}

@media (min-width: 62em) {
  .m-checkout__summary tr td:first-child,
  .m-checkout__summary tr td:first-child,
  .m-checkout__summary tr td:first-child {
    width: 140px;
  }
}
.m-checkout__summary td {
  padding-top: 3px;
  padding-bottom: 3px;
}

.m-checkout__summary tbody tr:first-child td {
  padding-top: 6px;
}

.m-checkout__summary tbody tr:last-child td {
  padding-bottom: 6px;
}

.m-checkout__top-row {
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
  font-weight: normal;
  text-align: left;
}

td.m-checkout__total-row,
td.m-checkout__grand-total-row {
  padding-top: 6px;
  border-top: 1px solid #000;
}

td.m-checkout__shipping-row--first {
  padding-top: 6px;
  border-top: 1px solid #000;
}

td.m-checkout__shipping-row--last {
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
}

td.m-checkout__grand-total-row {
  padding-bottom: 0;
}

td.m-checkout__vat-label,
td.m-checkout__vat {
  padding-bottom: 6px;
}

.m-checkout__summary-name {
  padding-right: 6px;
}

.m-checkout__price-label,
.m-checkout__price,
.m-checkout__summary-price,
.m-checkout__total,
.m-checkout__vat,
.m-checkout__grand-total {
  text-align: right;
}

@media (min-width: 62em) {
  .touch .m-checkout__payment,
  [data-whatinput=touch] .m-checkout__payment,
  [data-whatintent=touch] .m-checkout__payment {
    margin-top: -8px;
  }
}
@media (min-width: 62em) {
  .touch[data-whatinput=mouse] .m-checkout__payment,
  .touch[data-whatintent=mouse] .m-checkout__payment {
    margin-top: -5px;
  }
}
.m-header__top-row {
  justify-content: space-between;
  align-items: center;
  height: 50px;
  position: relative;
}

@media (min-width: 62em) {
  .m-header__top-row {
    height: 82px;
  }
}
.m-header__logo {
  width: 152px;
}

@media (min-width: 62em) {
  .m-header__logo {
    width: 200px;
  }
}
.m-header__continue-shopping {
  margin-left: auto;
}

@media (max-width: 61.99em) {
  .m-header__continue-shopping {
    align-self: center;
  }
}
@media (min-width: 62em) {
  .m-header__continue-shopping {
    margin-left: 48px;
    margin-right: auto;
  }
}
@media (min-width: 75.0625em) {
  .m-header__continue-shopping {
    margin-left: 64px;
  }
}
.m-header__nav, .header__login-links {
  flex-grow: 1;
}

@media (min-width: 62em) {
  .shows-product-info .m-header__nav, .shows-product-info .header__login-links {
    display: none;
  }
}
@media (max-width: 61.99em) {
  .m-header__top-row .m-header__nav, .m-header__top-row .header__login-links {
    display: none;
  }
}
.m-header__bottom-row .m-header__nav, .m-header__bottom-row .header__login-links {
  flex-wrap: wrap;
}

@media (min-width: 62em) {
  .m-header__bottom-row .m-header__nav, .m-header__bottom-row .header__login-links {
    display: none;
  }
}
@media (min-width: 62em) {
  .filters {
    margin-left: 24px;
  }
}
@media (min-width: 75.0625em) {
  .filters {
    margin-left: 48px;
  }
}
@media (max-width: 61.99em) {
  .m-header__bottom-row .m-header__nav-item:not(:last-child),
  .m-header__bottom-row .m-header__nav-item .m-header__nav-item--user-action {
    margin-right: 24px;
  }
}
@media (min-width: 62em) {
  .m-header__nav-item--your-account.m-header__nav-item--your-account {
    margin-left: auto;
  }
}
@media (max-width: 75.0525em) {
  .has-search-open .m-header__nav-item--sort,
  .has-search-open .m-header__nav-item--filter {
    display: none;
  }
}
.m-header__nav-item--search {
  flex-grow: 0;
}

.m-header__panel-button.m-header__panel-button {
  align-self: center;
  margin-left: auto;
}

@media (min-width: 62em) {
  .m-header__panel-button.m-header__panel-button {
    display: none;
  }
}
@media (min-width: 62em) {
  .m-header__information-glyph {
    display: none;
  }
}
@media (max-width: 61.99em) {
  .m-header__information-button {
    display: none;
  }
}
@media (max-width: 61.99em) {
  .m-header--continue-shopping-variant .m-header__cart-button.m-header__cart-button {
    display: none;
  }
}
.m-header__cart-icon {
  display: inline-block;
}

.m-header__search-field {
  font-family: "Atlas Grotesk Web Regular";
  font-weight: 400;
  text-transform: none;
  font-size: 10px;
  line-height: 1;
  width: 100%;
  min-width: 192px;
  max-width: 500px;
  padding: 2px 7px;
  border: 1px solid #000;
  outline-offset: 0;
}

.m-header__cart {
  position: absolute;
  top: 12px;
  right: 0;
  z-index: 2;
}

@media (min-width: 62em) {
  .m-header__cart {
    top: 24px;
  }
}
.m-header__products {
  flex-grow: 1;
  align-self: center;
}

.m-header__products-name {
  width: 88px;
  margin-right: 12px;
}

.m-header__products-bottom-row {
  margin-top: 6px;
}

.m-header__products-bottom-row-item:not(:first-child) {
  margin-left: 16px;
}

.m-header__products-color-swatch + .m-header__products-color-size {
  margin-left: 2px;
}

.m-header__bottom-row {
  padding-bottom: 24px;
  margin-top: -12px;
}

.m-image-grid__list {
  display: flex;
  flex-wrap: wrap;
  margin: -2px;
  align-items: flex-end;
}

.m-image-grid__link {
  display: block;
  padding: 2px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.m-image-grid__link--portrait img {
  width: 148px;
  height: 222px;
  object-fit: cover;
}

.m-image-grid__link--landscape img {
  width: 222px;
  height: 148px;
  object-fit: cover;
}

.m-image-grid__label {
  padding: 0;
  margin-top: 3px;
  display: block;
}

[data-whatintent=mouse] .m-image-grid__link:hover .m-image-grid__label, [data-whatinput=keyboard] .m-image-grid__link:focus .m-image-grid__label {
  text-decoration: underline;
}

.m-image-grid__image,
.m-image-grid__label {
  pointer-events: none;
}

.m-product-table__table,
.m-content-item-table__table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  position: relative;
  margin: -5px -8px 0 -8px;
}

.m-product-table__table thead,
.m-content-item-table__table thead {
  display: none;
}

.m-product-table__table td,
.m-product-table__table th,
.m-content-item-table__table td,
.m-content-item-table__table th {
  width: 1%;
}

.m-product-table__table td:nth-child(3),
.m-product-table__table th:nth-child(3),
.m-content-item-table__table td:nth-child(3),
.m-content-item-table__table th:nth-child(3) {
  display: none;
}

@media (min-width: 31.25em) {
  .m-product-table__table td:nth-child(3),
  .m-product-table__table th:nth-child(3),
  .m-content-item-table__table td:nth-child(3),
  .m-content-item-table__table th:nth-child(3) {
    display: table-cell;
  }
}
.m-product-table__table td:nth-child(4),
.m-product-table__table th:nth-child(4),
.m-content-item-table__table td:nth-child(4),
.m-content-item-table__table th:nth-child(4) {
  display: none;
}

@media (min-width: 43.75em) {
  .m-product-table__table td:nth-child(4),
  .m-product-table__table th:nth-child(4),
  .m-content-item-table__table td:nth-child(4),
  .m-content-item-table__table th:nth-child(4) {
    display: table-cell;
  }
}
.m-product-table__table td:nth-child(5),
.m-product-table__table th:nth-child(5),
.m-content-item-table__table td:nth-child(5),
.m-content-item-table__table th:nth-child(5) {
  display: none;
}

@media (min-width: 50em) {
  .m-product-table__table td:nth-child(5),
  .m-product-table__table th:nth-child(5),
  .m-content-item-table__table td:nth-child(5),
  .m-content-item-table__table th:nth-child(5) {
    display: table-cell;
  }
}
.m-product-table__table td:nth-child(6),
.m-product-table__table th:nth-child(6),
.m-content-item-table__table td:nth-child(6),
.m-content-item-table__table th:nth-child(6) {
  display: none;
}

@media (min-width: 62em) {
  .m-product-table__table td:nth-child(6),
  .m-product-table__table th:nth-child(6),
  .m-content-item-table__table td:nth-child(6),
  .m-content-item-table__table th:nth-child(6) {
    display: table-cell;
  }
}
.m-product-table__cell,
.m-content-item-table__cell {
  padding: 5px 8px;
}

.m-product-table__link::after,
.m-content-item-table__link::after {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  margin-top: -5px;
}

[data-whatintent=mouse] .m-product-table__link:hover::before, [data-whatinput=keyboard] .m-product-table__link:focus::before,
[data-whatintent=mouse] .m-content-item-table__link:hover::before,
[data-whatinput=keyboard] .m-content-item-table__link:focus::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: 8px;
  margin-top: 12px;
}

.m-product-table__colors-and-sizes,
.m-content-item-table__colors-and-sizes {
  flex-direction: column;
}

@media (min-width: 43.75em) {
  .m-product-table__colors-and-sizes,
  .m-content-item-table__colors-and-sizes {
    flex-direction: row;
  }
  .m-product-table__colors-and-sizes > :not(:first-child),
  .m-content-item-table__colors-and-sizes > :not(:first-child) {
    margin-left: 8px;
  }
}
.m-product-table__color-swatch + .m-product-table__color-size,
.m-content-item-table__color-swatch + .m-content-item-table__color-size {
  margin-left: 2px;
}

/* autoinsertComponent */
/* stylelint-disable-line */
/* autoinsertModule */
/* stylelint-disable-line */
/* stylelint-disable length-zero-no-unit */
/* Remove warning from mini-css-extract-plugin */
/* stylelint-enable length-zero-no-unit */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
@font-face {
  font-family: "Atlas Grotesk Web Regular";
  src: local("Arial");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Atlas Grotesk Web Medium";
  src: local("Arial");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.alert-box__content--user-notifications {
  padding-right: 20px;
}

.alert-box__content--user-notifications p:last-child {
  margin-bottom: 0;
}

.alert-box__inner-container {
  box-sizing: content-box;
  height: auto;
  padding: 20px;
  min-width: 200px;
  max-width: 65ch;
  position: fixed;
  bottom: 10px;
  margin-left: 64px;
  z-index: 10000;
  color: black;
  background-color: #d8402a;
  line-height: 1rem;
}

.alert-box__inner-container .alert-box__close {
  color: black;
  position: absolute;
  text-decoration: underline;
  right: 10px;
  top: 10px;
  z-index: 10001;
}

.alert-box__inner-container .alert-box__close:hover {
  text-decoration: none;
}

.alert-box__inner-container.hint {
  height: 15rem;
}

.alert-box__inner-container a {
  color: black;
}

@media screen and (max-width: 62em) {
  .alert-box__inner-container {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    bottom: 0;
    left: 0;
    margin-left: 0;
  }
}
.input-select {
  display: block;
  height: 19px;
  position: relative;
}

@media (max-width: 430px) {
  .input-select {
    height: 28px;
  }
}
.c-input-select__select,
.input-select__select {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px 18px 3px 6px;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  font-family: "Atlas Grotesk Web Regular";
  font-weight: 400;
  text-transform: none;
  font-size: 10px;
  line-height: 1;
  color: black;
  position: relative;
}

.c-input-select__select::-ms-clear,
.input-select__select::-ms-clear {
  display: none;
}

.c-input-select__select:disabled,
.input-select__select:disabled {
  border-color: #8a8a8a;
}

.input-select__select option,
.is-selected .input-select__select {
  color: #000;
}

.input-select__arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  top: 8px;
  right: 8px;
  pointer-events: none;
}

@media (max-width: 430px) {
  .input-select__arrow {
    top: 12px;
  }
}
.is-disabled .input-select__arrow {
  border-top-color: #8a8a8a;
}

.input-select__required {
  color: #8a8a8a;
  position: absolute;
  top: 6px;
  right: 24px;
}

.input-select.is-selected .input-select__required,
.input-select__input:focus ~ .input-select__required {
  color: #000;
}

.touch .input-select,
[data-whatinput=touch] .input-select,
[data-whatintent=touch] .input-select {
  height: 26px;
}

.touch .input-select__input,
[data-whatinput=touch] .input-select__input,
[data-whatintent=touch] .input-select__input {
  padding: 8px 18px 8px 8px;
}

.touch .input-select__arrow,
[data-whatinput=touch] .input-select__arrow,
[data-whatintent=touch] .input-select__arrow {
  top: 11px;
}

.touch .input-select__required,
[data-whatinput=touch] .input-select__required,
[data-whatintent=touch] .input-select__required {
  top: 9px;
}

.touch[data-whatinput=mouse] .input-select,
.touch[data-whatintent=mouse] .input-select {
  height: 19px;
}

.touch[data-whatinput=mouse] .input-select__select,
.touch[data-whatintent=mouse] .input-select__select {
  padding: 4px 18px 3px 4px;
}

.touch[data-whatinput=mouse] .input-select__arrow,
.touch[data-whatintent=mouse] .input-select__arrow {
  top: 8px;
}

.touch[data-whatinput=mouse] .input-select__required,
.touch[data-whatintent=mouse] .input-select__required {
  top: 6px;
}

.c-input-text__input {
  padding: 4px 8px;
}

/**
 * font-family Mixin
 *
 * Usage:
 *
 * .class {
 *     @include font-family(madera);
 * }
 *
 * Output:
 *
 * .class {
 *     font-family: sans-serif;
 * }
 *
 * .wf-madera-loaded .class {
 *     font-family: "madera", sans-serif;
 * }
 *
 */
/**
 * font-size and line-height
 *
 * Usage:
 *
 * .title {
 *     @include font-size(16px, 24px);
 * }
 *
 * Output:
 *
 * .title {
 *     font-size: 16px;
 *     line-height: 1.5;
 * }
 *
 * Or with 'auto' line-height:
 *
 * .title {
 *     @include font-size(16px, auto);
 * }
 */
/**
 * Unit Helper Functions
 */
/**
 * font-size and line-height
 *
 * Usage:
 *
 * .title {
 *     @include font-size(16px, 24px);
 * }
 *
 * Output:
 *
 * .title {
 *     font-size: 16px;
 *     line-height: 1.5;
 * }
 *
 * Or with 'auto' line-height:
 *
 * .title {
 *     @include font-size(16px, auto);
 * }
 */
.c-input-text, .c-input-number {
  display: block;
  height: 19px;
  position: relative;
}

.c-input-text ::placeholder, .c-input-number ::placeholder {
  color: transparent;
}

.c-input-text__input, .c-input-number__input,
.c-input-text__label {
  font-family: "Atlas Grotesk Web Regular";
  font-weight: 400;
  text-transform: none;
  font-size: 10px;
  line-height: 1;
}

.c-input-text__input, .c-input-number__input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  border: 1px solid #000;
  border-radius: 0;
  appearance: none;
  outline: none;
  position: relative;
}

.c-input-text__input::-ms-clear, .c-input-number__input::-ms-clear {
  display: none;
}

.is-disabled > .c-input-text__input, .is-disabled > .c-input-number__input {
  border-color: #8A8A8A;
  color: #8A8A8A;
}

.c-input-text__input:focus, .c-input-number__input:focus {
  outline: 1px solid #000 !important;
}

.c-input-text__input:disabled, .c-input-number__input:disabled {
  color: #8A8A8A;
  pointer-events: none;
}

.c-input-text__input:disabled ~ .c-input-text__label, .c-input-number__input:disabled ~ .c-input-text__label {
  color: #8A8A8A;
}

.c-input-text__label {
  width: 100%;
  height: auto;
  padding: 4px;
  overflow: hidden;
  color: #8A8A8A;
  white-space: nowrap;
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: text;
  /* stylelint-disable order/properties-order */
  user-select: none;
  -ms-user-select: all;
  /* stylelint-enable order/properties-order */
  pointer-events: none;
}

.c-input-text__input:focus + .c-input-text__label, .c-input-number__input:focus + .c-input-text__label,
.c-input-text.is-filled .c-input-text__label,
.is-filled.c-input-number .c-input-text__label {
  display: none;
}

.c-input-text__input:-webkit-autofill, .c-input-number__input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #FFF inset;
  -webkit-text-fill-color: #000;
}

.c-input-text__input:-webkit-autofill + .c-input-text__label, .c-input-number__input:-webkit-autofill + .c-input-text__label {
  display: none;
}

.c-input-text__input:disabled:-webkit-autofill, .c-input-number__input:disabled:-webkit-autofill {
  -webkit-text-fill-color: #8A8A8A;
}

.c-input-text__required {
  color: #8A8A8A;
  position: absolute;
  top: 6px;
  right: 10px;
}

.c-input-text__input:focus ~ .c-input-text__required, .c-input-number__input:focus ~ .c-input-text__required, .c-input-text.is-filled .c-input-text__required, .is-filled.c-input-number .c-input-text__required {
  color: #000;
}

.touch .c-input-text, .touch .c-input-number,
[data-whatinput=touch] .c-input-text,
[data-whatinput=touch] .c-input-number,
[data-whatintent=touch] .c-input-text,
[data-whatintent=touch] .c-input-number {
  height: 26px;
}

.touch .c-input-text__input, .touch .c-input-number__input,
[data-whatinput=touch] .c-input-text__input,
[data-whatinput=touch] .c-input-number__input,
[data-whatintent=touch] .c-input-text__input,
[data-whatintent=touch] .c-input-number__input {
  padding: 8px;
}

.touch .c-input-text__label,
[data-whatinput=touch] .c-input-text__label,
[data-whatintent=touch] .c-input-text__label {
  padding: 8px;
  top: 0;
}

.touch .c-input-text__required,
[data-whatinput=touch] .c-input-text__required,
[data-whatintent=touch] .c-input-text__required {
  top: 9px;
}

.touch[data-whatinput=mouse] .c-input-text, .touch[data-whatinput=mouse] .c-input-number,
.touch[data-whatintent=mouse] .c-input-text,
.touch[data-whatintent=mouse] .c-input-number {
  height: 19px;
}

.touch[data-whatinput=mouse] .c-input-text__input, .touch[data-whatinput=mouse] .c-input-number__input,
.touch[data-whatintent=mouse] .c-input-text__input,
.touch[data-whatintent=mouse] .c-input-number__input {
  padding: 4px;
}

.touch[data-whatinput=mouse] .c-input-text__label,
.touch[data-whatintent=mouse] .c-input-text__label {
  padding: 4px;
  top: 2px;
}

.touch[data-whatinput=mouse] .c-input-text__required,
.touch[data-whatintent=mouse] .c-input-text__required {
  top: 6px;
}

.c-input-number__input {
  /* Chrome, Safari, Edge, Opera */
}

.c-input-number__input::-webkit-outer-spin-button, .c-input-number__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.c-input-number__input {
  /* Firefox */
}

.c-input-number__input[type=number] {
  -moz-appearance: textfield;
}

.c-input-number__input {
  width: 36px;
}

.input-field-grid {
  display: grid;
}

.input-field-grid button {
  justify-self: start;
}

@media (max-width: 62em) {
  .input-field-grid {
    grid-template-columns: 214px;
    row-gap: 12px;
  }
}
@media (min-width: 62em) {
  .input-field-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    row-gap: 12px;
  }
  .input-field-grid:only-child {
    padding-left: 192px;
  }
}
@media (min-width: 62em) {
  .form-row,
  .form-actions {
    display: grid;
    grid-template-columns: 180px 440px;
    column-gap: 12px;
  }
}
.form-row:not(:first-child),
.form-actions:not(:first-child) {
  margin-top: 32px;
}

@media (min-width: 62em) {
  .form-row:not(:first-child),
  .form-actions:not(:first-child) {
    margin-top: 48px;
  }
}
@media (max-width: 62em) {
  .form-section-headline {
    margin-bottom: 6px;
  }
}
.form-section-headline {
  text-transform: uppercase;
}

.form-mandatory-hint {
  color: #8A8A8A;
  margin-left: 8px;
}

/**
 * aspect-ratio-helper Mixin
 *
 * Usage:
 * .class {
 *     @include aspect-ratio-helper('16x9');
 * }
 *
 * Output:
 * .class {
 *     &::before {
 *         display: block;
 *         content: "";
 *         width: 100%;
 *         padding-top: percentage(9/16);
 *     }
 * }
 */
/**
 * Based on
 * http://www.sassmeister.com/gist/7f22e44ace49b5124eec
 *
 * Usage:
 *
 * @include fluid([properties], [min-size], [max-size], [min-viewport, default: 320px], [max-viewport, default: xlarge breakpoint]);
 *
 * Single property:
 * .mod-abc__copy {
 *     @include fluid(font-size, 16px, 20px);
 * }
 *
 * Multiple properties with same values and custom min-viewport and max-viewport:
 * .mod-abc {
 *     @include fluid(padding-top padding-bottom, 10px, 25px, 500px, 1000px);
 * }
 */
/**
 * font-style-fluid Mixin
 *
 * Usage:
 *
 * .class {
 *     @include font-style(h1-main);
 * }
 *
 * Output:
 *
 * .class {
 * 	   font-family: Arial, sans-serif;
 *     font-weight: bold;
 *     font-style: normal;
 * }
 * @media(small-width: 80em) {
 *     .class {
 * 	       font-size: 160px;
 *         line-height: 1;
 *     }
 * }
 * .wf-roboto-loaded .class {
 *     font-family: 'Roboto Condensed';
 * }
 */
/**
 * Usage:
 *
 * .my-link {
 *   @include hover-focus() {
 *     text-decoration: underline;
 *   }
 * }
 *
 * .my-child {
 *   @include hover-focus(".my-parent") {
 *     background-color: red;
 *   }
 * }
 *
 * Output:
 *
 * .my-link {
 *   [data-whatintent="mouse"] &:hover,
 *   [data-whatinput="keyboard"] &:focus {
 *     text-decoration: underline;
 *   }
 * }
 *
 * .my-child {
 *   [data-whatintent="mouse"] .my-parent:hover &,
 *   [data-whatinput="keyboard"] .my-parent:focus & {
 *      background-color: red;
 *   }
 *}
 */
/**
 * Object fit
 *
 * This mixin can be used to set the object-fit:
 * @include object-fit(contain);
 *
 * or object-fit and object-position:
 * @include object-fit(cover, top);
 */
/**
 * Overflow-Wrap
 *
 * Wraps text, which is too long to fit in one line and would otherwise create a text which overflows it's content box.
 * `word-wrap` is the legacy property name, which is still required by some
 * browsers.
 * Because Autoprefixer is not creating `word-wrap` when it
 * encounters `overflow-wrap`, use this mixin when setting `overflow-wrap`.
 *
 * From MDN (https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap):
 * In contrast to `word-break`, `overflow-wrap` will only create a break if an entire word cannot be placed on its own line without overflowing.
 */
/**
 * property-breakpoint-map Mixin
 *
 * Uses a map with values per breakpoint and
 * sets the defined property in every defined breakpoint
 *
 *
 * Usage:
 *
 * $header-height: (
 * 	 small: 60px,
 * 	 large: 80px
 * );
 *
 * .class {
 *     @include property-breakpoint-map(height, $header-height);
 * }
 *
 *
 * Output:
 *
 * .class {
 * 	   height: 60px;
 * }
 * @media(min-width: 64em) {
 *     .class {
 *         height: 80px;
 *     }
 * }
 */
/**
 * Hide visually
 *
 * See http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 * Returns a z-index for the given name from the z-index map
 */
.product-page {
  max-width: 1728px;
  margin: 0 auto;
}

@media (min-width: 1730px) {
  .product-page {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.product-page {
  display: flex;
  justify-content: flex-start;
  column-gap: 12px;
  position: relative;
  padding: 0 12px;
  flex-direction: column;
}

@media (min-width: 431px) {
  .product-page {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .product-page {
    padding: 0 48px;
  }
}
@media (min-width: 1201px) {
  .product-page {
    padding: 0 64px;
  }
}
.m-header__products {
  align-self: unset;
  padding-top: 4px;
  margin-left: 64px;
}

.product-description-container {
  width: calc(100vw - 60px);
  flex: 0 0 calc(100vw - 60px);
}

@media (min-width: 431px) {
  .product-description-container {
    width: 256px;
    flex-basis: 256px;
  }
}
@media (min-width: 1201px) {
  .product-description-container {
    width: 320px;
    flex-basis: 320px;
  }
}
.product-description-container .product-description-container__first-image {
  margin-bottom: 24px;
}

.product-container--hidden {
  display: none;
}

.product-overview {
  line-height: 14px;
  margin-bottom: 24px;
  padding-right: 12px;
}

@media (min-width: 431px) {
  .product-overview {
    margin-bottom: 96px;
  }
}
.product-overview__season {
  line-height: 14px;
  display: block;
  font-size: 10px;
  line-height: 1;
}

.product-overview__type {
  line-height: 14px;
}

.product-overview__generation {
  line-height: 14px;
}

.product-overview__style {
  line-height: 14px;
  margin-bottom: 20px;
}

.product-overview__price {
  line-height: 14px;
  margin-bottom: 20px;
}

.product-order-form-select {
  max-width: 214px;
}

.product-order-form-select {
  margin-bottom: 6px;
}

.product-order-form__buy-button {
  display: inline-block;
  padding: 4px 8px 2px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}

form + .product-order-form__raffle-info {
  margin-top: 16px;
}

.product-description {
  line-height: 14px;
}

.product-description > * {
  margin-bottom: 24px;
}

.product-description-detail {
  line-height: 14px;
}

.product-description-detail ul {
  margin-left: 12px;
  text-indent: -12px;
}

.product-description-detail ul li {
  list-style-type: none;
}

.product-description-detail table {
  width: 100%;
}

.product-description-detail table td {
  overflow: hidden;
  word-wrap: break-word;
}

h2.product-description-detail__headline {
  line-height: 14px;
  font-family: "Atlas Grotesk Web Medium", "Arial", sans-serif;
  margin-top: 24px;
}

.product-images-container {
  --max-width-of-images: calc(90vh / var(--image-aspect-ratio));
  flex: 0 1 var(--max-width-of-images);
  display: block;
}

@media (max-height: 550px) {
  .product-images-container {
    flex: 0 1 25vw;
  }
}
.product-images-container .product-image {
  max-width: calc(100vw - 24px - 36px);
}

@media (max-height: 550px) {
  .product-images-container .product-image {
    max-width: none;
  }
}
.product-images-container .product-image:first-child {
  display: none;
}

.product-images-container .product-video-image {
  position: relative;
  display: flex;
  flex-direction: column;
}

.product-images-container .product-video-image video {
  object-fit: contain;
  margin: 0 auto;
}

.product-images-container .product-video-image .video-mute-buttons {
  mix-blend-mode: difference;
  color: white;
  position: absolute;
  bottom: 15px;
  right: 50px;
  min-width: 0;
}

@media (max-width: 430px) {
  .product-images-container .product-video-image .video-mute-buttons {
    right: 15px;
  }
}
@media (min-width: 431px) {
  .product-page--zoomed .product-description-container {
    display: none;
  }
  .product-page--zoomed .product-images-container {
    flex: 0 1 auto;
  }
  .product-page--zoomed .product-images-container .product-image {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .product-page--zoomed .product-images-container {
    flex: 0 1 calc(var(--max-width-of-images) + 256px + 12px);
  }
}
@media (min-width: 1201px) {
  .product-page--zoomed .product-images-container {
    flex: 0 1 calc(var(--max-width-of-images) + 320px + 12px);
  }
}
.product-page--zoomed .product-video-image .video-mute-buttons {
  right: 15px;
}

.product-image {
  margin-bottom: 4px;
}

@media (min-width: 62em) {
  .product-image:last-of-type {
    min-height: 90vh;
  }
}
.product-image__image, .product-image__image--landscape, .product-image__image--portrait {
  object-fit: contain;
  object-position: top left;
}

@media (min-width: 1201px) {
  .product-image__image--portrait {
    max-height: 90vh;
  }
  .product-image__image--portrait .product-video-image_video {
    max-height: 90vh;
  }
  .product-page.product-page--zoomed .product-image__image--portrait .product-video-image_video {
    max-height: unset;
  }
}
@media (max-height: 550px) {
  .product-image__image--portrait {
    max-height: none;
  }
}
@media (min-width: 431px) {
  .product-image__image, .product-image__image--landscape, .product-image__image--portrait {
    cursor: zoom-in;
  }
  .product-page--zoomed .product-images-container .product-image__image, .product-page--zoomed .product-images-container .product-image__image--portrait, .product-page--zoomed .product-images-container .product-image__image--landscape {
    cursor: zoom-out;
  }
  .product-page--zoomed .product-images-container .product-image__image--portrait, .product-page--zoomed .product-images-container .product-image__image--landscape {
    max-height: unset;
  }
}
.product-image__anchor {
  display: block;
  position: relative;
  top: -82px;
  visibility: hidden;
}

.product-image-captions-container {
  position: relative;
  background: white;
  flex: 0 0 20px;
  width: 20px;
  right: 0;
}

.product-image-caption {
  position: relative;
  display: block;
  width: 20px;
}

.product-image-caption::after {
  content: " ";
  width: 12px;
  height: 1px;
  background: black;
  display: inline-block;
}

[data-theme=dark] .product-image-caption::after {
  background: white;
}

.product-image-caption-links .product-image-caption--mobile {
  display: none;
}

.product-image-caption__caption_text, .product-image-caption-links .product-image-caption-links__touch-caption, .product-image-caption__caption_text--underlined {
  line-height: 14px;
  display: inline-block;
  color: #000;
  position: relative;
  z-index: 0;
  white-space: nowrap;
  cursor: pointer;
}

*[data-whatinput=mouse] .product-image-caption__caption_text, *[data-whatinput=mouse] .product-image-caption-links .product-image-caption-links__touch-caption, .product-image-caption-links *[data-whatinput=mouse] .product-image-caption-links__touch-caption, *[data-whatinput=mouse] .product-image-caption__caption_text--underlined {
  cursor: pointer;
}

.product-image-caption__caption_text:hover, .product-image-caption-links .product-image-caption-links__touch-caption:hover, .product-image-caption__caption_text--underlined:hover {
  text-decoration: underline;
}

.product-image-caption__caption_text--underlined {
  text-decoration: underline;
}

.product-image-caption__caption_text, .product-image-caption-links .product-image-caption-links__touch-caption, .product-image-caption__caption_text--underlined {
  cursor: crosshair;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: white;
  padding: 2px 48px 2px 4px;
  max-width: calc(100vw - 48px);
  width: max-content;
  white-space: normal;
}

.product-image-caption__caption_text:hover, .product-image-caption-links .product-image-caption-links__touch-caption:hover, .product-image-caption__caption_text--underlined:hover {
  text-decoration: none;
}

.product-image-caption-links {
  top: 82px;
  word-break: break-word;
  flex-direction: column;
  justify-content: space-evenly;
  position: fixed;
  height: 85vh;
  right: 0;
}

.product-image-caption-links .product-image-caption-links__touch-caption {
  position: absolute;
  z-index: 10000;
  right: 20px;
  display: none;
  margin-left: 0;
  text-indent: 0;
}

.product-image-caption-links .product-image-caption-links__touch-caption.dragging-caption {
  display: block;
}

@media (min-width: 26.875em) {
  .product-overview--sticky {
    position: sticky;
    top: 82px;
  }
}
.product-description-detail table {
  border-spacing: 0;
  margin-bottom: 1em;
}

.product-description-detail table + p {
  margin-bottom: 0;
}

.product-description-detail table td {
  /*
  background-image: radial-gradient( at 1px 13px, #000 1px,rgba(0,0,0,0) 0px);
  background-size: 6px 12px;
  */
  max-width: 20px;
}

@media (min-width: 1201px) {
  .product-description-detail table td {
    max-width: 40px;
  }
}
.product-description-detail table td:first-child {
  max-width: 40px;
}

@media (min-width: 1201px) {
  .product-description-detail table td:first-child {
    max-width: 70px;
  }
}
.product-description-detail table td .product-table-column__text {
  float: left;
  overflow: hidden;
  white-space: nowrap;
}

.product-description-detail table td .product-table-column__text:after {
  letter-spacing: 0.5px;
  content: " ..................................................................................";
}

.product-description-detail table td:last-child .product-table-column__text:after {
  content: none;
}

@media (min-width: 26.875em) {
  .product-description-container .product-description-container__first-image {
    display: none;
  }
  .product-images-container .product-image:first-child {
    display: block;
  }
}
@media (min-width: 62em) {
  .product-images-container .product-image {
    max-width: var(--max-width-of-images);
  }
}
@media (min-width: 62em) and (max-width: 75.0625em) {
  html:not([data-whatintent=touch]) .product-image-captions-container {
    flex: 1 1 360px;
    height: auto;
    width: auto;
  }
  html:not([data-whatintent=touch]) .product-image-caption-links .product-image-caption--mobile {
    display: none;
  }
  html:not([data-whatintent=touch]) .product-image-caption__caption_text, html:not([data-whatintent=touch]) .product-image-caption__caption_text--underlined, html:not([data-whatintent=touch]) .product-image-caption-links .product-image-caption-links__touch-caption, .product-image-caption-links html:not([data-whatintent=touch]) .product-image-caption-links__touch-caption {
    display: block;
    position: relative;
    padding: 2px 0 2px 12px;
    width: auto;
    max-width: 100%;
    text-indent: -12px;
  }
  html:not([data-whatintent=touch]) .product-image-caption__caption_text:hover, html:not([data-whatintent=touch]) .product-image-caption__caption_text--underlined:hover, html:not([data-whatintent=touch]) .product-image-caption-links .product-image-caption-links__touch-caption:hover, .product-image-caption-links html:not([data-whatintent=touch]) .product-image-caption-links__touch-caption:hover {
    text-decoration: underline;
  }
  html:not([data-whatintent=touch]) .product-image-caption {
    width: auto;
    word-break: break-word;
  }
  html:not([data-whatintent=touch]) .product-image-caption::after {
    display: none;
  }
  html:not([data-whatintent=touch]) .product-image-caption:hover .product-image-caption__caption_text, html:not([data-whatintent=touch]) .product-image-caption:hover .product-image-caption__caption_text--underlined, html:not([data-whatintent=touch]) .product-image-caption:hover .product-image-caption-links .product-image-caption-links__touch-caption, .product-image-caption-links html:not([data-whatintent=touch]) .product-image-caption:hover .product-image-caption-links__touch-caption {
    position: unset;
    right: unset;
  }
  html:not([data-whatintent=touch]) .product-image-caption-links .product-image-caption-links__touch-caption {
    display: none;
  }
  html:not([data-whatintent=touch]) .product-image-caption-links .product-image-caption-links__touch-caption.dragging-caption {
    display: none;
  }
  html:not([data-whatintent=touch]) .product-image-caption-links {
    position: sticky;
    column-count: 2;
    column-fill: auto;
    overflow: hidden;
    max-height: 85vh;
    width: inherit;
    max-width: 100%;
  }
}
@media (min-width: 75.0625em) {
  .product-image-captions-container {
    flex: 1 1 360px;
    height: auto;
    width: auto;
  }
  .product-image-caption-links .product-image-caption--mobile {
    display: none;
  }
  .product-image-caption__caption_text, .product-image-caption__caption_text--underlined, .product-image-caption-links .product-image-caption-links__touch-caption {
    display: block;
    position: relative;
    padding: 2px 0 2px 12px;
    width: auto;
    max-width: 100%;
    text-indent: -12px;
  }
  .product-image-caption__caption_text:hover, .product-image-caption__caption_text--underlined:hover, .product-image-caption-links .product-image-caption-links__touch-caption:hover {
    text-decoration: underline;
  }
  .product-image-caption {
    width: auto;
    word-break: break-word;
  }
  .product-image-caption::after {
    display: none;
  }
  .product-image-caption:hover .product-image-caption__caption_text, .product-image-caption:hover .product-image-caption__caption_text--underlined, .product-image-caption:hover .product-image-caption-links .product-image-caption-links__touch-caption, .product-image-caption-links .product-image-caption:hover .product-image-caption-links__touch-caption {
    position: unset;
    right: unset;
  }
  .product-image-caption-links .product-image-caption-links__touch-caption {
    display: none;
  }
  .product-image-caption-links .product-image-caption-links__touch-caption.dragging-caption {
    display: none;
  }
  .product-image-caption-links {
    position: sticky;
    column-count: 2;
    column-fill: auto;
    overflow: hidden;
    max-height: 85vh;
    width: inherit;
    max-width: 100%;
  }
}
.login-page {
  max-width: 1728px;
  margin: 0 auto;
}

@media (min-width: 1730px) {
  .login-page {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.login-page {
  padding: 0 12px;
}

@media (min-width: 992px) {
  .login-page {
    padding: 0 48px;
  }
}
@media (min-width: 1201px) {
  .login-page {
    padding: 0 64px;
  }
}
.login-page__input-fields {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
  max-width: 214px;
}

@media (min-width: 431px) {
  .login-page__input-fields {
    flex-direction: row;
    max-width: none;
  }
}
.login-page__input-field:not(:last-child) {
  margin-bottom: 6px;
}

@media (min-width: 431px) {
  .login-page__input-field:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 431px) {
  .login-page__input-field {
    margin-right: 4px;
  }
}
.login-page__form-actions {
  margin-bottom: 14px;
}

.password-reset-page {
  max-width: 1728px;
  margin: 0 auto;
}

@media (min-width: 1730px) {
  .password-reset-page {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.password-reset-page {
  padding: 0 12px;
}

@media (min-width: 992px) {
  .password-reset-page {
    padding: 0 48px;
  }
}
@media (min-width: 1201px) {
  .password-reset-page {
    padding: 0 64px;
  }
}
.password-reset-page__input-fields {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}

@media (min-width: 431px) {
  .password-reset-page__input-fields {
    flex-direction: row;
  }
}
.password-reset-page__input-field:not(:last-child) {
  margin-bottom: 6px;
}

@media (min-width: 431px) {
  .password-reset-page__input-field {
    margin-bottom: unset;
    margin-right: 4px;
  }
}
.password-reset-page__form-actions {
  margin-bottom: 14px;
}

.registration-page {
  max-width: 1728px;
  margin: 0 auto;
}

@media (min-width: 1730px) {
  .registration-page {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.registration-page {
  padding: 0 12px;
}

@media (min-width: 992px) {
  .registration-page {
    padding: 0 48px;
  }
}
@media (min-width: 1201px) {
  .registration-page {
    padding: 0 64px;
  }
}
.registration-page__input-fields {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
  max-width: 214px;
}

@media (min-width: 431px) {
  .registration-page__input-fields {
    flex-direction: row;
    max-width: none;
  }
}
.registration-page__input-field:not(:last-child) {
  margin-bottom: 6px;
}

@media (min-width: 431px) {
  .registration-page__input-field:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 431px) {
  .registration-page__input-field {
    margin-right: 4px;
  }
}
.registration-page__form-actions {
  margin-bottom: 14px;
}

.video-container {
  display: flex;
  flex-direction: row;
  align-items: start;
}

.video-container h2 {
  margin-bottom: 8px;
}

.video-short-description {
  line-height: 14px;
  font-family: "Atlas Grotesk Web Medium", "Arial", sans-serif;
}

.video-description-container {
  padding: 12px 12px;
}

.video-element {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
}

.picture-container {
  display: flex;
  flex-direction: row;
  align-items: start;
}

.picture-container h2 {
  margin-bottom: 8px;
}

.picture-short-description {
  line-height: 14px;
  font-family: "Atlas Grotesk Web Medium", "Arial", sans-serif;
}

.picture-description-container {
  padding: 12px 12px;
}

.picture-element {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
}

@media (max-width: 62em) {
  .m-checkout__inner {
    max-width: 440px;
  }
}
@media (min-width: 62em) {
  .m-checkout__inner {
    width: 632px;
  }
}
@media (min-width: 62em) {
  .m-checkout__row {
    display: grid;
    grid-template-columns: 180px 440px;
    column-gap: 12px;
  }
}
.m-checkout__row:not(:first-child) {
  margin-top: 32px;
}

@media (min-width: 62em) {
  .m-checkout__row:not(:first-child) {
    margin-top: 48px;
  }
}
@media (max-width: 62em) {
  .m-checkout__section-headline {
    margin-bottom: 6px;
  }
}
.m-checkout__input-grid {
  display: grid;
}

@media (max-width: 62em) {
  .m-checkout__input-grid {
    grid-template-columns: 214px;
    row-gap: 12px;
  }
}
@media (min-width: 62em) {
  .m-checkout__input-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    row-gap: 12px;
  }
}
.m-checkout__required-note {
  color: #8A8A8A;
  margin-left: 8px;
}

.m-checkout__submit-button {
  grid-column: 2/3;
  justify-self: start;
}

.m-checkout__copy-address-button {
  justify-self: start;
}

@media (min-width: 62em) {
  .m-checkout__payment {
    margin-top: -5px;
  }
}
.m-checkout__acknowledgements,
.m-checkout__release-info,
.m-checkout__fast-delivery,
.m-checkout__personal-use-confirmation {
  margin-top: 6px;
}

.m-checkout__shipment-method + .m-checkout__shipment-method {
  margin-top: 3px;
}

.m-checkout__summary {
  width: 100%;
  border-collapse: collapse;
  line-height: 14px;
}

.m-checkout__summary tr td:first-child,
.m-checkout__summary tr td:first-child,
.m-checkout__summary tr td:first-child {
  width: 100px;
}

@media (min-width: 62em) {
  .m-checkout__summary tr td:first-child,
  .m-checkout__summary tr td:first-child,
  .m-checkout__summary tr td:first-child {
    width: 140px;
  }
}
.m-checkout__summary td {
  padding-top: 3px;
  padding-bottom: 3px;
}

.m-checkout__summary tbody tr:first-child td {
  padding-top: 6px;
}

.m-checkout__summary tbody tr:last-child td {
  padding-bottom: 6px;
}

.m-checkout__top-row {
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
  font-weight: normal;
  text-align: left;
}

td.m-checkout__total-row,
td.m-checkout__grand-total-row {
  padding-top: 6px;
  border-top: 1px solid #000;
}

td.m-checkout__shipping-row--first {
  padding-top: 6px;
  border-top: 1px solid #000;
}

td.m-checkout__shipping-row--last {
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
}

td.m-checkout__grand-total-row {
  padding-bottom: 0;
}

td.m-checkout__vat-label,
td.m-checkout__vat {
  padding-bottom: 6px;
}

.m-checkout__summary-name {
  padding-right: 6px;
}

.m-checkout__price-label,
.m-checkout__price,
.m-checkout__summary-price,
.m-checkout__total,
.m-checkout__vat,
.m-checkout__grand-total {
  text-align: right;
}

@media (min-width: 62em) {
  .touch .m-checkout__payment,
  [data-whatinput=touch] .m-checkout__payment,
  [data-whatintent=touch] .m-checkout__payment {
    margin-top: -8px;
  }
}
@media (min-width: 62em) {
  .touch[data-whatinput=mouse] .m-checkout__payment,
  .touch[data-whatintent=mouse] .m-checkout__payment {
    margin-top: -5px;
  }
}
.flex.align-center {
  align-items: center;
  gap: 8px;
}

@media (max-width: 430px) {
  .order-sheet {
    margin-top: 20px;
  }
}
.preorder-table_id-column h4 {
  margin-bottom: 1em;
}

.preorder__row, .submit-preorder__row {
  display: grid;
  column-gap: 12px;
  width: 100%;
  grid-template-columns: 180px auto;
}

.preorder-table_style:not(:nth-last-child(2)) {
  margin-bottom: 48px;
}

.preorder-table_product-row,
.preorder-table_header-row {
  display: grid;
  grid-template-columns: 100px 100px auto 80px 80px;
  gap: 8px;
  border-bottom: 1px solid black;
  margin-bottom: 6px;
}

.preorder-table_product-row > *:last-child,
.preorder-table_header-row > *:last-child {
  text-align: right;
}

@media (min-width: 992px) {
  .preorder-table_product-row,
  .preorder-table_header-row {
    grid-template-columns: 90px 90px auto 60px 60px;
  }
}
@media (min-width: 1201px) {
  .preorder-table_product-row,
  .preorder-table_header-row {
    grid-template-columns: 120px 120px auto 100px 100px;
    gap: 16px;
  }
}
@media (max-width: 430px) {
  .preorder-table_product-row,
  .preorder-table_header-row {
    grid-template-columns: 100px 90px 90px 90px;
    grid-template-rows: auto;
  }
}
.preorder-table_header-row {
  text-transform: uppercase;
}

@media (max-width: 430px) {
  .preorder-table_header-row {
    grid-template-columns: 100px 90px 90px 90px;
  }
  .preorder-table_header-row .color-size__grid {
    display: none;
  }
}
.color-size__grid,
.preorder-table_color-and-sizes-column {
  display: grid;
  grid-template-columns: 2fr 8fr;
  align-content: start;
  gap: 16px;
}

@media (max-width: 430px) {
  .color-size__grid,
  .preorder-table_color-and-sizes-column {
    grid-row-start: 2;
    grid-column: 1/5;
    padding-bottom: 16px;
  }
}
.preorder-table_image-column,
.preorder-table_id-column,
.preorder-table_color-column,
.preorder-table_item-price-column,
.preorder-table_subtotal-price-column {
  margin-bottom: 6px;
}

.preorder-table_quantity-column {
  margin-bottom: 6px;
}

.color-size-row {
  display: flex;
  gap: 8px;
}

@media (min-width: 1201px) {
  .color-size-row {
    gap: 16px;
  }
}
.color-size-row_sizes {
  display: flex;
}

.color-size-row_size,
.color-size-row_color,
.min-max-row {
  padding: 4px 0;
}

.color-size-row_size {
  padding-right: 5px;
  flex-basis: 2.5ch;
}

.order-sheet_style-name {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.order-sheet_style-name:not(:first-child) {
  margin-top: 96px;
}

.preorder__total-line {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.preorder-product-part {
  margin-top: 48px;
}

.order-limit-invalid.min-max_min, .order-limit-invalid.min-max_max {
  color: red;
}

.order-limit-invalid input[type=number] {
  border-color: red;
}

.payment-buttons {
  display: flex;
  flex-direction: row;
  gap: 4px;
  flex-wrap: wrap;
}

.payment-buttons button {
  flex: 0 0 auto;
}

.generation > .generation {
  margin-left: 30px;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

html {
  --offset: 48px;
}

@media (width < 992px) {
  html {
    --offset: 12px;
  }
}
body.information ::selection {
  background: #d8402a;
  color: black;
  text-shadow: none;
}

body.information ::-moz-selection {
  background: #d8402a;
  color: black;
  text-shadow: none;
}

body.information {
  padding-top: 82px;
}

body.information, body.information .header-container {
  background: #959595;
}

body.information > header {
  position: fixed;
  top: 0;
  width: 100%;
  background: rgb(149, 149, 149);
  z-index: 1;
}

body.information .hover-underline:hover {
  text-decoration: underline;
}

body.information .marginal {
  font-size: 10px;
  line-height: 1em;
}

body.information .iteration header, body.information .iteration footer,
body.information .lightbox header, body.information .lightbox footer {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
}

body.information .iteration header span, body.information .iteration footer span,
body.information .lightbox header span, body.information .lightbox footer span {
  flex: 0 0 10%;
  min-width: 10ch;
}

body.information .iteration header span:first-child, body.information .iteration footer span:first-child,
body.information .lightbox header span:first-child, body.information .lightbox footer span:first-child {
  text-align: left;
}

body.information .iteration header span:nth-child(2), body.information .iteration footer span:nth-child(2),
body.information .lightbox header span:nth-child(2), body.information .lightbox footer span:nth-child(2) {
  text-align: center;
}

body.information .iteration header span:last-child, body.information .iteration footer span:last-child,
body.information .lightbox header span:last-child, body.information .lightbox footer span:last-child {
  text-align: right;
}

body.information .lightbox {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: #959595;
  padding: 1rem 0;
  display: none;
}

body.information .lightbox > header,
body.information .lightbox > footer {
  padding: 0 var(--offset);
}

body.information .lightbox .splide {
  padding: 3px 0;
}

body.information .lightbox.active {
  display: block;
}

body.information .lightbox-trigger {
  cursor: zoom-in;
}

body.information .splide {
  cursor: zoom-out;
}

body.information .splide .splide__arrows,
body.information .splide .splide__close {
  position: absolute;
  bottom: 0;
  translate: 0 22px;
  width: 100%;
  z-index: 200;
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap: 1px;
}

body.information .splide .splide__arrows button,
body.information .splide .splide__close button {
  pointer-events: all;
  background: black;
  color: white;
  padding: 5px;
}

body.information .splide .splide__arrows button:first-child svg,
body.information .splide .splide__close button:first-child svg {
  transform: scale(-1, 1);
}

body.information .splide .splide__arrows button svg,
body.information .splide .splide__close button svg {
  pointer-events: none;
  height: 9px;
  width: 9px;
}

body.information .splide .splide__arrows button svg path,
body.information .splide .splide__close button svg path {
  fill: white;
}

body.information .splide li figure,
body.information .splide li figure img {
  width: auto;
  max-width: 100%;
  height: 98%;
  object-fit: contain;
  object-position: top;
}

@media (orientation: portrait) {
  body.information .splide li figure,
  body.information .splide li figure img {
    height: auto;
  }
}
body.information .splide li figure img {
  cursor: pointer;
}

body.information .splide li video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  cursor: pointer;
  object-position: top;
}

body.information main #user-header {
  margin-bottom: 5rem;
}

body.information main #user-header h1, body.information main #user-header h2 {
  font-size: 1.6em;
  line-height: 1.25;
}

body.information main #user-header .personal {
  margin-top: 0.5rem;
  border: 1px solid black;
  padding: 5px 10px;
}

body.information main #user-header .personal .personal-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.information main #user-header .personal > div {
  display: flex;
  gap: 8ch;
}

body.information main #user-header .personal > div span > span {
  color: #d8402a;
}

body.information main #user-header .personal .informations-index {
  display: none;
  margin: 10px 0 0;
}

body.information main #user-header .personal .informations-index h3 {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

body.information main #user-header .personal.expanded .informations-index {
  display: block;
}

body.information main #user-header .personal ol.index {
  counter-reset: items;
  list-style: none;
  line-height: 1.3em;
}

body.information main #user-header .personal ol.index li {
  display: flex;
  column-gap: 5px;
}

body.information main #user-header .personal ol.index li span {
  width: 3ch;
}

@media (pointer: coarse) {
  body.information main #user-header .personal ol.index li {
    margin-bottom: 5px;
  }
}
body.information main #user-header section:last-child > p {
  text-transform: uppercase;
}

body.information main .post {
  margin-bottom: 24rem;
  font-size: 12pt;
  line-height: 1.3em;
}

body.information main .post:last-child {
  margin-bottom: 12rem;
}

body.information main .post h1, body.information main .post h2, body.information main .post h3, body.information main .post h4 {
  font-weight: normal;
  margin-bottom: 0.75em;
}

body.information main .post > header {
  padding-left: 53px;
  margin-bottom: 2rem;
}

body.information main .post > header h2, body.information main .post > header .h2 {
  font-size: 1.4rem;
  line-height: 1.1em;
  margin-bottom: 0;
}

@media (orientation: portrait) {
  body.information main .post > header {
    padding-left: 0;
    margin-bottom: 1rem;
  }
}
body.information main .post ol, body.information main .post ul {
  list-style: none;
}

body.information main .post figure.video {
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

body.information main .post figure.video img {
  object-fit: cover;
}

body.information main .post figure.video svg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 20%;
  height: 20%;
  min-width: 40px;
  min-height: 40px;
  max-width: 60px;
  max-height: 60px;
}

body.information main .post > main {
  margin-bottom: 10px;
}

body.information main .post > main > article:first-of-type > main {
  height: 60vh;
  overflow: hidden;
  margin-bottom: 10px;
}

body.information main .post > main > article:first-of-type > main preview {
  display: block;
}

body.information main .post > main > article:first-of-type > main:has(preview) > *:not(preview) {
  display: none;
}

body.information main .post > main > article:first-of-type > main ol:has(li > .image),
body.information main .post > main > article:first-of-type > main ul:has(li > .image) {
  max-width: unset;
}

body.information main .post > main > .iteration .iteration {
  display: none;
}

body.information main .post > main .iteration {
  margin: 0 0 0 3px;
  border-left: 1px solid #000;
  padding-left: 3px;
}

@media (orientation: portrait) {
  body.information main .post > main .iteration {
    margin-left: 2px;
    padding-left: 2px;
  }
  body.information main .post > main .iteration header, body.information main .post > main .iteration footer {
    margin-left: 2px;
  }
}
body.information main .post > main .iteration main {
  margin-left: 50px;
  min-height: 60vh;
  padding: 3px 0;
}

@media (orientation: portrait) {
  body.information main .post > main .iteration main {
    margin-left: 2px;
  }
}
body.information main .post > main .iteration main p, body.information main .post > main .iteration main ol, body.information main .post > main .iteration main ul, body.information main .post > main .iteration main h2, body.information main .post > main .iteration main h3, body.information main .post > main .iteration main h4, body.information main .post > main .iteration main preview {
  margin-bottom: 0.5em;
}

body.information main .post > main .iteration main p, body.information main .post > main .iteration main ol, body.information main .post > main .iteration main ul, body.information main .post > main .iteration main h2, body.information main .post > main .iteration main h3, body.information main .post > main .iteration main h4, body.information main .post > main .iteration main preview {
  max-width: 60ch;
}

body.information main .post > main .iteration main h1, body.information main .post > main .iteration main h2, body.information main .post > main .iteration main h3, body.information main .post > main .iteration main h4 {
  font-size: 1rem;
  line-height: 1.4em;
}

body.information main .post > main .iteration main h1, body.information main .post > main .iteration main h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  line-height: 1.1em;
}

body.information main .post > main .iteration main h3, body.information main .post > main .iteration main h4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

body.information main .post > main .iteration main h4 {
  font-size: 0.8rem;
  line-height: 1.1rem;
  max-width: 50ch;
  padding-left: 2ch;
}

body.information main .post > main .iteration main ul li {
  text-indent: -2ch;
  margin-left: 2.15ch;
}

body.information main .post > main .iteration main ul li:before {
  content: "_";
  display: inline;
}

@media (orientation: portrait) {
  body.information main .post > main .iteration main ul li {
    text-indent: -1ch;
    margin-left: 1.15ch;
  }
}
body.information main .post > main .iteration main ol:has(li + li > .image), body.information main .post > main .iteration main ol:has(li + li > .product), body.information main .post > main .iteration main ul:has(li + li > .image), body.information main .post > main .iteration main ul:has(li + li > .product) {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  max-width: unset;
  gap: 5px;
}

body.information main .post > main .iteration main ol:has(li + li > .image):before, body.information main .post > main .iteration main ol:has(li + li > .product):before, body.information main .post > main .iteration main ul:has(li + li > .image):before, body.information main .post > main .iteration main ul:has(li + li > .product):before {
  display: none;
}

body.information main .post > main .iteration main ol:has(li + li > .product), body.information main .post > main .iteration main ul:has(li + li > .product) {
  row-gap: 15px;
}

@media (min-width: 1000px) {
  body.information main .post > main .iteration main ol:has(li + li > .image), body.information main .post > main .iteration main ul:has(li + li > .image) {
    margin-left: 30%;
    max-width: 60%;
  }
}
body.information main .post > main .iteration main ol li:has(figure):only-child figure, body.information main .post > main .iteration main ul li:has(figure):only-child figure {
  width: auto;
}

body.information main .post > main .iteration main ol li:has(figure):only-child figure img, body.information main .post > main .iteration main ul li:has(figure):only-child figure img {
  height: 60vh;
  width: auto;
  object-fit: contain;
  object-position: top;
}

@media (orientation: portrait) {
  body.information main .post > main .iteration main ol li:has(figure):only-child figure.landscape img, body.information main .post > main .iteration main ul li:has(figure):only-child figure.landscape img {
    width: 100%;
    height: auto;
  }
}
body.information main .post > main .iteration main ol figure.portrait, body.information main .post > main .iteration main ol figure.square,
body.information main .post > main .iteration main ol div.portrait,
body.information main .post > main .iteration main ol div.square, body.information main .post > main .iteration main ul figure.portrait, body.information main .post > main .iteration main ul figure.square,
body.information main .post > main .iteration main ul div.portrait,
body.information main .post > main .iteration main ul div.square {
  width: 144px;
}

body.information main .post > main .iteration main ol figure.landscape,
body.information main .post > main .iteration main ol div.landscape, body.information main .post > main .iteration main ul figure.landscape,
body.information main .post > main .iteration main ul div.landscape {
  width: 222px;
}

body.information main .post > main .iteration main ol figure figcaption,
body.information main .post > main .iteration main ol div figcaption, body.information main .post > main .iteration main ul figure figcaption,
body.information main .post > main .iteration main ul div figcaption {
  margin-top: 3px;
}

@media (min-width: 1000px) {
  body.information main .post > main .iteration main > div {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  body.information main .post > main .iteration main > div > ol:has(li + li > .image),
  body.information main .post > main .iteration main > div ul:has(li + li > .image) {
    margin-left: 0;
  }
}
@media (min-width: 1000px) and (min-width: 1000px) {
  body.information main .post > main .iteration main > div > ol:has(li + li > .image),
  body.information main .post > main .iteration main > div ul:has(li + li > .image) {
    margin-left: 0;
  }
}
@media (min-width: 1000px) {
  body.information main .post > main .iteration main > div > * {
    flex: 0 1 60%;
  }
}
body.information main .post > main > .iteration:first-of-type {
  margin-left: 0;
}

body.information main .post.expanded > main {
  height: auto;
}

body.information main .post.expanded > main > article:first-of-type > main {
  height: auto;
}

body.information main .post.expanded > main > article:first-of-type > main:has(preview) > *:not(preview) {
  display: block;
}

body.information main .post.expanded > main > article:first-of-type > main > preview {
  display: none;
}

body.information main .post.expanded > main > .iteration .iteration {
  margin-top: 5rem;
  display: block;
}

html,
body {
  font-family: "Atlas Grotesk Web Regular", "Atlas Grotesk", "Arial", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 1730px) {
  .l-wrapper {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
[data-whatinput=mouse] .c-button {
  cursor: pointer;
}

.turbo-progress-bar {
  background: black;
  height: 2px;
}
[data-theme=dark] .turbo-progress-bar {
  background: white !important;
}

body > .container {
  padding-bottom: 40px;
}

textarea,
select,
input,
button {
  outline: none;
}

h1 {
  font-size: 1.6em;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  h1 {
    margin-bottom: 96px;
  }
}

p {
  line-height: 1.4em;
  margin-bottom: 1em;
}

a.underline {
  text-decoration: underline;
}
a.underline:hover {
  text-decoration: none;
}

b {
  line-height: 14px;
  font-family: "Atlas Grotesk Web Medium", "Arial", sans-serif;
  font-weight: normal;
}

.hidden {
  display: none !important;
}

.flex {
  display: flex;
}

.flex.gap {
  gap: 4px;
}

.nobreak {
  white-space: nowrap;
}

.justifyEnd {
  justify-content: flex-end;
}

.flex-grow {
  flex-grow: 1;
}

.flex-row {
  flex-direction: row;
}

.header__login-links {
  gap: 24px;
  padding-right: 24px;
  flex-grow: 0;
}

.no-scroll {
  overflow: hidden;
}

.c-color-swatch--olive,
.c-color-swatch--olive-reverse-coil-zip,
.c-color-swatch--ranger-green,
.c-color-swatch--olive-olive-drab .c-color-swatch--med-olive-dust-black,
.c-color-swatch--olive-black-sleeve,
.c-color-swatch--med-olive-silver,
.c-color-swatch--green-white-zip,
.c-color-swatch--olive-green,
.c-color-swatch--olive-black,
.c-color-swatch--green-matte-green-zip,
.c-color-swatch--green-black-zip,
.c-color-swatch--olive-reverse-coil-zip,
.c-color-swatch--khaki-olive,
.c-color-swatch--khaki-sage {
  background-color: #686748;
}

.c-color-swatch--white,
.c-color-swatch--white-white,
.c-color-swatch--white-white-white,
.c-color-swatch--white-raf-green,
.c-color-swatch--black-multi,
.c-color-swatch--black-black-med-olive,
.c-color-swatch--white-white,
.c-color-swatch--multi,
.c-color-swatch--white-wr-zip,
.c-color-swatch--zebra,
.c-color-swatch--zebra-white-yellow,
.c-color-swatch--white-multi,
.c-color-swatch--light-bone-light-bone-volt,
.c-color-swatch--black-white-turbo-green-court-purple,
.c-color-swatch--white-2-hoods-white-black {
  background-color: #fff;
  border: 0.5px solid black;
}

.c-color-swatch--black,
.c-color-swatch--black-black,
.c-color-swatch--black-black-white,
.c-color-swatch--black-white,
.c-color-swatch--black-olive,
.c-color-swatch--black-silver,
.c-color-swatch--black-wr-zip,
.c-color-swatch--black-white-zip,
.c-color-swatch--black-black-zip,
.c-color-swatch--black-matte-black-zip,
.c-color-swatch--black-reverse-coil-zip,
.c-color-swatch--french-keyboard,
.c-color-swatch--german-keyboard,
.c-color-swatch--black-white-logo,
.c-color-swatch--black-olive-sleeve,
.c-color-swatch--foil-black,
.c-color-swatch--nesm,
.c-color-swatch--black-gold,
.c-color-swatch--white-logo,
.c-color-swatch--multi-black,
.c-color-swatch--black-purple,
.c-color-swatch--black-white-olive-aura,
.c-color-swatch--black-black-bright-crimson,
.c-color-swatch--black-black-logo,
.c-color-swatch--black-black-white-black,
.c-color-swatch--black-white-med-olive,
.c-color-swatch--black-2-hoods-black-hi-vis-orange,
.c-color-swatch--multi-black-2-hoods-white-black,
.c-color-swatch--black-reflective {
  background-color: black;
}

[data-theme=dark] body .c-color-swatch--white,
[data-theme=dark] body .c-color-swatch--white-white,
[data-theme=dark] body .c-color-swatch--white-white-white,
[data-theme=dark] body .c-color-swatch--white-raf-green,
[data-theme=dark] body .c-color-swatch--black-multi,
[data-theme=dark] body .c-color-swatch--black-black-med-olive,
[data-theme=dark] body .c-color-swatch--white-white,
[data-theme=dark] body .c-color-swatch--multi,
[data-theme=dark] body .c-color-swatch--white-wr-zip,
[data-theme=dark] body .c-color-swatch--zebra,
[data-theme=dark] body .c-color-swatch--zebra-white-yellow,
[data-theme=dark] body .c-color-swatch--white-multi,
[data-theme=dark] body .c-color-swatch--light-bone-light-bone-volt,
[data-theme=dark] body .c-color-swatch--black-logo,
[data-theme=dark] body .c-color-swatch--black-white-turbo-green-court-purple,
[data-theme=dark] body .c-color-swatch--white-2-hoods-white-black {
  border: none;
}
[data-theme=dark] body .c-color-swatch--black,
[data-theme=dark] body .c-color-swatch--black-black,
[data-theme=dark] body .c-color-swatch--black-black-white,
[data-theme=dark] body .c-color-swatch--black-white,
[data-theme=dark] body .c-color-swatch--black-olive,
[data-theme=dark] body .c-color-swatch--black-silver,
[data-theme=dark] body .c-color-swatch--black-wr-zip,
[data-theme=dark] body .c-color-swatch--black-white-zip,
[data-theme=dark] body .c-color-swatch--black-black-zip,
[data-theme=dark] body .c-color-swatch--black-matte-black-zip,
[data-theme=dark] body .c-color-swatch--black-reverse-coil-zip,
[data-theme=dark] body .c-color-swatch--french-keyboard,
[data-theme=dark] body .c-color-swatch--german-keyboard,
[data-theme=dark] body .c-color-swatch--black-white-logo,
[data-theme=dark] body .c-color-swatch--black-olive-sleeve,
[data-theme=dark] body .c-color-swatch--foil-black,
[data-theme=dark] body .c-color-swatch--nesm,
[data-theme=dark] body .c-color-swatch--black-gold,
[data-theme=dark] body .c-color-swatch--white-logo,
[data-theme=dark] body .c-color-swatch--multi-black,
[data-theme=dark] body .c-color-swatch--black-purple,
[data-theme=dark] body .c-color-swatch--black-white-olive-aura,
[data-theme=dark] body .c-color-swatch--black-black-bright-crimson,
[data-theme=dark] body .c-color-swatch--black-black-logo,
[data-theme=dark] body .c-color-swatch--black-black-white-black,
[data-theme=dark] body .c-color-swatch--black-white-med-olive,
[data-theme=dark] body .c-color-swatch--black-2-hoods-black-hi-vis-orange,
[data-theme=dark] body .c-color-swatch--multi-black-2-hoods-white-black,
[data-theme=dark] body .c-color-swatch--black-logo,
[data-theme=dark] body .c-color-swatch--black-reflective {
  border: 0.5px solid white;
}

.c-color-swatch--cool-grey-black-black,
.c-color-swatch--black-palladium-bc-blue-gray,
.c-color-swatch--backer-gray,
.c-color-swatch--gray-black,
.c-color-swatch--gray-melange,
.c-color-swatch--grey,
.c-color-swatch--leopard,
.c-color-swatch--backer-gray-black {
  background-color: #D5DAE1;
}

.c-color-swatch--white-dynamic-yellow-black,
.c-color-swatch--light-bone-light-bone-volt,
.c-color-swatch--hi-vis-yellow,
.c-color-swatch--white-hot-lava-volt-black,
.c-color-swatch--hi-vis-yellow-gray,
.c-color-swatch--black-volt-black {
  background-color: #BFE600;
}

.c-color-swatch--raf-green,
.c-color-swatch--black-raf-green,
.c-color--swatch--black-bamboo-black,
.c-color-swatch--raf-green-black,
.c-color-swatch--raf-green-black,
.c-color-swatch--raf-green-2-hoods-raf-green-hi-vis-orange,
.c-color-swatch--multi-raf-green-2-hoods-raf-green-hi-vis-orange {
  background-color: #939181;
}

.c-color-swatch--gray,
.c-color-swatch--silver,
.c-color-swatch--dust,
.c-color-swatch-white-chrome,
.c-color-swatch-backer-gray,
.c-color-swatch-backer-leopard,
.c-color-swatch--dust-raf-green-2-hoods-dust-black {
  background-color: #D5DAE1;
}

.c-color-swatch--schwarzrot,
.c-color-swatch--schwarzrot-backer-gray,
.c-color-swatch--white-red {
  background-color: #615255;
}

.c-color-swatch--khaki,
.c-color-swatch--silver-light-yellow-platinum,
.c-color-swatch--black-khaki,
.c-color-swatch--khaki-black {
  background-color: #F4E3BD;
}

.c-color-swatch-white-white-bright-crimson,
.c-color-swatch-red-dark-red,
.c-color-swatch-red-dark-red-white-orange {
  background-color: #d8402a;
}

.c-color-swatch--sail-dark-stucco-cargo-khaki,
.c-color-swatch--schwarzgr-n,
.c-color-swatch--braun {
  background-color: #313328;
}

.c-color-swatch--navy,
.c-color-swatch--night {
  background-color: #3B4760;
}

.c-color-swatch--light-gray-blue,
.c-color-swatch--blaugrau {
  background-color: #8D95A4;
}

.c-color-swatch--green,
.c-color-swatch--lt-green-green {
  background-color: #B2B27F;
}

.c-color-swatch--alpha-green,
.c-color-swatch--alpha-green-silver {
  background-color: #A8B8B8;
}

.c-color-swatch--coyote {
  background-color: #A58D68;
}

.c-color-swatch--pistachio {
  background-color: #AFC1A5;
}

.c-color-swatch--petrol {
  background-color: #3E4D56;
}

.c-color-swatch--purple-white {
  background-color: #8A7AC7;
}

.c-color-swatch--white-dynamic-yellow-black {
  background-color: #FCFF00;
}

.c-color-swatch--silver-light-yellow-platinum {
  background-color: #6A89A5;
}

.c-color-swatch--silver-light-pink-gold {
  background-color: #D3BEC9;
}

.c-color-swatch--racer-pink-photo-blue-black {
  background-color: #E84E7D;
}

.c-color-swatch--hi-vis-orange {
  background-color: #FF4300;
}

.c-color-swatch-white-white-bright-night-maroon-lemon-venom-black {
  background-color: #662E3B;
}

.input-field-grid {
  row-gap: 6px;
}
.input-field-grid .c-full-button, .input-field-grid .billing-button,
.input-field-grid .form-mandatory-hint {
  grid-column-start: 1;
}

.c-input-text__label {
  padding: 3px 8px 4px;
}

.c-button,
.c-full-button,
.billing-button {
  white-space: nowrap;
}
.c-button:after,
.c-full-button:after,
.billing-button:after {
  height: calc(100% + 10px);
  top: -5px;
}

.c-full-button, .billing-button {
  min-width: 65px;
}
.c-full-button:active, .billing-button:active {
  background: #808080;
}
.c-full-button:disabled, .billing-button:disabled {
  pointer-events: none;
}
.c-full-button.is-loading, .is-loading.billing-button {
  color: #808080;
  pointer-events: none;
}
.c-full-button.c-full-button--light:disabled, .c-full-button--light.billing-button:disabled {
  color: #bbb;
}
.c-full-button.c-full-button--dark:disabled, .billing-button:disabled {
  color: #555;
}
.c-full-button.c-full-button--textButton, .c-full-button--textButton.billing-button, .c-full-button.c-full-button--textButton:active {
  background: transparent;
}
.c-full-button.c-full-button--textButton:hover, .c-full-button--textButton.billing-button:hover, .c-full-button.c-full-button--textButton:active:hover {
  text-decoration: underline;
}

@media (pointer: coarse) {
  .c-button:after {
    height: calc(100% + 18px);
    top: -10px;
  }
}
.c-full-button, .billing-button,
.c-input-button {
  height: 20px;
  padding: 0 8px;
  line-height: 20px;
  font-weight: normal;
  cursor: pointer;
}
@media (max-width: 430px) {
  .c-full-button, .billing-button,
  .c-input-button {
    height: 28px;
    line-height: 28px;
  }
}

.c-button--no-bg:active {
  background: transparent;
}

.c-payment-button, .billing-button {
  margin-bottom: 8px;
  width: 144px;
  height: 36px;
  text-align: left;
  padding: 2px 0 0 10px; /* Oben 5px, Rechts 0, Unten 0, Links 10px */
  display: flex;
  align-items: flex-start;
}

@media (pointer: coarse) {
  .c-full-button:not(.c-button--no-bg),
  .c-input-button,
  .billing-button {
    height: 28px;
    line-height: 28px;
  }
}
.touch .c-text-button,
[data-whatinput=touch] .c-text-button,
[data-whatintent=touch] .c-text-button,
.c-text-button {
  height: unset;
  line-height: unset;
  padding: 0;
  -webkit-appearance: none;
}

[data-whatintent=touch] .c-payment-button, [data-whatintent=touch] .billing-button {
  height: 36px;
}

.c-input-button:active, .billing-button:active {
  top: unset;
}

[data-whatinput=touch] .billing-button:not(.m-header__nav-item) {
  height: 36px;
}

.c-color-swatch:not(:first-child) {
  margin-left: 4px;
}

@media (min-width: 62em) {
  .alert-box {
    margin-left: 48px;
  }
}
@media (min-width: 75.0625em) {
  .alert-box {
    margin-left: 64px;
  }
}

.header-container {
  position: fixed;
  top: 0;
  width: 100%;
  background: white;
  z-index: 2;
}

[data-theme=dark] svg.logo path {
  fill: white;
}
svg.logo.preorder path {
  fill: #d8402a;
}

svg.information {
  height: 1.45em;
  width: auto;
  overflow: visible;
}

.m-header .m-header__nav-panel-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.m-header .m-header__nav-item--filter,
.m-header .m-header__multi-toggle,
.m-header .m-header__nav-item--search--container {
  gap: 10px;
}
.m-header .m-header__bottom-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.m-header .m-header__bottom-row .o-item-row {
  gap: 12px;
}
.m-header .m-header__product-header-container {
  margin-top: 9px;
  margin-left: 64px;
}
.m-header .m-header__product-header-container .m-header__products_wrap {
  align-items: flex-start;
}
@media (max-width: 1201px) {
  .m-header .m-header__product-header-container {
    min-height: 2em;
  }
  .m-header .m-header__product-header-container .m-header__products-bottom-row {
    display: none;
  }
}
@media (max-width: 430px) {
  .m-header .o-item-row {
    flex-wrap: wrap;
  }
  .m-header .o-item-row:only-child {
    align-content: flex-end;
  }
  .m-header .m-header__nav-item--form {
    gap: 16px;
    min-height: calc(2.2em + 2px + 2px);
    justify-content: space-between;
  }
  .m-header .m-header__nav-item--form input {
    width: 0;
  }
  .m-header .m-header__nav-item--filter,
  .m-header .m-header__multi-toggle {
    flex: 1 0 60%;
  }
  .m-header .m-header__nav-item--search {
    display: flex;
    justify-content: flex-end;
    flex: 1 0;
  }
}

.m-header__nav, .header__login-links {
  gap: 24px;
}
@media (min-width: 431px) {
  .m-header__nav, .header__login-links {
    min-height: calc(2.2em + 2px + 2px);
    align-items: center;
    margin-left: 64px;
  }
}

.m-header__bottom-row .m-header__nav-item:not(:last-child) {
  margin-right: 0;
}
@media (min-width: 431px) {
  .m-header__bottom-row .m-header__nav-item:not(:last-child) {
    margin-right: 24px;
  }
  .m-header__bottom-row .m-header__nav-item:not(:last-child).m-header__nav-item--visual-last {
    margin-right: 0;
  }
}
@media (max-width: 430px) {
  .m-header__bottom-row {
    min-height: 14px;
  }
}

[data-whatintent=touch] .m-header__bottom-row {
  padding-bottoim: 24px;
}

.m-header__nav-item--form {
  gap: 24px;
}

.m-header__products {
  padding-top: 0;
  margin-top: 0;
}

.m-header__search-field {
  max-width: 200px;
  height: 2.2em;
}
.m-header__search-field::-webkit-search-cancel-button {
  display: none;
}

.m-header__cart {
  top: 12px;
}
@media (min-width: 992px) {
  .m-header__cart {
    top: 28px;
  }
}
.m-header__cart .o-ui-list:empty {
  height: 20px;
}
.m-header__cart .o-ui-list:empty:before {
  content: "Your cart is empty";
}

.m-header__bottom-row {
  margin-top: 0;
  padding-bottom: 12px;
}

body > .container {
  padding-top: 82px;
}
@media (max-width: 430px) {
  body > .container {
    padding-top: 50px;
  }
}

.m-image-grid__list li {
  padding-bottom: 16px;
}
.m-image-grid__list {
  gap: 4px;
}

.m-image-grid__label--in-image {
  display: inline-block;
  position: relative;
  top: -25px;
  left: 0;
  color: white;
  text-align: center;
}

.default-page,
.login-page {
  max-width: 1728px;
  margin: 0 auto;
}
@media (min-width: 1730px) {
  .default-page,
  .login-page {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 430px) {
  .default-page,
  .login-page {
    padding: 0 12px;
  }
}
@media (min-width: 992px) {
  .default-page,
  .login-page {
    padding: 0 48px;
  }
}
@media (min-width: 1201px) {
  .default-page,
  .login-page {
    padding: 0 64px;
  }
}
.default-page h2,
.login-page h2 {
  line-height: 14px;
  font-family: "Atlas Grotesk Web Medium", "Arial", sans-serif;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .default-page h2,
  .login-page h2 {
    margin-top: 48px;
  }
}
.default-page h3,
.login-page h3 {
  margin: 24px 0 1em;
}
.default-page p,
.default-page ul,
.default-page ol,
.default-page blockquote,
.login-page p,
.login-page ul,
.login-page ol,
.login-page blockquote {
  max-width: 52em;
  line-height: 1.4em;
}
.default-page p a,
.default-page ul a,
.default-page ol a,
.default-page blockquote a,
.login-page p a,
.login-page ul a,
.login-page ol a,
.login-page blockquote a {
  text-decoration: underline;
}
.default-page p a:hover,
.default-page ul a:hover,
.default-page ol a:hover,
.default-page blockquote a:hover,
.login-page p a:hover,
.login-page ul a:hover,
.login-page ol a:hover,
.login-page blockquote a:hover {
  text-decoration: none;
}
.default-page .highlight,
.login-page .highlight {
  border: none;
  background: transparent;
  padding: 0;
}
.default-page ul,
.login-page ul {
  list-style: none;
}
.default-page ul li,
.login-page ul li {
  padding-left: 2ch;
  text-indent: -0.6ch;
  margin-bottom: 0.3em;
}
.default-page ul li:before,
.login-page ul li:before {
  content: "_";
}
.default-page li ul li:first-child,
.login-page li ul li:first-child {
  padding-top: 8px;
}
.default-page li > p + ul li:first-child,
.login-page li > p + ul li:first-child {
  padding-top: 0;
}
.default-page ol,
.login-page ol {
  padding: 0;
  list-style-position: outside;
  padding-left: 2ch;
}
.default-page ol li,
.login-page ol li {
  text-indent: 0;
  margin-bottom: 0.8em;
}
.default-page ul li:last-child,
.login-page ul li:last-child {
  margin-bottom: 0.8em;
}
.default-page .glossary__row,
.default-page .fabrics__row,
.login-page .glossary__row,
.login-page .fabrics__row {
  display: grid;
  grid-template-columns: 180px 440px;
  column-gap: 12px;
  justify-self: start;
}
@media (max-width: 430px) {
  .default-page .glossary__row,
  .default-page .fabrics__row,
  .login-page .glossary__row,
  .login-page .fabrics__row {
    grid-template-columns: 1fr;
  }
}
.default-page .fabrics__row,
.login-page .fabrics__row {
  margin-bottom: 48px;
}
.default-page .glossary__row h2,
.default-page .fabrics__row h2,
.login-page .glossary__row h2,
.login-page .fabrics__row h2 {
  margin: 0;
}
.default-page.stockists-page ul li,
.login-page.stockists-page ul li {
  padding-left: unset;
  text-indent: unset;
}
.default-page.stockists-page ul li:before,
.login-page.stockists-page ul li:before {
  content: "";
}

.m-image-grid__link {
  padding: 0;
  min-width: 148px;
}

@media (max-width: 430px) {
  .m-image-grid__link {
    min-width: 118px;
  }
  .m-image-grid__link--portrait img {
    width: 118px;
    height: 177px;
  }
  .m-image-grid__link--landscape img {
    width: 177px;
    height: 118px;
  }
}
@media (max-width: 380px) {
  .m-image-grid__link {
    min-width: 140px;
  }
  .m-image-grid__link--portrait img {
    width: 140px;
    height: 210px;
  }
  .m-image-grid__link--landscape img {
    width: 210px;
    height: 140px;
  }
}
.m-product-table__table,
.m-content-item-table__table {
  overflow-x: unset;
  display: table;
  width: calc(100% + 16px);
}
.m-product-table__table td.m-product-table__title_cell td.m-content-item-table__title_cell,
.m-content-item-table__table td.m-product-table__title_cell td.m-content-item-table__title_cell {
  width: 10%;
}
.m-product-table__table td.m-product-table__description_cell td.m-content-item-table__description_cell,
.m-content-item-table__table td.m-product-table__description_cell td.m-content-item-table__description_cell {
  width: 30%;
}
.m-product-table__table td,
.m-product-table__table th,
.m-content-item-table__table td,
.m-content-item-table__table th {
  width: 1%;
}
.m-product-table__table td:nth-child(3),
.m-product-table__table th:nth-child(3),
.m-content-item-table__table td:nth-child(3),
.m-content-item-table__table th:nth-child(3) {
  display: none;
  width: 35%;
}
@media (min-width: 48.75em) {
  .m-product-table__table td:nth-child(3),
  .m-product-table__table th:nth-child(3),
  .m-content-item-table__table td:nth-child(3),
  .m-content-item-table__table th:nth-child(3) {
    display: table-cell;
  }
}
.m-product-table__table td:nth-child(4),
.m-product-table__table th:nth-child(4),
.m-content-item-table__table td:nth-child(4),
.m-content-item-table__table th:nth-child(4) {
  display: table-cell;
  text-align: right;
  width: 10%;
}
.m-product-table__table td:nth-child(5),
.m-product-table__table th:nth-child(5),
.m-content-item-table__table td:nth-child(5),
.m-content-item-table__table th:nth-child(5) {
  display: none;
  width: 10%;
}
@media (min-width: 58.125em) {
  .m-product-table__table td:nth-child(5),
  .m-product-table__table th:nth-child(5),
  .m-content-item-table__table td:nth-child(5),
  .m-content-item-table__table th:nth-child(5) {
    display: table-cell;
  }
}
.m-product-table__table td:nth-child(6),
.m-product-table__table th:nth-child(6),
.m-content-item-table__table td:nth-child(6),
.m-content-item-table__table th:nth-child(6) {
  display: none;
  width: 5%;
}
@media (min-width: 75.0625em) {
  .m-product-table__table td:nth-child(6),
  .m-product-table__table th:nth-child(6),
  .m-content-item-table__table td:nth-child(6),
  .m-content-item-table__table th:nth-child(6) {
    display: table-cell;
  }
}
.m-product-table__table td:nth-child(7),
.m-product-table__table th:nth-child(7),
.m-content-item-table__table td:nth-child(7),
.m-content-item-table__table th:nth-child(7) {
  display: none;
  width: 5%;
}
@media (min-width: 75.0625em) {
  .m-product-table__table td:nth-child(7),
  .m-product-table__table th:nth-child(7),
  .m-content-item-table__table td:nth-child(7),
  .m-content-item-table__table th:nth-child(7) {
    display: table-cell;
  }
}
@media (min-width: 75.0625em) {
  .m-product-table__table .m-product-table__cell .o-item-row,
  .m-product-table__table .m-content-item-table__cell .o-item-row,
  .m-content-item-table__table .m-product-table__cell .o-item-row,
  .m-content-item-table__table .m-content-item-table__cell .o-item-row {
    align-items: center;
  }
}
.m-product-table__table .m-product-table__cell.m-product-table__variant_cell, .m-product-table__table .m-product-table__cell.m-content-item-table__variant_cell,
.m-product-table__table .m-content-item-table__cell.m-product-table__variant_cell,
.m-product-table__table .m-content-item-table__cell.m-content-item-table__variant_cell,
.m-content-item-table__table .m-product-table__cell.m-product-table__variant_cell,
.m-content-item-table__table .m-product-table__cell.m-content-item-table__variant_cell,
.m-content-item-table__table .m-content-item-table__cell.m-product-table__variant_cell,
.m-content-item-table__table .m-content-item-table__cell.m-content-item-table__variant_cell {
  padding-right: 12px;
  overflow: hidden;
}
.m-product-table__table .m-product-table__cell.m-product-table__color-size, .m-product-table__table .m-product-table__cell.m-content-item-table__color-size,
.m-product-table__table .m-content-item-table__cell.m-product-table__color-size,
.m-product-table__table .m-content-item-table__cell.m-content-item-table__color-size,
.m-content-item-table__table .m-product-table__cell.m-product-table__color-size,
.m-content-item-table__table .m-product-table__cell.m-content-item-table__color-size,
.m-content-item-table__table .m-content-item-table__cell.m-product-table__color-size,
.m-content-item-table__table .m-content-item-table__cell.m-content-item-table__color-size {
  white-space: nowrap;
}
@media (min-width: 431px) {
  .m-product-table__table .m-product-table__cell,
  .m-product-table__table .m-content-item-table__cell,
  .m-content-item-table__table .m-product-table__cell,
  .m-content-item-table__table .m-content-item-table__cell {
    white-space: normal;
    line-height: 1.4em;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 992px) {
  .m-product-table__table .m-product-table__cell,
  .m-product-table__table .m-content-item-table__cell,
  .m-content-item-table__table .m-product-table__cell,
  .m-content-item-table__table .m-content-item-table__cell {
    white-space: nowrap;
    line-height: inherit;
    padding-bottom: 0;
  }
}
@media (max-width: 430px) {
  .m-product-table__table .m-product-table__cell,
  .m-product-table__table .m-content-item-table__cell,
  .m-content-item-table__table .m-product-table__cell,
  .m-content-item-table__table .m-content-item-table__cell {
    white-space: normal;
    line-height: 1.4em;
    vertical-align: top;
    padding-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 431px) {
  .m-product-table__table,
  .m-content-item-table__table {
    table-layout: auto;
  }
}
@media (min-width: 992px) {
  .m-product-table__table,
  .m-content-item-table__table {
    table-layout: auto;
  }
}
@media (min-width: 1201px) {
  .m-product-table__table,
  .m-content-item-table__table {
    table-layout: auto;
  }
}

.m-product-table__spacer td,
.m-content-item-table__spacer td {
  padding-top: 48px;
}

[data-whatintent=mouse] .m-product-table__link:hover::before, [data-whatinput=keyboard] .m-product-table__link:focus::before,
[data-whatintent=mouse] .m-content-item-table__link:hover::before,
[data-whatinput=keyboard] .m-content-item-table__link:focus::before {
  left: 6px;
}

.m-footer {
  padding-top: 68px;
}
.m-footer nav {
  padding-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
}
.m-footer nav a {
  margin-right: 24px;
}
@media (min-width: 1201px) {
  .m-footer nav a {
    line-height: inherit;
  }
}
@media (min-width: 431px) {
  .m-footer nav a {
    line-height: 2.5em;
  }
}
@media (max-width: 430px) {
  .m-footer nav a {
    line-height: 2.5em;
  }
}
.m-footer nav a:hover {
  text-decoration: underline;
}
.m-footer nav a:last-child {
  margin-right: 0;
}

.m-header__cart-button {
  flex: 0 0 75px;
}
.m-header__cart-button.m-header__preorder-button {
  flex-basis: auto;
}

.m-cart__top > :nth-child(4) {
  text-align: right;
}

.m-cart__middle:empty {
  padding: 68px 0;
  min-height: 1.2em;
}
.m-cart__middle:empty:after {
  content: "Your cart is empty";
}

.m-cart__details {
  max-width: none;
}

.m-checkout__input-grid {
  row-gap: 6px;
}

.m-cart__submit-button + span {
  padding-left: 12px;
}

.c-input-select__select:focus,
.c-input-text__input:focus {
  outline: none !important;
}

.c-input-select-form {
  grid-column: 2/3;
  grid-row: 4/5;
}

.m-checkout__section-headline.input-headline,
.form-section-headline {
  padding-top: 4px;
}

.m-checkout__required-note,
.form-mandatory-hint {
  margin: 0;
  color: unset;
}

@media (max-width: 992px) {
  .m-cart__quantity,
  .m-cart__quantity-label {
    grid-row: 4;
  }
  .c-input-select-form {
    grid-column: 1/3;
    grid-row: 3;
  }
  .m-cart__row .button_to {
    grid-column: 1/2;
    grid-row: 6;
  }
}
@media (max-width: 430px) {
  .m-cart__name-label {
    display: none;
  }
  .m-cart__name {
    grid-column: 1/3;
  }
  .m-cart__quantity,
  .m-cart__quantity-label {
    grid-row: 4;
  }
  .c-input-select-form {
    grid-column: 1/3;
    grid-row: 3;
  }
  .m-cart__row .button_to {
    grid-column: 1/2;
    grid-row: 6;
  }
}
.m-checkout__paypal-button-container {
  grid-column-start: 2;
}

.m-checkout__paypal-button {
  width: 140px;
}

[data-theme=dark] body {
  background: #222;
  color: white;
}
[data-theme=dark] body header {
  background: #222;
  color: white;
}
[data-theme=dark] body header .logo path {
  fill: white;
}
[data-theme=dark] body header .c-button--bg.is-active {
  color: black;
}
[data-theme=dark] body header .m-header__search-field {
  border: 1px solid white;
  color: white;
}
[data-theme=dark] body header .m-header__cart-icon path {
  fill: black;
}
[data-theme=dark] body .c-button {
  color: white;
}
[data-theme=dark] body .c-button--bg:hover {
  color: black;
}
[data-theme=dark] body .c-full-button, [data-theme=dark] body .billing-button {
  background: white;
  color: black;
}
[data-theme=dark] body .c-full-button:active, [data-theme=dark] body .billing-button:active {
  background: #808080;
}
[data-theme=dark] body .c-full-button:disabled, [data-theme=dark] body .billing-button:disabled {
  pointer-events: none;
}
[data-theme=dark] body .c-full-button.is-loading, [data-theme=dark] body .is-loading.billing-button {
  color: #808080;
  pointer-events: none;
}
[data-theme=dark] body .c-full-button.c-full-button--light:disabled, [data-theme=dark] body .c-full-button--light.billing-button:disabled {
  color: #555;
}
[data-theme=dark] body .c-full-button.c-full-button--dark:disabled, [data-theme=dark] body .billing-button:disabled {
  color: #bbb;
}
[data-theme=dark] body .m-image-grid__label:hover {
  color: white;
}
[data-theme=dark] body .m-product-table__link:hover::before {
  background-color: white;
}
[data-theme=dark] body .c-small-cart {
  background: white;
  color: black;
}
[data-theme=dark] body .c-small-cart .c-full-button, [data-theme=dark] body .c-small-cart .billing-button {
  background: black;
  color: white;
}
[data-theme=dark] body .c-input-select__select,
[data-theme=dark] body .input-select__select,
[data-theme=dark] body .c-input-text__input,
[data-theme=dark] body .c-input-checkbox__input {
  border: 1px solid white;
  color: white;
}
[data-theme=dark] body .input-select__arrow {
  border-top: 4px solid white;
}
[data-theme=dark] body .input-select.is-selected .input-select__required,
[data-theme=dark] body .input-select__input:focus ~ .input-select__required {
  color: white;
}
[data-theme=dark] body .c-input-checkbox__input:checked {
  background: white;
}
[data-theme=dark] body .product-image-captions-container,
[data-theme=dark] body .product-image-caption__caption_text {
  background: #222;
  color: white;
}
[data-theme=dark] body .m-cart__row,
[data-theme=dark] body .m-cart__bottom,
[data-theme=dark] body td.m-checkout__total-row,
[data-theme=dark] body td.m-checkout__grand-total-row {
  border-top: 1px solid white;
}
[data-theme=dark] body .m-checkout__top-row {
  border-bottom: 1px solid white;
}

.m-image-grid__list.large .m-image-grid__link--landscape {
  width: 255px;
  height: 172px;
}
.m-image-grid__list.large .m-image-grid__link--portrait {
  width: 172px;
  height: 255px;
}

.m-image-grid__link--landscape.large {
  width: 255px;
  height: 172px;
}

.m-image-grid__link--portrait.large {
  width: 172px;
  height: 255px;
}

.m-image-grid__spacer {
  margin: 48px 0 0;
  width: 100%;
  flex: 1 1 100%;
  text-transform: uppercase;
}
.m-image-grid__spacer:first-child {
  margin-top: 2px;
}

.m-product-table__spacer td,
.m-content-item-table__spacer td {
  padding-top: 48px;
  padding-left: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.m-product-table__spacer:first-child td,
.m-content-item-table__spacer:first-child td {
  padding-top: 5px;
}

.m-product-table__cell,
.m-content-item-table__cell {
  padding-left: 6px;
}

.text-link {
  line-height: 14px;
  display: inline-block;
  color: #000;
  position: relative;
  z-index: 0;
  white-space: nowrap;
  cursor: pointer;
}
*[data-whatinput=mouse] .text-link {
  cursor: pointer;
}
.text-link:hover {
  text-decoration: underline;
}

.underlined {
  text-decoration: underline;
}

.product-video-image_video {
  width: 100%;
}

#CybotCookiebotDialog,
#CybotCookiebotDialog a,
.CybotCookiebotDialogBodyButton,
#CybotCookiebotDialog div,
#CybotCookiebotDialog,
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyContentTitle,
#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogDetailBody,
.CybotCookiebotDialogBodyLink,
.CybotCookiebotDialogDetailBodyContentCookieTypeTable,
.CybotCookiebotDialogDetailBodyContentTab,
.CybotCookiebotDialogDetailBodyContentTabsItemSelected,
.CybotCookiebotDialogDetailBodyContentCookieTypeIntro,
.CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody td {
  font-family: "Atlas Grotesk Web Regular", "Atlas Grotesk", "Arial", sans-serif !important;
  font-size: 10px !important;
  font-weight: normal !important;
  text-rendering: optimizeLegibilit !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  background: black !important;
  color: #fff !important;
  border-radius: 0 !important;
}

#CybotCookiebotDialogHeader,
#CybotCookiebotDialogPoweredbyLink,
#CybotCookiebotDialogBodyBottomWrapper,
#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper,
.CybotCookiebotDialogArrow,
#CybotCookiebotDialog a:hover:after, #CybotCookiebotDialog a:hover:before, #CybotCookiebotDialog button:hover:after, #CybotCookiebotDialog button:hover:before {
  display: none !important;
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer {
  border-bottom: none !important;
  padding: 0 !important;
}

#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
  flex-direction: column !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
  flex-direction: row;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent {
  margin: 0 !important;
  padding: 8px !important;
}

#CybotCookiebotDialogFooter {
  padding: 0 8px !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
  flex-direction: row !important;
  padding: 0 0 8px 0 !important;
  gap: 10px !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
  max-width: 480px !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  text-align: left !important;
  width: auto !important;
}

@media screen and (min-width: 1280px), (min-width: 601px) {
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent {
    margin: 0 !important;
    padding: 8px !important;
  }
  #CybotCookiebotDialog .CybotCookiebotScrollContainer {
    padding: 0 !important;
  }
  #CybotCookiebotDialogFooter {
    padding: 0 8px !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
    flex-direction: row !important;
    padding: 0 0 8px 0 !important;
    gap: 10px !important;
  }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContent, #CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyContent {
    padding: 0 !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
    max-width: 480px !important;
    padding-left: 8px !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    text-align: left !important;
    width: auto !important;
  }
  #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
    justify-content: flex-start !important;
  }
}
#CybotCookiebotDialog,
#CybotCookiebotDialog[data-template=bottom] {
  width: auto !important;
  top: unset !important;
  left: 10px;
  right: unset !important;
  box-shadow: none !important;
  border: none !important;
  bottom: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  translate: none !important;
  transform: none !important;
}
@media (min-width: 992px) {
  #CybotCookiebotDialog,
  #CybotCookiebotDialog[data-template=bottom] {
    width: 500px !important;
    margin: 0 !important;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContent,
#CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyContent {
  padding: 8px;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLinkExpanded,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsButton,
#CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyLinkExpanded,
#CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyLevelDetailsButton {
  background-image: none !important;
  margin-top: 0 !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtons,
#CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyButtons {
  padding-left: 8px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialog[data-template=bottom] .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyButtonAccept {
  margin: 0 !important;
  min-width: 0 !important;
  background: none !important;
  color: white !important;
  border: none !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  font-weight: normal !important;
  line-height: 20px !important;
  height: 20px !important;
  display: inline-block !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyButtonDecline {
  background: none !important;
  color: none !important;
  margin-right: 0 !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDetails,
#CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyButtonDetails {
  color: #fff !important;
  text-decoration: none !important;
  background-image: none !important;
  margin-top: 0 !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyButtonAccept {
  margin-left: 0 !important;
  font-weight: normal !important;
}

@media screen and (max-width: 660px) {
  #CybotCookiebotDialog, #CybotCookiebotDialog[data-template=bottom] {
    left: 10px !important;
    right: 10px !important;
    margin: 0 !important;
  }
  #CybotCookiebotDialog .CybotCookiebotScrollContainer {
    min-height: 6em !important;
  }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyContent, #CybotCookiebotDialog[data-template=bottom] #CybotCookiebotDialogBodyContent {
    padding: 0 !important;
  }
}
#CybotCookiebotDialog[data-template=overlay].CybotCookiebotDialogActive, #CybotCookiebotDialog[data-template=popup].CybotCookiebotDialogActive {
  translate: -50% -50% !important;
  left: 50% !important;
  top: 50% !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid white !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerNecessary,
#CybotCookiebotDialogDetailBodyContent {
  border-width: 0.5px !important;
}

#CybotCookiebotDialogDetailTableNecessary tbody > tr > td {
  word-break: break-word !important;
  color: white !important;
}

@media (max-width: 991px) {
  .link-container {
    display: flex;
    flex-direction: row;
    gap: 12px;
  }
}