@charset "UTF-8";
@-webkit-keyframes vouchermeAnimatedBackground {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
  }
}
@keyframes vouchermeAnimatedBackground {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
  }
}
/*------------------------------------*\
    COLOR

    Pass in a group name and a key
    to get a value.

    E.G color(field, background) will return
    the background item in the field group.

    Colors are defined in $colors in _config.scss
\*------------------------------------*/
/* playfair-display-900 - latin */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 900;
  src: url("font/playfair/playfair-display-v30-latin-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("font/playfair/playfair-display-v30-latin-900.eot?#iefix") format("embedded-opentype"), url("font/playfair/playfair-display-v30-latin-900.woff2") format("woff2"), url("font/playfair/playfair-display-v30-latin-900.woff") format("woff"), url("font/playfair/playfair-display-v30-latin-900.ttf") format("truetype"), url("font/playfair/playfair-display-v30-latin-900.svg#PlayfairDisplay") format("svg"); /* Legacy iOS */
}
/* work-sans-300 - latin */
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 300;
  src: url("font/work_sans/work-sans-v18-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("font/work_sans/work-sans-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("font/work_sans/work-sans-v18-latin-300.woff2") format("woff2"), url("font/work_sans/work-sans-v18-latin-300.woff") format("woff"), url("font/work_sans/work-sans-v18-latin-300.ttf") format("truetype"), url("font/work_sans/work-sans-v18-latin-300.svg#WorkSans") format("svg"); /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  src: url("font/work_sans/work-sans-v18-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("font/work_sans/work-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("font/work_sans/work-sans-v18-latin-regular.woff2") format("woff2"), url("font/work_sans/work-sans-v18-latin-regular.woff") format("woff"), url("font/work_sans/work-sans-v18-latin-regular.ttf") format("truetype"), url("font/work_sans/work-sans-v18-latin-regular.svg#WorkSans") format("svg"); /* Legacy iOS */
}
/* work-sans-600 - latin */
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
  src: url("font/work_sans/work-sans-v18-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("font/work_sans/work-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("font/work_sans/work-sans-v18-latin-600.woff2") format("woff2"), url("font/work_sans/work-sans-v18-latin-600.woff") format("woff"), url("font/work_sans/work-sans-v18-latin-600.ttf") format("truetype"), url("font/work_sans/work-sans-v18-latin-600.svg#WorkSans") format("svg"); /* Legacy iOS */
}
/* SVGs do not accept # as color code and must be encoded
https://stackoverflow.com/questions/55074106/css-background-url-svg-fill-color-not-working-not-base64-when-compiling-from-s */
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar:horizontal {
  height: 12px;
}
::-webkit-scrollbar-track {
  background: #EDEDEF;
}
::-webkit-scrollbar-thumb {
  background-color: #454647;
  border-radius: 20px;
  border: 3px solid #EDEDEF;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.content-overlay__close, .icon {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.h-is-sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

img, embed, object, video {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}

.checkout__article-close {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.article, .submit__steps, .checkout__steps, .nav__list-item {
  list-style: none;
}

.article__additional, .article__image img, .article-summary .h-is-input-width, .content-overlay__subtitle code, .cart-article__image-cell img, .checkout__toggle-information, .checkout__image-cell img, .form-control, .form-select, .form__message, .form__line--addition, label, #cookieRequestArea__col,
.cookie-consent__col, .nav__link, .button--light-icon .icon svg, table.with-hover th a,
table.with-hover td a, table.with-styling-extended th a,
table.with-styling-extended td a, table.with-styling th a,
table.with-styling td a, .button-close .icon svg, .badge, .logo__link, .logo--header__link, .h-d-block, h3.vendor {
  display: block;
}

.checkout__change-bonus, .form__element--radio span, .button, .inline-captcha-content .realperson-text:after, .client-logo__link {
  display: inline-block;
}

.alert, .hero-slider__text-wrap, h3.vendor {
  text-transform: uppercase;
}

.article__image, .content-overlay__wrap, .submit__link, .cart-article__image-cell, .cart-article, .checkout__article-additional, .checkout__change-bonus, .checkout__image-cell, .input-group--search button, .input-group > .form-control, .input-group, .warning, #cookieRequestArea__wrap,
.cookie-consent__wrap, #cookieRequestArea,
.cookie-consent, .panel, .split-screen__col, .split-screen__brand, .hero-slider, .logo, .header {
  position: relative;
}

.nav__link, .button {
  text-decoration: none;
}

.footer__wrap, .content, .hero-slider__text-wrap, .header__wrap {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.article__inputs, #cookieRequestArea,
.cookie-consent, .panel--login input, .panel, .button, .step__number, .alert, .hero-slider__text-wrap--center {
  text-align: center;
}

.articles, .submit, .cart-article, .checkout, .nav__list {
  margin: 0;
  padding: 0;
}

.is-mwg-url-ending.is-boxed-login.articles-filter, .is-mwg-url-ending.is-boxed-login.articles-actions, body.is-mwg-url-ending.is-boxed-login, .is-boxed-login.articles-filter, .is-boxed-login.articles-actions, body.is-boxed-login {
  background-color: #C38A62;
  background: -moz-linear-gradient(45deg, #C38A62 0%, #ECBB92 100%);
  background: -webkit-linear-gradient(45deg, #C38A62 0%, #ECBB92 100%);
  background: linear-gradient(45deg, #C38A62 0%, #ECBB92 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#C38A62", endColorstr="#ECBB92",GradientType=1 );
}

.is-login-captcha input[type=number], .is-boxed-login input[type=number],
.is-login-captcha input[type=password],
.is-boxed-login input[type=password],
.is-login-captcha input[type=text],
.is-boxed-login input[type=text],
.is-login-captcha input[type=email],
.is-boxed-login input[type=email],
.is-login-captcha input[type=tel],
.is-boxed-login input[type=tel],
.is-login-captcha input[type=url],
.is-boxed-login input[type=url],
.is-login-captcha textarea,
.is-boxed-login textarea,
.is-login-captcha input[type=submit],
.is-boxed-login input[type=submit], .button {
  border-radius: 60px;
}
body.is-mwg-url-ending .is-login-captcha input[type=number], .is-login-captcha body.is-mwg-url-ending input[type=number], body.is-mwg-url-ending .is-boxed-login input[type=number], .is-boxed-login body.is-mwg-url-ending input[type=number],
body.is-mwg-url-ending .is-login-captcha input[type=password],
.is-login-captcha body.is-mwg-url-ending input[type=password],
body.is-mwg-url-ending .is-boxed-login input[type=password],
.is-boxed-login body.is-mwg-url-ending input[type=password],
body.is-mwg-url-ending .is-login-captcha input[type=text],
.is-login-captcha body.is-mwg-url-ending input[type=text],
body.is-mwg-url-ending .is-boxed-login input[type=text],
.is-boxed-login body.is-mwg-url-ending input[type=text],
body.is-mwg-url-ending .is-login-captcha input[type=email],
.is-login-captcha body.is-mwg-url-ending input[type=email],
body.is-mwg-url-ending .is-boxed-login input[type=email],
.is-boxed-login body.is-mwg-url-ending input[type=email],
body.is-mwg-url-ending .is-login-captcha input[type=tel],
.is-login-captcha body.is-mwg-url-ending input[type=tel],
body.is-mwg-url-ending .is-boxed-login input[type=tel],
.is-boxed-login body.is-mwg-url-ending input[type=tel],
body.is-mwg-url-ending .is-login-captcha input[type=url],
.is-login-captcha body.is-mwg-url-ending input[type=url],
body.is-mwg-url-ending .is-boxed-login input[type=url],
.is-boxed-login body.is-mwg-url-ending input[type=url],
body.is-mwg-url-ending .is-login-captcha textarea,
.is-login-captcha body.is-mwg-url-ending textarea,
body.is-mwg-url-ending .is-boxed-login textarea,
.is-boxed-login body.is-mwg-url-ending textarea,
body.is-mwg-url-ending .is-login-captcha input[type=submit],
.is-login-captcha body.is-mwg-url-ending input[type=submit],
body.is-mwg-url-ending .is-boxed-login input[type=submit],
.is-boxed-login body.is-mwg-url-ending input[type=submit], body.is-mwg-url-ending .button {
  border-radius: 5px;
}

.content-overlay__subtitle, body {
  font-weight: normal;
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body.is-mwg-url-ending .content-overlay__subtitle, body.is-mwg-url-ending body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.content-overlay__title, #cookieRequestArea__heading,
.cookie-consent__heading, .panel__text, .message-header, h1,
h2,
h3,
h4 {
  font-weight: 900;
  font-family: "Playfair Display", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body.is-mwg-url-ending .content-overlay__title, body.is-mwg-url-ending #cookieRequestArea__heading,
body.is-mwg-url-ending .cookie-consent__heading, body.is-mwg-url-ending .panel__text, body.is-mwg-url-ending .message-header, body.is-mwg-url-ending h1,
body.is-mwg-url-ending h2,
body.is-mwg-url-ending h3,
body.is-mwg-url-ending h4 {
  font-weight: bold;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.articles-filter, .articles-actions, body {
  background: #F4EFEC;
}
.is-mwg-url-ending.articles-filter, .is-mwg-url-ending.articles-actions, body.is-mwg-url-ending {
  background: #F4EFEC;
}
::-moz-selection, ::selection {
  color: #FFFFFF;
  background-color: #3c5062;
}
body.is-mwg-url-ending ::-moz-selection, body.is-mwg-url-ending ::selection {
  background-color: #454647;
}

.article__additional, .article-facts, .content-overlay__title, .content-overlay__subtitle, .submit__link, .checkout__toggle-information, .checkout__change-bonus, .form-control, .form-select, .form__element--just-text, .form__element--radio, .form__message, .form__txt, .form__element--radio label, label, input[type=number],
input[type=password],
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea, .cookie_content,
.cookie-consent, #cookieRequestArea__heading, #cookieRequestArea__paragraph,
.cookie-consent__heading,
.cookie-consent__paragraph, #cookieRequestArea__link,
.cookie-consent__link, .panel__text b, .panel__text, .nav--sub__link---active, .nav--sub__link:not(.nav--sub__link---active), .nav--footer__link, .button--light-icon .icon, table th,
table td, .message-header, .message-title, .list, a, p:not(.light):not(.cookie-consent__paragraph), h1,
h2,
h3,
h4, .button--light-icon {
  color: #3c5062;
}
body.is-mwg-url-ending .article__additional, body.is-mwg-url-ending .article-facts, body.is-mwg-url-ending .content-overlay__title, body.is-mwg-url-ending .content-overlay__subtitle, body.is-mwg-url-ending .submit__link, body.is-mwg-url-ending .checkout__toggle-information, body.is-mwg-url-ending .checkout__change-bonus, body.is-mwg-url-ending .form-control, body.is-mwg-url-ending .form-select, body.is-mwg-url-ending .form__element--just-text, body.is-mwg-url-ending .form__element--radio, body.is-mwg-url-ending .form__message, body.is-mwg-url-ending .form__txt, body.is-mwg-url-ending label, body.is-mwg-url-ending input[type=number],
body.is-mwg-url-ending input[type=password],
body.is-mwg-url-ending input[type=text],
body.is-mwg-url-ending input[type=email],
body.is-mwg-url-ending input[type=tel],
body.is-mwg-url-ending input[type=url],
body.is-mwg-url-ending textarea, body.is-mwg-url-ending .cookie_content,
body.is-mwg-url-ending .cookie-consent, body.is-mwg-url-ending #cookieRequestArea__heading, body.is-mwg-url-ending #cookieRequestArea__paragraph,
body.is-mwg-url-ending .cookie-consent__heading,
body.is-mwg-url-ending .cookie-consent__paragraph, body.is-mwg-url-ending #cookieRequestArea__link,
body.is-mwg-url-ending .cookie-consent__link, body.is-mwg-url-ending .panel__text b, .panel__text body.is-mwg-url-ending b, body.is-mwg-url-ending .panel__text, body.is-mwg-url-ending .nav--sub__link---active, body.is-mwg-url-ending .nav--sub__link:not(.nav--sub__link---active), body.is-mwg-url-ending .nav--footer__link, body.is-mwg-url-ending .button--light-icon .icon, .button--light-icon body.is-mwg-url-ending .icon, body.is-mwg-url-ending table th, table body.is-mwg-url-ending th,
body.is-mwg-url-ending table td,
table body.is-mwg-url-ending td, body.is-mwg-url-ending .message-header, body.is-mwg-url-ending .message-title, body.is-mwg-url-ending .list, body.is-mwg-url-ending a, body.is-mwg-url-ending p:not(.light):not(.cookie-consent__paragraph), body.is-mwg-url-ending h1,
body.is-mwg-url-ending h2,
body.is-mwg-url-ending h3,
body.is-mwg-url-ending h4, body.is-mwg-url-ending .button--light-icon {
  color: #454647;
}

.alert--info {
  background: #3c5062;
  color: #FFFFFF;
}
body.is-mwg-url-ending .alert--info {
  background: #454647;
  color: #FFFFFF;
}

#cookieRequestArea__button,
.cookie-consent__button, .button {
  background: #3c5062;
  color: #FFFFFF;
}
body.is-mwg-url-ending #cookieRequestArea__button,
body.is-mwg-url-ending .cookie-consent__button, body.is-mwg-url-ending .button {
  border-color: #454647;
  background: #454647;
  color: #FFFFFF;
}
#cookieRequestArea__button:hover,
.cookie-consent__button:hover, .button:hover {
  background: #FFFFFF;
  color: #3c5062;
  border-color: #3c5062;
}
body.is-mwg-url-ending #cookieRequestArea__button:hover,
body.is-mwg-url-ending .cookie-consent__button:hover, body.is-mwg-url-ending .button:hover {
  border-color: #454647;
  background: #FFFFFF;
  color: #454647;
}

.button--light, .button-close {
  background: #3F5B78;
  border-color: #3F5B78;
  color: #FFFFFF;
}
.button--light:hover, .button-close:hover {
  border-color: #3F5B78;
  color: #3F5B78;
}

.articles-filter__button, .articles-actions__filter-button {
  background: #454647;
  color: #FFFFFF;
}
body.is-mwg-url-ending .articles-filter__button, body.is-mwg-url-ending .articles-actions__filter-button {
  background: #454647;
  color: #FFFFFF;
}
.articles-filter__button:hover, .articles-actions__filter-button:hover {
  color: #FFFFFF;
}
body.is-mwg-url-ending .articles-filter__button:hover, body.is-mwg-url-ending .articles-actions__filter-button:hover {
  color: #FFFFFF;
}

.button--light-icon {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #3c5062;
}
body.is-mwg-url-ending .button--light-icon {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #454647;
}

.is-boxed-login input[type=number],
.is-boxed-login input[type=password],
.is-boxed-login input[type=text],
.is-boxed-login input[type=email],
.is-boxed-login input[type=tel],
.is-boxed-login input[type=url],
.is-boxed-login textarea {
  border: none;
}

/*! 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;
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:hover .flickity-button {
  opacity: 1;
}
.flickity-enabled * {
  user-select: none;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  transition: height 0.2s;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: none;
  border: none;
  color: #333;
}

.flickity-button:hover {
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:disabled {
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
  opacity: 0 !important;
}

.flickity-button-icon {
  fill: currentColor;
}

@media (min-width: 501px) {
  .flickity-button,
  .flickity-button:active {
    opacity: 0;
  }
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.next {
  right: 0;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 0;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 0;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.hero-slider .flickity-page-dots {
  position: absolute;
  bottom: 10px;
}
.cart-article__image .flickity-page-dots, .checkout__image .flickity-page-dots {
  padding: 0.3125rem 0 0;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
}
.flickity-page-dots .dot:only-child {
  display: none;
}
.hero-slider .flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  border: 1px solid #FFFFFF;
}
.cart-article__image .flickity-page-dots .dot, .checkout__image .flickity-page-dots .dot {
  width: 5px;
  height: 5px;
  margin: 0 2px;
  border: 1px solid #C2C2C2;
}

.hero-slider .flickity-page-dots .dot.is-selected {
  background: #FFFFFF;
}
.cart-article__image .flickity-page-dots .dot.is-selected, .checkout__image .flickity-page-dots .dot.is-selected {
  background: #C2C2C2;
}

audio {
  display: none;
}

html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, html {
  font-size: 1rem;
  line-height: 1.636363636;
  height: 100%;
}

button,
input,
select {
  line-height: 1.636363636;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #454647 transparent;
}

h2 + h3 {
  border: none !important;
}

h1, h2 {
  font-size: calc(1.34375rem + 1.125vw);
  margin: 0 0 2.6785714286%;
}
@media (min-width: 1200px) {
  h1, h2 {
    font-size: 2.1875rem;
  }
}

h2 {
  border-bottom: 2px solid #C2C2C2;
}

h3 {
  font-size: calc(1.2625rem + 0.15vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.375rem;
  }
}
h3:not(.vendor) {
  padding-top: 0.625rem;
  margin-bottom: 0.9375rem;
  margin-top: 0;
  border-top: 2px solid #C2C2C2;
}
h3.vendor {
  margin: 0;
  padding: 0 0 10px;
}

h4 {
  font-size: 1rem;
  padding-bottom: 0.625rem;
  margin: 0 0 0.9375rem;
  border-bottom: 1px solid #C2C2C2;
}
.content-overlay h4 {
  padding-top: 0.625rem;
  padding-bottom: 0;
  border-top: 1px solid #C2C2C2;
  border-bottom: none;
}

p {
  font-size: 1rem;
}
p.light {
  color: #535867;
}
p:not(:last-child):not(:only-child) {
  margin-bottom: calc(1.3125rem + 0.75vw);
  margin-top: 0;
}
@media (min-width: 1200px) {
  p:not(:last-child):not(:only-child) {
    margin-bottom: 1.875rem;
  }
}
p:last-child, p:only-child {
  margin: 0;
}

b,
strong {
  font-weight: bold;
}

small {
  color: #535867;
}

a:hover {
  text-decoration: none;
}
a[data-appearance=pdf-download] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 0.3125rem;
}
a[data-appearance=pdf-download]::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='20px' viewBox='0 0 16 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EShape%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M9.586,0 C10.05555,0 10.5100899,0.165434166 10.87,0.467 L10.9999999,0.586 L15.414,5 C15.7460182,5.33202258 15.9506319,5.77027813 15.992,6.238 L15.9999999,6.414 L15.9999999,18 C16.0003312,19.0466248 15.193677,19.9165032 14.15,19.995 L13.9999999,20 L1.9999999,20 C0.953375236,20.0003312 0.0834968088,19.193677 0.005,18.15 L-1.01963112e-07,18 L-1.01963112e-07,2 C-0.00033121748,0.953375236 0.806322963,0.0834968088 1.85,0.005 L1.9999999,0 L9.586,0 Z M8,2 L2,2 L2,18 L14,18 L14,8 L9.5,8 C8.72737809,7.99996291 8.0811717,7.41305343 8.007,6.644 L8,6.5 L8,2 Z M8.988,9.848 C9.22765065,11.3709595 10.0240916,12.7507444 11.223,13.72 C12.11,14.437 11.299,15.841 10.235,15.432 C8.79642242,14.8783958 7.20357758,14.8783958 5.765,15.432 C4.7,15.842 3.889,14.437 4.776,13.72 C5.97498217,12.7508074 6.77144081,11.3709918 7.011,9.848 C7.189,8.721 8.811,8.722 8.988,9.848 M7.998,12.152 L7.31,13.348 L8.69,13.348 L7.998,12.152 Z M10,2.414 L10,6 L13.586,6 L10,2.414 Z' id='Shape' fill='%233F3F3F' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  width: 15px;
  aspect-ratio: 1;
}

.list {
  margin: 0 0 calc(1.3125rem + 0.75vw);
  padding: 0 0 0 0.9375rem;
}
@media (min-width: 1200px) {
  .list {
    margin: 0 0 1.875rem;
  }
}
.list li:not(:last-child) {
  margin-bottom: 0.625rem;
}

/**
 * Clear inner floats
 */
html body * span.cl,
html body * div.cl,
html body * li.cl,
html body * dd.cl {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.h-d-none {
  display: none;
}

.h-mt-10 {
  margin: 0.625rem 0 0;
}

.h-mt-20 {
  margin: 1.25rem 0 0;
}

.h-mb-10 {
  margin: 0 0 0.625rem;
}

.h-mb-20 {
  margin: 0 0 1.25rem;
}

.h-is-mini-fs {
  font-size: 0.75rem;
}

.h-is-small-fs {
  font-size: 0.875rem;
}

.h-is-base-fs {
  font-size: 1rem;
}

.h-is-large-fs {
  font-size: 1.125rem;
}

.lb-text-bold,
.h-is-bold {
  font-weight: bold;
}

.h-is-line-through {
  text-decoration: line-through;
}

.h-is-color-grey {
  color: #535867;
}

.h-is-color-green {
  color: #008935;
}

.h-is-color-red {
  color: #EE0000;
}

.h-text-right {
  text-align: right;
}

.h-is-align-self-top {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.h-is-align-self-bottom {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.h-is-fact-section {
  margin: calc(1.375rem + 1.5vw) 0;
}
@media (min-width: 1200px) {
  .h-is-fact-section {
    margin: 2.5rem 0;
  }
}
.h-is-fact-section:first-child {
  margin-block-start: 0;
}
.h-is-fact-section:last-child {
  margin-block-end: 0;
}

.h-is-shrinked .h-is-show-more__visible::after {
  content: "…";
}
.h-is-show-more__hidden[aria-hidden=true] {
  display: none;
}
.h-is-show-more__hidden[aria-hidden=false] {
  display: inline;
}

.h-is-show-more {
  display: block;
  margin-bottom: 15px;
}

.main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.is-split-screen-login .main, .is-boxed-login .main {
  display: block;
}

div[xmlns="http://www.w3.org/1999/xhtml"],
.cookie-consent,
.header,
.content_header,
.content,
.footer,
#cookieRequestPlaceholder,
#cookieRequestArea {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.footer {
  margin-top: auto;
}

body.is-login-captcha.is-mwg-url-ending .header, .header {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 15px 0px rgba(63, 63, 63, 0.2);
  box-shadow: 0px 4px 15px 0px rgba(63, 63, 63, 0.2);
}

@keyframes pulsatingButton {
  0% {
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
  }
  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 30px 30px rgba(63, 63, 63, 0);
  }
  100% {
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
    box-shadow: 0 0 0 0 rgba(63, 63, 63, 0);
  }
}
.header {
  z-index: 10;
}
.is-login-captcha .header, .is-boxed-login .header {
  background: transparent;
  box-shadow: none;
}
.header__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.header__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.is-boxed-login .header__text-link {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 600;
}
@media (max-width: 700px) {
  .header {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
  .header__wrap {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .header__col {
    height: 60px;
  }
  .header__col + .header__col {
    margin-top: 0.625rem;
  }
  .is-boxed-login .header {
    height: 90px;
  }
  .is-boxed-login .header__text-link {
    font-size: 0.875rem;
    font-style: italic;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #3c5062;
    text-align: center;
    padding: 0.625rem 0.3125rem;
    z-index: 1;
  }
}
@media (min-width: 701px) {
  .header {
    height: 90px;
  }
  .is-login-captcha .header, .is-boxed-login .header {
    height: 155px;
    padding: 1.25rem 0;
  }
  .is-login-captcha .header__text-link, .is-boxed-login .header__text-link {
    padding: 0.4375rem 1.25rem;
    font-size: 0.875rem;
    background: #FFFFFF;
    color: #784E30;
    border-radius: 50px;
  }
  .is-login-captcha.is-mwg-url-ending .header {
    height: 90px;
    padding: 0;
  }
  .header__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .is-boxed-login .header__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .header__col {
    height: 100%;
  }
}

.logo--header {
  max-width: 195px;
  height: 100%;
}
.logo--header svg,
.logo--header img {
  height: 100%;
  width: auto;
}
.logo--header svg,
.logo--header svg path {
  fill: #232526;
}
.is-boxed-login .logo--header svg,
.is-boxed-login .logo--header svg path {
  fill: #FFFFFF;
}
.logo__link {
  height: 100%;
}
@media (max-width: 700px) {
  .logo--header {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .is-boxed-login .logo--header {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}
@media (min-width: 701px) {
  .logo--header {
    padding: 0.625rem 0;
  }
}

.hero-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100%;
}
.hero-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.hero-slider {
  width: 100%;
}
.hero-slider--fitted {
  height: calc(100vh - 90px - 40px);
  z-index: 0;
}
.hero-slider--fitted .flickity-viewport {
  height: 100% !important;
}
.hero-slider__cell {
  z-index: 1;
  width: 100%;
}
.hero-slider__cell.is-selected {
  z-index: 10;
}
.hero-slider--fitted .hero-slider__cell {
  height: 100%;
}
.hero-slider--fitted .hero-slider__cell img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.hero-slider__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.hero-slider__text-wrap {
  font-weight: normal;
  color: #FFFFFF;
  font-size: 12vw;
  line-height: 1;
}
.hero-slider__text-wrap--rightalign {
  text-align: right;
}
@media (max-width: 700px) {
  .hero-image {
    margin-top: -90px;
  }
  .hero-image img {
    object-position: right top;
  }
}
@media (min-width: 701px) {
  .hero-image {
    margin-top: -155px;
  }
  .hero-image img {
    object-position: center center;
  }
}

.content {
  margin-top: 30px;
  padding-bottom: 3.75rem;
}

.message {
  padding-top: calc(1.4375rem + 2.25vw);
  padding-bottom: calc(1.4375rem + 2.25vw);
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 1200px) {
  .message {
    padding-top: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .message {
    padding-bottom: 3.125rem;
  }
}
.message-header {
  font-size: calc(1.3rem + 0.6vw);
  margin-bottom: 0.625rem;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .message-header {
    font-size: 1.75rem;
  }
}
.message-title {
  margin-bottom: calc(1.3125rem + 0.75vw);
  font-weight: bold;
}
@media (min-width: 1200px) {
  .message-title {
    margin-bottom: 1.875rem;
  }
}
.column {
  width: 100%;
}
.column__main {
  background: #FFFFFF;
  padding: 15px 20px 20px;
}
@media (min-width: 771px) {
  .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .column__content, .column__main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 1.25rem;
  }
  .column__aside {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 28.5714285714%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 28.5714285714%;
    -ms-flex: 1 0 28.5714285714%;
    flex: 1 0 28.5714285714%;
    width: 28.5714285714%;
    max-width: 28.5714285714%;
  }
}

.split-screen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.split-screen__brand {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.split-screen__col--form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.split-screen__col--form .panel {
  margin: 0;
}
.split-screen__col--visual img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.split-screen__col--visual .hero-slider--fitted {
  height: 100%;
}
@media (max-width: 700px) {
  .split-screen__wrap {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .split-screen {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .split-screen__wrap {
    padding: 1.25rem;
  }
  .split-screen__brand {
    margin-bottom: 0.625rem;
    width: 7.875rem;
  }
  .split-screen__col--form {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .split-screen__col--visual {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
  .split-screen__col--visual img {
    position: absolute;
    height: 100%;
  }
  .split-screen .panel {
    padding-left: 0;
    padding-right: 0;
  }
  .split-screen .panel__text {
    font-size: 1.25rem;
    white-space: nowrap;
  }
  .split-screen .panel__text b {
    white-space: nowrap;
  }
  .split-screen .panel__text br {
    display: none;
  }
}
@media (min-width: 1001px) {
  .split-screen__brand {
    margin-bottom: calc(1.375rem + 1.5vw);
    width: 12.5rem;
  }
}
@media (min-width: 1001px) and (min-width: 1200px) {
  .split-screen__brand {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1001px) {
  .split-screen__col--form {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 40%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .split-screen__col--visual {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 60%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
    width: 70%;
  }
}

.footer {
  background: #FFFFFF;
  z-index: 1;
}
.footer__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 700px) {
  .is-boxed-login .footer {
    padding-bottom: 50px;
  }
  .footer__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
@media (min-width: 1041px) {
  .footer {
    height: 40px;
  }
  .footer__wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    height: 100%;
  }
}

.alert {
  padding: 0.625rem;
  line-height: 1.1;
  height: 100%;
}
@media (min-width: 701px) {
  .articles-actions__col .alert strong {
    display: block;
  }
}
.alert--danger {
  background: #EE0000;
  color: #FFFFFF;
}
.badge {
  font-size: 0.6875rem;
}

span.badge {
  user-select: none;
}

.button-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-radius: 100%;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border: 1px solid transparent;
}
.button-close .icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 8px;
  -ms-flex: 0 0 8px;
  flex: 0 0 8px;
  width: 0.5rem;
  height: 0.5rem;
}
.button-close .icon svg {
  width: 100%;
  height: 100%;
}
.button-close .icon svg,
.button-close .icon svg path {
  fill: currentColor;
}

.step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.step__number {
  margin-right: 0.625rem;
  color: #FFFFFF;
  background: #3F3F3F;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  font-weight: bold;
}
.step--warning .step__number {
  background: #EE0000;
}
.step--warning .step__text {
  color: #EE0000;
}
.step__text, .step__number {
  font-size: 1.125rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media (max-width: 700px) {
  .step {
    display: none;
  }
}

.client-logo {
  height: 100%;
  max-width: 195px;
}
.client-logo__link {
  height: 100%;
}
.client-logo img {
  height: 100%;
  width: auto;
}
@media (max-width: 700px) {
  .client-logo {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
@media (min-width: 701px) {
  .client-logo {
    padding: 0.625rem 0;
  }
}

.table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background: #FFFFFF;
}
@media (max-width: 770px) {
  .table-wrap {
    white-space: nowrap;
  }
}

table {
  font-size: 1rem;
  border-collapse: collapse;
  width: 100%;
}
table tr,
table td {
  height: 100%;
}
table th {
  font-weight: normal;
}
table th,
table td {
  background: none;
  border: none;
  vertical-align: top;
}
table th:not(.alignRight),
table td:not(.alignRight) {
  text-align: left;
}
table th.alignRight,
table td.alignRight {
  text-align: right;
}
table th .marked,
table td .marked {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100%;
  background: #EE0000;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
}
table.with-hover, table.with-styling-extended, table.with-styling {
  margin-bottom: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  table.with-hover, table.with-styling-extended, table.with-styling {
    margin-bottom: 1.875rem;
  }
}
table.with-hover th,
table.with-hover td, table.with-styling-extended th,
table.with-styling-extended td, table.with-styling th,
table.with-styling td {
  font-size: 1rem;
  padding: 20px 10px;
}
table.with-hover th.line-trough, table.with-hover th.green-light,
table.with-hover td.line-trough,
table.with-hover td.green-light, table.with-styling-extended th.line-trough, table.with-styling-extended th.green-light,
table.with-styling-extended td.line-trough,
table.with-styling-extended td.green-light, table.with-styling th.line-trough, table.with-styling th.green-light,
table.with-styling td.line-trough,
table.with-styling td.green-light {
  font-weight: normal;
}
table.with-hover th.line-trough,
table.with-hover td.line-trough, table.with-styling-extended th.line-trough,
table.with-styling-extended td.line-trough, table.with-styling th.line-trough,
table.with-styling td.line-trough {
  color: #EE0000;
  text-decoration: line-through;
}
table.with-hover th.green-light,
table.with-hover td.green-light, table.with-styling-extended th.green-light,
table.with-styling-extended td.green-light, table.with-styling th.green-light,
table.with-styling td.green-light {
  color: #008935;
}
table.with-hover th, table.with-styling-extended th, table.with-styling th {
  font-weight: 600;
  background: #FFFFFF;
}
table.with-hover tr:nth-child(odd), table.with-styling-extended tr:nth-child(odd), table.with-styling tr:nth-child(odd) {
  background: #EDEDEF;
}
table.with-hover th,
table.with-hover td, table.with-styling-extended th,
table.with-styling-extended td {
  vertical-align: top;
}
table.with-hover th a,
table.with-hover td a, table.with-styling-extended th a,
table.with-styling-extended td a {
  margin: 10px 0;
  white-space: nowrap;
}
table.with-hover tbody tr {
  background: #FFFFFF;
}
table.with-hover tbody tr:hover {
  cursor: pointer;
  background: #EDEDEF;
}
table.small:not(:last-child) {
  margin: 10px 0;
}
table.small:last-child {
  margin: 10px 0 0;
}
.carousel--product table.small:last-child {
  margin: 5px 0 0;
}
table.small th,
table.small td {
  font-size: 1rem;
}
.carousel--product table.small th,
.carousel--product table.small td {
  font-size: 0.75rem;
}
table.small th:first-child,
table.small td:first-child {
  width: 35%;
}
table.small th.line-trough,
table.small td.line-trough {
  color: #EE0000;
  text-decoration: line-through;
}
table.small th.green-light,
table.small td.green-light {
  color: #008935;
}
.productbar table.small td:last-child {
  text-align: right;
}
table.ec-detail, table.no-styling {
  margin: 0 0 20px;
}
table.ec-detail th,
table.ec-detail td, table.no-styling th,
table.no-styling td {
  font-size: 1.125rem;
}
table.ec-detail th:first-child,
table.ec-detail td:first-child, table.no-styling th:first-child,
table.no-styling td:first-child {
  width: 35%;
}
table.ec-detail th:last-child,
table.ec-detail td:last-child {
  font-weight: normal;
}
table.ec-detail tr:first-child td:last-child {
  color: #EE0000;
  text-decoration: line-through;
}
table.ec-detail tr:nth-child(2) td:last-child {
  color: #008935;
}
table.ec-detail td.line-through {
  color: #EE0000;
  text-decoration: line-through;
}
table.ec-detail td.green {
  color: #008935;
}
table.ec-list th,
table.ec-list td, table.inverted th,
table.inverted td {
  font-size: 0.75rem;
}
table.ec-list th:last-child,
table.ec-list td:last-child, table.inverted th:last-child,
table.inverted td:last-child {
  font-weight: normal;
  text-align: right;
}
table.inverted {
  width: 50%;
}
table.inverted th,
table.inverted td {
  color: #FFFFFF;
}
table.ec-list {
  margin: 0 0 20px;
}
table.ec-list tr:first-child td:last-child {
  color: #EE0000;
  text-decoration: line-through;
}
table.ec-list tr:last-child td:last-child {
  font-size: 0.875rem;
  color: #008935;
}
table.ec-list td.line-through {
  color: #EE0000;
  text-decoration: line-through;
}

.icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon--magnifier {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath fill='%233c5062' fill-rule='evenodd' d='M8.4460895,0 C3.78144344,0 0,3.78144344 0,8.4460895 C0,13.1107157 3.78144344,16.892179 8.4460895,16.892179 C10.4203878,16.892179 12.2364957,16.2148026 13.6746164,15.0797476 L17.303752,18.7088832 C17.6917753,19.0969065 18.3209592,19.0969065 18.7089825,18.7088832 C19.0970058,18.3208599 19.0970058,17.6916759 18.7089825,17.3036526 L15.0798469,13.674517 C16.2148026,12.2363964 16.892179,10.4202884 16.892179,8.4460895 C16.892179,3.78144344 13.1107157,0 8.4460895,0 Z M1.98731518,8.4460895 C1.98731518,4.87900781 4.87900781,1.98731518 8.4460895,1.98731518 C12.0132209,1.98731518 14.9048638,4.87900781 14.9048638,8.4460895 C14.9048638,12.0132209 12.0132209,14.9048638 8.4460895,14.9048638 C4.87900781,14.9048638 1.98731518,12.0132209 1.98731518,8.4460895 Z'/%3E%3C/svg%3E");
}
body.is-mwg-url-ending .icon--magnifier {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%23454647' fill-rule='evenodd' d='M249.19471,22.2037249 C249.987986,21.4104518 250.384616,20.457936 250.384616,19.3461541 C250.384616,18.2343654 249.989487,17.2833547 249.19922,16.4930882 C248.408954,15.7028149 247.457943,15.3076918 246.346155,15.3076918 C245.23437,15.3076918 244.283358,15.7028149 243.49309,16.4930882 C242.702821,17.2833547 242.307692,18.2343654 242.307692,19.3461541 C242.307692,20.457936 242.702821,21.4089488 243.49309,22.1992173 C244.283358,22.9894859 245.23437,23.3846144 246.346155,23.3846144 C247.457943,23.3846144 248.407453,22.9909888 249.19471,22.2037249 Z M255,26.8461534 C255,27.158655 254.885819,27.4290853 254.657458,27.6574518 C254.429089,27.8858184 254.15866,28 253.846157,28 C253.521633,28 253.251204,27.8858184 253.034857,27.6574518 L249.94291,24.5745184 C248.867184,25.319715 247.668279,25.6923075 246.346155,25.6923075 C245.486775,25.6923075 244.664968,25.5255419 243.88071,25.1920067 C243.096451,24.8584714 242.420376,24.4077548 241.852464,23.8398427 C241.284553,23.2719312 240.833836,22.5958563 240.500301,21.8115977 C240.166765,21.027339 240,20.2055322 240,19.3461541 C240,18.4867761 240.166765,17.6649692 240.500301,16.8807065 C240.833836,16.0964506 241.284553,15.4203716 241.852464,14.8524629 C242.420376,14.2845474 243.096451,13.8338348 243.88071,13.5002982 C244.664968,13.1667616 245.486775,13 246.346155,13 C247.205532,13 248.027339,13.1667616 248.811602,13.5002982 C249.595858,13.8338348 250.271937,14.2845474 250.839845,14.8524629 C251.407754,15.4203716 251.858473,16.0964506 252.19201,16.8807065 C252.525547,17.6649692 252.692308,18.4867761 252.692308,19.3461541 C252.692308,20.6682726 252.31972,21.867181 251.574522,22.9429076 L254.66647,26.0348553 C254.888828,26.2572124 255,26.5276426 255,26.8461534 Z' transform='translate(-240 -13)'/%3E%3C/svg%3E");
}
.icon--shopping-cart-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%233c5062' fill-rule='evenodd' d='M5.5,17 C6.32843,17 7,17.6716 7,18.5 C7,19.3284 6.32843,20 5.5,20 C4.67157,20 4,19.3284 4,18.5 C4,17.6716 4.67157,17 5.5,17 Z M15.5,17 C16.3284,17 17,17.6716 17,18.5 C17,19.3284 16.3284,20 15.5,20 C14.6716,20 14,19.3284 14,18.5 C14,17.6716 14.6716,17 15.5,17 Z M1.13776,0 C2.71168,0 4.018,1.21634 4.13014,2.78626 L4.1454,3 L17.8018,3 C19.0496,3 19.9927,4.13009 19.7695,5.35777 L18.1332,14.3578 C17.9603,15.3088 17.132,16 16.1654,16 L4.93112,16 C3.88184,16 3.01096,15.1891 2.9362,14.1425 L2.13522,2.92875 C2.09784,2.40545 1.6624,2 1.13776,2 L1,2 C0.44772,2 0,1.55228 0,1 C0,0.44772 0.44772,0 1,0 L1.13776,0 Z M17.8018,5 L4.28826,5 L4.93112,14 L16.1654,14 L17.8018,5 Z'%3E%3C/path%3E%3C/svg%3E");
}
body.is-mwg-url-ending .icon--shopping-cart-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23454647' fill-rule='evenodd' d='M5.5,17 C6.32843,17 7,17.6716 7,18.5 C7,19.3284 6.32843,20 5.5,20 C4.67157,20 4,19.3284 4,18.5 C4,17.6716 4.67157,17 5.5,17 Z M15.5,17 C16.3284,17 17,17.6716 17,18.5 C17,19.3284 16.3284,20 15.5,20 C14.6716,20 14,19.3284 14,18.5 C14,17.6716 14.6716,17 15.5,17 Z M1.13776,0 C2.71168,0 4.018,1.21634 4.13014,2.78626 L4.1454,3 L17.8018,3 C19.0496,3 19.9927,4.13009 19.7695,5.35777 L18.1332,14.3578 C17.9603,15.3088 17.132,16 16.1654,16 L4.93112,16 C3.88184,16 3.01096,15.1891 2.9362,14.1425 L2.13522,2.92875 C2.09784,2.40545 1.6624,2 1.13776,2 L1,2 C0.44772,2 0,1.55228 0,1 C0,0.44772 0.44772,0 1,0 L1.13776,0 Z M17.8018,5 L4.28826,5 L4.93112,14 L16.1654,14 L17.8018,5 Z'%3E%3C/path%3E%3C/svg%3E");
}
.icon--cross {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M7.50006875,8.94035702 L13.2613848,14.7017749 C13.6590997,15.0994898 14.3039988,15.0994898 14.7017138,14.7017749 C15.0994287,14.3039581 15.0994287,13.6591608 14.7017138,13.261344 L8.94039776,7.50002801 L14.7017138,1.73866105 C15.0994287,1.34092573 15.0994287,0.696057173 14.7017138,0.298321857 C14.3039988,-0.0994236443 13.6590997,-0.0994236443 13.2613848,0.298321857 L7.50006875,6.059699 L1.73864068,0.298301487 C1.34090536,-0.0994338291 0.696036804,-0.0994338291 0.298301487,0.298301487 C-0.0994338291,0.696046988 -0.0994338291,1.34090536 0.298301487,1.73865087 L6.05963789,7.50002801 L0.298301487,13.2614459 C-0.0994338291,13.6591608 -0.0994338291,14.3039581 0.298301487,14.7017749 C0.696036804,15.0994898 1.34090536,15.0994898 1.73864068,14.7017749 L7.50006875,8.94035702 Z'/%3E%3C/svg%3E");
}
body.is-mwg-url-ending .icon--cross {
  background-image: url("data:image/svg+xml,%3Csvg height='28' viewBox='0 0 28 28' width='28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m389 941c7.731986 0 14 6.268014 14 14s-6.268014 14-14 14-14-6.268014-14-14 6.268014-14 14-14zm2.832627 8.338946-2.832627 2.832627-2.832627-2.832627c-.777497-.777497-2.043179-.776849-2.824227.0042-.786494.786494-.782929 2.045498-.0042 2.824227l2.832627 2.832627-2.832627 2.832627c-.777497.777497-.776849 2.043179.0042 2.824227.786494.786494 2.045498.782929 2.824227.0042l2.832627-2.832627 2.832627 2.832627c.777497.777497 2.043179.776849 2.824227-.0042.786494-.786494.782929-2.045498.0042-2.824227l-2.832627-2.832627 2.832627-2.832627c.777497-.777497.776849-2.043179-.0042-2.824227-.786494-.786494-2.045498-.782929-2.824227-.0042z' fill='%23FFFFFF' fill-rule='evenodd' transform='translate(-375 -941)'/%3E%3C/svg%3E");
}

.inline-captcha-content .captcha-head,
.inline-captcha-content .realperson-regen {
  display: none;
}
.inline-captcha-content .captcha-note {
  font-size: 1rem;
  color: #3F3F3F;
}
.inline-captcha-content .realperson-challenge,
.inline-captcha-content .captcha-note {
  margin-bottom: 0.625rem;
}
.inline-captcha-content .realperson-text {
  font-family: "Courier New", monospace !important;
  font-size: 6px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 4px;
  cursor: pointer;
}
.inline-captcha-content .realperson-text:after {
  font-size: 1rem;
  margin-top: 5px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  content: "Neue Zeichen generieren";
  color: #DC5F13;
  letter-spacing: normal;
  line-height: 1.5;
  font-weight: normal;
}
.inline-captcha-content .realperson-text:hover:after {
  text-decoration: underline;
}
@media (max-width: 700px) {
  .inline-captcha-content {
    margin-top: 1.25rem;
  }
}

.button {
  font-size: 1rem;
  padding: 0.8125rem 1.875rem;
  border: 1px solid transparent;
  text-transform: uppercase;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.articles-actions .button {
  border-radius: 0.3125rem;
  padding: 0.8125rem 0.9375rem;
}
.button--streched {
  width: 100%;
}
.button--wide {
  padding: 0.8125rem 3.75rem;
}
.button[data-appearance=minimal] {
  padding: 0 10px;
}
.button span + span {
  margin-left: 0.625rem;
}
.button--light-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.button--light-icon .icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20px;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  width: 1.25rem;
  height: 1.25rem;
}
.button--light-icon .icon svg {
  width: 100%;
  height: 100%;
}
.button--light-icon .icon svg,
.button--light-icon .icon svg path {
  fill: currentColor;
}
.is-split-screen-login .panel .button:hover, .is-boxed-login .panel .button:hover {
  border-color: transparent;
}

.nav--footer__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.nav--footer__list-item:not(:last-child) {
  margin-right: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .nav--footer__list-item:not(:last-child) {
    margin-right: 1.875rem;
  }
}
.nav--footer__link {
  font-size: 0.75rem;
  padding-top: 0;
}
.nav--footer__link:hover {
  text-decoration: underline;
}
@media (max-width: 1040px) {
  .nav--footer__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .nav--footer__link {
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
  }
}

.nav--sub__list {
  background: #FFFFFF;
}
.nav--sub__link {
  font-size: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.nav--sub__link:not(.nav--sub__link---active):hover {
  text-decoration: underline;
}
.nav--sub__link---active {
  background: #FFFFFF;
  font-weight: bold;
}

.nav--cookie-consent__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.nav--cookie-consent__list-item {
  margin-right: 0.9375rem;
  margin-left: 0.9375rem;
}
.nav--cookie-consent__link {
  font-size: 0.75rem;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
  text-decoration: underline;
}
.nav--cookie-consent__link:hover {
  text-decoration: none;
}

.articles-actions {
  margin-top: -20px;
  border-bottom: 1px solid #ddd8d0;
  position: sticky;
  top: 0;
  z-index: 2;
}
.articles-actions__filter-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.articles-actions__filter-row.h-is-closed {
  display: none;
}
.articles-actions__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 700px) {
  .articles-actions {
    padding: 0.625rem 0;
  }
  .articles-actions__filter {
    padding: 0.625rem 0 0;
  }
  .articles-actions__filter-row {
    padding: 0.625rem 0 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .articles-actions__col + .articles-actions__col {
    margin-top: 0.625rem;
  }
  .articles-actions__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
  .articles-actions__col.h-is-info-panel {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .articles-actions__row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (min-width: 701px) {
  .articles-actions {
    padding: 1.25rem 0;
  }
  .articles-actions__filter {
    padding: 1.25rem 0 0;
  }
  .articles-actions__filter-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .articles-actions__filter-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 21.4285714286%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 21.4285714286%;
    -ms-flex: 1 0 21.4285714286%;
    flex: 1 0 21.4285714286%;
    width: 21.4285714286%;
    max-width: 21.4285714286%;
  }
  .articles-actions__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .articles-actions__col + .articles-actions__col {
    margin-left: 0.625rem;
  }
  .articles-actions__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .articles-actions__col:first-child, .articles-actions__col:last-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 25%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    width: 25%;
    max-width: 25%;
  }
}

.panel {
  z-index: 10;
}
.panel__text {
  margin-bottom: 1.25rem;
  font-size: calc(1.3625rem + 1.35vw);
  line-height: 1.1;
}
@media (min-width: 1200px) {
  .panel__text {
    font-size: 2.375rem;
  }
}
.is-boxed-login .panel__text {
  font-size: calc(1.475rem + 2.7vw);
  color: #FFFFFF;
}
@media (min-width: 1200px) {
  .is-boxed-login .panel__text {
    font-size: 3.5rem;
  }
}
.is-boxed-login .panel__text b {
  color: #FFFFFF;
}
@media (max-width: 700px) {
  .panel {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 701px) {
  .panel {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: calc(1.375rem + 1.5vw);
    padding-right: calc(1.375rem + 1.5vw);
    margin-top: calc(1.75rem + 6vw);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    max-width: 450px;
    min-width: 450px;
  }
}
@media (min-width: 701px) and (min-width: 1200px) {
  .panel {
    padding-left: 2.5rem;
  }
}
@media (min-width: 701px) and (min-width: 1200px) {
  .panel {
    padding-right: 2.5rem;
  }
}
@media (min-width: 701px) and (min-width: 1200px) {
  .panel {
    margin-top: 6.25rem;
  }
}
@media (min-width: 701px) {
  .is-boxed-login .panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 0 0 -35%;
  }
  .is-boxed-login .panel__input {
    max-width: 300px;
    min-width: 300px;
  }
}

#cookieRequestArea,
.cookie-consent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: rgba(63, 63, 63, 0.8);
  z-index: 110000000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
#cookieRequestArea__wrap,
.cookie-consent__wrap {
  padding: 0 1.25rem;
  margin: 1.25rem;
  max-width: 450px;
  max-height: 100%;
  background: #FFFFFF;
  overflow-x: auto;
}
#cookieRequestArea__col,
.cookie-consent__col {
  padding: 1.25rem 0;
}
#cookieRequestArea__col:first-child,
.cookie-consent__col:first-child {
  padding: 0.9375rem 0;
  border-bottom: 1px solid #C2C2C2;
}
#cookieRequestArea__col:not(:last-child),
.cookie-consent__col:not(:last-child) {
  border-bottom: 1px solid #C2C2C2;
}
#cookieRequestArea__link,
.cookie-consent__link {
  text-decoration: underline;
}
#cookieRequestArea__heading,
.cookie-consent__heading {
  font-size: 1.25rem;
  font-weight: normal;
  margin: 0 0 10px 0;
}
#cookieRequestArea__button,
.cookie-consent__button {
  display: block;
  padding: 0.625rem 3.75rem;
  width: 100%;
  text-transform: uppercase;
}
#cookieRequestPlaceholder {
  display: none;
}

#cookie-consent,
#cookieRequestArea {
  background: rgba(0, 0, 0, 0.7);
}

.cookie_btn_area {
  display: block;
}

.cookie_content.cookie_request {
  z-index: 100;
}

.warning {
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
}
.warning__content {
  font-size: 1rem;
  padding: 10px;
}
.warning--error, .warning--success, .warning--info {
  margin-bottom: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .warning--error, .warning--success, .warning--info {
    margin-bottom: 1.875rem;
  }
}
.warning--error:before, .warning--error:after, .warning--success:before, .warning--success:after, .warning--info:before, .warning--info:after {
  content: "";
  position: absolute;
}
.warning--error:before, .warning--success:before, .warning--info:before {
  width: 60px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.warning--error:after, .warning--success:after, .warning--info:after {
  width: 20px;
  height: 20px;
  top: 12px;
  left: 20px;
  background-repeat: no-repeat;
  z-index: 2;
}
.warning--error__content, .warning--success__content, .warning--info__content {
  padding-left: 80px;
}
.warning--error {
  border-color: #EE0000;
  background: #FFFFFF;
}
.warning--error:before {
  background: #EE0000;
}
.warning--error:after {
  background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10 0c1.8142439 0 3.4874043.44704332 5.0195322 1.34114747 1.532125.89410123 2.7452191 2.10719537 3.6393203 3.63932034.8941042 1.53212789 1.3411475 3.20528827 1.3411475 5.01953219 0 1.8142439-.4470433 3.4874043-1.3411475 5.0195322-.8941012 1.532125-2.1071953 2.7452203-3.6393203 3.6393221-1.5321279.8941015-3.2052883 1.3411457-5.0195322 1.3411457-1.81424392 0-3.4874043-.4470442-5.01953219-1.3411457-1.53212497-.8941018-2.74522027-2.1071971-3.63932209-3.6393221-.89410152-1.5321279-1.34114572-3.2052883-1.34114572-5.0195322 0-1.81424392.4470442-3.4874043 1.34114572-5.01953219.89410182-1.53212497 2.10719712-2.74521911 3.63932209-3.63932034 1.53212789-.89410415 3.20528827-1.34114747 5.01953219-1.34114747zm1.6666664 16.236978v-2.4739575c0-.1215287-.0390629-.2235245-.1171887-.3059904-.0781229-.0824658-.1736088-.1236958-.2864575-.1236958h-2.50000038c-.11284583 0-.21267166.0434029-.2994775.1302088-.08680583.0868058-.13020874.1866287-.13020874.2994774v2.4739575c0 .1128487.04340291.2126746.13020874.2994804.08680584.0868058.18663167.1302088.2994775.1302088h2.50000038c.1128487 0 .2083346-.041233.2864575-.1236988.0781258-.0824658.1171887-.1844617.1171887-.3059904zm-.0260429-4.4791657.2343775-8.08593613c0-.10416874-.0434029-.18229166-.1302087-.23437457-.0868059-.06944584-.1909717-.10416875-.3125005-.10416875h-2.86458365c-.12152874 0-.22569457.03472291-.31250041.10416875-.08680583.05208291-.13020874.13020583-.13020874.23437457l.22135458 8.08593613c0 .0868058.04340291.1627616.13020874.2278645.08680583.0651059.19097167.0976559.31250041.0976559h2.40885457c.1215287 0 .2235216-.03255.3059875-.0976559.0824658-.0651029.1280387-.1410587.1367187-.2278645z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.warning--error__content {
  color: #EE0000;
}
.warning--success {
  border-color: #008935;
  background: #FFFFFF;
}
.warning--success:before {
  background: #008935;
}
.warning--success:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='m10 0c5.5228475 0 10 4.4771525 10 10s-4.4771525 10-10 10-10-4.4771525-10-10 4.4771525-10 10-10zm4.4965472 6.00047998c-.3588885.01560385-.6865693.15603849-.9362309.42130393l-4.91521251 4.91521249c-.14043464.1248308-.35888853.1248308-.48371933 0l-1.79444265-1.79444265c-1.27951564-1.34193103-3.26120448.63975785-1.91927345 1.91927345l3.22999678 3.2456006c.39009623.3900963 1.04545789.3900963 1.43555412 0l6.36637044-6.36637044c.8894194-.87381555.2652655-2.37178508-.9830425-2.34057738z'/%3E%3C/svg%3E%0A");
}
.warning--success__content {
  color: #008935;
}
.warning--info {
  border-color: #F1C40E;
  background: #F1C40E;
}
.warning--info:before {
  background: #F1C40E;
}
.warning--info:after {
  background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10 0c1.8142439 0 3.4874043.44704332 5.0195322 1.34114747 1.532125.89410123 2.7452191 2.10719537 3.6393203 3.63932034.8941042 1.53212789 1.3411475 3.20528827 1.3411475 5.01953219 0 1.8142439-.4470433 3.4874043-1.3411475 5.0195322-.8941012 1.532125-2.1071953 2.7452203-3.6393203 3.6393221-1.5321279.8941015-3.2052883 1.3411457-5.0195322 1.3411457-1.81424392 0-3.4874043-.4470442-5.01953219-1.3411457-1.53212497-.8941018-2.74522027-2.1071971-3.63932209-3.6393221-.89410152-1.5321279-1.34114572-3.2052883-1.34114572-5.0195322 0-1.81424392.4470442-3.4874043 1.34114572-5.01953219.89410182-1.53212497 2.10719712-2.74521911 3.63932209-3.63932034 1.53212789-.89410415 3.20528827-1.34114747 5.01953219-1.34114747zm1.6666664 16.236978v-2.4739575c0-.1215287-.0390629-.2235245-.1171887-.3059904-.0781229-.0824658-.1736088-.1236958-.2864575-.1236958h-2.50000038c-.11284583 0-.21267166.0434029-.2994775.1302088-.08680583.0868058-.13020874.1866287-.13020874.2994774v2.4739575c0 .1128487.04340291.2126746.13020874.2994804.08680584.0868058.18663167.1302088.2994775.1302088h2.50000038c.1128487 0 .2083346-.041233.2864575-.1236988.0781258-.0824658.1171887-.1844617.1171887-.3059904zm-.0260429-4.4791657.2343775-8.08593613c0-.10416874-.0434029-.18229166-.1302087-.23437457-.0868059-.06944584-.1909717-.10416875-.3125005-.10416875h-2.86458365c-.12152874 0-.22569457.03472291-.31250041.10416875-.08680583.05208291-.13020874.13020583-.13020874.23437457l.22135458 8.08593613c0 .0868058.04340291.1627616.13020874.2278645.08680583.0651059.19097167.0976559.31250041.0976559h2.40885457c.1215287 0 .2235216-.03255.3059875-.0976559.0824658-.0651029.1280387-.1410587.1367187-.2278645z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.warning--info__content {
  background: #FFFFFF;
  color: #C85100;
}
.warning--hint {
  border-color: #008935;
  background: #008935;
}
.warning--hint:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 10px;
  background-image: url("../px/icons.png");
  background-image: url("../px/icons.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.warning--hint__content {
  color: #FFFFFF;
}

input[type=number],
input[type=password],
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea,
input[type=submit] {
  border-radius: 5px;
  outline: none;
}
button,
input[type=submit] {
  border: none;
  cursor: pointer;
}

input[type=number],
input[type=password],
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea {
  font-size: 1rem;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  width: 100%;
  padding: 0.9375rem 0.625rem;
  border: 1px solid #C2C2C2;
}
.articles-actions input[type=number],
.articles-actions input[type=password],
.articles-actions input[type=text],
.articles-actions input[type=email],
.articles-actions input[type=tel],
.articles-actions input[type=url],
.articles-actions textarea {
  padding: 0.9375rem 0.625rem;
  border: none;
}
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #535867;
  opacity: 1; /* Firefox */
}
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #535867;
}
input[type=number]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #535867;
}
.validation--success input[type=number], .validation--error input[type=number],
.validation--success input[type=password],
.validation--error input[type=password],
.validation--success input[type=text],
.validation--error input[type=text],
.validation--success input[type=email],
.validation--error input[type=email],
.validation--success input[type=tel],
.validation--error input[type=tel],
.validation--success input[type=url],
.validation--error input[type=url],
.validation--success textarea,
.validation--error textarea {
  padding: 7px 45px 5px 10px;
}
.form__element--success input[type=number], .form__element--error input[type=number],
.form__element--success input[type=password],
.form__element--error input[type=password],
.form__element--success input[type=text],
.form__element--error input[type=text],
.form__element--success input[type=email],
.form__element--error input[type=email],
.form__element--success input[type=tel],
.form__element--error input[type=tel],
.form__element--success input[type=url],
.form__element--error input[type=url],
.form__element--success textarea,
.form__element--error textarea {
  position: relative;
  padding-right: 40px;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: right 12px center;
}
.form__element--success input[type=number],
.form__element--success input[type=password],
.form__element--success input[type=text],
.form__element--success input[type=email],
.form__element--success input[type=tel],
.form__element--success input[type=url],
.form__element--success textarea {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23008935' fill-rule='evenodd' d='m10 0c5.5228475 0 10 4.4771525 10 10s-4.4771525 10-10 10-10-4.4771525-10-10 4.4771525-10 10-10zm4.4965472 6.00047998c-.3588885.01560385-.6865693.15603849-.9362309.42130393l-4.91521251 4.91521249c-.14043464.1248308-.35888853.1248308-.48371933 0l-1.79444265-1.79444265c-1.27951564-1.34193103-3.26120448.63975785-1.91927345 1.91927345l3.22999678 3.2456006c.39009623.3900963 1.04545789.3900963 1.43555412 0l6.36637044-6.36637044c.8894194-.87381555.2652655-2.37178508-.9830425-2.34057738z'/%3E%3C/svg%3E%0A");
  border-color: #008935;
  background-color: rgb(188, 255, 213.9197080292);
  color: #008935;
}
.form__element--error input[type=number],
.form__element--error input[type=password],
.form__element--error input[type=text],
.form__element--error input[type=email],
.form__element--error input[type=tel],
.form__element--error input[type=url],
.form__element--error textarea {
  background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10 0c1.8142439 0 3.4874043.44704332 5.0195322 1.34114747 1.532125.89410123 2.7452191 2.10719537 3.6393203 3.63932034.8941042 1.53212789 1.3411475 3.20528827 1.3411475 5.01953219 0 1.8142439-.4470433 3.4874043-1.3411475 5.0195322-.8941012 1.532125-2.1071953 2.7452203-3.6393203 3.6393221-1.5321279.8941015-3.2052883 1.3411457-5.0195322 1.3411457-1.81424392 0-3.4874043-.4470442-5.01953219-1.3411457-1.53212497-.8941018-2.74522027-2.1071971-3.63932209-3.6393221-.89410152-1.5321279-1.34114572-3.2052883-1.34114572-5.0195322 0-1.81424392.4470442-3.4874043 1.34114572-5.01953219.89410182-1.53212497 2.10719712-2.74521911 3.63932209-3.63932034 1.53212789-.89410415 3.20528827-1.34114747 5.01953219-1.34114747zm1.6666664 16.236978v-2.4739575c0-.1215287-.0390629-.2235245-.1171887-.3059904-.0781229-.0824658-.1736088-.1236958-.2864575-.1236958h-2.50000038c-.11284583 0-.21267166.0434029-.2994775.1302088-.08680583.0868058-.13020874.1866287-.13020874.2994774v2.4739575c0 .1128487.04340291.2126746.13020874.2994804.08680584.0868058.18663167.1302088.2994775.1302088h2.50000038c.1128487 0 .2083346-.041233.2864575-.1236988.0781258-.0824658.1171887-.1844617.1171887-.3059904zm-.0260429-4.4791657.2343775-8.08593613c0-.10416874-.0434029-.18229166-.1302087-.23437457-.0868059-.06944584-.1909717-.10416875-.3125005-.10416875h-2.86458365c-.12152874 0-.22569457.03472291-.31250041.10416875-.08680583.05208291-.13020874.13020583-.13020874.23437457l.22135458 8.08593613c0 .0868058.04340291.1627616.13020874.2278645.08680583.0651059.19097167.0976559.31250041.0976559h2.40885457c.1215287 0 .2235216-.03255.3059875-.0976559.0824658-.0651029.1280387-.1410587.1367187-.2278645z' fill='%23EE0000' fill-rule='evenodd'/%3E%3C/svg%3E");
  border-color: #EE0000;
  background-color: rgb(255, 202.3, 202.3);
  color: #EE0000;
}
.panel input[type=number],
.panel input[type=password],
.panel input[type=text],
.panel input[type=email],
.panel input[type=tel],
.panel input[type=url],
.panel textarea {
  text-align: center;
}

input[readonly] {
  background-color: #EDEDEF;
}

textarea {
  resize: none;
  overflow: auto;
}

label {
  font-size: 0.875rem;
  padding: 0 0 5px 0;
}
.panel label, .form__element--placeholder label {
  display: none;
}
.form__element--bonus-codes label, .form__element--radio label {
  font-weight: 600;
}
.form__element--radio label {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 5px;
}

.form__line {
  width: 100%;
}
.form__line--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.form__line--flex .form__element {
  margin-bottom: 0;
}
.form__line--flex + .form__line--flex {
  border-top: 1px solid #EDEDEF;
  margin-top: 10px;
  padding-top: 10px;
}
.form__line--addition {
  padding-left: 1.5rem;
}
.form__txt {
  font-size: 1rem;
  margin: 0 0 0.3125rem;
}
.form__message {
  font-size: 0.75rem;
  font-weight: bold;
}
.form__element--success .form__message {
  color: #008935;
}
.form__element--error .form__message {
  color: #EE0000;
}
.form__iframe {
  display: block;
  width: 100%;
}
.form__iframe > span {
  display: block;
  width: 100%;
}
.form__iframe iframe {
  width: 100% !important;
  height: 59px !important;
}
.form__element {
  margin: 0 0 10px;
}
.form__element--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.form__element .g-recaptcha {
  width: 100%;
}
.form__element .g-recaptcha > div {
  width: 100% !important;
}
.panel .form__element:not(:last-child) {
  margin: 0 0 10px;
}
.panel .form__element:last-child {
  margin: 0;
}
.form__element--radio, .form__element--half, .form__element--two-three, .form__element--one-three {
  float: left;
}
.form__element--radio {
  width: auto;
}
.form__element--radio span {
  font-size: 0.875rem;
  padding: 0.25rem 0.3125rem 0 0;
}
.form__element--radio table {
  display: inline;
  vertical-align: top;
}
.form__element--half {
  width: 49.1166077739%;
}
.form__element--two-three {
  width: 77.9151943463%;
}
.form__element--one-three {
  width: 20.3180212014%;
}
.form__element--margin {
  margin-right: 1.7667844523%;
}
.is-boxed-login .form__element--just-text {
  color: #FFFFFF;
}

.form-select {
  font-size: 1rem;
  width: 100%;
  padding: 0.9375rem 2.5rem 0.9375rem 0.625rem;
  -moz-padding-start: calc(0.75rem - 3px);
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #C2C2C2;
  border-radius: 0.3125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.articles-actions__filter-cell .form-select, .articles-filter .form-select {
  font-size: 0.875rem;
  padding: 0.4375rem 2.5rem 0.4375rem 0.625rem;
}

.form-control {
  width: 100%;
  padding: 0.625rem;
  font-size: 0.875rem;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #C2C2C2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}
.articles-actions__filter-cell .form-control, .articles-filter .form-control {
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1;
}

.input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group button {
  background: #FFFFFF;
  padding: 0;
}
.input-group button:not(.button--light-icon) {
  border: none;
}
.articles-filter .input-group button {
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  border-right: 1px solid #C2C2C2;
  border-top: 1px solid #C2C2C2;
  border-bottom: 1px solid #C2C2C2;
}
.input-group--action-search {
  border-radius: 0.3125rem;
  background: #FFFFFF;
}
.input-group--search button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.625rem;
}
.input-group--search button:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%23C2C2C2' fill-rule='evenodd' d='M249.19471,22.2037249 C249.987986,21.4104518 250.384616,20.457936 250.384616,19.3461541 C250.384616,18.2343654 249.989487,17.2833547 249.19922,16.4930882 C248.408954,15.7028149 247.457943,15.3076918 246.346155,15.3076918 C245.23437,15.3076918 244.283358,15.7028149 243.49309,16.4930882 C242.702821,17.2833547 242.307692,18.2343654 242.307692,19.3461541 C242.307692,20.457936 242.702821,21.4089488 243.49309,22.1992173 C244.283358,22.9894859 245.23437,23.3846144 246.346155,23.3846144 C247.457943,23.3846144 248.407453,22.9909888 249.19471,22.2037249 Z M255,26.8461534 C255,27.158655 254.885819,27.4290853 254.657458,27.6574518 C254.429089,27.8858184 254.15866,28 253.846157,28 C253.521633,28 253.251204,27.8858184 253.034857,27.6574518 L249.94291,24.5745184 C248.867184,25.319715 247.668279,25.6923075 246.346155,25.6923075 C245.486775,25.6923075 244.664968,25.5255419 243.88071,25.1920067 C243.096451,24.8584714 242.420376,24.4077548 241.852464,23.8398427 C241.284553,23.2719312 240.833836,22.5958563 240.500301,21.8115977 C240.166765,21.027339 240,20.2055322 240,19.3461541 C240,18.4867761 240.166765,17.6649692 240.500301,16.8807065 C240.833836,16.0964506 241.284553,15.4203716 241.852464,14.8524629 C242.420376,14.2845474 243.096451,13.8338348 243.88071,13.5002982 C244.664968,13.1667616 245.486775,13 246.346155,13 C247.205532,13 248.027339,13.1667616 248.811602,13.5002982 C249.595858,13.8338348 250.271937,14.2845474 250.839845,14.8524629 C251.407754,15.4203716 251.858473,16.0964506 252.19201,16.8807065 C252.525547,17.6649692 252.692308,18.4867761 252.692308,19.3461541 C252.692308,20.6682726 252.31972,21.867181 251.574522,22.9429076 L254.66647,26.0348553 C254.888828,26.2572124 255,26.5276426 255,26.8461534 Z' transform='translate(-240 -13)'/%3E%3C/svg%3E");
  content: "";
  width: 15px;
  height: 15px;
  position: static;
}

.checkout {
  width: 100%;
}
.checkout h3 {
  border: none;
  padding-top: 0;
}
.checkout__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.checkout__heading-visual {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  width: 80px;
}
.checkout__image, .checkout__image-cell {
  width: 100%;
}
.checkout__image {
  padding: 0 0 1.25rem;
}
.checkout__image-cell {
  height: 100%;
}
.checkout__image-cell img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
}
.checkout__steps {
  margin-bottom: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .checkout__steps {
    margin-bottom: 1.875rem;
  }
}
.checkout__steps {
  padding: 1.25rem;
  background: #FFFFFF;
}
.checkout__change-bonus {
  font-weight: normal;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-align: right;
}
.checkout__toggle-information {
  font-size: 1rem;
  padding-top: 0.625rem;
}
.checkout__article-additional {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top: 1px solid #C2C2C2;
  display: none;
  padding: 60px 0 0;
}
.article---expanded .checkout__article-additional {
  display: block;
}
.checkout__article-close {
  position: absolute;
  top: 20px;
  right: 0;
  width: 28px;
  height: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.checkout__article-close:not(:hover) {
  background-image: url("data:image/svg+xml,%3Csvg height='28' viewBox='0 0 28 28' width='28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m389 941c7.731986 0 14 6.268014 14 14s-6.268014 14-14 14-14-6.268014-14-14 6.268014-14 14-14zm2.832627 8.338946-2.832627 2.832627-2.832627-2.832627c-.777497-.777497-2.043179-.776849-2.824227.0042-.786494.786494-.782929 2.045498-.0042 2.824227l2.832627 2.832627-2.832627 2.832627c-.777497.777497-.776849 2.043179.0042 2.824227.786494.786494 2.045498.782929 2.824227.0042l2.832627-2.832627 2.832627 2.832627c.777497.777497 2.043179.776849 2.824227-.0042.786494-.786494.782929-2.045498.0042-2.824227l-2.832627-2.832627 2.832627-2.832627c.777497-.777497.776849-2.043179-.0042-2.824227-.786494-.786494-2.045498-.782929-2.824227-.0042z' fill='%23C2C2C2' fill-rule='evenodd' transform='translate(-375 -941)'/%3E%3C/svg%3E");
}
.checkout__article-close:hover {
  background-image: url("data:image/svg+xml,%3Csvg height='28' viewBox='0 0 28 28' width='28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m389 941c7.731986 0 14 6.268014 14 14s-6.268014 14-14 14-14-6.268014-14-14 6.268014-14 14-14zm2.832627 8.338946-2.832627 2.832627-2.832627-2.832627c-.777497-.777497-2.043179-.776849-2.824227.0042-.786494.786494-.782929 2.045498-.0042 2.824227l2.832627 2.832627-2.832627 2.832627c-.777497.777497-.776849 2.043179.0042 2.824227.786494.786494 2.045498.782929 2.824227.0042l2.832627-2.832627 2.832627 2.832627c.777497.777497 2.043179.776849 2.824227-.0042.786494-.786494.782929-2.045498.0042-2.824227l-2.832627-2.832627 2.832627-2.832627c.777497-.777497.776849-2.043179-.0042-2.824227-.786494-.786494-2.045498-.782929-2.824227-.0042z' fill='%233F3F3F' fill-rule='evenodd' transform='translate(-375 -941)'/%3E%3C/svg%3E");
}
@media (max-width: 500px) {
  .checkout__image {
    margin-bottom: calc(1.3125rem + 0.75vw);
    height: 200px;
  }
}
@media (max-width: 500px) and (min-width: 1200px) {
  .checkout__image {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 501px) {
  .checkout__image {
    margin-bottom: calc(1.3125rem + 0.75vw);
    height: 280px;
  }
}
@media (min-width: 501px) and (min-width: 1200px) {
  .checkout__image {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 860px) {
  .checkout__column:not(:last-child) {
    margin-bottom: calc(1.3125rem + 0.75vw);
  }
}
@media (max-width: 860px) and (min-width: 1200px) {
  .checkout__column:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 861px) {
  .checkout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .checkout--minimal {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .checkout__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .checkout--minimal .checkout__column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 615px;
    -moz-box-flex: 0;
    -moz-flex: 0 0 615px;
    -ms-flex: 0 0 615px;
    flex: 0 0 615px;
    max-width: 615px;
  }
  .checkout__column:not(:last-child) {
    margin-right: 2.380952381%;
  }
}

.cart-article {
  width: 100%;
  padding-top: 0.625rem;
}
.cart-article + .cart-article {
  margin-top: calc(1.3125rem + 0.75vw);
  padding-top: calc(1.3125rem + 0.75vw);
  border-top: 1px dashed #C2C2C2;
}
@media (min-width: 1200px) {
  .cart-article + .cart-article {
    margin-top: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .cart-article + .cart-article {
    padding-top: 1.875rem;
  }
}
.cart-article__image, .cart-article__image-cell {
  width: 100%;
}
.cart-article__image {
  padding: 0 0 1.25rem;
}
.cart-article__image-cell {
  height: 100%;
}
.cart-article__image-cell img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
}
.cart-article .button-close {
  position: absolute;
  right: 0;
  z-index: 1;
}
@media (max-width: 500px) {
  .cart-article__image {
    height: 200px;
  }
}
@media (min-width: 501px) {
  .cart-article__image {
    height: 10.625rem;
  }
}
@media (max-width: 860px) {
  .cart-article__column:not(:last-child) {
    margin-bottom: calc(1.3125rem + 0.75vw);
  }
}
@media (max-width: 860px) and (min-width: 1200px) {
  .cart-article__column:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 861px) {
  .cart-article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .cart-article__col[data-artice-col=visual] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 9.375rem;
    -moz-box-flex: 0;
    -moz-flex: 0 0 9.375rem;
    -ms-flex: 0 0 9.375rem;
    flex: 0 0 9.375rem;
    width: 9.375rem;
    max-width: 9.375rem;
    margin-right: 1.25rem;
  }
  .cart-article__col[data-artice-col=content] {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding-right: calc(1.375rem + 1.5vw);
  }
}
@media (min-width: 861px) and (min-width: 1200px) {
  .cart-article__col[data-artice-col=content] {
    padding-right: 2.5rem;
  }
}

.submit__steps {
  padding-top: 1.25rem;
}
.submit__steps--terms {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.submit__steps--terms input {
  margin: 0.3125rem 0.3125rem 0 0;
}
.submit__link {
  display: inline-block;
}
.submit__link:hover {
  color: #3F3F3F;
}
@media (max-width: 860px) {
  .submit__steps--send {
    text-align: center;
  }
  .submit__steps .button {
    display: block;
    width: 100%;
  }
}

.content-overlay {
  -webkit-transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  -moz-transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  -ms-transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  -o-transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  transition: opacity cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(63, 63, 63, 0.7);
  display: none;
}
.content-overlay .article__inputs {
  padding: 0;
  margin: 0;
}
.content-overlay .article__additional, .content-overlay__header {
  text-align: center;
}
@supports (backdrop-filter: blur(5px)) {
  .content-overlay {
    backdrop-filter: blur(5px);
  }
}
.content-overlay--active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  animation: fade-in 500ms forwards;
  z-index: 1000;
}
.content-overlay[modalClosing] {
  animation: fade-out 500ms forwards;
}
.content-overlay__section + .content-overlay__section {
  margin-block-start: 30px;
}
.content-overlay__submit-action {
  position: sticky;
  bottom: 0;
  margin-top: 20px;
  z-index: 2;
}
.content-overlay__submit-action::after {
  content: "";
  position: absolute;
  z-index: -1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
}
.content-overlay__wrap {
  background: #FFFFFF;
  border-radius: 3px;
}
.content-overlay__header {
  padding: 0 0 0.9375rem;
  margin: 0 0 0.9375rem;
}
.content-overlay__header h2 {
  margin: 0;
  border: none;
}
.content-overlay__description, .content-overlay__description > * {
  font-size: 0.875rem;
}
.content-overlay__description {
  border-top: 1px solid #ddd8d0;
}
.content-overlay__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.9375rem;
}
.content-overlay__bar + .content-overlay__bar {
  margin-top: calc(1.34375rem + 1.125vw);
  padding-top: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  .content-overlay__bar + .content-overlay__bar {
    margin-top: 2.1875rem;
  }
}
@media (min-width: 1200px) {
  .content-overlay__bar + .content-overlay__bar {
    padding-top: 2.1875rem;
  }
}
.content-overlay__additional {
  -webkit-transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  -moz-transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  -ms-transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  -o-transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  transition: grid-template-rows cubic-bezier(0.77, 0, 0.175, 1) 0.5s 0s;
  display: grid;
}
.content-overlay__additional[aria-hidden=true] {
  grid-template-rows: 0fr;
}
.content-overlay__additional[aria-hidden=false] {
  grid-template-rows: 1fr;
  padding-block-end: 20px;
}
.content-overlay__additional-wrap {
  overflow: hidden;
}
.content-overlay p:not(:last-child):not(:only-child) {
  margin: 0.9375rem 0;
}
.content-overlay p:last-child {
  margin: 0.9375rem 0 0;
}
.content-overlay__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.content-overlay__close {
  -webkit-transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
  -moz-transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
  -ms-transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
  -o-transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
  transition: background-color cubic-bezier(0.77, 0, 0.175, 1) 0.25s 0s;
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 100%;
  cursor: pointer;
}
@media (max-width: 900px) {
  .content-overlay {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    padding: 0.625rem;
  }
  .content-overlay__wrap {
    padding: 1.25rem;
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
  }
  .content-overlay__row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .content-overlay__col:first-child {
    margin-bottom: 0.9375rem;
  }
  .content-overlay__col--visuals {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: calc(1.3125rem + 0.75vw);
  }
}
@media (max-width: 900px) and (min-width: 1200px) {
  .content-overlay__col--visuals {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 900px) {
  .content-overlay__close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M13.806814,10 L19.4886305,15.6818195 C19.8295394,16.0227297 20,16.4393926 20,16.9318191 C20,17.4242456 19.8295394,17.8598467 19.4886305,18.2386369 L18.2386308,19.4886365 C17.8598431,19.8295472 17.4242432,20 16.931807,20 C16.4393829,20 16.0227285,19.8295472 15.6818195,19.4886365 L10,13.8068201 L4.31818051,19.4886365 C3.97727031,19.8295472 3.56060741,20 3.06818089,20 C2.57575437,20 2.14015329,19.8295472 1.7613631,19.4886365 L0.511363481,18.2386369 C0.170452797,17.8598467 0,17.4242456 0,16.9318191 C0,16.4393926 0.170452797,16.0227297 0.511363481,15.6818195 L6.19317994,10 L0.511363481,4.31818051 C0.170452797,3.97727152 0,3.5606171 0,3.06819301 C0,2.5757568 0.170452797,2.14015693 0.511363481,1.76136916 L1.7613631,0.511369542 C2.14015329,0.170460554 2.57575437,0 3.06818089,0 C3.56060741,0 3.97727031,0.170460554 4.31818051,0.511369542 L10,6.193186 L15.6818195,0.511369542 C16.0227285,0.170460554 16.4393829,0 16.931807,0 C17.4242432,0 17.8598431,0.170460554 18.2386308,0.511369542 L19.4886305,1.76136916 C19.8295394,2.14015693 20,2.5757568 20,3.06819301 C20,3.5606171 19.8295394,3.97727152 19.4886305,4.31818051 L13.806814,10 Z'/%3E%3C/svg%3E");
    display: block;
    margin-left: auto;
    margin-bottom: 10px;
    background-color: #dc785a;
  }
  .content-overlay__close:hover {
    background-color: rgb(215.5375, 102.7875, 68.9625);
  }
  .content-overlay__submit-action::after {
    inset: -30px;
  }
}
@media (min-width: 901px) {
  .content-overlay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 1.25rem;
  }
  .content-overlay__wrap {
    padding: calc(1.3125rem + 0.75vw);
    width: 1400px;
  }
}
@media (min-width: 901px) and (min-width: 1200px) {
  .content-overlay__wrap {
    padding: 1.875rem;
  }
}
@media (min-width: 901px) {
  .content-overlay__row {
    max-height: calc(100vh - 2.5rem - 3.75rem);
  }
  .content-overlay__col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    width: 50%;
    max-width: 50%;
  }
  .content-overlay__col:first-child {
    margin-right: calc(1.3125rem + 0.75vw);
  }
}
@media (min-width: 901px) and (min-width: 1200px) {
  .content-overlay__col:first-child {
    margin-right: 1.875rem;
  }
}
@media (min-width: 901px) {
  .content-overlay__col:last-child {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
  }
  .content-overlay__close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%233F3F3F' fill-rule='evenodd' d='M13.806814,10 L19.4886305,15.6818195 C19.8295394,16.0227297 20,16.4393926 20,16.9318191 C20,17.4242456 19.8295394,17.8598467 19.4886305,18.2386369 L18.2386308,19.4886365 C17.8598431,19.8295472 17.4242432,20 16.931807,20 C16.4393829,20 16.0227285,19.8295472 15.6818195,19.4886365 L10,13.8068201 L4.31818051,19.4886365 C3.97727031,19.8295472 3.56060741,20 3.06818089,20 C2.57575437,20 2.14015329,19.8295472 1.7613631,19.4886365 L0.511363481,18.2386369 C0.170452797,17.8598467 0,17.4242456 0,16.9318191 C0,16.4393926 0.170452797,16.0227297 0.511363481,15.6818195 L6.19317994,10 L0.511363481,4.31818051 C0.170452797,3.97727152 0,3.5606171 0,3.06819301 C0,2.5757568 0.170452797,2.14015693 0.511363481,1.76136916 L1.7613631,0.511369542 C2.14015329,0.170460554 2.57575437,0 3.06818089,0 C3.56060741,0 3.97727031,0.170460554 4.31818051,0.511369542 L10,6.193186 L15.6818195,0.511369542 C16.0227285,0.170460554 16.4393829,0 16.931807,0 C17.4242432,0 17.8598431,0.170460554 18.2386308,0.511369542 L19.4886305,1.76136916 C19.8295394,2.14015693 20,2.5757568 20,3.06819301 C20,3.5606171 19.8295394,3.97727152 19.4886305,4.31818051 L13.806814,10 Z'/%3E%3C/svg%3E");
    background-color: #FFFFFF;
    position: fixed;
    top: 15px;
    right: 15px;
  }
  .content-overlay__close:hover {
    background-color: #EDEDEF;
  }
  .content-overlay__submit-action::after {
    inset: -30px -2px -2px;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.articles-filter {
  padding: calc(1.3125rem + 0.75vw) 0;
  margin-top: -30px;
  border-bottom: 1px solid #ddd8d0;
  position: sticky;
  top: 0;
  z-index: 2;
}
@media (min-width: 1200px) {
  .articles-filter {
    padding: 1.875rem 0;
  }
}
.articles-filter__button, .articles-actions__filter-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.625rem;
  font-size: 0.875rem;
  width: 100%;
  border-radius: 3px;
  text-decoration: none;
}
.articles-filter__button:before, .articles-actions__filter-button:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M152.3125,36.125 C152.513021,36.125 152.677737,36.1894527 152.806638,36.3183598 C152.935549,36.4472661 153,36.6119782 153,36.8125 L153,38.1875 C153,38.3880218 152.935549,38.5527339 152.806638,38.6816402 C152.677737,38.8105473 152.513021,38.875 152.3125,38.875 L137.875,38.875 L137.875,39.5625 C137.875,39.7630218 137.810547,39.9277337 137.68164,40.0566406 C137.552734,40.1855475 137.388022,40.25 137.1875,40.25 L135.8125,40.25 C135.611978,40.25 135.447266,40.1855475 135.31836,40.0566406 C135.189453,39.9277337 135.125,39.7630218 135.125,39.5625 L135.125,38.875 L131.6875,38.875 C131.486978,38.875 131.322266,38.8105473 131.193359,38.6816402 C131.064452,38.5527339 131,38.3880218 131,38.1875 L131,36.8125 C131,36.6119782 131.064452,36.4472661 131.193359,36.3183598 C131.322266,36.1894527 131.486978,36.125 131.6875,36.125 L135.125,36.125 L135.125,35.4375 C135.125,35.2369782 135.189453,35.0722661 135.31836,34.9433598 C135.447266,34.8144527 135.611978,34.75 135.8125,34.75 L137.1875,34.75 C137.388022,34.75 137.552734,34.8144527 137.68164,34.9433598 C137.810547,35.0722661 137.875,35.2369782 137.875,35.4375 L137.875,36.125 L152.3125,36.125 Z M152.3125,29.25 C152.513021,29.25 152.677737,29.3144508 152.806638,29.4433617 C152.935549,29.5722633 153,29.7369792 153,29.9375 L153,31.3125 C153,31.5130218 152.935549,31.6777339 152.806638,31.8066402 C152.677737,31.9355473 152.513021,32 152.3125,32 L148.875,32 L148.875,32.6875 C148.875,32.8880218 148.810549,33.0527339 148.681638,33.1816402 C148.552737,33.3105473 148.388021,33.375 148.1875,33.375 L146.8125,33.375 C146.611979,33.375 146.447263,33.3105473 146.318362,33.1816402 C146.189451,33.0527339 146.125,32.8880218 146.125,32.6875 L146.125,32 L131.6875,32 C131.486978,32 131.322266,31.9355473 131.193359,31.8066402 C131.064452,31.6777339 131,31.5130218 131,31.3125 L131,29.9375 C131,29.7369792 131.064452,29.5722633 131.193359,29.4433617 C131.322266,29.3144508 131.486978,29.25 131.6875,29.25 L146.125,29.25 L146.125,28.5625 C146.125,28.3619792 146.189451,28.1972633 146.318362,28.0683617 C146.447263,27.9394508 146.611979,27.875 146.8125,27.875 L148.1875,27.875 C148.388021,27.875 148.552737,27.9394508 148.681638,28.0683617 C148.810549,28.1972633 148.875,28.3619792 148.875,28.5625 L148.875,29.25 L152.3125,29.25 Z M152.3125,22.375 C152.513021,22.375 152.677737,22.4394508 152.806638,22.5683617 C152.935549,22.6972633 153,22.8619792 153,23.0625 L153,24.4375 C153,24.6380208 152.935549,24.8027367 152.806638,24.9316383 C152.677737,25.0605492 152.513021,25.125 152.3125,25.125 L143.375,25.125 L143.375,25.8125 C143.375,26.0130208 143.310549,26.1777367 143.181638,26.3066383 C143.052737,26.4355492 142.888021,26.5 142.6875,26.5 L141.3125,26.5 C141.111979,26.5 140.947263,26.4355492 140.818362,26.3066383 C140.689451,26.1777367 140.625,26.0130208 140.625,25.8125 L140.625,25.125 L131.6875,25.125 C131.486978,25.125 131.322266,25.0605492 131.193359,24.9316383 C131.064452,24.8027367 131,24.6380208 131,24.4375 L131,23.0625 C131,22.8619792 131.064452,22.6972633 131.193359,22.5683617 C131.322266,22.4394508 131.486978,22.375 131.6875,22.375 L140.625,22.375 L140.625,21.6875 C140.625,21.4869792 140.689451,21.3222633 140.818362,21.1933617 C140.947263,21.0644508 141.111979,21 141.3125,21 L142.6875,21 C142.888021,21 143.052737,21.0644508 143.181638,21.1933617 C143.310549,21.3222633 143.375,21.4869792 143.375,21.6875 L143.375,22.375 L152.3125,22.375 Z' transform='translate(-131 -21)'/%3E%3C/svg%3E");
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20px;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 0.625rem;
  content: "";
}
.articles-filter__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.articles-filter__row.h-is-closed {
  display: none;
}
@media (max-width: 700px) {
  .articles-filter__row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .articles-filter__row.h-is-open {
    margin-top: 0.625rem;
  }
  .articles-filter__cell + .articles-filter__cell {
    margin-top: 0.625rem;
  }
  .articles-filter__cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 701px) {
  .articles-filter__button, .articles-actions__filter-button {
    display: none;
    pointer-events: none;
    user-select: none;
  }
  .articles-filter__row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .articles-filter__cell + .articles-filter__cell {
    margin-left: 0.625rem;
  }
  .articles-filter__cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 21.4285714286%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 21.4285714286%;
    -ms-flex: 1 0 21.4285714286%;
    flex: 1 0 21.4285714286%;
    width: 21.4285714286%;
    max-width: 21.4285714286%;
  }
  .articles-filter__cell---last {
    margin-left: auto !important;
  }
}

.article-facts {
  font-size: 1rem;
  display: grid;
  column-gap: 5%;
}
.article-facts:empty {
  display: none;
}
.article-facts[data-appearance=fluid] {
  grid-template-columns: auto 1fr;
}
.article-facts + .article-facts {
  margin-top: 1.25rem;
}
.article-facts__row {
  display: contents;
}
.article-facts__col label {
  font-size: inherit;
  padding: 0;
}
@media (max-width: 900px) {
  .article-facts[data-appearance=fixed] {
    grid-template-columns: 30% 1fr;
  }
}
@media (min-width: 901px) {
  .article-facts[data-appearance=fixed] {
    grid-template-columns: 25% 1fr;
  }
}

.articles {
  padding-top: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .articles {
    padding-top: 1.875rem;
  }
}
@media (min-width: 501px) {
  .articles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}

.article {
  padding: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #FFFFFF;
}
.article-summary--checkout-row {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top: 1px solid #535867;
}
.article-summary .h-is-input-width {
  text-align: center;
  min-width: 3.75rem;
  max-width: 3.75rem;
}
.article-summary .form-control {
  text-align: center;
  max-width: 3.75rem;
  padding: 0.3125rem 0.625rem;
  margin: 0.3125rem 0;
}
.article-summary--list {
  padding: 0 0 20px;
}
.article-summary__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0.1875rem 0.5rem;
}
.article-summary--checkout-row .article-summary__row--total {
  padding-top: 0.625rem;
}
.article-summary__row:nth-child(odd) {
  background: rgb(247.8, 247.8, 248.6);
}
.article-summary--list .article-summary__row {
  font-size: 0.875rem;
}
.article-summary__row--total {
  font-size: 1.125rem;
  padding: 0.3125rem 0.5rem;
  border-top: 1px solid #EDEDEF;
}
.article__preview {
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  display: block;
  background: none;
  border: none;
}
.article__preview img {
  pointer-events: none;
}
.article__data {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.article__slider, .article__image {
  width: 100%;
  padding-bottom: 100%;
  height: 0;
}
.content-overlay .article__slider, .content-overlay .article__image {
  position: sticky;
  top: 0;
}
.article__image {
  text-align: center;
}
.article__image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto !important;
  width: auto !important;
}
.article__badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: -25px;
}
.article__inputs {
  padding-top: 1.25rem;
}
.article__description {
  margin-top: 1.25rem;
}
.article__description p,
.article__description p:last-child {
  margin: 0;
}
.article__additional {
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  padding: 0 0 20px;
}
.article__details {
  font-size: 1rem;
  padding: 20px 0 0;
}
@media (max-width: 500px) {
  .article {
    margin-bottom: calc(1.3125rem + 0.75vw);
  }
}
@media (max-width: 500px) and (min-width: 1200px) {
  .article {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 501px) and (max-width: 860px) {
  .article {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 48.1927710843%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 48.1927710843%;
    -ms-flex: 1 0 48.1927710843%;
    flex: 1 0 48.1927710843%;
    width: 48.1927710843%;
    max-width: 48.1927710843%;
    margin-bottom: 3.6144578313%;
  }
  .article:not(:nth-child(2n)) {
    margin-right: 3.6144578313%;
  }
}
@media (min-width: 861px) {
  .article {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 31.746031746%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 31.746031746%;
    -ms-flex: 1 0 31.746031746%;
    flex: 1 0 31.746031746%;
    width: 31.746031746%;
    max-width: 31.746031746%;
    margin-bottom: 2.380952381%;
  }
  .article:not(:nth-child(3n)) {
    margin-right: 2.380952381%;
  }
}

/*# sourceMappingURL=meinwunschgeschenk.css.map */


.loading__panel {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
}

.loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.loading__wrap {
    color: #004C98;
    background: transparent;
    padding: 1.428571428571429rem;
    border-radius: 10px;
}

.loading__spinner {
    margin: 20px auto;
    font-size: 5px;
    position: relative;
    text-indent: -9999em;
    border-top: 5px solid rgba(0, 76, 152, 0.2);
    border-right: 5px solid rgba(0, 76, 152, 0.2);
    border-bottom: 5px solid rgba(0, 76, 152, 0.2);
    border-left: 5px solid #004C98;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: ps-loading-spinner 1.1s infinite linear;
    animation: ps-loading-spinner 1.1s infinite linear;
    animation-name: ps-loading-spinner;
    animation-duration: 1.1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}


.loading__spinner, .loading__spinner::after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes ps-loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ps-loading-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*# sourceMappingURL=meinwunschgeschenk.css.map */