@charset "UTF-8";
/* see font-product-tile-price-mobile */
/* see font-product-tile-price */
/* see font-product-tile-price-per-liter-mobile */
/* see font-product-tile-price-per-liter */
/* stylelint-disable value-no-vendor-prefix */
/* stylelint-enable value-no-vendor-prefix */
@font-face {
  font-family: "iconfont";
  src: url("/static/iconfont/iconfont.eot?cb=61c46ecb6eb386e778e57a5b6ca3e3968879212c");
  src: url("/static/iconfont/iconfont.eot?cb=61c46ecb6eb386e778e57a5b6ca3e3968879212c#iefix") format("eot"), url("/static/iconfont/iconfont.woff?cb=61c46ecb6eb386e778e57a5b6ca3e3968879212c") format("woff"), url("/static/iconfont/iconfont.ttf?cb=61c46ecb6eb386e778e57a5b6ca3e3968879212c") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.icon {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-accordion-minus:before {
  content: "";
}
.icon-accordion-plus:before {
  content: "";
}
.icon-account-logged-in:before {
  content: "";
}
.icon-account:before {
  content: "";
}
.icon-arrow-left-oval:before {
  content: "";
}
.icon-arrow-left:before {
  content: "";
}
.icon-arrow-right-oval:before {
  content: "";
}
.icon-arrow-right:before {
  content: "";
}
.icon-arrow-short-down:before {
  content: "";
}
.icon-arrow-short-left:before {
  content: "";
}
.icon-arrow-short-right:before {
  content: "";
}
.icon-arrow-short-up:before {
  content: "";
}
.icon-arrow-up-bold:before {
  content: "";
}
.icon-back:before {
  content: "";
}
.icon-calendar:before {
  content: "";
}
.icon-check:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-corner:before {
  content: "";
}
.icon-cross:before {
  content: "";
}
.icon-delete:before {
  content: "";
}
.icon-download:before {
  content: "";
}
.icon-exchange-image:before {
  content: "";
}
.icon-external-link:before {
  content: "";
}
.icon-eye-crossed-out:before {
  content: "";
}
.icon-eye:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-filter:before {
  content: "";
}
.icon-friends:before {
  content: "";
}
.icon-hourglass:before {
  content: "";
}
.icon-image-upload:before {
  content: "";
}
.icon-information:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-linkedin:before {
  content: "";
}
.icon-loyalty-adjustment:before {
  content: "";
}
.icon-loyalty-first-login-krombacher-plus-app:before {
  content: "";
}
.icon-loyalty-first-receipt-upload-krombacher-plus-app:before {
  content: "";
}
.icon-loyalty-kb-code-redeemed:before {
  content: "";
}
.icon-loyalty-newsletter-signup:before {
  content: "";
}
.icon-loyalty-onlineshop-purchase:before {
  content: "";
}
.icon-loyalty-profile-address-added:before {
  content: "";
}
.icon-loyalty-raffle-ticket-purchase:before {
  content: "";
}
.icon-loyalty-receipt-cleared:before {
  content: "";
}
.icon-loyalty-signet:before {
  content: "";
}
.icon-loyalty-survey-participation:before {
  content: "";
}
.icon-loyalty-system-correction:before {
  content: "";
}
.icon-loyalty-user-birthday:before {
  content: "";
}
.icon-loyalty-user-registered:before {
  content: "";
}
.icon-menu-close:before {
  content: "";
}
.icon-menu:before {
  content: "";
}
.icon-minus:before {
  content: "";
}
.icon-not-available:before {
  content: "";
}
.icon-pinterest:before {
  content: "";
}
.icon-plus:before {
  content: "";
}
.icon-points-transfer:before {
  content: "";
}
.icon-print:before {
  content: "";
}
.icon-product-delete:before {
  content: "";
}
.icon-receipt-fail:before {
  content: "";
}
.icon-receipt-success:before {
  content: "";
}
.icon-receipt-upload:before {
  content: "";
}
.icon-rotate:before {
  content: "";
}
.icon-search-inverted:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-service:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-shopping-bag-no-circle:before {
  content: "";
}
.icon-shopping-bag:before {
  content: "";
}
.icon-spinner:before {
  content: "";
}
.icon-spotify:before {
  content: "";
}
.icon-tiktok:before {
  content: "";
}
.icon-to-top:before {
  content: "";
}
.icon-twitter:before {
  content: "";
}
.icon-warning:before {
  content: "";
}
.icon-youtube:before {
  content: "";
}
.icon-zoom-in-no-circle:before {
  content: "";
}
.icon-zoom-in:before {
  content: "";
}
.icon-zoom-out-no-circle:before {
  content: "";
}
.icon-zoom-out:before {
  content: "";
}
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  color: #fff;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  /* stylelint-disable-line selector-no-vendor-prefix */
  background: #B3D4FC;
  text-shadow: none;
}
::selection {
  background: #B3D4FC;
  text-shadow: none;
}
HR {
  border: 0;
  border-top: 1px solid #fff;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}
AUDIO, CANVAS, IFRAME, IMG, SVG, VIDEO {
  vertical-align: middle;
}
FIELDSET {
  border: 0;
  margin: 0;
  padding: 0;
}
TEXTAREA {
  resize: vertical;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
BODY {
  font-family: "Oswald", sans-serif;
  background-color: #fff;
  color: #fff;
}
BODY.login-controller:after, BODY.loading-status-controller:after {
  background-color: #cbd300;
  background-image: none;
}
BODY:after {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: -1;
}
a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}
img {
  color: #fff;
  height: 100%;
  max-width: 100%;
  width: 100%;
}
.container {
  margin: 0 auto;
  max-width: 1264px;
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.container-white {
  background-color: transparent;
}
.container-responsive {
  padding: 0 8px;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .container-responsive {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 980px) {
  .container-responsive {
    margin: 0 auto;
    max-width: 896px;
    padding: 0;
  }
}
.overview-layout {
  margin: 0 auto;
  max-width: 1264px;
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .overview-layout {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .overview-layout {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
  }
}
.overview-layout .container {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 900px) {
  .overview-layout__navigation-content {
    flex: 2 2 16px;
    margin: 0 4px;
  }
  .overview-layout__navigation-content:first-child {
    margin-left: 0;
    margin-top: initial;
  }
  .overview-layout__navigation-content:last-child {
    margin-bottom: initial;
    margin-right: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .overview-layout__navigation-content {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media only screen and (min-width: 900px) {
  .overview-layout__content {
    flex: 6 6 80px;
    margin: 0 4px;
  }
  .overview-layout__content:first-child {
    margin-left: 0;
    margin-top: initial;
  }
  .overview-layout__content:last-child {
    margin-bottom: initial;
    margin-right: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .overview-layout__content {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@keyframes wobble-hor-bottom {
  0%, 100% {
    -webkit-transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-15px) rotate(-1deg);
    transform: translateX(-15px) rotate(-1deg);
  }
  30% {
    -webkit-transform: translateX(6px) rotate(1.5deg);
    transform: translateX(6px) rotate(1.5deg);
  }
  45% {
    -webkit-transform: translateX(-6px) rotate(-0.9deg);
    transform: translateX(-6px) rotate(-0.9deg);
  }
  60% {
    -webkit-transform: translateX(4px) rotate(0.6deg);
    transform: translateX(4px) rotate(0.6deg);
  }
  75% {
    -webkit-transform: translateX(-2px) rotate(-0.3deg);
    transform: translateX(-2px) rotate(-0.3deg);
  }
}
.logo {
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
}
@media only screen and (min-width: 980px) {
  .logo {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
.logo__inner-wrap {
  display: block;
  height: 50px;
  margin: 0 10px;
  position: relative;
  width: auto;
}
@media only screen and (min-width: 900px) {
  .logo__inner-wrap {
    margin: 0 10px 0 0;
  }
}
@media only screen and (min-width: 980px) {
  .logo__inner-wrap {
    height: 103px;
    margin: 0 auto;
    width: auto;
  }
}
.logo__inner-wrap img {
  display: block;
  margin: 0 auto;
  position: relative;
  width: auto;
  z-index: 899;
}
.footer-image {
  height: auto;
  width: 162px;
}
.loyalty-signet-small {
  height: auto;
  width: 100%;
}
.hidden-screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #3f4458;
  -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #20222c;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3f4458;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #3f4458;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: #fff;
  fill: #fff;
  height: 45px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff;
}
.flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-months .flatpickr-next-month.disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #eee;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(192, 187, 167, 0.1);
}
.numInputWrapper span:active {
  background: rgba(192, 187, 167, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(255, 255, 255, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}
.numInputWrapper:hover {
  background: rgba(192, 187, 167, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(192, 187, 167, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch \0 ;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #20222c;
  box-shadow: -1px 0 0 #20222c;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #646c8c;
  border-color: #646c8c;
}
.flatpickr-day.today {
  border-color: #eee;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #eee;
  background: #eee;
  color: #3f4458;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #80cbc4;
  box-shadow: -10px 0 0 #80cbc4;
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
  box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
  box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #20222c;
  box-shadow: 1px 0 0 #20222c;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.95);
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #707999;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.flatpickr-monthDropdown-months {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #3f4458;
  height: 30px;
  outline: none;
  border: none;
}
.flatpickr-day.flatpickr-disabled {
  opacity: 0.5;
}
.flatpickr-day.flatpickr-disabled:hover {
  background: 0;
  border: 0;
  cursor: not-allowed;
  outline: 0;
}
.si-float-wrapper {
  position: absolute;
  width: 100%;
}
.si-float-wrapper, .si-float-wrapper * {
  box-sizing: border-box;
}
[class*="si-wrapper"] {
  align-items: center;
  cursor: default;
  display: flex;
  position: absolute;
}
.si-wrapper-top {
  flex-direction: column;
  margin-left: 0px;
  margin-top: -40px;
  transform: translate(-50%, -100%);
}
.si-wrapper-bottom {
  flex-direction: column-reverse;
  margin-left: 0px;
  margin-top: 0px;
  transform: translate(-50%, 0);
}
.si-wrapper-left {
  margin-left: -11px;
  margin-top: -20px;
  transform: translate(-100%, -50%);
}
.si-wrapper-right {
  flex-direction: row-reverse;
  margin-left: 11px;
  margin-top: -20px;
  transform: translate(0, -50%);
}
.si-frame {
  z-index: 2;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.country-code-formatter {
  display: block;
  margin-bottom: 4px;
  word-break: break-word;
}
.country-code-formatter--error {
  color: #EE1C25;
}
.country-code-formatter--smart-recruits-list-item {
  display: inline;
}
.button-primary {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  outline: 0;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 2px;
  max-width: 100%;
  min-width: 200px;
  padding: 0 40px;
  transition:  background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  background-color: #16327f;
  border: solid 1px #16327f;
  color: #fff;
}
.button-primary:hover, .button-primary:active, .button-primary:focus, .button-primary:disabled {
  text-decoration: none;
}
.button-primary:disabled {
  cursor: not-allowed;
}
@media only screen and (min-width: 500px) {
  .button-primary {
    max-width: 440px;
  }
}
.button-primary:hover, .button-primary:focus {
  background-color: #e5e7f2;
  border: solid 1px #e5e7f2;
  color: #16327f;
}
.button-primary:active {
  background-color: #e5e7f2;
  border: solid 1px #e5e7f2;
  color: #16327f;
}
.button-primary--disabled {
  background-color: #FFF08F;
  border: solid 1px #FFF08F;
  color: #ccc;
  cursor: not-allowed;
}
.button-primary--disabled:focus, .button-primary--disabled:hover {
  background-color: #FFF08F;
  border: solid 1px #FFF08F;
}
.button-primary--loading {
  color: transparent;
  position: relative;
}
.button-primary--loading:focus, .button-primary--loading:hover {
  color: transparent;
}
.button-primary--loading:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: spinnerAnimation 1s linear infinite;
  color: #fff;
  content: "";
  font-size: 32px;
  height: 32px;
  left: 50%;
  line-height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 32px;
}
.button-secondary {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  outline: 0;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 2px;
  max-width: 100%;
  min-width: 200px;
  padding: 0 40px;
  transition:  background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  background-color: transparent;
  border: solid 1px #16327f;
  color: #16327f;
}
.button-secondary:hover, .button-secondary:active, .button-secondary:focus, .button-secondary:disabled {
  text-decoration: none;
}
.button-secondary:disabled {
  cursor: not-allowed;
}
@media only screen and (min-width: 500px) {
  .button-secondary {
    max-width: 440px;
  }
}
.button-secondary:hover, .button-secondary:focus {
  background-color: transparent;
  border: solid 1px #16327f;
  color: #222;
}
.button-secondary:active {
  background-color: #fff;
  border: solid 1px #16327f;
  color: #16327f;
}
.button-secondary--disabled {
  background-color: #cbd300;
  border: solid 1px #cbd300;
  color: #cbd300;
  cursor: not-allowed;
}
.button-secondary--disabled:focus, .button-secondary--disabled:hover {
  background-color: #cbd300;
  border: solid 1px #cbd300;
  color: #cbd300;
}
.button-primary-2 {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  outline: 0;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 2px;
  max-width: 100%;
  min-width: 200px;
  padding: 0 40px;
  transition:  background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  background-color: #16327f;
  border: solid 1px #16327f;
  color: #222;
}
.button-primary-2:hover, .button-primary-2:active, .button-primary-2:focus, .button-primary-2:disabled {
  text-decoration: none;
}
.button-primary-2:disabled {
  cursor: not-allowed;
}
@media only screen and (min-width: 500px) {
  .button-primary-2 {
    max-width: 440px;
  }
}
.button-primary-2:hover, .button-primary-2:focus {
  background-color: #222;
  border: solid 1px #222;
  color: #16327f;
}
.button-primary-2:active {
  background-color: #16327f;
  border: solid 1px #16327f;
  color: #222;
}
.button-primary-2--disabled {
  background-color: #222;
  border: solid 1px #222;
  cursor: not-allowed;
}
.button-primary-2--disabled:focus, .button-primary-2--disabled:hover {
  background-color: #16327f;
  border: solid 1px #16327f;
}
.button-primary-2--loading {
  color: transparent;
  position: relative;
}
.button-primary-2--loading:focus, .button-primary-2--loading:hover {
  color: transparent;
}
.button-primary-2--loading:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: spinnerAnimation 1s linear infinite;
  color: #fff;
  content: "";
  font-size: 32px;
  height: 32px;
  left: 50%;
  line-height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 32px;
}
.scroll-button {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 0 46px -2px #000;
  display: inline-block;
  height: 100px;
  opacity: 0;
  position: fixed;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
}
@media only screen and (min-width: 1200px) {
  .scroll-button {
    border-radius: 50%;
    bottom: 60px;
    height: 54px;
    left: 90%;
    margin-right: 32px;
    width: 54px;
  }
}
.scroll-button::after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "";
  display: flex;
  font-size: 64px;
  justify-content: center;
  position: relative;
  top: 20px;
}
@media only screen and (min-width: 1200px) {
  .scroll-button::after {
    line-height: 1.5;
    top: -20px;
  }
}
.scroll-button:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.scroll-button:hover::after {
  color: #fff;
  content: "";
}
.scroll-button:active {
  color: #fff;
}
.scroll-button--show {
  opacity: 1;
  visibility: visible;
}
.engagement-module-race-details {
  margin-bottom: 48px;
}
@media only screen and (min-width: 640px) {
  .engagement-module-race-details {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-race-details {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-race-details {
    margin-bottom: 64px;
  }
}
.engagement-module-race-details__date {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 8px;
  margin-top: 0;
  color: #222;
}
@media only screen and (min-width: 900px) {
  .engagement-module-race-details__date {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-module-race-details__date {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-race-details__date {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-race-details__date {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-race-details__date {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .engagement-module-race-details__date {
    font-size: 38px;
  }
}
.engagement-module-race-details__location {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 16px;
  margin-top: 0;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .engagement-module-race-details__location {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-race-details__location {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-race-details__location {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.engagement-module-race-details__description {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  text-align: left;
}
.engagement-module-race-entry-draw-block:before {
  margin-bottom: 48px;
  background: #fff;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .engagement-module-race-entry-draw-block:before {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-race-entry-draw-block:before {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-race-entry-draw-block:before {
    margin-bottom: 64px;
  }
}
.engagement-module-race-entry-draw-block__heading {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  color: #222;
  margin-bottom: 8px;
  margin-top: 0;
}
@media only screen and (min-width: 900px) {
  .engagement-module-race-entry-draw-block__heading {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-module-race-entry-draw-block__heading {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-race-entry-draw-block__heading {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-race-entry-draw-block__heading {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-race-entry-draw-block__heading {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .engagement-module-race-entry-draw-block__heading {
    font-size: 38px;
  }
}
.engagement-module-text-block__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #222;
}
.engagement-module-text-block__icon {
  margin-bottom: 16px;
  margin-top: 16px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .engagement-module-text-block__icon {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-text-block__icon {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-text-block__icon {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.engagement-module-text-block__icon-image {
  height: 76px;
  width: 76px;
}
.engagement-module-text-block__text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
.engagement-module-text-block__text p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .engagement-module-text-block__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-text-block__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-text-block__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.engagement-module-text-block__text p:first-of-type {
  margin-top: 0;
}
.engagement-module-text-block__text h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .engagement-module-text-block__text h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-text-block__text h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-text-block__text h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.engagement-module-text-block__text p:last-of-type {
  margin-bottom: 0;
}
.engagement-module-text-block__text a {
  color: #16327f;
  font-weight: 700;
}
.engagement-module-loyalty-raffle__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: #222;
  margin: 32px 0;
}
.engagement-module-loyalty-raffle__headline--no-space {
  margin-top: 0;
}
.engagement-module-loyalty-raffle__row {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 0;
  margin: 0 auto;
  max-width: 400px;
  min-height: 36px;
}
@media only screen and (min-width: 640px) {
  .engagement-module-loyalty-raffle__row {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-loyalty-raffle__row {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-loyalty-raffle__row {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
.engagement-module-loyalty-raffle__row--separator {
  border-top: 1px solid #ccc;
  padding-bottom: 0;
  padding-top: 8px;
}
@media only screen and (min-width: 640px) {
  .engagement-module-loyalty-raffle__row--separator {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-loyalty-raffle__row--separator {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-loyalty-raffle__row--separator {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
.engagement-module-loyalty-raffle__row--small {
  min-height: auto;
}
.engagement-module-loyalty-raffle__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
  font-weight: 700;
  text-align: left;
}
.engagement-module-loyalty-raffle__label--small {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #ccc;
}
.engagement-module-loyalty-raffle__currency {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
  font-weight: 700;
}
.engagement-module-loyalty-raffle__currency--small {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #ccc;
}
.engagement-module-loyalty-raffle__icon--gray .loyalty-signet-small__circle {
  fill: #ccc;
}
.engagement-module-loyalty-raffle .engagement-module-loyalty-raffle__quantity {
  margin: 0;
}
.engagement-module-loyalty-raffle__participation-info {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  align-items: center;
  color: #ccc;
  display: flex;
  justify-content: center;
  text-align: left;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .engagement-module-loyalty-raffle__participation-info {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-loyalty-raffle__participation-info {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-loyalty-raffle__participation-info {
    margin-top: 32px;
  }
}
.engagement-module-loyalty-raffle__participation-info:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ccc;
  content: "";
  font-size: 24px;
  height: 24px;
  margin-right: 14px;
}
.engagement-module-loyalty-raffle__error {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  align-items: center;
  color: #EE1C25;
  display: flex;
  justify-content: center;
  text-align: left;
}
.engagement-module-loyalty-raffle__error:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #EE1C25;
  content: "";
  font-size: 24px;
  height: 24px;
  margin-right: 14px;
}
.engagement-module-loyalty-raffle .engagement-module-confirm__answer-wrapper, .engagement-module-loyalty-raffle__button {
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .engagement-module-loyalty-raffle .engagement-module-confirm__answer-wrapper, .engagement-module-loyalty-raffle__button {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-loyalty-raffle .engagement-module-confirm__answer-wrapper, .engagement-module-loyalty-raffle__button {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-loyalty-raffle .engagement-module-confirm__answer-wrapper, .engagement-module-loyalty-raffle__button {
    margin-top: 32px;
  }
}
.engagement-module-success-loyalty-raffle__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 0;
  color: #222;
}
@media only screen and (min-width: 640px) {
  .engagement-module-success-loyalty-raffle__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-success-loyalty-raffle__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-success-loyalty-raffle__headline {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-module-success-loyalty-raffle__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.engagement-module-success-loyalty-raffle__subheadline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 8px;
  margin-top: 0;
  color: #222;
}
@media only screen and (min-width: 640px) {
  .engagement-module-success-loyalty-raffle__subheadline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-success-loyalty-raffle__subheadline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-success-loyalty-raffle__subheadline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
.engagement-module-success-loyalty-raffle__points {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-top: 0;
  color: #16327f;
  display: flex;
  font-weight: 700;
  justify-content: center;
}
@media only screen and (min-width: 640px) {
  .engagement-module-success-loyalty-raffle__points {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-success-loyalty-raffle__points {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-success-loyalty-raffle__points {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.engagement-module-success-loyalty-raffle__button-wrapper {
  margin-bottom: 0;
  margin-top: 8px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .engagement-module-success-loyalty-raffle__button-wrapper {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-success-loyalty-raffle__button-wrapper {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-success-loyalty-raffle__button-wrapper {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
.engagement-module-success-loyalty-raffle__button {
  min-width: 280px;
}
.engagement-module-success-loyalty-raffle__text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
}
.engagement-list-item {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-list-item {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-list-item {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-list-item {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
.engagement-list-item:first-child {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}
.engagement-list-item__column {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__column {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-list-item__column {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-list-item__column {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.engagement-list-item__column--1 {
  flex: 1 1 auto;
  order: 0;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__column--1 {
    margin: 0 8px 0 0;
  }
}
.engagement-list-item__column--2 {
  flex: 1 1 auto;
  order: 0;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__column--2 {
    flex: 3 1 304px;
    order: 0;
    margin: 0 8px;
  }
}
.engagement-list-item__column--3 {
  flex: 1 1 auto;
  order: 0;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__column--3 {
    margin: 0 0 0 8px;
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
  }
}
.engagement-list-item__button {
  min-width: 250px;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__button {
    flex: 0 1 auto;
    order: 0;
  }
}
.engagement-list-item__event-date {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__event-date {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.engagement-list-item__event-title {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__event-title {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.engagement-list-item__location-wrapper {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.engagement-list-item__event-zip {
  flex: 0 1 auto;
  order: 0;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__event-zip {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.engagement-list-item__event-city {
  flex: 0 1 auto;
  order: 0;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__event-city {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.engagement-list-item__event-race {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #ccc;
}
@media only screen and (min-width: 640px) {
  .engagement-list-item__event-race {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.smart-recruiters-list-item {
  padding-bottom: 32px;
  padding-top: 32px;
  border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 640px) {
  .smart-recruiters-list-item {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .smart-recruiters-list-item {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .smart-recruiters-list-item {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .smart-recruiters-list-item {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .smart-recruiters-list-item {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .smart-recruiters-list-item {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .smart-recruiters-list-item {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.smart-recruiters-list-item:first-of-type {
  border-top: 1px solid #fff;
}
.smart-recruiters-list-item__details:first-child {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
@media only screen and (min-width: 640px) {
  .smart-recruiters-list-item__details:first-child {
    font-family: "sofiaproBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
  }
}
.smart-recruiters-list-item__details:last-child {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
}
@media only screen and (min-width: 640px) {
  .smart-recruiters-list-item__details:last-child {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.smart-recruiters-list-item__external-link {
  color: #16327f;
  font-weight: 700;
}
.smart-recruiters-list-item__external-link:hover {
  color: #fff;
  text-decoration: none;
}
.smart-recruiters-list-item__external-link-details {
  width: calc(100% - 48px);
}
.smart-recruiters-list-item__external-link-icon {
  float: right;
}
.smart-recruiters-list-item__external-link-icon:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 48px;
}
.smart-recruiters-list-item__separator {
  color: #ccc;
}
.job-detail-header {
  padding-bottom: 32px;
  padding-top: 32px;
  border-bottom: solid 1px #fff;
}
@media only screen and (min-width: 640px) {
  .job-detail-header {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail-header {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail-header {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.job-detail-header__title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: #222;
  font-weight: 400;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .job-detail-header__title {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.job-detail-header__subtitle {
  margin-top: 16px;
  margin-bottom: 32px;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
  font-weight: 400;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .job-detail-header__subtitle {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail-header__subtitle {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail-header__subtitle {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .job-detail-header__subtitle {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail-header__subtitle {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail-header__subtitle {
    margin-bottom: 48px;
  }
}
.job-detail-header__country {
  display: inline-block;
  margin-bottom: 0;
}
.job-detail-buttons {
  gap: 16px;
  margin: 0 auto;
  max-width: 540px;
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.job-detail-buttons__button-link {
  flex: 1 1 234px;
}
.job-detail-buttons__disclaimer {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #ccc;
  margin: 0;
  text-align: center;
}
.job-detail-description {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: solid 1px #fff;
}
@media only screen and (min-width: 640px) {
  .job-detail-description {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail-description {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail-description {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .job-detail-description {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail-description {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail-description {
    margin-bottom: 48px;
  }
}
.job-detail-description__subheading {
  margin-top: 32px;
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
}
@media only screen and (min-width: 640px) {
  .job-detail-description__subheading {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail-description__subheading {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail-description__subheading {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .job-detail-description__subheading {
    font-family: "sofiaproBold", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.job-detail-description__text {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .job-detail-description__text {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.job-detail-description__text > ul {
  margin: 8px 0 0 8px;
  padding: 0 8px;
}
.job-detail-description__text > ul > li {
  padding: 8px;
}
.navigation-main-item {
  font-family: "sofiaproBold", sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.33;
  color: #222;
  display: block;
  padding: 18.5px 0;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}
.navigation-main-item:not(:last-of-type) {
  border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 980px) {
  .navigation-main-item:not(:last-of-type) {
    border-bottom: 0;
  }
}
@media only screen and (min-width: 980px) {
  .navigation-main-item {
    color: #fff;
    height: 53px;
    margin: -2px 0 4px;
    padding: 0 16px;
    line-height: 53px;
  }
  .navigation-main-item:before {
    border-top: 3px solid #16327f;
    content: "";
    display: block;
    transition: width 0.25s;
    width: 0;
  }
}
.navigation-main-item:hover, .navigation-main-item:focus, .navigation-main-item--active {
  text-decoration: none;
}
@media only screen and (min-width: 980px) {
  .navigation-main-item:hover, .navigation-main-item:focus, .navigation-main-item--active {
    color: #16327f;
  }
}
.navigation-main-item:hover:before, .navigation-main-item:focus:before, .navigation-main-item--active:before {
  width: 100%;
}
@media only screen and (min-width: 980px) {
  .navigation-main-item--active {
    color: #16327f;
  }
}
.navigation-main-item:hover:before, .navigation-main-item:focus:before {
  width: 100%;
}
.navigation-meta-item {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  border-bottom: 1px solid #fff;
  box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.12);
  list-style: none;
  padding: 0 8px 17px 0;
  white-space: nowrap;
}
.navigation-meta-item:first-of-type {
  padding-left: 8px;
}
.navigation-meta-item:last-of-type {
  flex: 1;
}
@media only screen and (min-width: 640px) {
  .navigation-meta-item {
    border-bottom: 0;
    box-shadow: none;
  }
  .navigation-meta-item:last-of-type {
    flex: unset;
  }
}
@media only screen and (min-width: 900px) {
  .navigation-meta-item {
    padding: 0;
  }
}
.navigation-meta-item--access-logged-in, .navigation-meta-item--access-loyaltyparticipant {
  display: none;
}
.navigation-meta-item__link {
  border: 1px solid #cbd300;
  border-radius: 13px;
  color: #16327f;
  padding: 0 8px;
  transition: border-color 0.25s, color 0.25s;
}
.navigation-meta-item__link:not(.navigation-meta-item__link--mobile-view) {
  display: none;
}
@media only screen and (min-width: 900px) {
  .navigation-meta-item__link:not(.navigation-meta-item__link--mobile-view) {
    display: block;
  }
}
.navigation-meta-item__link:not(:last-of-type) {
  margin: 0 8px 0 0;
}
.navigation-meta-item__link:hover, .navigation-meta-item__link:focus {
  outline: none;
  text-decoration: none;
}
.navigation-meta-item__link:hover:not(.navigation-meta-item__link--active), .navigation-meta-item__link:focus:not(.navigation-meta-item__link--active) {
  color: #16327f;
}
.navigation-meta-item__link--active {
  background-color: #16327f;
  border-color: #16327f;
  color: #cbd300;
}
.navigation-meta-item__button {
  appearance: none;
  background-color: unset;
  border: 1px solid #cbd300;
  border-radius: 13px;
  color: #16327f;
  display: block;
  padding: 0 8px;
  position: relative;
  transition: border-color 0.25s, color 0.25s;
}
.navigation-meta-item__button:not(:last-of-type) {
  margin: 0 8px 0 0;
}
.navigation-meta-item__button:focus {
  outline: none;
}
.navigation-meta-item__button:focus:not(.navigation-meta-item__button--active) {
  color: #16327f;
}
@media only screen and (min-width: 900px) {
  .navigation-meta-item__button {
    display: none;
  }
}
.navigation-meta-item__button--active {
  background-color: #16327f;
  color: #cbd300;
}
.navigation-meta-item__button--active::before {
  border-bottom: 9px solid #fff;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  bottom: -18px;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
}
@media only screen and (min-width: 900px) {
  .navigation-meta-item__button--active::before {
    display: none;
  }
}
.navigation-meta-item__button--active::after {
  border-bottom: 9px solid #cbd300;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  bottom: -19px;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 1;
}
@media only screen and (min-width: 900px) {
  .navigation-meta-item__button--active::after {
    display: none;
  }
}
.navigation-multi-site-main-item {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  color: #16327f;
  padding: 16px 0;
  position: relative;
  white-space: nowrap;
}
.navigation-multi-site-main-item--access-logged-in, .navigation-multi-site-main-item--access-loyaltyparticipant {
  display: none;
}
.navigation-multi-site-main-item:not(:last-of-type)::after {
  background-color: #a00;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  margin: auto;
  position: absolute;
  transform: translateX(-50%);
  width: 88%;
}
@media only screen and (min-width: 900px) {
  .navigation-multi-site-main-item:not(:last-of-type)::after {
    content: none;
  }
}
.navigation-multi-site-main-item:hover, .navigation-multi-site-main-item:focus {
  text-decoration: none;
}
@media only screen and (min-width: 900px) {
  .navigation-multi-site-main-item {
    margin: 0 16px;
    padding: 8px 0;
  }
  .navigation-multi-site-main-item:before {
    background-color: #16327f;
    bottom: -4px;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: width 0.25s;
    width: 0;
  }
  .navigation-multi-site-main-item:hover:before, .navigation-multi-site-main-item:focus:before {
    width: 100%;
  }
}
.navigation-multi-site-main-item--active {
  color: #16327f;
}
@media only screen and (min-width: 900px) {
  .navigation-multi-site-main-item--active {
    color: #222;
    position: relative;
  }
  .navigation-multi-site-main-item--active:before {
    background-color: #16327f;
    bottom: -4px;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: none 0;
    width: 100%;
  }
}
.navigation-service-item {
  border-left: 1px solid transparent;
  color: #16327f;
  font-weight: 700;
  height: 48px;
  line-height: 24px;
  text-align: center;
  width: 48px;
}
@media only screen and (min-width: 980px) {
  .navigation-service-item {
    border-left: 0;
    display: block;
    min-height: 64px;
    min-width: 64px;
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.navigation-service-item:hover {
  text-decoration: none;
}
@media only screen and (min-width: 980px) {
  .navigation-service-item:hover {
    color: #16327f;
    cursor: pointer;
  }
}
@media only screen and (min-width: 980px) {
  .navigation-service-item:hover::before {
    color: #16327f;
    cursor: pointer;
  }
}
.navigation-service-item:focus {
  text-decoration: none;
}
.navigation-service-item::before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #16327f;
  content: "";
  display: block;
  font-size: 23px;
  line-height: 23px;
  padding-top: 9px;
  text-align: center;
  text-decoration: none;
}
@media only screen and (min-width: 980px) {
  .navigation-service-item::before {
    color: #16327f;
    transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media only screen and (min-width: 980px) {
  .navigation-service-item + .navigation-service-item::before {
    width: 70%;
  }
}
.navigation-service-item--service::before {
  content: "";
  margin: 4px auto;
}
@media only screen and (min-width: 980px) {
  .navigation-service-item--service::before {
    margin: 0 auto;
  }
}
.navigation-service-item--friends::before {
  content: "";
  margin: 4px auto;
}
@media only screen and (min-width: 980px) {
  .navigation-service-item--friends::before {
    margin: 0 auto;
  }
}
.navigation-service-item--menu {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: 48px;
  width: 48px;
}
@media only screen and (min-width: 980px) {
  .navigation-service-item--menu {
    display: none;
  }
}
.navigation-service-item__text--hidden {
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.navigation-service-item__mobiletext--hidden {
  font-size: 0;
  height: 0;
  visibility: hidden;
}
@media only screen and (min-width: 980px) {
  .navigation-service-item__mobiletext--hidden {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    visibility: visible;
  }
}
.navigation-service-item__menu-symbol {
  background-color: #16327f;
  display: block;
  height: calc(20px/5);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  width: 100%;
}
.navigation-service-item__menu-symbol-wrapper {
  height: 20px;
  margin: 6px auto;
  position: relative;
  width: 26px;
}
.navigation-service-item__menu-symbol-top {
  left: 0;
  top: 0;
}
.navigation-service-item__menu-symbol-middle {
  left: 0;
  top: 8px;
}
.navigation-service-item__menu-symbol-bottom {
  bottom: 0;
  left: 0;
}
.opening .navigation-service-item__menu-symbol-top {
  animation: to-cross-top 0.4s ease-out forwards;
}
.opening .navigation-service-item__menu-symbol-middle {
  animation: to-cross-middle 0.4s ease-out forwards;
}
.opening .navigation-service-item__menu-symbol-bottom {
  animation: to-cross-bottom 0.4s ease-out forwards;
}
.closing .navigation-service-item__menu-symbol-top {
  animation: to-burger-top 0.4s ease-out forwards;
}
.closing .navigation-service-item__menu-symbol-middle {
  animation: to-burger-middle 0.4s ease-out forwards;
}
.closing .navigation-service-item__menu-symbol-bottom {
  animation: to-burger-bottom 0.4s ease-out forwards;
}
@keyframes to-cross-top {
  50% {
    transform: translate3d(0, 8px, 0);
  }
  100% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
}
@keyframes to-cross-middle {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes to-cross-bottom {
  50% {
    transform: translate3d(0, -8px, 0);
  }
  100% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
}
@keyframes to-burger-top {
  0% {
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, 8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}
@keyframes to-burger-middle {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes to-burger-bottom {
  0% {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
  50% {
    transform: translate3d(0, -8px, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}
.level-higher-button {
  align-content: center;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  cursor: pointer;
  height: 100%;
  margin-right: 16px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}
.level-higher-button:hover, .level-higher-button:focus {
  text-decoration: none;
}
.level-higher-button:hover:before, .level-higher-button:focus:before {
  transform: translate3d(-8px, 0, 0);
}
.level-higher-button:hover .level-higher-button__text, .level-higher-button:focus .level-higher-button__text {
  transform: translate3d(-5px, 0, 0);
}
.level-higher-button:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #16327f;
  content: "";
  display: block;
  font-size: 25px;
  height: 25px;
  left: 8px;
  line-height: 25px;
  text-align: center;
  transition: transform 0.5s;
  width: 25px;
}
.level-higher-button__text {
  flex: 0 0 auto;
  order: 0;
  color: #16327f;
  display: none;
  transition: transform 0.5s;
}
@media only screen and (min-width: 980px) {
  .level-higher-button__text {
    display: block;
  }
}
.level-higher-button--mobile-full .level-higher-button__text {
  display: block;
}
.navigation-content-item {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  align-items: center;
  border-top: 0 solid transparent;
  color: #16327f;
  min-height: 63px;
  overflow: hidden;
  padding: 0 17px 0 16px;
  position: relative;
  width: 100%;
}
.navigation-content-item__text {
  display: block;
  height: 100%;
  padding: 10px 0;
  text-transform: uppercase;
  transition: transform 0.5s;
  width: calc(100% - 32px);
}
@media (min-width: 900px) and (max-width: 1199px) {
  .navigation-content-item {
    border-bottom: 0 solid transparent;
    border-width: 1px;
    margin: 0;
    width: 100%;
  }
  .navigation-content-item:nth-child(n+3) {
    border-top: 0;
  }
  .navigation-content-item .navigation-content-item:nth-last-child(-n + 2):nth-child(2n + 1), .navigation-content-item:nth-last-child(-n + 2):nth-child(2n + 1) ~ .navigation-content-item {
    border-bottom: 0;
  }
}
@media (min-width: 1200px), (max-width: 900px) {
  .navigation-content-item:first-child {
    border-top: 1px solid transparent;
  }
}
.navigation-content-item + .navigation-content-item {
  border-width: 1px;
}
.navigation-content-item:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  bottom: 0;
  content: "";
  font-size: 30px;
  line-height: 63px;
  position: absolute;
  top: 0;
  width: 32px;
}
.navigation-content-item--link:after {
  content: "";
  right: 8px;
}
.navigation-content-item--page:after {
  content: "";
  right: -32px;
  transition: transform 0.5s;
}
.navigation-content-item--page:hover:after, .navigation-content-item--page:focus:after {
  transform: translate3d(-40px, 0, 0);
}
.navigation-content-item:hover, .navigation-content-item:focus {
  text-decoration: none;
}
.navigation-content-item:hover .navigation-content-item__text, .navigation-content-item:focus .navigation-content-item__text {
  transform: translate3d(8px, 0, 0);
}
.navigation-legal-item {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  padding-bottom: 16px;
  padding-top: 0;
  background-color: transparent;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
  .navigation-legal-item {
    padding-bottom: 24px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .navigation-legal-item {
    padding-bottom: 24px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .navigation-legal-item {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .navigation-legal-item {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navigation-legal-item:last-of-type {
  padding-bottom: 0;
}
.social-links-item {
  background-color: transparent;
  display: block;
  height: 64px;
  margin-bottom: 16px;
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
  width: 64px;
}
.social-links-item:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #16327f;
  font-size: 64px;
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.social-links-item--facebook:before {
  content: "";
}
.social-links-item--youtube:before {
  content: "";
}
.social-links-item--twitter:before {
  content: "";
}
.social-links-item--instagram:before {
  content: "";
}
.social-links-item--spotify:before {
  content: "";
}
.social-links-item--pinterest:before {
  content: "";
}
.social-links-item--tiktok:before {
  content: "";
}
.social-links-item--linkedin:before {
  content: "";
}
.social-links-item:hover:before, .social-links-item:focus:before {
  color: #222;
  transform: scale(1.1, 1.1) translate3d(0, 0, 0);
}
.social-links-item:active:before {
  color: #16327f;
}
.navigation-language-switch-item__link {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  color: #fff;
  padding: 10px 8px;
}
@media only screen and (min-width: 980px) {
  .navigation-language-switch-item__link {
    padding: 8px;
  }
}
.navigation-language-switch-item__link:hover {
  background: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.navigation-language-switch-item__link:visited {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.navigation-language-switch-item__link:active {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.navigation-language-switch-item__link:focus {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.navigation-language-switch-item__language-name {
  display: block;
  margin-left: 7px;
  text-transform: uppercase;
}
.navigation-language-switch-item__language-name--mobile {
  display: block;
}
.navigation-language-switch-item__language-name--desktop {
  display: none;
}
@media only screen and (min-width: 980px) {
  .navigation-language-switch-item__language-name {
    text-transform: capitalize;
  }
  .navigation-language-switch-item__language-name--mobile {
    display: none;
  }
  .navigation-language-switch-item__language-name--desktop {
    display: block;
  }
}
.navigation-language-switch-item__language-name:hover {
  background: none;
  text-decoration: none;
}
.navigation-language-switch-flag {
  flex: 0 1 auto;
  order: 0;
  display: block;
  font-size: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  width: 22px;
}
.navigation-language-switch-flag--en:before {
  content: url("/static/img/other/icon-flag-en-oval.svg");
}
.navigation-language-switch-flag--es:before {
  content: url("/static/img/other/icon-flag-es-oval.svg");
}
.navigation-language-switch-flag--it:before {
  content: url("/static/img/other/icon-flag-it-oval.svg");
}
.navigation-language-switch-flag--ru:before {
  content: url("/static/img/other/icon-flag-ru-oval.svg");
}
.navigation-language-switch-flag--fr:before {
  content: url("/static/img/other/icon-flag-fr-oval.svg");
}
.legal-info {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  padding-bottom: 32px;
  padding-top: 0;
  background-color: transparent;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .legal-info {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .legal-info {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .legal-info {
    padding-bottom: 48px;
    padding-top: 0;
  }
}
.legal-info__copyright-text {
  font-weight: 700;
}
.stage-teaser-cta {
  background-color: transparent;
  display: block;
  position: relative;
  z-index: 20;
}
@media only screen and (min-width: 900px) {
  .stage-teaser-cta {
    background-color: transparent;
    height: 190px;
  }
}
.stage-teaser-cta__text {
  font-family: "sofiaproBold", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  color: #fff;
  padding: 8px 0 8px 8px;
  text-align: center;
  width: 100%;
  display: block;
}
@media only screen and (min-width: 900px) {
  .stage-teaser-cta__text {
    font-size: 58px;
  }
}
@media only screen and (min-width: 640px) {
  .stage-teaser-cta__text {
    font-family: "sofiaproBold", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    padding: 16px 0 8px 8px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .stage-teaser-cta__text {
    font-size: 58px;
  }
}
@media only screen and (min-width: 900px) {
  .stage-teaser-cta__text {
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 0 100px 60px;
    position: absolute;
    text-align: center;
  }
}
.teaser-cta {
  display: block;
  height: 120px;
  z-index: 20;
}
.teaser-cta__text {
  font-family: "sofiaproBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  bottom: 0;
  color: #fff;
  display: block;
  padding: 8px;
  position: absolute;
}
@media only screen and (min-width: 900px) {
  .teaser-cta__text {
    font-size: 28px;
  }
}
@media only screen and (min-width: 900px) {
  .teaser-cta__text {
    font-family: "sofiaproBold", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .teaser-cta__text {
    font-size: 28px;
  }
}
.press-release-detail-header {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .press-release-detail-header {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.exception__message {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  background-color: transparent;
  color: #16327f;
  padding-bottom: 20px;
  text-align: center;
}
.infobox {
  padding-bottom: 16px;
  padding-top: 16px;
  background-color: transparent;
  border: 1px solid #16327f;
  max-width: 896px;
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .infobox {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .infobox {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .infobox {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .infobox {
    min-width: 592px;
    width: 76.7123287671%;
  }
}
.infobox__text {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
}
.infobox__text h4 {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  padding-bottom: 16px;
  padding-top: 16px;
  color: #fff;
  margin: 0;
}
@media only screen and (min-width: 640px) {
  .infobox__text h4 {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .infobox__text h4 {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .infobox__text h4 {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.infobox__text h4:first-of-type {
  padding-top: 0;
}
.infobox__text p {
  padding-bottom: 8px;
  padding-top: 0;
  margin: 0;
}
@media only screen and (min-width: 640px) {
  .infobox__text p {
    padding-bottom: 16px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .infobox__text p {
    padding-bottom: 16px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .infobox__text p {
    padding-bottom: 16px;
    padding-top: 0;
  }
}
.infobox__text a {
  color: #16327f;
  font-weight: 700;
}
.homepage-teaser-grid-item {
  position: relative;
}
.homepage-teaser-grid-item:hover .homepage-teaser-grid-item__image {
  transform: scale(1.06, 1.06);
}
.homepage-teaser-grid-item:hover .teaser-cta__text:after {
  transform: translate3d(10px, 0, 0);
}
.homepage-teaser-grid-item__image {
  transition: transform 1s;
  height: auto;
  position: absolute;
}
.homepage-teaser-grid-item__image-wrapper {
  display: block;
  overflow: hidden;
  padding-bottom: 67.5675675676%;
  position: relative;
  width: 100%;
  z-index: 10;
}
.homepage-teaser-grid-item__cta {
  bottom: 8px;
  left: 8px;
  position: absolute;
  right: 8px;
  z-index: 20;
}
@media only screen and (min-width: 900px) {
  .homepage-teaser-grid-item__cta {
    bottom: 8px;
    left: 8px;
    position: absolute;
    right: 8px;
  }
}
.content-slider-item {
  outline: 0;
}
@media only screen and (min-width: 640px) {
  .content-slider-item {
    height: 528px;
    padding: 24px;
  }
}
.content-slider-item__content {
  background-color: transparent;
  background-size: contain;
  display: grid;
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  .content-slider-item__content {
    background-color: transparent;
  }
}
@media only screen and (max-width: 639px) {
  .content-slider-item__content {
    background-image: none !important;
    /* stylelint-disable-line declaration-no-important */
  }
}
@media only screen and (min-width: 640px) {
  .content-slider-item__content {
    background-size: cover;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    outline: solid 1px #16327f;
    outline-offset: -8px;
    width: 100%;
  }
}
.content-slider-item__image {
  align-items: center;
  display: flex;
  height: 250px;
  justify-content: center;
  padding: 20px 0;
}
@media only screen and (min-width: 640px) {
  .content-slider-item__image {
    height: inherit;
    padding: 0 20px;
  }
}
.content-slider-item__image > picture {
  display: block;
  height: 100%;
  width: auto;
}
@media only screen and (min-width: 640px) {
  .content-slider-item__image > picture {
    height: auto;
  }
}
.content-slider-item__image > picture > img {
  height: 100%;
  max-height: 210px;
  max-width: 300px;
  object-fit: contain;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .content-slider-item__image > picture > img {
    max-height: 410px;
  }
}
.content-slider-item__teaser {
  align-items: center;
  background-color: transparent;
  color: #16327f;
  display: flex;
  flex-direction: column;
  padding: 80px 25px 40px;
}
@media only screen and (min-width: 640px) {
  .content-slider-item__teaser {
    align-items: flex-start;
    background-color: transparent;
    color: #fff;
    justify-content: center;
    padding: 0 140px 0 0;
  }
}
.content-slider-item__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 8px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .content-slider-item__headline {
    text-align: left;
    width: auto;
  }
}
.content-slider-item__underline {
  border-bottom: 1px solid #16327f;
  height: 1px;
  width: 100%;
}
.content-slider-item__text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  padding-bottom: 16px;
  padding-top: 16px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .content-slider-item__text {
    text-align: left;
  }
}
.content-teaser-item {
  display: block;
  position: relative;
}
.content-teaser-item:hover, .content-teaser-item:focus {
  text-decoration: none;
}
.content-teaser-item:hover .content-teaser-item__image {
  transform: scale(1.06, 1.06);
}
.content-teaser-item:hover .teaser-cta__text:after {
  transform: translate3d(10px, 0, 0);
}
.content-teaser-item__cta {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 11;
}
@media only screen and (min-width: 900px) {
  .content-teaser-item__cta {
    bottom: 8px;
    left: 8px;
    right: 8px;
  }
}
.content-teaser-item__image {
  transition: transform 1s;
  height: auto;
  position: absolute;
}
.content-teaser-item__image-wrapper {
  background-color: transparent;
  display: block;
  overflow: hidden;
  padding-bottom: 72.7272727273%;
  position: relative;
  width: 100%;
  z-index: 10;
}
.crosslink-teaser-item {
  display: block;
}
.crosslink-teaser-item:hover, .crosslink-teaser-item:focus {
  text-decoration: none;
}
.crosslink-teaser-item:hover .crosslink-teaser-item__image {
  transform: scale(1.1, 1.1);
}
.crosslink-teaser-item__content-wrapper {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  background: transparent;
}
.crosslink-teaser-item__picture {
  display: block;
  height: 100%;
  min-height: 144px;
  width: 100%;
}
.crosslink-teaser-item__image {
  height: 100%;
  object-fit: cover;
  transition: transform 1s;
  width: 100%;
}
.crosslink-teaser-item__image-wrapper {
  flex: 1 1 288px;
  order: 0;
  align-items: center;
  display: flex;
  height: 144px;
  justify-content: center;
  overflow: hidden;
}
.crosslink-teaser-item__content {
  flex: 1 1 304px;
  order: 0;
  border-bottom: 7px solid transparent;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 144px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 12px 16px 0;
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-item__content {
    border-bottom: 16px solid transparent;
    -webkit-line-clamp: 3;
  }
}
.crosslink-teaser-item__title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #16327f;
  display: block;
  font-weight: 700;
  margin-bottom: 3px;
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-item__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-item__title {
    font-weight: 700;
    margin-bottom: 0;
  }
}
.crosslink-teaser-item__text {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
  display: block;
  overflow: hidden;
}
.teaser-editorial-item {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  background: transparent;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial-item {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 900px) {
  .teaser-editorial-item:focus .teaser-editorial-item__image, .teaser-editorial-item:hover .teaser-editorial-item__image {
    transform: scale(1.1, 1.1);
  }
}
.teaser-editorial-item:hover, .teaser-editorial-item:focus {
  text-decoration: none;
}
.teaser-editorial-item__image {
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .teaser-editorial-item__image {
    transition: transform 1s;
  }
}
.teaser-editorial-item__image-wrapper--mobile {
  display: initial;
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial-item__image-wrapper--mobile {
    display: none;
  }
}
.teaser-editorial-item__image-wrapper--desktop {
  display: none;
  height: auto;
  overflow: hidden;
  width: 288px;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial-item__image-wrapper--desktop {
    display: initial;
  }
}
.teaser-editorial-item__content {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial-item__content {
    padding-left: 16px;
    width: calc(100% - 288px);
  }
}
.teaser-editorial-item__header {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial-item__header {
    margin: 0;
  }
}
.teaser-editorial-item__date {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
}
.teaser-editorial-item__text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
}
.press-release-detail-text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
}
.year-filter__element {
  background: transparent;
  display: none;
  padding-bottom: 44px;
}
@media only screen and (min-width: 500px) {
  .year-filter__element {
    display: block;
  }
}
.year-filter__list {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  background: #cbd300;
  border-radius: 3px;
  list-style-type: none;
  margin: 0;
  max-width: 896px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  white-space: nowrap;
}
.year-filter__item {
  flex: 0 1 auto;
  order: 0;
  display: inline-block;
  flex: 1;
}
.year-filter__link {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  color: #16327f;
  display: block;
  padding: 10px 20px;
  text-align: center;
  transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  white-space: nowrap;
}
.year-filter__link--active, .year-filter__link--active:active, .year-filter__link--active:focus, .year-filter__link--inactive:hover {
  background: #fff;
  color: #fff;
  text-decoration: none;
}
.year-filter__link--inactive:active, .year-filter__link--inactive:focus {
  background: #16327f;
  color: #fff;
  text-decoration: none;
}
.year-filter__element--mobile {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
@media only screen and (min-width: 500px) {
  .year-filter__element--mobile {
    display: none;
  }
}
.year-filter__element--mobile .pagination__element {
  padding: 0;
}
.pagination__element {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background: transparent;
  padding-bottom: 64px;
  padding-top: 16px;
}
.pagination__link {
  height: 32px;
  width: 32px;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background-color: inherit;
  border: 0;
  color: #16327f;
  text-decoration: none;
}
@media only screen and (min-width: 900px) {
  .pagination__link--prev:hover:not(.pagination__link--disabled):before {
    transform: translate(-5px, 0);
  }
  .pagination__link--next:hover:not(.pagination__link--disabled):before {
    transform: translate(5px, 0);
  }
}
.pagination__link:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 48px;
  line-height: 1;
  color: inherit;
  content: "";
  display: block;
  transition: transform 0.5s ease;
}
.pagination__link--prev:before {
  content: "";
}
.pagination__link--disabled {
  opacity: 0.3;
}
.pagination__link:hover, .pagination__link:visited, .pagination__link:focus {
  outline: none;
  text-decoration: none;
}
.pagination__dropdown {
  margin: 0 16px;
}
@media only screen and (min-width: 900px) {
  .pagination__dropdown {
    margin: 0;
  }
}
.packaging-overview-item {
  outline: none;
  width: 100%;
}
.packaging-overview-item__placeholder {
  height: 50px;
}
@media only screen and (min-width: 640px) {
  .packaging-overview-item__placeholder {
    height: 128px;
  }
}
.packaging-overview-item__content {
  position: relative;
}
@media only screen and (min-width: 640px) {
  .packaging-overview-item__content {
    display: flex;
    flex-wrap: nowrap;
    height: 336px;
  }
}
@media only screen and (min-width: 900px) {
  .packaging-overview-item__content {
    background-color: transparent;
  }
}
@media only screen and (min-width: 640px) {
  .packaging-overview-item__image-container {
    padding: 0 0 0 100px;
    width: 50%;
  }
}
.packaging-overview-item__image-wrapper {
  bottom: 0;
  height: 255px;
  left: 0;
  padding: 0 64px;
  position: absolute;
  right: 0;
  top: -50px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .packaging-overview-item__image-wrapper {
    height: 448px;
    padding: 0 0 0 100px;
    top: -128px;
    width: 50%;
  }
}
.packaging-overview-item__image {
  transition:  transform 0s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  display: block;
  height: 100%;
  width: 100%;
}
.packaging-overview-item__image--push {
  transition:  transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  transform: translateX(15px) rotate(1deg);
}
.packaging-overview-item__image--pull {
  transition:  transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  transform: translateX(-15px) rotate(-1deg);
}
.packaging-overview-item__image--wobble {
  animation: wobble-hor-bottom 0.8s both;
}
.packaging-overview-item__image-tag {
  display: block;
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%;
}
.packaging-overview-item__info {
  transition:  opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  margin: 0 auto;
  max-width: 400px;
  padding: 225px 8px 16px;
}
@media only screen and (min-width: 640px) {
  .packaging-overview-item__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
    max-width: none;
    padding: 16px 100px 16px 32px;
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .packaging-overview-item__info {
    padding-right: 150px;
  }
}
.packaging-overview-item__info--hide {
  transition:  opacity 0s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  opacity: 0;
}
.packaging-overview-item__info-headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  align-items: flex-end;
  border-bottom: 1px solid transparent;
  color: #16327f;
  display: flex;
  height: 75px;
  justify-content: center;
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .packaging-overview-item__info-headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.25;
    height: auto;
    justify-content: flex-start;
    padding-bottom: 8px;
    text-align: left;
  }
}
.packaging-overview-item__info-text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #fff;
  max-height: 70px;
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .packaging-overview-item__info-text {
    height: auto;
    padding-top: 8px;
    text-align: left;
  }
}
.packaging-overview-item__info-button {
  margin: 16px 0 0;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .packaging-overview-item__info-button {
    text-align: left;
  }
}
.accordion-element {
  border-top: 1px solid #16327f;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 640px) {
  .accordion-element {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion-element {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.accordion-element:first-child {
  border-top: 0;
}
.accordion-element__headline {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  padding-bottom: 8px;
  padding-top: 8px;
  color: #fff;
  display: block;
  font-weight: 700;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .accordion-element__headline {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion-element__headline {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .accordion-element__headline {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
.accordion-element__headline--closed {
  cursor: pointer;
  padding-right: 32px;
}
@media only screen and (min-width: 640px) {
  .accordion-element__headline--closed {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion-element__headline--closed {
    padding-right: 48px;
  }
}
.accordion-element__headline--closed:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), content 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  margin-top: 8px;
  color: #16327f;
  content: "";
  display: block;
  font-size: 32px;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 640px) {
  .accordion-element__headline--closed:after {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion-element__headline--closed:after {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .accordion-element__headline--closed:after {
    margin-top: 16px;
  }
}
.accordion-element__headline--closed:hover, .accordion-element__headline--closed:focus {
  outline: none;
  text-decoration: none;
}
.accordion-element__headline--closed:hover:after, .accordion-element__headline--closed:focus:after {
  color: #222;
}
.accordion-element__headline--open {
  cursor: pointer;
  padding-right: 32px;
}
@media only screen and (min-width: 640px) {
  .accordion-element__headline--open {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion-element__headline--open {
    padding-right: 48px;
  }
}
.accordion-element__headline--open:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), content 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  margin-top: 8px;
  color: #fff;
  content: "";
  display: block;
  font-size: 32px;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 640px) {
  .accordion-element__headline--open:after {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion-element__headline--open:after {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .accordion-element__headline--open:after {
    margin-top: 16px;
  }
}
.accordion-element__headline--open:hover, .accordion-element__headline--open:focus {
  outline: none;
  text-decoration: none;
}
.accordion-element__headline--open:hover:after, .accordion-element__headline--open:focus:after {
  color: #222;
}
.accordion-element__hypertext {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  padding-bottom: 8px;
  padding-top: 0;
  color: #fff;
}
.accordion-element__hypertext p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .accordion-element__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion-element__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .accordion-element__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.accordion-element__hypertext p:first-of-type {
  margin-top: 0;
}
.accordion-element__hypertext h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .accordion-element__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion-element__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .accordion-element__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.accordion-element__hypertext p:last-of-type {
  margin-bottom: 0;
}
.accordion-element__hypertext a {
  color: #16327f;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .accordion-element__hypertext {
    padding-bottom: 16px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .accordion-element__hypertext {
    padding-bottom: 16px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .accordion-element__hypertext {
    padding-bottom: 16px;
    padding-top: 0;
  }
}
.accordion-element__hypertext--closed {
  display: none;
}
.icon-info-item {
  margin-bottom: 16px;
  margin-top: 16px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .icon-info-item {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .icon-info-item {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .icon-info-item {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .icon-info-item {
    padding: 0 8px;
    width: 50%;
  }
}
@media only screen and (min-width: 900px) {
  .icon-info-item {
    width: 25%;
  }
}
.icon-info-item__icon-wrapper {
  text-align: center;
}
.icon-info-item__icon {
  margin: auto;
  margin-bottom: 16px;
  width: 76px;
}
.icon-info-item__headline {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
  font-weight: 700;
  text-align: center;
}
.icon-info-item__text {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
.icon-info-item__text p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .icon-info-item__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .icon-info-item__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .icon-info-item__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.icon-info-item__text p:first-of-type {
  margin-top: 0;
}
.icon-info-item__text h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .icon-info-item__text h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .icon-info-item__text h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .icon-info-item__text h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.icon-info-item__text p:last-of-type {
  margin-bottom: 0;
}
.icon-info-item__text a {
  color: #16327f;
  font-weight: 700;
}
.form-field__error {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #16327f;
  display: block;
  margin-top: 8px;
  width: 100%;
}
.form-field--hidden {
  display: none;
}
.field-checkbox {
  cursor: pointer;
  height: 32px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  transition: background-color 0.3s linear;
  width: 32px;
}
@media only screen and (min-width: 900px) {
  .field-checkbox {
    top: 50%;
    transform: translateY(-50%);
  }
}
.field-checkbox:hover ~ .field-checkbox__custom, .field-checkbox:focus ~ .field-checkbox__custom {
  background-color: rgba(34, 34, 34, 0.2);
}
.field-checkbox__custom {
  align-items: center;
  background-color: transparent;
  border: 1px solid #222;
  border-radius: 2px;
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 0.3s linear;
  width: 32px;
}
@media only screen and (min-width: 900px) {
  .field-checkbox__custom {
    top: 50%;
    transform: translateY(-50%);
  }
}
.field-checkbox__custom:hover, .field-checkbox__custom:focus {
  background-color: rgba(34, 34, 34, 0.2);
}
.field-checkbox__custom:after {
  color: #222;
  content: "";
  display: block;
  font-size: 30px;
  height: 32px;
  transition: color 0.3s linear;
  width: 32px;
}
.field-checkbox__custom--disabled {
  opacity: 0.3;
}
.field-checkbox__custom--disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.field-checkbox:checked ~ .field-checkbox__custom:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 21px;
  height: 21px;
  width: 21px;
}
.field-checkbox--error ~ .field-checkbox__custom {
  border: 1px solid #16327f;
}
.field-checkbox__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  align-items: flex-start;
  color: #222;
  display: flex;
  padding-left: 42px;
  position: relative;
}
.field-checkbox__label-link {
  color: #16327f;
  font-weight: 700;
}
.field-checkbox__description-text {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  display: inline-block;
  padding: 10px 0 0 42px;
}
.field-dropdown {
  height: 48px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  appearance: none;
  background-color: rgba(34, 34, 34, 0.2);
  background-image: url("/static/img/other/icon-arrow-dropdown.svg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 32px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #222;
  cursor: pointer;
  display: inline-block;
  line-height: 48px;
  min-width: 136px;
  outline: 0;
  padding-left: 8px;
  padding-right: 48px;
  position: relative;
  transition: border-color 0.5s linear;
  z-index: 1;
}
.field-dropdown:hover, .field-dropdown:focus {
  border: 1px solid #222;
}
.field-dropdown__option {
  background-color: rgba(34, 34, 34, 0.2);
  color: #222;
}
.field-dropdown--error {
  border-color: #16327f;
}
.field-dropdown--error:hover {
  border-color: #16327f;
}
.field-dropdown--error ~ .field-input__error-message {
  display: block;
}
.field-dropdown--disabled {
  opacity: 0.3;
}
.field-dropdown--disabled:hover {
  border: 1px solid transparent;
  cursor: not-allowed;
}
.field-dropdown__default-value {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  height: 48px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  line-height: 48px;
  padding-left: 8px;
}
.field-dropdown__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  display: flex;
  height: 48px;
  line-height: 48px;
  min-width: 136px;
  padding: 0;
  position: relative;
}
.field-dropdown__label-text {
  font-size: 0;
  visibility: hidden;
  width: 0;
}
.field-input {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #222;
  border-radius: 2px 2px 0 0;
  color: #222;
  height: 48px;
  left: 0;
  padding: 0 8px;
  position: absolute;
  top: 0;
  transition-duration: 0.3s, 0.5s;
  transition-property: background-color, border-color;
  transition-timing-function: linear;
  width: 100%;
}
.field-input:focus {
  background-color: rgba(34, 34, 34, 0.2);
  border: 1px solid #222;
  border-radius: 2px;
  outline: 0;
}
.field-input:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.field-input::placeholder {
  font-size: 0;
  visibility: hidden;
}
.field-input--error {
  border-bottom-color: #16327f;
}
.field-input--error ~ .field-input__error-message {
  display: block;
}
.field-input--disabled {
  opacity: 0.3;
}
.field-input--disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.field-input__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  color: #fff;
  cursor: text;
  display: block;
  line-height: 48px;
  min-height: 48px;
  padding: 0 8px;
  position: relative;
}
.field-input__label-text {
  position: absolute;
  transform-origin: left;
  transition: transform 0.3s ease-out, color 0.3s ease-out;
  z-index: 1;
}
.field-input__label-text--floating {
  backface-visibility: hidden;
  color: #222;
  cursor: auto;
  transform: translate3d(0, -76%, 0) scale(0.76, 0.76) perspective(1px);
  width: 110%;
}
.field-password {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #222;
  border-radius: 2px 2px 0 0;
  color: #222;
  height: 48px;
  left: 0;
  padding: 0 8px;
  position: absolute;
  top: 0;
  transition-duration: 0.3s, 0.5s;
  transition-property: background-color, border-color;
  transition-timing-function: linear;
  width: 100%;
  width: calc(100% - 28px - 16px);
}
.field-password:focus {
  background-color: rgba(34, 34, 34, 0.2);
  border: 1px solid #222;
  border-radius: 2px;
  outline: 0;
}
.field-password:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.field-password::placeholder {
  font-size: 0;
  visibility: hidden;
}
.field-password--error {
  border-bottom-color: #16327f;
}
.field-password--error ~ .field-input__error-message {
  display: block;
}
.field-password--disabled {
  opacity: 0.3;
}
.field-password--disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.field-password__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  color: #fff;
  cursor: text;
  display: block;
  line-height: 48px;
  min-height: 48px;
  padding: 0 8px;
  position: relative;
}
.field-password__label-text {
  position: absolute;
  transform-origin: left;
  transition: transform 0.3s ease-out, color 0.3s ease-out;
  z-index: 1;
}
.field-password__label-text--floating {
  backface-visibility: hidden;
  color: #222;
  cursor: auto;
  transform: translate3d(0, -76%, 0) scale(0.76, 0.76) perspective(1px);
  width: 110%;
}
.field-password__toggle-button {
  appearance: none;
  background-color: transparent;
  border: 0;
  height: 28px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.field-password__toggle-button:before {
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ccc;
  content: "";
  display: block;
  font-size: 24px;
}
.field-password__toggle-button:hover:before {
  color: #16327f;
}
.field-password__toggle-button:focus {
  outline: none;
}
.field-password__toggle-button:focus:before {
  color: #222;
}
.field-password__toggle-button--visible:before {
  content: "";
}
.password-requirements__list {
  margin: 0;
  padding: 0;
}
.password-requirements__list-item {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  color: #16327f;
  list-style: none;
  margin-top: 8px;
}
.password-requirements__list-item:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #16327f;
  content: "";
  font-size: 16px;
  margin-right: 8px;
}
.password-requirements__list-item--passed-check {
  color: #009956;
  font-weight: 700;
}
.password-requirements__list-item--passed-check:before {
  color: #009956;
}
.password-requirements__list-item--error:before {
  color: #ccc;
  content: "";
}
.password-requirements__error {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #EE1C25;
  margin: 0 0 8px;
}
.field-textarea {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #222;
  border-radius: 2px 2px 0 0;
  color: #222;
  height: 48px;
  left: 0;
  padding: 0 8px;
  position: absolute;
  top: 0;
  transition-duration: 0.3s, 0.5s;
  transition-property: background-color, border-color;
  transition-timing-function: linear;
  width: 100%;
  border-color: #222;
  height: 150px;
  resize: none;
}
.field-textarea:focus {
  background-color: rgba(34, 34, 34, 0.2);
  border: 1px solid #222;
  border-radius: 2px;
  outline: 0;
}
.field-textarea:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.field-textarea::placeholder {
  font-size: 0;
  visibility: hidden;
}
.field-textarea--error {
  border-bottom-color: #16327f;
}
.field-textarea--error ~ .field-input__error-message {
  display: block;
}
.field-textarea--disabled {
  opacity: 0.3;
}
.field-textarea--disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.field-textarea__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  color: #fff;
  cursor: text;
  display: block;
  line-height: 48px;
  min-height: 48px;
  padding: 0 8px;
  position: relative;
}
.field-textarea__label-text {
  position: absolute;
  transform-origin: left;
  transition: transform 0.3s ease-out, color 0.3s ease-out;
  z-index: 1;
}
.field-textarea__label-text--floating {
  backface-visibility: hidden;
  color: #222;
  cursor: auto;
  transform: translate3d(0, -76%, 0) scale(0.76, 0.76) perspective(1px);
  width: 110%;
}
.field-textarea--error {
  border-color: #16327f;
}
.field-textarea__label {
  height: 150px;
}
.field-radio {
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.field-radio:hover ~ .field-radio__custom, .field-radio:focus ~ .field-radio__custom {
  background-color: rgba(34, 34, 34, 0.2);
}
.field-radio__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  color: #222;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  min-width: 142px;
  padding-left: 42px;
  position: relative;
}
.field-radio__custom {
  align-items: center;
  background-color: transparent;
  border: 1px solid #222;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s linear;
  width: 32px;
}
.field-radio__custom:hover, .field-radio__custom:focus {
  background-color: rgba(34, 34, 34, 0.2);
}
.field-radio__custom:after {
  background-color: #222;
  border-radius: 50%;
  content: "";
  height: 0;
  transition-duration: 0.2s, 0.2s;
  transition-property: width, height;
  transition-timing-function: linear, linear;
  width: 0;
}
.field-radio__custom--disabled {
  opacity: 0.3;
}
.field-radio__custom--disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.field-radio:checked ~ .field-radio__custom:after {
  height: 16px;
  width: 16px;
}
.field-radio--error ~ .field-radio__custom {
  border: 1px solid #16327f;
}
.field-date {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #222;
  border-radius: 2px 2px 0 0;
  color: #222;
  height: 48px;
  left: 0;
  padding: 0 8px;
  position: absolute;
  top: 0;
  transition-duration: 0.3s, 0.5s;
  transition-property: background-color, border-color;
  transition-timing-function: linear;
  width: 100%;
}
.field-date:focus {
  background-color: rgba(34, 34, 34, 0.2);
  border: 1px solid #222;
  border-radius: 2px;
  outline: 0;
}
.field-date:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.field-date::placeholder {
  font-size: 0;
  visibility: hidden;
}
.field-date--error {
  border-bottom-color: #16327f;
}
.field-date--error ~ .field-input__error-message {
  display: block;
}
.field-date--disabled {
  opacity: 0.3;
}
.field-date--disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.field-date__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  color: #fff;
  cursor: text;
  display: block;
  line-height: 48px;
  min-height: 48px;
  padding: 0 8px;
  position: relative;
}
.field-date__label-text {
  position: absolute;
  transform-origin: left;
  transition: transform 0.3s ease-out, color 0.3s ease-out;
  z-index: 1;
}
.field-date__label-text--floating {
  backface-visibility: hidden;
  color: #222;
  cursor: auto;
  transform: translate3d(0, -76%, 0) scale(0.76, 0.76) perspective(1px);
  width: 110%;
}
.form-reset-data-button {
  position: relative;
}
.form-reset-data-button__wrapper {
  width: 100%;
}
.form-reset-data-button__border {
  border: 1px solid #fff;
  height: 183px;
  left: 0;
  position: absolute;
  top: -15px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .form-reset-data-button__border {
    height: 95px;
  }
}
.form-reset-data-button__border--date-error {
  height: 207px;
}
@media only screen and (min-width: 640px) {
  .form-reset-data-button__border--date-error {
    height: 110px;
  }
}
.form-reset-data-button__border--time-error {
  height: 200px;
}
@media only screen and (min-width: 640px) {
  .form-reset-data-button__border--time-error {
    height: 110px;
  }
}
.form-reset-data-button__border--error {
  height: 225px;
}
@media only screen and (min-width: 640px) {
  .form-reset-data-button__border--error {
    height: 110px;
  }
}
.form-reset-data-button__reset-button {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: -1px;
  text-decoration: none;
  top: -33px;
  width: 32px;
}
.form-reset-data-button__reset-button:hover, .form-reset-data-button__reset-button:active, .form-reset-data-button__reset-button:focus {
  text-decoration: none;
}
.form-reset-data-button__reset-button::before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cbd300;
  content: "";
  display: block;
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.form-reset-data-button__reset-button--disabled {
  background-color: #a00;
  cursor: default;
}
.form-spinner-overlay {
  padding-bottom: 32px;
  padding-top: 32px;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  height: 300px;
}
@media only screen and (min-width: 640px) {
  .form-spinner-overlay {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .form-spinner-overlay {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-spinner-overlay {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@keyframes spinnerAnimation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.form-spinner-overlay:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: spinnerAnimation 1s linear infinite;
  color: #16327f;
  content: "";
  font-size: 100px;
  height: 102px;
  line-height: 102px;
  width: 102px;
}
.form-spinner-overlay__text {
  color: transparent;
  font-size: 0;
}
.fieldset-linked-text__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fieldset-linked-text__list-item {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  margin-bottom: 8px;
  margin-top: 8px;
  color: #16327f;
}
@media only screen and (min-width: 640px) {
  .fieldset-linked-text__list-item {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .fieldset-linked-text__list-item {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .fieldset-linked-text__list-item {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.fieldset-linked-text__list-item-link {
  color: #16327f;
  cursor: pointer;
  font-weight: 700;
}
.fieldset-header {
  padding-bottom: 8px;
  margin: auto;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .fieldset-header {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .fieldset-header {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .fieldset-header {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .fieldset-header {
    max-width: 592px;
    padding-left: 0;
    padding-right: 0;
  }
}
.fieldset-header__subtitle {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 8px;
  color: #222;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .fieldset-header__subtitle {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .fieldset-header__subtitle {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .fieldset-header__subtitle {
    margin-bottom: 16px;
  }
}
.fieldset-header__paragraph {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #222;
  margin: 0;
  text-align: center;
}
.fieldset-footnote {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #222;
}
.fieldset-footnote__link {
  color: #222;
}
.footer-logos {
  padding-bottom: 0;
  padding-top: 32px;
  background-color: transparent;
}
@media only screen and (min-width: 640px) {
  .footer-logos {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .footer-logos {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-logos {
    padding-bottom: 0;
    padding-top: 48px;
  }
}
.footer-logos__elements {
  align-content: space-around;
  align-items: space-around;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}
.footer-logos__element + .footer-logos__element {
  margin-top: 32px;
}
@media only screen and (min-width: 640px) {
  .footer-logos__element + .footer-logos__element {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .footer-logos__element + .footer-logos__element {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-logos__element + .footer-logos__element {
    margin-top: 48px;
  }
}
.footer-logos__element {
  text-align: center;
  vertical-align: center;
}
.loading-spinner {
  padding-bottom: 32px;
  padding-top: 32px;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background-color: #fff;
  height: 300px;
}
@media only screen and (min-width: 640px) {
  .loading-spinner {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .loading-spinner {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .loading-spinner {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@keyframes spinnerAnimation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading-spinner:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: spinnerAnimation 1s linear infinite;
  color: #16327f;
  content: "";
  font-size: 100px;
  height: 102px;
  line-height: 102px;
  width: 102px;
}
.loading-spinner__text {
  color: transparent;
  font-size: 0;
}
.stage-carousel-item__link {
  display: block;
  height: 100%;
  min-height: 190px;
  position: relative;
}
.stage-carousel-item__link:hover, .stage-carousel-item__link:focus {
  text-decoration: none;
}
@media only screen and (min-width: 900px) {
  .stage-carousel-item__link:hover, .stage-carousel-item__link:focus {
    text-decoration: none;
  }
  .stage-carousel-item__link:hover .stage-carousel-item__image, .stage-carousel-item__link:focus .stage-carousel-item__image {
    transform: scale(1.06, 1.06);
  }
  .stage-carousel-item__link:hover .stage-teaser-cta__text:after, .stage-carousel-item__link:focus .stage-teaser-cta__text:after {
    transform: translate3d(10px, 0, 0);
  }
}
.stage-carousel-item__image {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 1s;
  width: 100%;
}
.stage-carousel-item__image-wrapper {
  background-color: transparent;
  display: block;
  height: 60vw;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 10;
}
@media only screen and (min-width: 481px) {
  .stage-carousel-item__image-wrapper {
    height: 100%;
  }
}
.stage-carousel-item__cta {
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .stage-carousel-item__cta {
    bottom: 0;
    position: absolute;
  }
}
.search-no-result {
  margin-bottom: 16px;
  margin-top: 0;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #222;
}
@media only screen and (min-width: 640px) {
  .search-no-result {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .search-no-result {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .search-no-result {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.change-of-terms-modal-content {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  margin-left: 8px;
  margin-right: 8px;
  width: calc(100% - (8px * 2));
}
@media only screen and (min-width: 640px) {
  .change-of-terms-modal-content {
    margin-left: auto;
    margin-right: auto;
    min-width: 560px;
    width: 66.8171557562%;
  }
}
.change-of-terms-modal-content__icon {
  height: 76px;
  margin-bottom: 16px;
  width: 76px;
}
.change-of-terms-modal-content__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: #222;
  margin-bottom: 16px;
  margin-top: 0;
  text-align: center;
}
.change-of-terms-modal-content__text {
  margin-bottom: 32px;
  color: #16327f;
}
.change-of-terms-modal-content__text p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .change-of-terms-modal-content__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .change-of-terms-modal-content__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .change-of-terms-modal-content__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.change-of-terms-modal-content__text p:first-of-type {
  margin-top: 0;
}
.change-of-terms-modal-content__text h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .change-of-terms-modal-content__text h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .change-of-terms-modal-content__text h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .change-of-terms-modal-content__text h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.change-of-terms-modal-content__text p:last-of-type {
  margin-bottom: 0;
}
.change-of-terms-modal-content__text a {
  color: #16327f;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .change-of-terms-modal-content__text {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .change-of-terms-modal-content__text {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .change-of-terms-modal-content__text {
    margin-bottom: 48px;
  }
}
.change-of-terms-modal-content__text h3 {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
.change-of-terms-modal-content__text p {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
.change-of-terms-modal-content__button:first-of-type {
  margin-bottom: 8px;
}
.change-of-terms-modal-content__button:last-of-type {
  margin-top: 8px;
}
.change-of-terms-modal-content__button-wrapper {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: fit-content;
}
.change-of-terms-modal-error {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  margin-left: 8px;
  margin-right: 8px;
  width: calc(100% - (8px * 2));
}
@media only screen and (min-width: 640px) {
  .change-of-terms-modal-error {
    margin-left: auto;
    margin-right: auto;
    min-width: 560px;
    width: 66.8171557562%;
  }
}
.change-of-terms-modal-error__icon {
  color: #EE1C25;
  font-size: 76px;
  height: 76px;
  margin-bottom: 16px;
  width: 76px;
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.change-of-terms-modal-error__icon:before {
  content: "";
}
.change-of-terms-modal-error__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: #222;
  margin-bottom: 16px;
  margin-top: 0;
  text-align: center;
}
.change-of-terms-modal-error__text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 32px;
  color: #16327f;
}
@media only screen and (min-width: 640px) {
  .change-of-terms-modal-error__text {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .change-of-terms-modal-error__text {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .change-of-terms-modal-error__text {
    margin-bottom: 48px;
  }
}
.change-of-terms-modal-error__button:first-of-type {
  margin-bottom: 8px;
}
.change-of-terms-modal-error__button:last-of-type {
  margin-top: 8px;
}
.change-of-terms-modal-error__button-wrapper {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: fit-content;
}
.shopify-product-teaser {
  padding-bottom: 32px;
  padding-top: 0;
}
@media only screen and (min-width: 640px) {
  .shopify-product-teaser {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .shopify-product-teaser {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .shopify-product-teaser {
    padding-bottom: 48px;
    padding-top: 0;
  }
}
.agegate {
  padding-top: 32px;
}
@media only screen and (min-width: 640px) {
  .agegate {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .agegate {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .agegate {
    padding-top: 48px;
  }
}
.agegate--dark {
  background-color: rgba(34, 34, 34, 0.4);
  height: 100%;
  margin: 0;
  min-height: 100vh;
  width: 100vw;
}
.agegate__wrapper {
  margin: 0 auto;
  max-width: 896px;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .agegate__wrapper {
    margin: 0 auto;
    width: 76.7123287671%;
  }
}
.agegate__logo {
  margin-bottom: 16px;
  display: block;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: auto;
}
@media only screen and (min-width: 640px) {
  .agegate__logo {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .agegate__logo {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .agegate__logo {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .agegate__logo {
    height: 103px;
  }
}
.agegate__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 8px;
  margin-top: 0;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .agegate__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .agegate__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .agegate__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
.agegate__text {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 90px;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .agegate__text {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .agegate__text {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .agegate__text {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .agegate__text {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
.agegate__text p {
  margin: 0;
}
.agegate__text-link, .agegate__text a {
  color: #16327f;
  font-weight: 700;
}
.agegate__title {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #fff;
  font-weight: 700;
  padding: 0 5%;
  text-align: center;
}
.agegate__buttons-list {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}
@media only screen and (min-width: 1200px) {
  .agegate__buttons-list {
    padding-top: 20px;
  }
}
.agegate-button {
  cursor: pointer;
  height: 104px;
  margin: 8px;
  width: 104px;
}
.agegate-button__circle {
  align-items: center;
  background: #16327f;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}
.agegate-button__circle:hover {
  background: #16327f;
  text-decoration: none;
  transform: scale(1.1, 1.1) translate3d(0, 0, 0);
}
.agegate-button__circle:active, .agegate-button__circle:focus {
  background: #16327f;
  text-decoration: none;
}
.agegate-button__circle--no {
  background-color: #222;
  border: 2px solid transparent;
}
.agegate-button__circle--no:active, .agegate-button__circle--no:focus, .agegate-button__circle--no:hover {
  background-color: #222;
  border: 2px solid transparent;
}
.agegate-button__circle--no:active > .agegate-button__item--no, .agegate-button__circle--no:focus > .agegate-button__item--no, .agegate-button__circle--no:hover > .agegate-button__item--no {
  color: #16327f;
}
.agegate-button__item {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}
.agegate-button__item--yes {
  color: #222;
}
.agegate-button__item--no {
  color: #16327f;
}
.agegate-footer__legal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style-type: none;
  padding: 30px 0 10px;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .agegate-footer__legal {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1200px) {
  .agegate-footer__legal {
    padding: 50px 0 16px;
  }
}
.agegate-footer__item {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  display: inline-block;
  padding: 12px 0;
}
.agegate-footer__item:hover, .agegate-footer__item:focus, .agegate-footer__item:active {
  color: #fff;
}
@media only screen and (min-width: 900px) {
  .agegate-footer__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.agegate-footer__info {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #fff;
  padding: 0 0 35px;
  text-align: center;
}
.titlebar.homepage__titlebar .titlebar {
  position: absolute;
}
.titlebar.homepage__titlebar .titlebar__text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.titlebar__wrapper {
  align-content: center;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  overflow: hidden;
}
.titlebar__back {
  flex: 1 0 25px;
  order: 1;
}
.titlebar__back.homepage__titlebar {
  display: none;
}
.titlebar__next {
  flex: 1 0 25px;
  order: 3;
  visibility: hidden;
}
.titlebar__next.homepage__titlebar {
  display: none;
}
.titlebar__text {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  flex: 2 2 auto;
  order: 2;
  color: #16327f;
  margin-bottom: 16px;
  margin-top: 16px;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .titlebar__text {
    font-size: 38px;
  }
}
@media only screen and (min-width: 900px) {
  .titlebar__text {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .titlebar__text {
    font-size: 38px;
  }
}
.titlebar__separator {
  background-color: #fff;
  height: 1px;
}
.titlebar-site {
  padding-bottom: 16px;
}
@media only screen and (min-width: 640px) {
  .titlebar-site {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .titlebar-site {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .titlebar-site {
    padding-bottom: 32px;
  }
}
.titlebar-site__headline {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #222;
  font-weight: 100;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .titlebar-site {
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .titlebar-site {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .titlebar-site {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .titlebar-site {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .titlebar-site {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .homepage-teaser-grid {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .homepage-teaser-grid {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .homepage-teaser-grid {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .homepage-teaser-grid {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
.homepage-teaser-grid__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 32px;
  margin-top: 32px;
  color: #16327f;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .homepage-teaser-grid__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .homepage-teaser-grid__headline {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .homepage-teaser-grid__headline {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .homepage-teaser-grid__headline {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .homepage-teaser-grid__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .homepage-teaser-grid__headline {
    font-size: 38px;
  }
}
.homepage-teaser-grid__list {
  align-content: stretch;
  display: flex;
  flex-wrap: wrap;
  margin-top: -16px;
}
@media only screen and (min-width: 900px) {
  .homepage-teaser-grid__list {
    margin: -8px;
  }
}
.homepage-teaser-grid__item {
  padding: 8px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .homepage-teaser-grid__item {
    padding: 8px;
    width: 50%;
  }
}
.content-teaser-list__list {
  align-content: stretch;
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
}
@media only screen and (min-width: 640px) {
  .content-teaser-list__list {
    padding: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-teaser-list__list {
    margin: -8px;
  }
}
.content-teaser-list__item {
  margin-bottom: 8px;
  margin-top: 8px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .content-teaser-list__item {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-teaser-list__item {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-teaser-list__item {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .content-teaser-list__item {
    margin: 0;
    padding: 8px;
    width: 50%;
  }
}
.crosslink-teaser-list {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 0;
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-list {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-list {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .crosslink-teaser-list {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .crosslink-teaser-list {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .crosslink-teaser-list {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.crosslink-teaser-list__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 32px;
  margin-top: 32px;
  color: #16327f;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-list__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .crosslink-teaser-list__headline {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-list__headline {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .crosslink-teaser-list__headline {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .crosslink-teaser-list__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .crosslink-teaser-list__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-list__headline {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 1200px) {
  .crosslink-teaser-list__headline {
    margin-top: 16px;
  }
}
.crosslink-teaser-list__headline + .crosslink-teaser-list__wrapper {
  margin-top: -16px;
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-list__headline + .crosslink-teaser-list__wrapper {
    margin-top: 0;
  }
}
.crosslink-teaser-list__item {
  margin: 8px 0;
  width: 100%;
  width: 100%;
}
.crosslink-teaser-list__item:first-child {
  margin-top: 16px;
}
.crosslink-teaser-list__item:last-child {
  margin-bottom: 16px;
}
@media only screen and (min-width: 900px) {
  .crosslink-teaser-list__item {
    flex: 4 4 48px;
    margin: 0 4px;
    max-width: calc(50% - 8px);
  }
  .crosslink-teaser-list__item:first-child {
    margin-left: 0;
    margin-top: initial;
  }
  .crosslink-teaser-list__item:last-child {
    margin-bottom: initial;
    margin-right: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .crosslink-teaser-list__item {
    margin-left: 8px;
    margin-right: 8px;
  }
}
.crosslink-teaser-list__wrapper {
  align-content: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.teaser-editorial-list {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  background-color: transparent;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial-list {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.teaser-editorial-list__item {
  margin-bottom: 32px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial-list__item {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .teaser-editorial-list__item {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .teaser-editorial-list__item {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
.teaser-editorial__element {
  padding-bottom: 0;
  padding-top: 16px;
  align-content: center;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial__element {
    padding-bottom: 0;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .teaser-editorial__element {
    padding-bottom: 0;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .teaser-editorial__element {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
.teaser-editorial__header {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 32px;
  margin-top: 0;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial__header {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .teaser-editorial__header {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .teaser-editorial__header {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .teaser-editorial__header {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .teaser-editorial__header {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.teaser-editorial__button-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  padding-bottom: 32px;
  padding-top: 0;
  border-bottom: 1px solid #fff;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .teaser-editorial__button-container {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .teaser-editorial__button-container {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .teaser-editorial__button-container {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .teaser-editorial__button-container {
    padding-bottom: 48px;
    padding-top: 0;
  }
}
.contact-info__wrapper {
  padding-bottom: 0;
  padding-top: 32px;
  background-color: #fff;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .contact-info__wrapper {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .contact-info__wrapper {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-info__wrapper {
    padding-bottom: 0;
    padding-top: 48px;
  }
}
.contact-info__element {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  padding-bottom: 32px;
  padding-top: 0;
}
@media only screen and (min-width: 640px) {
  .contact-info__element {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .contact-info__element {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .contact-info__element {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-info__element {
    padding-bottom: 48px;
    padding-top: 0;
  }
}
.contact-info__header {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 32px;
  margin-top: 0;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .contact-info__header {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .contact-info__header {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-info__header {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .contact-info__header {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.contact-info__description {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  text-align: center;
}
.contact-info__description p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .contact-info__description p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .contact-info__description p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-info__description p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.contact-info__description p:first-of-type {
  margin-top: 0;
}
.contact-info__description h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .contact-info__description h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .contact-info__description h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-info__description h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.contact-info__description p:last-of-type {
  margin-bottom: 0;
}
.contact-info__description a {
  color: #16327f;
  font-weight: 700;
}
.tracking-notice {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  background-color: #fff;
  border-top: 2px solid #16327f;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 900;
}
.tracking-notice__inner-wrapper {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  color: #16327f;
  margin: 10px;
}
@media only screen and (min-width: 1200px) {
  .tracking-notice__inner-wrapper {
    align-items: center;
    flex-wrap: nowrap;
    margin: 20px;
  }
}
.tracking-notice__description {
  margin-bottom: 18px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .tracking-notice__description {
    flex: 1;
    margin-bottom: 0;
    margin-right: 40px;
    width: auto;
  }
}
.tracking-notice__link {
  color: #16327f;
  font-weight: 700;
}
.tracking-notice__buttons {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .tracking-notice__buttons {
    flex-wrap: nowrap;
    width: auto;
  }
}
.tracking-notice__button {
  margin: 8px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .tracking-notice__button {
    width: auto;
  }
}
.legalcontent__wrapper {
  background-color: transparent;
  padding: 40px 8px 10px;
}
@media only screen and (min-width: 900px) {
  .legalcontent__wrapper {
    margin-bottom: 48px;
  }
}
.legalcontent__text {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin: 0 auto;
  max-width: 896px;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .legalcontent__text {
    margin: 0 auto;
    width: 76.7123287671%;
  }
}
.legalcontent__text p {
  margin: 0 0 32px;
}
.legalcontent__text a {
  color: #16327f;
  font-weight: 700;
  word-wrap: break-word;
}
.legalcontent__text h2 {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
  margin: 0 0 20px;
  text-align: center;
}
.legalcontent__text h2 a {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
}
.legalcontent__text h2 a:hover {
  text-decoration: none;
}
.legalcontent__text h3 {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin: 0;
}
.legalcontent__text h3 a {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #fff;
}
.legalcontent__text h3 a:hover {
  text-decoration: none;
}
.legalcontent__text h4 {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
}
.legalcontent__text h4 a {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
}
.legalcontent__text h4 a:hover {
  text-decoration: none;
}
.legalcontent__box {
  background-color: transparent;
  border: 1px solid #16327f;
  color: #fff;
  margin: 0 0 32px;
  padding: 20px;
  text-align: center;
}
.terms-and-conditions__wrapper {
  background-color: transparent;
  padding: 40px 8px 10px;
}
@media only screen and (min-width: 900px) {
  .terms-and-conditions__wrapper {
    margin-bottom: 48px;
  }
}
.terms-and-conditions__text {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin: 0 auto;
  max-width: 896px;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .terms-and-conditions__text {
    margin: 0 auto;
    width: 76.7123287671%;
  }
}
.terms-and-conditions__text p {
  margin: 0 0 32px;
}
.terms-and-conditions__text a {
  color: #16327f;
  font-weight: 700;
  word-wrap: break-word;
}
.terms-and-conditions__text h2 {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
  margin: 0 0 20px;
  text-align: center;
}
.terms-and-conditions__text h2 a {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
}
.terms-and-conditions__text h2 a:hover {
  text-decoration: none;
}
.terms-and-conditions__text h3 {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin: 0;
}
.terms-and-conditions__text h3 a {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #fff;
}
.terms-and-conditions__text h3 a:hover {
  text-decoration: none;
}
.terms-and-conditions__text h4 {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
}
.terms-and-conditions__text h4 a {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
}
.terms-and-conditions__text h4 a:hover {
  text-decoration: none;
}
.terms-and-conditions__box {
  background-color: transparent;
  border: 1px solid #16327f;
  color: #fff;
  margin: 0 0 32px;
  padding: 20px;
  text-align: center;
}
.tracking-notice {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  background-color: #fff;
  border-top: 2px solid #16327f;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 900;
}
.tracking-notice__inner-wrapper {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  color: #16327f;
  margin: 10px;
}
@media only screen and (min-width: 1200px) {
  .tracking-notice__inner-wrapper {
    align-items: center;
    flex-wrap: nowrap;
    margin: 20px;
  }
}
.tracking-notice__description {
  margin-bottom: 18px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .tracking-notice__description {
    flex: 1;
    margin-bottom: 0;
    margin-right: 40px;
    width: auto;
  }
}
.tracking-notice__link {
  color: #16327f;
  font-weight: 700;
}
.tracking-notice__buttons {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .tracking-notice__buttons {
    flex-wrap: nowrap;
    width: auto;
  }
}
.tracking-notice__button {
  margin: 8px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .tracking-notice__button {
    width: auto;
  }
}
.crisis-communication-body {
  background-color: #EE1C25;
  background-image: none;
}
.crisis-communication {
  background-color: #EE1C25;
}
.crisis-communication .container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
  padding: 0;
}
.crisis-communication__element {
  align-content: center;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding-bottom: 32px;
  padding-top: 32px;
  background-color: #EE1C25;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .crisis-communication__element {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .crisis-communication__element {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .crisis-communication__element {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .crisis-communication__element {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.crisis-communication__header {
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom: 1px solid #16327f;
}
@media only screen and (min-width: 640px) {
  .crisis-communication__header {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .crisis-communication__header {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .crisis-communication__header {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.crisis-communication__header > picture {
  display: block;
  height: 100%;
  width: 100%;
}
.crisis-communication__header > picture > img {
  display: block;
  height: 50px;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}
@media only screen and (min-width: 900px) {
  .crisis-communication__header > picture > img {
    height: 103px;
  }
}
.crisis-communication__logo {
  display: block;
  height: 50px;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}
@media only screen and (min-width: 900px) {
  .crisis-communication__logo {
    height: 103px;
  }
}
.crisis-communication__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 8px;
  margin-top: 0;
  color: #16327f;
  max-width: 880px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .crisis-communication__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .crisis-communication__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .crisis-communication__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .crisis-communication__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .crisis-communication__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .crisis-communication__headline {
    font-size: 38px;
  }
}
.crisis-communication__image {
  margin-bottom: 16px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .crisis-communication__image {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .crisis-communication__image {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .crisis-communication__image {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .crisis-communication__image {
    min-width: 592px;
    width: 47.9452054795%;
  }
}
.crisis-communication__hypertext {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-top: 0;
  color: #16327f;
  max-width: 880px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .crisis-communication__hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .crisis-communication__hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .crisis-communication__hypertext {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .crisis-communication__hypertext {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.crisis-communication__hypertext p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .crisis-communication__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .crisis-communication__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .crisis-communication__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.crisis-communication__hypertext p:first-of-type {
  margin-top: 0;
}
.crisis-communication__hypertext p:last-of-type {
  margin-bottom: 0;
}
.crisis-communication__hypertext a {
  color: #16327f;
  font-weight: 700;
}
.crisis-communication__footer {
  margin-bottom: 0;
  margin-top: 32px;
  border-top: 1px solid #16327f;
}
@media only screen and (min-width: 640px) {
  .crisis-communication__footer {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .crisis-communication__footer {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .crisis-communication__footer {
    margin-bottom: 0;
    margin-top: 48px;
  }
}
.crisis-communication__legal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style-type: none;
  padding: 30px 0 10px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .crisis-communication__legal {
    flex-direction: row;
  }
}
@media only screen and (min-width: 900px) {
  .crisis-communication__legal {
    padding: 50px 0 16px;
  }
}
.crisis-communication__legal-item {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
  display: inline-block;
  padding: 12px 0;
}
@media only screen and (min-width: 640px) {
  .crisis-communication__legal-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.crisis-communication__copyright {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
  padding: 0 0 35px;
  text-align: center;
}
.header {
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  background-color: transparent;
  min-width: 320px;
}
@media only screen and (min-width: 980px) {
  .header {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
}
.header__inner-wrapper {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (min-width: 980px) {
  .header__inner-wrapper {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
}
.header::after {
  align-self: flex-end;
  background-color: transparent;
  background-image: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 4px;
  content: "";
  display: none;
  height: 4px;
  order: 1;
  width: 100%;
}
@media only screen and (min-width: 980px) {
  .header::after {
    background-size: 100% 8px;
    height: 8px;
    order: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .header::after {
    background-size: 1200px 8px;
  }
}
#map {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.map__error {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  padding-top: 48px;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .map__error {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .map__error {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .map__error {
    padding-top: 64px;
  }
}
.map__error:before {
  margin-bottom: 16px;
  color: #fff;
  content: "";
  font-size: 64px;
  height: 64px;
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 640px) {
  .map__error:before {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .map__error:before {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .map__error:before {
    margin-bottom: 32px;
  }
}
.map__error-text {
  margin-bottom: 0;
  margin-top: 0;
  max-width: 447px;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
.map__error-text-link {
  color: #16327f;
  font-weight: 700;
}
.contactbox {
  margin-bottom: 0;
  margin-top: 16px;
  background-color: transparent;
}
@media only screen and (min-width: 640px) {
  .contactbox {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .contactbox {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .contactbox {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
.contactbox__element {
  margin: 0 auto;
  max-width: 903px;
  padding: 53px 8px 30px;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .contactbox__element {
    padding: 53px 0 47px;
    width: 75.25%;
  }
}
.contactbox__title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  color: #16327f;
  margin-bottom: 21px;
}
@media only screen and (min-width: 900px) {
  .contactbox__title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 900px) {
  .contactbox__title {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .contactbox__title {
    font-size: 38px;
  }
}
.contactbox__image {
  height: 100%;
  margin: 0 auto 24px;
  max-height: 272px;
  max-width: 440px;
  overflow: hidden;
  width: 100%;
}
.contactbox__text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 17px;
}
@media only screen and (min-width: 900px) {
  .contactbox__text {
    margin: 0 auto 22px;
  }
}
.contactbox__telephonenumber-title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
  line-height: 1.48;
}
.contactbox__telephonenumber {
  margin-bottom: 8px;
}
@media only screen and (min-width: 640px) {
  .contactbox__telephonenumber {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .contactbox__telephonenumber {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .contactbox__telephonenumber {
    margin-bottom: 16px;
  }
}
.contactbox__telephonenumber .link {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}
@media only screen and (min-width: 900px) {
  .contactbox__telephonenumber .link {
    font-family: "sofiaproBold", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.contactbox__email-title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
  line-height: 1.48;
}
.contactbox__email {
  margin-bottom: 8px;
}
@media only screen and (min-width: 640px) {
  .contactbox__email {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .contactbox__email {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .contactbox__email {
    margin-bottom: 16px;
  }
}
.contactbox__email .link {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}
@media only screen and (min-width: 900px) {
  .contactbox__email .link {
    font-family: "sofiaproBold", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.contactbox__button {
  margin-bottom: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .contactbox__button {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .contactbox__button {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .contactbox__button {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.contactbox__disclaimer {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  margin: auto;
  max-width: 898px;
}
.multi-site-header {
  background-color: #cbd300;
}
.multi-site-header:after {
  background-color: transparent;
  background-image: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 4px;
  content: "";
  display: block;
  height: 4px;
  width: 100%;
}
.multi-site-header__container {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.multi-site-header__icons {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  flex: 1;
}
@media only screen and (min-width: 900px) {
  .multi-site-header__icons {
    flex: unset;
    order: 3;
  }
}
.multi-site-header__divider {
  background-color: #fff;
  height: 1px;
  margin: 0 8px;
  width: 100%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 640px) {
  .multi-site-header__divider {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .multi-site-header__divider {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .multi-site-header__divider {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .multi-site-header__divider {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .multi-site-header__divider {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .multi-site-header__divider {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .multi-site-header__divider {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .multi-site-header__divider {
    display: none;
  }
}
.multi-site-header__search-toggle-button {
  margin: 0 8px 0 0;
}
@media only screen and (min-width: 900px) {
  .multi-site-header__search-toggle-button {
    display: none;
  }
}
.multi-site-header__shopping-navigation {
  align-items: center;
  display: inline-flex;
}
.multi-site-header__account-icon {
  margin: 0 8px 0 0;
}
.multi-site-header__cart-icon {
  margin: 0 8px 0 0;
}
@media only screen and (min-width: 900px) {
  .multi-site-header__menu-icon {
    display: none;
  }
}
.multi-site-header__search {
  border-bottom: 1px solid #fff;
  display: none;
  margin: 0 8px;
  width: 100%;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 640px) {
  .multi-site-header__search {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .multi-site-header__search {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .multi-site-header__search {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .multi-site-header__search {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .multi-site-header__search {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .multi-site-header__search {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .multi-site-header__search {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .multi-site-header__search {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .multi-site-header__search {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .multi-site-header__search {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .multi-site-header__search {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .multi-site-header__search {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .multi-site-header__search {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .multi-site-header__search {
    align-self: center;
    border: 0;
    display: block;
    height: 32px;
    margin: 0 8px 0 0;
    order: 2;
    padding: 0;
    width: 130px;
  }
}
@media only screen and (min-width: 1200px) {
  .multi-site-header__search {
    width: 200px;
  }
}
.consent-helper {
  background-color: rgba(34, 34, 34, 0.94);
  position: absolute;
  visibility: hidden;
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 640px) {
  .consent-helper {
    height: 100%;
    width: 100%;
  }
}
.consent-helper__wrapper {
  flex: 0 1 auto;
  order: 0;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
.consent-helper__close-wrapper {
  flex: 0 1 auto;
  order: 0;
  align-content: stretch;
  align-items: flex-end;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  padding: 16px;
  width: 100%;
}
.consent-helper__close {
  height: 26px;
  margin: 0 0 0 auto;
  position: relative;
  right: 0;
  top: 0;
  width: 26px;
}
.consent-helper__close-button {
  display: block;
  margin: 26px auto;
}
.consent-helper__close-button-icon {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: #cbd300;
  display: flex;
  height: 26px;
  justify-content: center;
  position: absolute;
  width: 26px;
}
.consent-helper__close-button-icon:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  content: "";
  display: block;
  font-size: 26px;
}
.consent-helper__close-button-icon-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.consent-helper__close-button-icon:focus, .consent-helper__close-button-icon:hover {
  color: #a00;
  outline: none;
}
.consent-helper__close-button-icon:active {
  color: #cbd300;
}
.consent-helper__text-and-button {
  flex: 0 1 auto;
  order: 0;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin-bottom: 32px;
  margin-top: 0;
  height: 100%;
}
@media only screen and (min-width: 640px) {
  .consent-helper__text-and-button {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .consent-helper__text-and-button {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .consent-helper__text-and-button {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .consent-helper__text-and-button {
    max-width: 60%;
  }
}
.consent-helper__description {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #cbd300;
  margin: 16px;
  text-align: center;
}
.consent-helper__link {
  color: #16327f;
  font-weight: 700;
}
.navigation-main {
  background-color: #16327f;
  display: none;
  order: 2;
  padding: 25px 42px 18px;
  width: 100%;
}
@media only screen and (min-width: 980px) {
  .navigation-main {
    background-color: transparent;
    display: block;
    margin-top: 0;
    min-height: 56px;
    order: 0;
    padding: 0;
  }
}
.navigation-main__list {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 980px) {
  .navigation-main__list {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    border-top: 1px solid transparent;
  }
}
.navigation-main__list.container {
  max-width: 100%;
}
.navigation-meta {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  display: none;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .navigation-meta {
    display: flex;
    flex: 1;
    order: 1;
    overflow: hidden;
    padding: 0;
    width: auto;
  }
}
.navigation-meta__list {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .navigation-meta__list {
    align-content: stretch;
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    border-bottom: 1px solid #fff;
    box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.12);
  }
}
@media only screen and (min-width: 900px) {
  .navigation-meta__list {
    border: 0;
    box-shadow: none;
  }
}
.navigation-multi-site-main {
  background-color: #cbd300;
  display: none;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .navigation-multi-site-main {
    background-color: transparent;
    border-top: 1px solid #fff;
    display: block;
    margin: auto;
    order: 4;
    padding: 0 calc((100% - 900px) / 2);
  }
}
.navigation-multi-site-main__list {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 900px) {
  .navigation-multi-site-main__list {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
}
.navigation-multi-site-main__list--hidden {
  display: none;
}
.navigation-service {
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  text-align: right;
  z-index: 130;
}
@media only screen and (min-width: 980px) {
  .navigation-service {
    height: 0;
    position: fixed;
    top: 0;
    width: 0;
  }
}
@media (min-width: 780px) {
  .navigation-service {
    top: 0;
  }
}
.navigation-service .container {
  margin: 0;
  padding: 0;
}
.navigation-service__container {
  align-content: stretch;
  align-items: flex-end;
  display: flex;
  flex-flow: row flex-end;
  justify-content: flex-end;
}
@media only screen and (min-width: 980px) {
  .navigation-service__container {
    align-content: stretch;
    align-items: flex-end;
    display: flex;
    flex-flow: column center;
    justify-content: center;
    height: 100vh;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
  .navigation-service__container .navigation-service-shadow-box {
    border-radius: 4px 0 0 4px;
    box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.4), 0 4px 10px 1px rgba(0, 0, 0, 0.4);
  }
}
.navigation-service__shadow-box {
  display: flex;
}
@media only screen and (min-width: 980px) {
  .navigation-service__shadow-box {
    background-color: #fff;
    border-radius: 4px 0 0 4px;
    box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.4), 0 4px 10px 1px rgba(0, 0, 0, 0.4);
    display: block;
  }
}
.navigation-service__line {
  display: none;
}
@media only screen and (min-width: 980px) {
  .navigation-service__line {
    border-top: 1px solid transparent;
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 45px;
  }
}
.navigation-content {
  padding: 16px 8px;
}
@media only screen and (min-width: 900px) {
  .navigation-content {
    margin-bottom: 40px;
    padding: 0;
  }
}
.navigation-content__list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navigation-content__item-wrapper {
  width: 100%;
}
.navigation-content__item-wrapper:first-child .navigation-content__item {
  border-width: 0;
}
@media (min-width: 640px) and (max-width: 899px) {
  .navigation-content__item-wrapper {
    box-sizing: border-box;
    padding: 0 8px;
    width: 50%;
  }
  .navigation-content__item-wrapper:nth-child(2) .navigation-content__item {
    border-width: 0;
  }
  .navigation-content__item-wrapper:nth-child(2n+1) {
    padding-left: 0;
  }
  .navigation-content__item-wrapper:nth-child(2n+2) {
    padding-right: 0;
  }
}
@media only screen and (min-width: 900px) {
  .navigation-content__item-wrapper:first-child .navigation-content__item {
    border-width: 1px;
  }
}
.navigation-legal {
  padding-bottom: 32px;
  padding-top: 32px;
  background-color: transparent;
}
@media only screen and (min-width: 640px) {
  .navigation-legal {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .navigation-legal {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .navigation-legal {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.navigation-legal__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style-type: none;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .navigation-legal__list {
    flex-direction: row;
  }
}
.social-links {
  background-color: transparent;
  padding-bottom: 96px;
}
.social-links__title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  color: #16327f;
  margin-bottom: 32px;
  padding-top: 48px;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .social-links__title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 900px) {
  .social-links__title {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .social-links__title {
    font-size: 38px;
  }
}
.social-links__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contactbox + .social-links .social-links__title {
  border-top: 1px solid transparent;
}
.navigation-language-switch {
  position: absolute;
  right: 48px;
  top: 0;
  z-index: 100;
}
@media only screen and (min-width: 980px) {
  .navigation-language-switch {
    position: absolute;
    right: 0;
    top: 23px;
    width: 100%;
  }
}
.navigation-language-switch__container {
  align-content: flex-end;
  align-items: flex-end;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
.navigation-language-switch__wrapper {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.navigation-language-switch__current-language {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  background: none;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  padding: 13px 8px;
  width: 96px;
}
@media only screen and (min-width: 980px) {
  .navigation-language-switch__current-language {
    padding: 8px;
    width: 137px;
  }
}
.navigation-language-switch__current-language--turn:after {
  transform: rotate3d(1, 0, 0, 180deg);
}
.navigation-language-switch__current-language--border {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #fff;
}
.navigation-language-switch__current-language:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #fff;
}
.navigation-language-switch__current-language:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "";
  display: block;
  font-size: 27px;
  line-height: 22px;
  position: absolute;
  right: 8px;
  text-align: center;
  transition: transform 0.5s;
}
.navigation-language-switch__text {
  flex: 0 1 auto;
  order: 0;
  transition: transform 0.2s;
}
.navigation-language-switch__list {
  display: none;
  list-style: none;
  width: 96px;
}
@media only screen and (min-width: 980px) {
  .navigation-language-switch__list {
    width: 137px;
  }
}
.navigation-language-switch__list--visible {
  background: #fff;
  border: 1px solid #fff;
  border-top: 0;
  display: block;
  margin: 0;
  margin-top: -2px;
  padding: 0;
  position: absolute;
  right: 0;
}
.navigation-language-switch {
  position: absolute;
  right: 48px;
  top: 0;
  z-index: 100;
}
@media only screen and (min-width: 980px) {
  .navigation-language-switch {
    position: absolute;
    right: 0;
    top: 23px;
    width: 100%;
  }
}
.navigation-language-switch__container {
  align-content: flex-end;
  align-items: flex-end;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
.navigation-language-switch__wrapper {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.navigation-language-switch__current-language {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  background: none;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  padding: 13px 8px;
  width: 96px;
}
@media only screen and (min-width: 980px) {
  .navigation-language-switch__current-language {
    padding: 8px;
    width: 137px;
  }
}
.navigation-language-switch__current-language--turn:after {
  transform: rotate3d(1, 0, 0, 180deg);
}
.navigation-language-switch__current-language--border {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #fff;
}
.navigation-language-switch__current-language:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #fff;
}
.navigation-language-switch__current-language:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "";
  display: block;
  font-size: 27px;
  line-height: 22px;
  position: absolute;
  right: 8px;
  text-align: center;
  transition: transform 0.5s;
}
.navigation-language-switch__text {
  flex: 0 1 auto;
  order: 0;
  transition: transform 0.2s;
}
.navigation-language-switch__list {
  display: none;
  list-style: none;
  width: 96px;
}
@media only screen and (min-width: 980px) {
  .navigation-language-switch__list {
    width: 137px;
  }
}
.navigation-language-switch__list--visible {
  background: #fff;
  border: 1px solid #fff;
  border-top: 0;
  display: block;
  margin: 0;
  margin-top: -2px;
  padding: 0;
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 900px) {
  .stage-teaser {
    height: auto;
  }
}
@media only screen and (min-width: 900px) {
  .stage-teaser.overview__stage {
    margin-bottom: 32px;
  }
}
.stage-teaser.homepage__stage {
  margin: 0 auto 8px;
}
@media only screen and (min-width: 900px) {
  .stage-teaser.homepage__stage {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .stage-teaser.homepage__stage {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .stage-teaser.homepage__stage {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .stage-teaser.homepage__stage {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}
.stage-teaser .container {
  height: 100%;
}
.stage-teaser__link {
  display: block;
  height: 100%;
  min-height: 190px;
  position: relative;
}
.stage-teaser__link:hover, .stage-teaser__link:focus {
  text-decoration: none;
}
@media only screen and (min-width: 900px) {
  .stage-teaser__link:hover, .stage-teaser__link:focus {
    text-decoration: none;
  }
  .stage-teaser__link:hover .stage-teaser__image, .stage-teaser__link:focus .stage-teaser__image {
    transform: scale(1.06, 1.06);
  }
  .stage-teaser__link:hover .stage-teaser-cta__text:after, .stage-teaser__link:focus .stage-teaser-cta__text:after {
    transform: translate3d(10px, 0, 0);
  }
}
.stage-teaser__image {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 1s;
  width: 100%;
}
.stage-teaser__image-wrapper {
  background-color: transparent;
  display: block;
  height: 60vw;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 10;
}
@media only screen and (min-width: 481px) {
  .stage-teaser__image-wrapper {
    height: 100%;
  }
}
.stage-teaser__cta {
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .stage-teaser__cta {
    bottom: 0;
    position: absolute;
  }
}
@media only screen and (min-width: 900px) {
  .stage-map.overview__stage {
    margin-bottom: 32px;
  }
}
.stage-map__element {
  height: 100%;
  position: relative;
  width: 100%;
}
.stage-map__map {
  height: 0;
  overflow: hidden;
  padding-bottom: 40%;
  position: relative;
  z-index: 100;
}
.stage-video.homepage__stage {
  margin: 0 auto 8px;
}
@media only screen and (min-width: 900px) {
  .stage-video.homepage__stage {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .stage-video.homepage__stage {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .stage-video.homepage__stage {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .stage-video.homepage__stage {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}
.stage-video__video {
  margin-bottom: 16px;
  margin-top: 0;
  height: 40%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .stage-video__video {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .stage-video__video {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .stage-video__video {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.stage-video__video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.stage-video__video-wrapper:hover, .stage-video__video-wrapper:focus {
  cursor: pointer;
}
.stage-video__video-wrapper:hover .stage-video__video-play, .stage-video__video-wrapper:focus .stage-video__video-play {
  background-color: transparent;
  cursor: pointer;
  transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.stage-video__video-wrapper:active .stage-video__video-play {
  background-color: transparent;
}
.stage-video__video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.stage-video__video-image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.stage-video__video-play {
  background-color: transparent;
  border: 5px solid rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: absolute;
  top: 50%;
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100px;
}
.stage-video__video-play-icon {
  border-bottom: 20px solid transparent;
  border-left: 30px solid rgba(255, 255, 255, 0.7);
  border-top: 20px solid transparent;
  height: 0;
  left: 50%;
  margin: -20px 0 0 -10px;
  position: absolute;
  top: 50%;
  width: 0;
}
.stage-visual__image {
  aspect-ratio: 3;
  min-height: 200px;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
.stage-visual__wrapper {
  display: block;
}
@media only screen and (min-width: 900px) {
  .stage-visual.overview__stage {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .stage-carousel.overview__stage {
    margin-bottom: 32px;
  }
}
.stage-carousel.homepage__stage {
  margin: 0 auto 8px;
}
@media only screen and (min-width: 900px) {
  .stage-carousel.homepage__stage {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .stage-carousel.homepage__stage {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .stage-carousel.homepage__stage {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .stage-carousel.homepage__stage {
    margin-bottom: 48px;
    margin-top: 48px;
  }
}
.stage-carousel__element {
  position: relative;
}
.stage-carousel__carousel:hover > .stage-carousel__prev, .stage-carousel__carousel:hover > .stage-carousel__next {
  opacity: 0;
}
@media only screen and (min-width: 640px) {
  .stage-carousel__carousel:hover > .stage-carousel__prev, .stage-carousel__carousel:hover > .stage-carousel__next {
    opacity: 1;
  }
}
.stage-carousel__prev, .stage-carousel__next {
  transition:  opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  cursor: pointer;
  display: block;
  height: 48px;
  margin-top: -24px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 48px;
  z-index: 200;
}
.stage-carousel__prev-background-fill, .stage-carousel__next-background-fill {
  background-color: #fff;
  border-radius: 50%;
  display: block;
  height: 80%;
  left: 25%;
  position: absolute;
  top: 10%;
  width: 50%;
}
.stage-carousel__prev {
  left: 8px;
}
@media only screen and (min-width: 640px) {
  .stage-carousel__prev {
    left: 16px;
  }
}
.stage-carousel__prev:hover:after {
  color: #222;
}
.stage-carousel__prev:focus:after, .stage-carousel__prev:active:after {
  color: #222;
}
.stage-carousel__prev:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  color: #16327f;
  content: "";
  display: block;
  font-size: 48px;
  position: relative;
}
.stage-carousel__next {
  right: 8px;
}
@media only screen and (min-width: 640px) {
  .stage-carousel__next {
    right: 16px;
  }
}
.stage-carousel__next:hover:after {
  color: #222;
}
.stage-carousel__next:focus:after, .stage-carousel__next:active:after {
  color: #222;
}
.stage-carousel__next:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  color: #16327f;
  content: "";
  display: block;
  font-size: 48px;
  position: relative;
}
.stage-carousel__pagination {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  left: 0;
  padding-bottom: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
.stage-carousel__pagination-item {
  transition:  border-radius 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), border 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  cursor: pointer;
  display: block;
  height: 16px;
  margin: 0 4px;
  width: 16px;
  z-index: 13;
}
.stage-carousel__pagination-item:active, .stage-carousel__pagination-item:hover {
  background-color: #fff;
  border: 1px solid #fff;
}
.stage-carousel__pagination-item:focus {
  background-color: #222;
  border: 1px solid #fff;
}
.stage-carousel__pagination-item--active {
  background-color: #fff;
  border: 1px solid #fff;
}
.content-cocktail__element {
  padding-bottom: 32px;
  padding-top: 0;
  display: grid;
  grid-template-areas: "headline" "image" "content";
}
@media only screen and (min-width: 640px) {
  .content-cocktail__element {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-cocktail__element {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-cocktail__element {
    padding-bottom: 48px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .content-cocktail__element {
    grid-template-areas: "image headline" "image content";
  }
}
.content-cocktail__element--normal {
  grid-template-areas: "teaser" "image" "content";
}
@media only screen and (min-width: 640px) {
  .content-cocktail__element--normal {
    grid-template-areas: "image content";
  }
}
.content-cocktail__element--switched {
  grid-template-areas: "teaser" "image" "content";
}
@media only screen and (min-width: 640px) {
  .content-cocktail__element--switched {
    grid-template-areas: "content image";
  }
}
.content-cocktail__image-container {
  flex: 1 1 auto;
  order: 1;
  padding-bottom: 16px;
  padding-top: 16px;
  grid-area: image;
}
@media only screen and (min-width: 640px) {
  .content-cocktail__image-container {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .content-cocktail__image-container {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-cocktail__image-container {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .content-cocktail__image-container {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .content-cocktail__image-container {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .content-cocktail__image-container {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .content-cocktail__image-container {
    padding-bottom: 0;
    padding-top: 48px;
  }
}
.content-cocktail__image-container--normal, .content-cocktail__image-container--switched {
  padding-top: 0;
}
.content-cocktail__image {
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .content-cocktail__image {
    width: 300px;
  }
}
@media only screen and (min-width: 900px) {
  .content-cocktail__image {
    width: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-cocktail__image {
    width: 492px;
  }
}
.content-cocktail__content-container {
  padding-bottom: 0;
  padding-top: 16px;
  grid-area: content;
}
@media only screen and (min-width: 640px) {
  .content-cocktail__content-container {
    padding-bottom: 0;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .content-cocktail__content-container {
    padding-bottom: 0;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-cocktail__content-container {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .content-cocktail__content-container {
    padding-bottom: 0;
    padding-top: 32px;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .content-cocktail__content-container {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .content-cocktail__content-container {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .content-cocktail__content-container {
    padding-bottom: 0;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .content-cocktail__content-container--normal, .content-cocktail__content-container--switched {
    margin-left: 0;
    padding-top: 75px;
  }
}
.content-cocktail__content {
  flex: 0 1 auto;
  order: 1;
  max-width: 748px;
  padding: 0 10px;
}
@media only screen and (min-width: 1200px) {
  .content-cocktail__content {
    padding: 0;
  }
}
.content-cocktail__content-headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.content-cocktail__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  grid-area: headline;
  margin-bottom: -10px;
  padding-top: 0;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .content-cocktail__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    padding-top: 48px;
  }
}
.content-cocktail__headline--light {
  color: #fff;
  margin: 0 50px -10px;
}
.content-cocktail__link {
  height: 25px;
  width: 250px;
  font-size: 16px;
  line-height: 25px;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  color: #16327f;
  font-weight: 700;
  justify-content: left;
}
.content-cocktail__link:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  line-height: 25px;
  color: inherit;
  content: "";
  display: inline-block;
  transition: transform 0.5s ease;
}
.content-cocktail__link:hover, .content-cocktail__link:visited, .content-cocktail__link:focus {
  text-decoration: none;
}
.content-cocktail__ingredients, .content-cocktail__preparation {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .content-cocktail__ingredients, .content-cocktail__preparation {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-cocktail__ingredients, .content-cocktail__preparation {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-cocktail__ingredients, .content-cocktail__preparation {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-cocktail__ingredients ul, .content-cocktail__preparation ul {
  list-style: none;
  padding-left: 1em;
}
.content-cocktail__ingredients ul li::before, .content-cocktail__preparation ul li::before {
  color: #fff;
  content: "•";
  display: inline-block;
  margin-left: -1em;
  width: 1em;
}
.content-cocktail__teaser-container {
  margin-bottom: 16px;
  margin-top: 0;
  align-self: end;
  grid-area: teaser;
}
@media only screen and (min-width: 640px) {
  .content-cocktail__teaser-container {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-cocktail__teaser-container {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-cocktail__teaser-container {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-cocktail__teaser-container--mobile {
  display: block;
  margin: 30px 8px 0;
}
@media only screen and (min-width: 640px) {
  .content-cocktail__teaser-container--mobile {
    display: none;
  }
}
.content-cocktail__teaser-container--desktop {
  display: none;
}
@media only screen and (min-width: 640px) {
  .content-cocktail__teaser-container--desktop {
    display: block;
  }
}
.content-cocktail__teaser {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}
.content-modal {
  background-color: rgba(0, 0, 0, 0.85);
  height: 100%;
  left: 0;
  min-height: 100vh;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 899;
}
.content-modal__element {
  background-color: #fff;
  border: solid 5px #16327f;
  border-radius: 2px;
  display: block;
  margin: 80px 8px;
}
@media only screen and (min-width: 900px) {
  .content-modal__element {
    margin-left: auto;
    margin-right: auto;
    max-width: 896px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .content-modal__element {
    min-width: 592px;
    width: 76.7123287671%;
  }
}
.content-modal--hidden {
  display: none;
}
.content-modal__close {
  height: 48px;
  margin: 0 0 0 auto;
  position: relative;
  right: -5px;
  top: -5px;
  width: 48px;
}
.content-modal__close-button {
  display: block;
  margin: 48px auto;
}
.content-modal__close-button-icon {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: #16327f;
  display: flex;
  height: 48px;
  justify-content: center;
  position: absolute;
  width: 48px;
}
.content-modal__close-button-icon:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  content: "";
  display: block;
  font-size: 48px;
}
.content-modal__close-button-icon-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.content-modal__close-button-icon:focus, .content-modal__close-button-icon:hover {
  color: #222;
  outline: none;
}
.content-modal__close-button-icon:active {
  color: #777;
}
.content-narrative {
  overflow: hidden;
  text-align: center;
}
.content-narrative__element {
  align-content: center;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding-bottom: 32px;
  padding-top: 32px;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .content-narrative__element {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__element {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__element {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.content-narrative__headline {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 0;
  color: #16327f;
}
@media only screen and (min-width: 640px) {
  .content-narrative__headline {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .content-narrative__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__headline {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .content-narrative__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .content-narrative__headline {
    font-size: 38px;
  }
}
.content-narrative__headline-icon {
  margin-bottom: 16px;
  margin-top: 16px;
  height: 76px;
  margin-left: auto;
  margin-right: auto;
  width: 76px;
}
@media only screen and (min-width: 640px) {
  .content-narrative__headline-icon {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__headline-icon {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__headline-icon {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.content-narrative__subheadline {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 16px;
  margin-top: 0;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  .content-narrative__subheadline {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .content-narrative__subheadline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__subheadline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__subheadline {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-narrative__hypertext {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-top: 0;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .content-narrative__hypertext {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .content-narrative__hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__hypertext {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-narrative__hypertext p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .content-narrative__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.content-narrative__hypertext p:first-of-type {
  margin-top: 0;
}
.content-narrative__hypertext h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .content-narrative__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.content-narrative__hypertext p:last-of-type {
  margin-bottom: 0;
}
.content-narrative__hypertext a {
  color: #16327f;
  font-weight: 700;
}
.content-narrative__image {
  margin-left: auto;
  margin-right: auto;
  max-width: 896px;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 0;
  height: 40%;
  margin-left: auto;
  margin-right: auto;
  max-height: 480px;
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  .content-narrative__image {
    min-width: 592px;
    width: 76.7123287671%;
  }
}
@media only screen and (min-width: 640px) {
  .content-narrative__image {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__image {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__image {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-narrative__text-image, .content-narrative__teaserbox {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 0;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  .content-narrative__text-image, .content-narrative__teaserbox {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .content-narrative__text-image, .content-narrative__teaserbox {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__text-image, .content-narrative__teaserbox {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__text-image, .content-narrative__teaserbox {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-narrative__text-image-image, .content-narrative__teaserbox-image {
  margin-bottom: 8px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .content-narrative__text-image-image, .content-narrative__teaserbox-image {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__text-image-image, .content-narrative__teaserbox-image {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__text-image-image, .content-narrative__teaserbox-image {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .content-narrative__text-image-image, .content-narrative__teaserbox-image {
    margin-bottom: 0;
    order: 1;
    padding-right: 8px;
    width: 50%;
  }
  .content-narrative__text-image-image--switched, .content-narrative__teaserbox-image--switched {
    order: 2;
    padding-left: 8px;
    padding-right: 0;
  }
}
.content-narrative__text-image-hypertext, .content-narrative__teaserbox-hypertext {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-top: 0;
  color: #fff;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .content-narrative__text-image-hypertext, .content-narrative__teaserbox-hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__text-image-hypertext, .content-narrative__teaserbox-hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__text-image-hypertext, .content-narrative__teaserbox-hypertext {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-narrative__text-image-hypertext p, .content-narrative__teaserbox-hypertext p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .content-narrative__text-image-hypertext p, .content-narrative__teaserbox-hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__text-image-hypertext p, .content-narrative__teaserbox-hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__text-image-hypertext p, .content-narrative__teaserbox-hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.content-narrative__text-image-hypertext p:first-of-type, .content-narrative__teaserbox-hypertext p:first-of-type {
  margin-top: 0;
}
.content-narrative__text-image-hypertext h3 + p:first-of-type, .content-narrative__teaserbox-hypertext h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .content-narrative__text-image-hypertext h3 + p:first-of-type, .content-narrative__teaserbox-hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__text-image-hypertext h3 + p:first-of-type, .content-narrative__teaserbox-hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__text-image-hypertext h3 + p:first-of-type, .content-narrative__teaserbox-hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.content-narrative__text-image-hypertext p:last-of-type, .content-narrative__teaserbox-hypertext p:last-of-type {
  margin-bottom: 0;
}
.content-narrative__text-image-hypertext a, .content-narrative__teaserbox-hypertext a {
  color: #16327f;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .content-narrative__text-image-hypertext, .content-narrative__teaserbox-hypertext {
    margin-bottom: 0;
    order: 2;
    padding-left: 8px;
    text-align: left;
    width: 50%;
  }
  .content-narrative__text-image-hypertext--switched, .content-narrative__teaserbox-hypertext--switched {
    order: 1;
    padding-left: 0;
    padding-right: 8px;
  }
}
.content-narrative__text-image-config, .content-narrative__teaserbox-config {
  display: flex;
  gap: 10px;
}
.content-narrative__text-image h3 {
  font-family: "sofiaproBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #16327f;
  margin: 0;
}
@media only screen and (min-width: 900px) {
  .content-narrative__text-image h3 {
    font-size: 28px;
  }
}
.content-narrative__teaserbox {
  margin-bottom: 64px;
  margin-top: 34px;
  overflow: unset;
  position: relative;
  z-index: 1;
}
.content-narrative__teaserbox:before {
  bottom: -30px;
  content: "";
  left: -200%;
  position: absolute;
  right: -200%;
  top: -30px;
  z-index: -1;
}
.content-narrative__teaserbox-topline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
.content-narrative__teaserbox-headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  color: #16327f;
  margin-bottom: 16px;
  margin-top: 0;
}
.content-narrative__teaserbox-button-group {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  margin-top: 24px;
}
@media only screen and (min-width: 1200px) {
  .content-narrative__teaserbox-button-group {
    display: block;
  }
}
.content-narrative__teaserbox-button {
  margin-bottom: 16px;
  max-width: 440px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .content-narrative__teaserbox-button {
    margin-bottom: 10px;
    width: auto;
  }
}
.content-narrative__teaserbox-hypertext {
  align-self: center;
}
.content-narrative__teaserbox-hypertext .button-primary {
  color: #cbd300;
}
@media only screen and (min-width: 1200px) {
  .content-narrative__teaserbox-hypertext .button-primary {
    margin-right: 10px;
  }
}
.content-narrative__teaserbox-background--color-1:before {
  background-color: #cbd300;
}
.content-narrative__video {
  margin-left: auto;
  margin-right: auto;
  max-width: 896px;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 0;
  height: 40%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .content-narrative__video {
    min-width: 592px;
    width: 76.7123287671%;
  }
}
@media only screen and (min-width: 640px) {
  .content-narrative__video {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__video {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__video {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-narrative__video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.content-narrative__video-wrapper:hover, .content-narrative__video-wrapper:focus {
  cursor: pointer;
}
.content-narrative__video-wrapper:hover .content-narrative__video-play, .content-narrative__video-wrapper:focus .content-narrative__video-play {
  background-color: transparent;
  cursor: pointer;
  transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.content-narrative__video-wrapper:active .content-narrative__video-play {
  background-color: transparent;
}
.content-narrative__video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.content-narrative__video-image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.content-narrative__video-play {
  background-color: transparent;
  border: 5px solid rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: absolute;
  top: 50%;
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100px;
}
.content-narrative__video-play-icon {
  border-bottom: 20px solid transparent;
  border-left: 30px solid rgba(255, 255, 255, 0.7);
  border-top: 20px solid transparent;
  height: 0;
  left: 50%;
  margin: -20px 0 0 -10px;
  position: absolute;
  top: 50%;
  width: 0;
}
.content-narrative__button {
  margin-bottom: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .content-narrative__button {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__button {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__button {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-narrative__infobox {
  margin-bottom: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .content-narrative__infobox {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-narrative__infobox {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-narrative__infobox {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-narrative.homepage__content-block {
  margin: 0 auto;
}
@media only screen and (min-width: 900px) {
  .content-narrative.homepage__content-block {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .content-narrative.homepage__content-block {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .content-narrative.homepage__content-block {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .content-narrative.homepage__content-block {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
.overview__content-narrative {
  margin: 0 auto;
}
@media only screen and (min-width: 900px) {
  .overview__content-narrative {
    margin: 0 auto 16px;
  }
}
.digital-press-area__content-narrative .content-narrative__hypertext {
  margin-bottom: 30px;
  margin-top: 20px;
  text-align: center;
}
.digital-press-area__content-narrative .content-narrative__hypertext p {
  margin: 0;
  padding: 0;
}
.content-visual__element {
  position: relative;
}
.content-visual__image {
  background-color: transparent;
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .content-visual__image {
    height: 100%;
    left: 0;
    padding-top: 0;
    position: absolute;
    top: 0;
    z-index: 100;
  }
}
.content-visual__image img {
  width: 100%;
}
.content-visual__darkening-overlay {
  background-color: rgba(34, 34, 34, 0.4);
  display: none;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 110;
}
@media only screen and (min-width: 900px) {
  .content-visual__darkening-overlay {
    display: block;
  }
}
.content-visual__min-height-defining-block {
  display: none;
  margin-bottom: -1px;
  width: 1%;
}
@media only screen and (min-width: 900px) {
  .content-visual__min-height-defining-block {
    display: block;
    padding-top: 46.6666666667%;
  }
}
.content-visual__content {
  align-content: center;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding-bottom: 32px;
  padding-top: 32px;
  background-color: transparent;
  color: #fff;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .content-visual__content {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .content-visual__content {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-visual__content {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .content-visual__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
    width: 100%;
    background-color: transparent;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 120;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .content-visual__content {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.content-visual__subheadline {
  margin-bottom: 16px;
  margin-top: 0;
  font-family: "sofiaproBold", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  .content-visual__subheadline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-visual__subheadline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-visual__subheadline {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-visual__subheadline {
    color: #fff;
    margin-bottom: 8px;
  }
}
.content-visual__hypertext {
  margin-bottom: 16px;
  margin-top: 0;
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}
.content-visual__hypertext p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .content-visual__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-visual__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-visual__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.content-visual__hypertext p:first-of-type {
  margin-top: 0;
}
.content-visual__hypertext h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .content-visual__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-visual__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-visual__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.content-visual__hypertext p:last-of-type {
  margin-bottom: 0;
}
.content-visual__hypertext a {
  color: #16327f;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .content-visual__hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-visual__hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-visual__hypertext {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-visual__hypertext {
    color: #fff;
    margin-bottom: 39px;
  }
}
.content-visual.homepage__content-block {
  margin: 0 auto;
}
@media only screen and (min-width: 900px) {
  .content-visual.homepage__content-block {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .content-visual.homepage__content-block {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .content-visual.homepage__content-block {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .content-visual.homepage__content-block {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-response {
    margin-top: 48px;
  }
}
.content-response__element {
  align-content: center;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  background-color: transparent;
  padding: 32px 8px;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .content-response__element {
    padding: 32px 16px 48px;
  }
}
.content-response__headline-icon {
  margin-bottom: 16px;
  margin-top: 16px;
  height: 76px;
  margin-left: auto;
  margin-right: auto;
  width: 76px;
}
@media only screen and (min-width: 640px) {
  .content-response__headline-icon {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .content-response__headline-icon {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-response__headline-icon {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.content-response__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  color: #16327f;
  margin: 0 auto;
  max-width: 880px;
  padding-bottom: 5px;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .content-response__headline {
    font-size: 58px;
  }
}
@media only screen and (min-width: 900px) {
  .content-response__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 auto;
    padding-bottom: 13px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .content-response__headline {
    font-size: 58px;
  }
}
.content-response__hypertext {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
  margin: 0 auto;
  max-width: 880px;
  padding-bottom: 10px;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .content-response__hypertext {
    padding-bottom: 35px;
    width: 75.3424657534%;
  }
}
.content-response__hypertext > p:first-of-type {
  margin-top: 0;
}
.content-response__hypertext > p:last-of-type {
  margin-bottom: 0;
}
.content-response__hypertext a {
  color: #16327f;
  font-weight: 700;
}
.content-response__button + .content-response__button-secondary {
  margin-top: 16px;
}
.content-response__button-secondary + .content-response__image, .content-response__button + .content-response__image {
  margin-top: 48px;
}
@media only screen and (min-width: 900px) {
  .content-response__image {
    width: 76.7123287671%;
  }
}
.content-slider__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  padding-top: 16px;
  padding-bottom: 8px;
  background-color: transparent;
  color: #16327f;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .content-slider__headline {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .content-slider__headline {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-slider__headline {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .content-slider__headline {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-slider__headline {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-slider__headline {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .content-slider__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.content-slider__element {
  background-color: transparent;
  padding-bottom: 48px;
  position: relative;
}
.content-slider__prev, .content-slider__next {
  transition:  opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), 0.15s 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  cursor: pointer;
  display: block;
  height: 48px;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  width: 48px;
  z-index: 200;
}
@media only screen and (min-width: 640px) {
  .content-slider__prev, .content-slider__next {
    opacity: 1;
  }
}
.content-slider__prev:hover:after, .content-slider__next:hover:after {
  color: #222;
}
.content-slider__prev:focus:after, .content-slider__prev:active:after, .content-slider__next:focus:after, .content-slider__next:active:after {
  color: #16327f;
}
.content-slider__prev:after, .content-slider__next:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  color: #16327f;
  display: block;
  font-size: 48px;
  position: relative;
}
.content-slider__prev-background-fill, .content-slider__next-background-fill {
  background-color: #fff;
  border-radius: 50%;
  display: block;
  height: 80%;
  left: 25%;
  position: absolute;
  top: 10%;
  width: 50%;
}
.content-slider__prev {
  left: 8px;
}
.content-slider__prev:after {
  content: "";
}
.content-slider__next {
  right: 8px;
}
.content-slider__next:after {
  content: "";
}
.content-slider__pagination {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  left: 0;
  padding-top: 20px;
  position: absolute;
  right: 0;
}
.content-slider__pagination-item {
  transition:  border-radius 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), border 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  cursor: pointer;
  display: block;
  height: 16px;
  margin: 0 4px;
  width: 16px;
  z-index: 13;
}
.content-slider__pagination-item:active, .content-slider__pagination-item:hover {
  background-color: #fff;
  border: 1px solid #fff;
}
.content-slider__pagination-item:focus {
  background-color: #222;
  border: 1px solid #fff;
}
.content-slider__pagination-item--active {
  background-color: #fff;
  border: 1px solid #fff;
}
@media only screen and (min-width: 640px) {
  .content-slider__pagination-item {
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.4);
  }
  .content-slider__pagination-item:active, .content-slider__pagination-item:hover {
    background-color: #fff;
    border-color: #fff;
  }
  .content-slider__pagination-item:focus {
    background-color: #222;
    border-color: #fff;
  }
  .content-slider__pagination-item--active {
    background-color: #fff;
    border-color: #fff;
  }
}
@media only screen and (min-width: 640px) {
  .content-slider__pagination {
    padding-top: 0;
  }
}
.digital-press-area__content-slider .content-slider__element:after {
  border-bottom: 1px solid #fff;
  content: "";
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  padding-bottom: 32px;
  padding-top: 32px;
}
@media only screen and (min-width: 640px) {
  .digital-press-area__content-slider .content-slider__element:after {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .digital-press-area__content-slider .content-slider__element:after {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .digital-press-area__content-slider .content-slider__element:after {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .digital-press-area__content-slider .content-slider__element:after {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.content-teaser {
  margin-bottom: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .content-teaser {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-teaser {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-teaser {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.content-teaser__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 16px;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .content-teaser__headline {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .content-teaser__headline {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-teaser__headline {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .content-teaser__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.content-teaser__list {
  align-content: stretch;
  display: flex;
  flex-wrap: wrap;
  margin-top: -16px;
  padding: 8px;
}
@media only screen and (min-width: 640px) {
  .content-teaser__list {
    padding: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-teaser__list {
    margin: -8px;
  }
}
.content-teaser__item {
  margin-bottom: 8px;
  margin-top: 8px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .content-teaser__item {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-teaser__item {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-teaser__item {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .content-teaser__item {
    margin: 0;
    padding: 8px;
    width: 50%;
  }
}
@media only screen and (min-width: 900px) {
  .content-teaser--third .content-teaser__item {
    width: 33.333%;
  }
}
@media only screen and (min-width: 900px) {
  .content-video {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .content-video {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .content-video {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .content-video {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
.content-video__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 16px;
  color: #16327f;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .content-video__headline {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .content-video__headline {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-video__headline {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .content-video__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.content-video__video {
  height: 40%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 100%;
}
.content-video__video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.content-video__video-wrapper:hover, .content-video__video-wrapper:focus {
  cursor: pointer;
}
.content-video__video-wrapper:hover .content-video__video-play, .content-video__video-wrapper:focus .content-video__video-play {
  background-color: transparent;
  cursor: pointer;
  transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.content-video__video-wrapper:active .content-video__video-play {
  background-color: transparent;
}
.content-video__video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.content-video__video-image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.content-video__video-play {
  background-color: transparent;
  border: 5px solid rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: absolute;
  top: 50%;
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100px;
}
.content-video__video-play-icon {
  border-bottom: 20px solid transparent;
  border-left: 30px solid rgba(255, 255, 255, 0.7);
  border-top: 20px solid transparent;
  height: 0;
  left: 50%;
  margin: -20px 0 0 -10px;
  position: absolute;
  top: 50%;
  width: 0;
}
.content-loyalty-balance.homepage__content-block {
  margin: 0 auto;
}
@media only screen and (min-width: 900px) {
  .content-loyalty-balance.homepage__content-block {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .content-loyalty-balance.homepage__content-block {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .content-loyalty-balance.homepage__content-block {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .content-loyalty-balance.homepage__content-block {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
.content-loyalty-balance__wrapper {
  background-color: #cbd300;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
.content-loyalty-balance__element {
  padding-bottom: 32px;
  padding-top: 32px;
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .content-loyalty-balance__element {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .content-loyalty-balance__element {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-loyalty-balance__element {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .content-loyalty-balance__element {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.content-loyalty-balance__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 0;
  color: #222;
}
@media only screen and (min-width: 640px) {
  .content-loyalty-balance__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .content-loyalty-balance__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .content-loyalty-balance__headline {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .content-loyalty-balance__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.content-loyalty-balance__points {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.content-loyalty-balance__icon {
  height: 75px;
  margin-left: 8px;
  width: 61px;
}
.content-loyalty-balance__number {
  font-family: "sofiaproBold", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  font-size: 60px;
  margin-right: 8px;
}
.content-loyalty-balance__hypertext {
  margin-bottom: 0;
  margin-top: 8px;
}
.content-loyalty-balance__hypertext p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .content-loyalty-balance__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-loyalty-balance__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-loyalty-balance__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.content-loyalty-balance__hypertext p:first-of-type {
  margin-top: 0;
}
.content-loyalty-balance__hypertext h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .content-loyalty-balance__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-loyalty-balance__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-loyalty-balance__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.content-loyalty-balance__hypertext p:last-of-type {
  margin-bottom: 0;
}
.content-loyalty-balance__hypertext a {
  color: #16327f;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .content-loyalty-balance__hypertext {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-loyalty-balance__hypertext {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-loyalty-balance__hypertext {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
.content-loyalty-balance__button-wrapper {
  margin-bottom: 0;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .content-loyalty-balance__button-wrapper {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .content-loyalty-balance__button-wrapper {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-loyalty-balance__button-wrapper {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
.content-loyalty-balance__points + .content-loyalty-balance__button-wrapper {
  margin-bottom: 0;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .content-loyalty-balance__points + .content-loyalty-balance__button-wrapper {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .content-loyalty-balance__points + .content-loyalty-balance__button-wrapper {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .content-loyalty-balance__points + .content-loyalty-balance__button-wrapper {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
.press-release-detail__wrapper {
  padding-bottom: 32px;
  padding-top: 32px;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .press-release-detail__wrapper {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .press-release-detail__wrapper {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .press-release-detail__wrapper {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .press-release-detail__wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.press-release-detail__headline {
  margin-bottom: 8px;
  margin-top: 0;
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .press-release-detail__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .press-release-detail__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .press-release-detail__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .press-release-detail__headline {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.press-release-detail__image {
  margin-bottom: 16px;
  margin-top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 896px;
}
@media only screen and (min-width: 640px) {
  .press-release-detail__image {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .press-release-detail__image {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .press-release-detail__image {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .press-release-detail__image {
    min-width: 592px;
    width: 76.7123287671%;
  }
}
.press-release-detail__text {
  margin-bottom: 16px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .press-release-detail__text {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .press-release-detail__text {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .press-release-detail__text {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .press-release-detail__text {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.press-release-detail__text p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .press-release-detail__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .press-release-detail__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .press-release-detail__text p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.press-release-detail__text p:first-of-type {
  margin-top: 0;
}
.press-release-detail__text p:last-of-type {
  margin-bottom: 0;
}
.press-release-detail__text a {
  color: #16327f;
  font-weight: 700;
}
.press-release-detail__button {
  margin: 8px 0;
  width: 100%;
}
@media only screen and (min-width: 500px) {
  .press-release-detail__button {
    margin: 48px 8px 0 0;
    width: auto;
  }
  .press-release-detail__button:first-of-type {
    margin-top: 48px;
  }
}
.press-release-detail__button:first-of-type {
  margin-top: 32px;
}
.press-release-detail__button:last-of-type {
  margin-bottom: 0;
}
.packaging-overview__wrapper {
  padding-bottom: 32px;
  padding-top: 32px;
  background-color: transparent;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__wrapper {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .packaging-overview__wrapper {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .packaging-overview__wrapper {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.packaging-overview__element--button {
  text-align: center;
}
.packaging-overview__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 16px;
  padding-top: 0;
  color: #16327f;
  margin: 0 auto;
  max-width: 880px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .packaging-overview__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .packaging-overview__headline {
    padding-bottom: 24px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .packaging-overview__headline {
    padding-bottom: 24px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .packaging-overview__headline {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .packaging-overview__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 auto;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .packaging-overview__headline {
    font-size: 38px;
  }
}
.packaging-overview__prev, .packaging-overview__next {
  background-size: contain;
  cursor: pointer;
  display: block;
  height: 255px;
  position: absolute;
  top: 0;
  width: 48px;
  z-index: 200;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__prev, .packaging-overview__next {
    height: 376px;
    top: 128px;
  }
}
.packaging-overview__prev {
  left: 8px;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__prev {
    left: 16px;
  }
}
.packaging-overview__prev:hover:before {
  color: #222;
}
.packaging-overview__prev:focus:before, .packaging-overview__prev:active:before {
  color: #16327f;
}
.packaging-overview__prev:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  color: #16327f;
  content: "";
  font-size: 48px;
  margin-top: -24px;
  position: relative;
  top: 50%;
}
.packaging-overview__next {
  right: 8px;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__next {
    right: 16px;
  }
}
.packaging-overview__next:hover:after {
  color: #222;
}
.packaging-overview__next:focus:after, .packaging-overview__next:active:after {
  color: #16327f;
}
.packaging-overview__next:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  color: #16327f;
  content: "";
  font-size: 48px;
  margin-top: -24px;
  position: relative;
  top: 50%;
}
.packaging-overview__carousel-wrapper {
  margin-bottom: 16px;
  margin-top: 0;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__carousel-wrapper {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .packaging-overview__carousel-wrapper {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .packaging-overview__carousel-wrapper {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.packaging-overview__background {
  background-color: transparent;
  bottom: 40px;
  left: 0;
  margin: 0 auto;
  max-width: 1200px;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 11;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__background {
    bottom: 40px;
    top: 128px;
  }
}
.packaging-overview .slick-list {
  z-index: 12;
}
.packaging-overview__carousel {
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .packaging-overview__carousel {
    margin: 0 auto;
    width: 75.3424657534%;
  }
}
.packaging-overview__pagination {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 40px;
  justify-content: center;
  padding: 16px 0;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__pagination {
    height: 80px;
    padding: 0;
  }
}
.packaging-overview__pagination-item {
  transition:  border-radius 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), height 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), width 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  cursor: pointer;
  display: block;
  height: 8px;
  margin: 0 4px;
  overflow: hidden;
  width: 8px;
  z-index: 13;
}
.packaging-overview__pagination-item:active, .packaging-overview__pagination-item:hover {
  background-color: #fff;
}
.packaging-overview__pagination-item:focus {
  background-color: #fff;
}
.packaging-overview__pagination-item--active {
  background-color: #fff;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__pagination-item {
    background-color: transparent;
    border: 3px solid #fff;
    border-radius: 24px;
    height: 48px;
    padding: 8px;
    width: 48px;
  }
  .packaging-overview__pagination-item:active, .packaging-overview__pagination-item:focus, .packaging-overview__pagination-item:hover {
    transform: translate3d(0,-8px,0);
    background-color: transparent;
  }
  .packaging-overview__pagination-item--active {
    background-color: transparent;
    border-color: #fff;
    border-radius: 40px;
    height: 80px;
    width: 80px;
  }
  .packaging-overview__pagination-item--active:active, .packaging-overview__pagination-item--active:focus, .packaging-overview__pagination-item--active:hover {
    background-color: transparent;
    transform: none;
  }
}
.packaging-overview__pagination-image {
  display: none;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__pagination-image {
    display: block;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 640px) {
  .packaging-overview__pagination-image {
    display: block;
  }
  .packaging-overview__pagination-image-tag {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
  }
}
.packaging-overview__button {
  margin-bottom: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .packaging-overview__button {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .packaging-overview__button {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .packaging-overview__button {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.shop-finder {
  height: 100%;
  position: relative;
  width: 100%;
}
.shop-finder__wrapper {
  padding-bottom: 0;
  padding-top: 32px;
  background-color: transparent;
}
@media only screen and (min-width: 640px) {
  .shop-finder__wrapper {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .shop-finder__wrapper {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .shop-finder__wrapper {
    padding-bottom: 0;
    padding-top: 48px;
  }
}
.shop-finder__header {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 0;
  color: #16327f;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .shop-finder__header {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 900px) {
  .shop-finder__header {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .shop-finder__header {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .shop-finder__header {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .shop-finder__header {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.shop-finder__map {
  border: 10px solid #fff;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 640px) {
  .shop-finder__map {
    padding-bottom: 40%;
  }
}
.info-window {
  text-align: center;
}
.info-window__content {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  background-color: #fff;
  border: solid 2px #fff;
  border-radius: 2px;
  padding: 25px 25px 40px;
  position: relative;
  z-index: 56;
}
.info-window__name {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}
.info-window__type {
  color: #cbd300;
}
.info-window__street {
  margin-bottom: 0;
  margin-top: 8px;
  color: #cbd300;
}
@media only screen and (min-width: 640px) {
  .info-window__street {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .info-window__street {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .info-window__street {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
.info-window__city {
  color: #cbd300;
}
.info-window__marker {
  bottom: -43px;
  height: 68px;
  left: 0;
  position: absolute;
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
  z-index: 87;
}
.info-window__marker img {
  margin: 0 auto;
  width: 69px;
}
.custom-close {
  position: relative;
  top: 16px;
  z-index: 77;
}
.custom-close__iconfont {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background: #fff;
  border: 0;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
  font-size: 0;
  height: 32px;
  margin: 0 auto;
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 32px;
}
.custom-close__iconfont:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "";
  display: block;
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.custom-close__iconfont:hover, .custom-close__iconfont:focus, .custom-close__iconfont:active {
  background: #222;
  text-decoration: none;
  transform: scale(1.1, 1.1) translate3d(0, 0, 0);
}
.nutritional-information__element-background {
  background: transparent;
}
.nutritional-information__element {
  align-content: center;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding-bottom: 32px;
  padding-top: 0;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__element {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__element {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__element {
    padding-bottom: 48px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .nutritional-information__element {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 0 auto;
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__element {
    padding-left: 64px;
    padding-right: 64px;
    width: 100%;
  }
}
.nutritional-information__image-container {
  flex: 0 1 auto;
  order: 1;
  padding-bottom: 16px;
  padding-top: 16px;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__image-container {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__image-container {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__image-container {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .nutritional-information__image-container {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .nutritional-information__image-container {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .nutritional-information__image-container {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .nutritional-information__image-container {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.nutritional-information__image {
  height: auto;
  margin: 0 auto;
  text-align: center;
  width: 300px;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__image {
    max-width: none;
    width: 260px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__image {
    width: 300px;
  }
}
.nutritional-information__image img {
  height: auto;
  max-height: 400px;
  width: auto;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__image img {
    max-height: none;
  }
}
.nutritional-information__content-container {
  flex: 1 1 auto;
  order: 2;
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  padding-bottom: 0;
  padding-top: 8px;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__content-container {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__content-container {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__content-container {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .nutritional-information__content-container {
    padding-bottom: 0;
    padding-top: 32px;
    margin-left: 8px;
    max-width: 500px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .nutritional-information__content-container {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .nutritional-information__content-container {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .nutritional-information__content-container {
    padding-bottom: 0;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__content-container {
    margin-left: 64px;
  }
}
.nutritional-information__content {
  flex: 0 1 auto;
  order: 1;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__content {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .nutritional-information__content {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .nutritional-information__content {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .nutritional-information__content {
    padding-bottom: 0;
    padding-top: 48px;
  }
}
.nutritional-information__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 8px;
  padding-top: 0;
  border-bottom: 1px solid #16327f;
  color: #16327f;
}
@media only screen and (min-width: 900px) {
  .nutritional-information__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .nutritional-information__headline {
    padding-bottom: 16px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__headline {
    padding-bottom: 16px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__headline {
    padding-bottom: 16px;
    padding-top: 0;
  }
}
.nutritional-information__infotext {
  padding-bottom: 0;
  padding-top: 8px;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__infotext {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__infotext {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__infotext {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
.nutritional-information__subheadline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  padding-bottom: 8px;
  padding-top: 8px;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__subheadline {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__subheadline {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__subheadline {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
.nutritional-information__ingredients {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #fff;
}
.nutritional-information__nutritions {
  flex: 1 1 auto;
  order: 2;
  color: #fff;
  width: 100%;
}
.nutritional-information__nutritions-headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  padding-bottom: 0;
  padding-top: 32px;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__nutritions-headline {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__nutritions-headline {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__nutritions-headline {
    padding-bottom: 0;
    padding-top: 48px;
  }
}
.nutritional-information__nutritions-headline--closed {
  cursor: pointer;
  position: relative;
}
.nutritional-information__nutritions-headline--closed:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #16327f;
  content: "";
  display: inline-block;
  font-size: 37px;
  line-height: 2.3;
  position: absolute;
  top: 9px;
  transition: transform 0.5s;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__nutritions-headline--closed:after {
    line-height: 2.3;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__nutritions-headline--closed:after {
    line-height: 3.1;
  }
}
.nutritional-information__nutritions-headline--open:after {
  transform: rotate3d(1, 0, 0, 180deg);
}
.nutritional-information__table-toggle {
  display: block;
}
.nutritional-information__table-toggle--invisible {
  display: none;
}
.nutritional-information__table-container {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.nutritional-information__table-headline {
  padding-bottom: 8px;
  padding-top: 8px;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  border-bottom: 3px solid #16327f;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__table-headline {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__table-headline {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__table-headline {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
.nutritional-information__table {
  padding-bottom: 8px;
  padding-top: 8px;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__table {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__table {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__table {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
.nutritional-information__table-line {
  border-bottom: 1px solid #16327f;
  line-height: 1.88;
}
.nutritional-information__table-line:last-child {
  border-bottom: 0;
}
.nutritional-information__clarifications {
  padding-bottom: 8px;
  padding-top: 8px;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__clarifications {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__clarifications {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__clarifications {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
.nutritional-information__additional-information {
  padding-bottom: 8px;
  padding-top: 8px;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  background: transparent;
  border-top: 3px solid #16327f;
  margin: 0;
  padding-left: 16px;
}
@media only screen and (min-width: 640px) {
  .nutritional-information__additional-information {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .nutritional-information__additional-information {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .nutritional-information__additional-information {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .spacer {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .spacer {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .spacer {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .spacer {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
.engagement-module__element {
  align-content: center;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding-bottom: 48px;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .engagement-module__element {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__element {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__element {
    padding-bottom: 64px;
  }
}
.engagement-module__element--with-headline {
  padding-top: 48px;
}
@media only screen and (min-width: 640px) {
  .engagement-module__element--with-headline {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__element--with-headline {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__element--with-headline {
    padding-top: 64px;
  }
}
.engagement-module__headline {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 0;
  color: #16327f;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .engagement-module__headline {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-module__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__headline {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-module__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .engagement-module__headline {
    font-size: 38px;
  }
}
.engagement-module__image {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 0;
  height: 40%;
  margin-left: auto;
  margin-right: auto;
  max-height: 480px;
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  .engagement-module__image {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-module__image {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__image {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__image {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.engagement-module__description {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .engagement-module__description {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-module__description {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__description {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__description {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.engagement-module__description p {
  margin: 0;
}
.engagement-module__description p a {
  color: #16327f;
  font-weight: 700;
}
.engagement-module__description p a:active, .engagement-module__description p a:hover, .engagement-module__description p a:focus {
  color: #16327f;
  text-decoration: none;
}
.engagement-module__content {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  padding-bottom: 32px;
  padding-top: 32px;
  background-color: transparent;
  border: 1px solid #16327f;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .engagement-module__content {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-module__content {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__content {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__content {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.engagement-module__content--error {
  color: #EE1C25;
}
.engagement-module__disclaimer {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
  padding-top: 16px;
  text-align: center;
}
.engagement-module__disclaimer p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .engagement-module__disclaimer p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__disclaimer p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__disclaimer p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.engagement-module__disclaimer p:first-of-type {
  margin-top: 0;
}
.engagement-module__disclaimer h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .engagement-module__disclaimer h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__disclaimer h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__disclaimer h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.engagement-module__disclaimer p:last-of-type {
  margin-bottom: 0;
}
.engagement-module__disclaimer a {
  color: #16327f;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .engagement-module__disclaimer {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.engagement-module__captcha-consent-needed {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  padding-top: 48px;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .engagement-module__captcha-consent-needed {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__captcha-consent-needed {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__captcha-consent-needed {
    padding-top: 64px;
  }
}
.engagement-module__captcha-consent-needed:before {
  margin-bottom: 16px;
  color: #fff;
  content: "";
  font-size: 64px;
  height: 64px;
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 640px) {
  .engagement-module__captcha-consent-needed:before {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module__captcha-consent-needed:before {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module__captcha-consent-needed:before {
    margin-bottom: 32px;
  }
}
.engagement-module__captcha-consent-needed-text {
  margin-bottom: 0;
  margin-top: 0;
  max-width: 447px;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
.engagement-module__captcha-consent-needed-text-link {
  color: #16327f;
  font-weight: 700;
}
.engagement-module--race-entry-draw .engagement-module__content {
  padding-top: 32px;
  padding-bottom: 48px;
  background-color: transparent;
  border-bottom: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 640px) {
  .engagement-module--race-entry-draw .engagement-module__content {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module--race-entry-draw .engagement-module__content {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module--race-entry-draw .engagement-module__content {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-module--race-entry-draw .engagement-module__content {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module--race-entry-draw .engagement-module__content {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module--race-entry-draw .engagement-module__content {
    padding-bottom: 64px;
  }
}
.engagement-module--race-entry-draw .engagement-module__disclaimer {
  padding-top: 48px;
}
@media only screen and (min-width: 640px) {
  .engagement-module--race-entry-draw .engagement-module__disclaimer {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module--race-entry-draw .engagement-module__disclaimer {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module--race-entry-draw .engagement-module__disclaimer {
    padding-top: 64px;
  }
}
.engagement-list__headline {
  padding-top: 32px;
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  background-color: transparent;
  color: #16327f;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .engagement-list__headline {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-list__headline {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-list__headline {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-list__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-list__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .engagement-list__headline {
    font-size: 38px;
  }
}
.engagement-list__element {
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}
.engagement-list__content {
  padding-bottom: 32px;
  padding-top: 32px;
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .engagement-list__content {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-list__content {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-list__content {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .engagement-list__content {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.engagement-list__content--error {
  color: #EE1C25;
}
.smart-recruiters__element {
  background-color: #cbd300;
  padding-left: 8px;
  padding-right: 8px;
}
.smart-recruiters__content {
  padding-bottom: 32px;
  padding-top: 32px;
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .smart-recruiters__content {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .smart-recruiters__content {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.smart-recruiters__content-error-message {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content-error-message {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.smart-recruiters__content-icon {
  margin-top: 32px;
  margin-bottom: 16px;
  height: 76px;
  margin-left: auto;
  margin-right: auto;
  width: 76px;
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content-icon {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .smart-recruiters__content-icon {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .smart-recruiters__content-icon {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content-icon {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .smart-recruiters__content-icon {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .smart-recruiters__content-icon {
    margin-bottom: 32px;
  }
}
.smart-recruiters__content-filter {
  margin-top: 32px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content-filter {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .smart-recruiters__content-filter {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .smart-recruiters__content-filter {
    margin-top: 48px;
  }
}
.smart-recruiters__content-filter-wrapper {
  padding-top: 32px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content-filter-wrapper {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .smart-recruiters__content-filter-wrapper {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .smart-recruiters__content-filter-wrapper {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content-filter-wrapper {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .smart-recruiters__content-filter-wrapper {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .smart-recruiters__content-filter-wrapper {
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content-filter-wrapper {
    column-gap: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    row-gap: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .smart-recruiters__content-filter-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 592px;
  }
}
.smart-recruiters__content-filter-headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
  grid-column: 1 / span 2;
  grid-row: 1 / span 1;
  margin-bottom: 16px;
  margin-top: 0;
  text-align: center;
}
.smart-recruiters__content-filter-dropdown {
  min-width: 288px;
}
.smart-recruiters__content-filter-dropdown:not(:last-of-type) {
  margin-bottom: 16px;
}
@media only screen and (min-width: 640px) {
  .smart-recruiters__content-filter-dropdown:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.accordion__wrapper {
  padding-bottom: 32px;
  padding-top: 32px;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .accordion__wrapper {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion__wrapper {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .accordion__wrapper {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .accordion__wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.accordion__headline {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "sofiaproBold", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 8px;
  margin-top: 0;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  .accordion__headline {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 900px) {
  .accordion__headline {
    font-size: 38px;
  }
}
@media only screen and (min-width: 640px) {
  .accordion__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .accordion__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .accordion__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
.accordion__text {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 8px;
  margin-top: 0;
  color: #fff;
}
@media only screen and (min-width: 640px) {
  .accordion__text {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .accordion__text {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .accordion__text {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .accordion__text {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
.accordion__elements {
  margin-left: auto;
  margin-right: auto;
  max-width: 896px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .accordion__elements {
    min-width: 592px;
    width: 76.7123287671%;
  }
}
.engagement-module-confirm__level-higher-button {
  appearance: none;
  background-color: transparent;
  border: 0;
  color: #16327f;
  padding: 0;
}
.engagement-module-confirm__level-higher-button-wrapper {
  height: 48px;
  left: 16px;
  position: absolute;
  text-align: left;
  top: 8px;
}
.engagement-module-confirm__title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  margin: 32px;
}
.engagement-module-confirm__answer {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #777;
  margin-right: 8px;
}
.engagement-module-confirm__answer-wrapper {
  padding-bottom: 48px;
}
@media only screen and (min-width: 640px) {
  .engagement-module-confirm__answer-wrapper {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .engagement-module-confirm__answer-wrapper {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .engagement-module-confirm__answer-wrapper {
    padding-bottom: 64px;
  }
}
.engagement-module-confirm__answer-label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  font-weight: 700;
  margin-right: 8px;
}
.engagement-module-confirm__form-title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}
.html-embed-module__element {
  background-color: transparent;
}
.html-embed-module__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .html-embed-module__wrapper {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.html-embed-module .squarelovin-container {
  padding-bottom: 16px;
}
@media only screen and (min-width: 640px) {
  .html-embed-module .squarelovin-container {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .html-embed-module .squarelovin-container {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .html-embed-module .squarelovin-container {
    padding-bottom: 32px;
  }
}
.html-embed-module .squarelovin-main-container {
  background-color: unset !important;
}
.html-embed-module .squarelovin-headline {
  color: #fff !important;
  font-family: "sofiaproBold", sans-serif !important;
  font-size: 40px !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.html-embed-module .squarelovin-subline {
  color: #fff !important;
  font-family: "Oswald", sans-serif !important;
  font-size: 21px !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  line-height: 1.4 !important;
}
.html-embed-module .squarelovin-upload-button, .html-embed-module .squarelovin-gallery-button, .html-embed-module .squarelovin-gallery-load-more-button {
  background-color: #16327f !important;
  border: solid 1px #16327f !important;
  border-radius: 2px !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: "Oswald", sans-serif !important;
  font-size: 21px !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  font-weight: 700 !important;
  height: 48px !important;
  line-height: 1.7 !important;
  max-width: 100% !important;
  min-width: 200px !important;
  outline: 0 !important;
  overflow: hidden !important;
  padding: 0 40px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  transition: "" !important;
  white-space: nowrap !important;
}
.html-embed-module .squarelovin-upload-button:hover, .html-embed-module .squarelovin-upload-button:active, .html-embed-module .squarelovin-upload-button:focus, .html-embed-module .squarelovin-upload-button:disabled, .html-embed-module .squarelovin-gallery-button:hover, .html-embed-module .squarelovin-gallery-button:active, .html-embed-module .squarelovin-gallery-button:focus, .html-embed-module .squarelovin-gallery-button:disabled, .html-embed-module .squarelovin-gallery-load-more-button:hover, .html-embed-module .squarelovin-gallery-load-more-button:active, .html-embed-module .squarelovin-gallery-load-more-button:focus, .html-embed-module .squarelovin-gallery-load-more-button:disabled {
  text-decoration: none !important;
}
.html-embed-module .squarelovin-upload-button:disabled, .html-embed-module .squarelovin-gallery-button:disabled, .html-embed-module .squarelovin-gallery-load-more-button:disabled {
  cursor: not-allowed !important;
}
.html-embed-module .squarelovin-upload-button:hover, .html-embed-module .squarelovin-upload-button:focus, .html-embed-module .squarelovin-gallery-button:hover, .html-embed-module .squarelovin-gallery-button:focus, .html-embed-module .squarelovin-gallery-load-more-button:hover, .html-embed-module .squarelovin-gallery-load-more-button:focus {
  background-color: #e5e7f2 !important;
  border: solid 1px #e5e7f2 !important;
  color: #16327f !important;
}
.html-embed-module .squarelovin-upload-button:active, .html-embed-module .squarelovin-gallery-button:active, .html-embed-module .squarelovin-gallery-load-more-button:active {
  background-color: #e5e7f2 !important;
  border: solid 1px #e5e7f2 !important;
  color: #16327f !important;
}
.html-embed-module .squarelovin-upload-button--disabled, .html-embed-module .squarelovin-gallery-button--disabled, .html-embed-module .squarelovin-gallery-load-more-button--disabled {
  background-color: #FFF08F !important;
  border: solid 1px #FFF08F !important;
  color: #ccc !important;
  cursor: not-allowed !important;
}
.html-embed-module .squarelovin-upload-button--disabled:focus, .html-embed-module .squarelovin-upload-button--disabled:hover, .html-embed-module .squarelovin-gallery-button--disabled:focus, .html-embed-module .squarelovin-gallery-button--disabled:hover, .html-embed-module .squarelovin-gallery-load-more-button--disabled:focus, .html-embed-module .squarelovin-gallery-load-more-button--disabled:hover {
  background-color: #FFF08F !important;
  border: solid 1px #FFF08F !important;
  color: #cbd300 !important;
}
@media only screen and (min-width: 500px) {
  .html-embed-module .squarelovin-upload-button, .html-embed-module .squarelovin-gallery-button, .html-embed-module .squarelovin-gallery-load-more-button {
    max-width: 440px !important;
  }
}
.html-embed-module .squarelovin-teaser-left-arrow, .html-embed-module .squarelovin-teaser-right-arrow {
  fill: #16327f !important;
}
.html-embed-module .service-form {
  margin-left: auto;
  margin-right: auto;
  padding: 23px 8px 47px;
}
.html-embed-module .service-form__input-text, .html-embed-module .service-form__input-email {
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #222;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #222;
  display: block;
  height: 48px;
  margin: 8px 0 24px;
  padding: 0 8px;
  transition-duration: 0.3s, 0.5s;
  transition-property: background-color, border-color;
  transition-timing-function: linear;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
}
.html-embed-module .service-form__input-text:focus, .html-embed-module .service-form__input-email:focus {
  background-color: rgba(34, 34, 34, 0.2);
  border: 1px solid #222;
  border-radius: 2px;
  outline: 0;
}
.html-embed-module .service-form__input-text:hover, .html-embed-module .service-form__input-email:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.html-embed-module .service-form__input-submit, .html-embed-module .service-form__input-button {
  display: block;
  margin: 22px auto 0;
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
@media only screen and (min-width: 640px) {
  .html-embed-module .service-form__input-submit, .html-embed-module .service-form__input-button {
    margin: 32px auto 0;
  }
}
.html-embed-module .service-form__input-radio {
  appearance: none;
  height: 32px;
  margin-right: 8px;
  position: relative;
  vertical-align: top;
  width: 32px;
}
.html-embed-module .service-form__input-radio:before {
  background-color: transparent;
  border: 1px solid #222;
  border-radius: 50%;
  content: "";
  cursor: pointer;
  display: block;
  height: 32px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s linear;
  width: 32px;
}
.html-embed-module .service-form__input-radio:after {
  background-color: #222;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition-duration: 0.2s, 0.2s;
  transition-property: width, height;
  transition-timing-function: linear, linear;
  width: 0;
}
.html-embed-module .service-form__input-radio:checked:after {
  height: 16px;
  width: 16px;
}
.html-embed-module .service-form__input-radio:hover, .html-embed-module .service-form__input-radio:focus {
  outline: none;
}
.html-embed-module .service-form__input-radio:hover:before, .html-embed-module .service-form__input-radio:focus:before {
  background-color: rgba(34, 34, 34, 0.2);
}
.html-embed-module .service-form__input-checkbox {
  appearance: none;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  margin-bottom: 24px;
  margin-right: 16px;
  position: relative;
  transition: background-color 0.3s linear;
  vertical-align: top;
  width: 32px;
}
.html-embed-module .service-form__input-checkbox:before {
  align-items: center;
  background-color: transparent;
  border: 1px solid #222;
  border-radius: 2px;
  content: "";
  cursor: pointer;
  display: block;
  height: 32px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s linear;
  width: 32px;
}
.html-embed-module .service-form__input-checkbox:after {
  color: #222;
  display: block;
  font-size: 30px;
  height: 32px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.3s linear;
  width: 32px;
}
.html-embed-module .service-form__input-checkbox:hover, .html-embed-module .service-form__input-checkbox:focus {
  outline: none;
}
.html-embed-module .service-form__input-checkbox:hover:before, .html-embed-module .service-form__input-checkbox:focus:before {
  background-color: rgba(34, 34, 34, 0.2);
}
.html-embed-module .service-form__input-checkbox:checked:after {
  content: "";
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.html-embed-module .service-form__textarea {
  background-color: transparent;
  border: 1px solid transparent;
  border-color: #222;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #222;
  display: block;
  height: 150px;
  margin: 8px 0 24px;
  padding: 0 8px;
  resize: none;
  transition-duration: 0.3s, 0.5s;
  transition-property: background-color, border-color;
  transition-timing-function: linear;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
}
.html-embed-module .service-form__textarea:focus {
  background-color: rgba(34, 34, 34, 0.2);
  border: 1px solid #222;
  border-radius: 2px;
  outline: 0;
}
.html-embed-module .service-form__textarea:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.html-embed-module .service-form__label {
  color: #fff;
  cursor: text;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
}
.html-embed-module .service-form__label--radio {
  color: #222;
  display: inline-block;
  margin-bottom: 24px;
  margin-right: 16px;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
}
.html-embed-module .service-form__label--checkbox {
  color: #222;
  display: inline-block;
  margin-bottom: 24px;
  margin-right: 16px;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
}
.html-embed-module .service-form__select {
  appearance: none;
  background-color: rgba(34, 34, 34, 0.2);
  background-image: url("/static/img/other/icon-arrow-dropdown.svg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 32px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #222;
  cursor: pointer;
  display: inline-block;
  line-height: 48px;
  margin: 8px 0 24px;
  min-width: 136px;
  outline: 0;
  padding-left: 8px;
  padding-right: 48px;
  position: relative;
  transition: border-color 0.5s linear;
  z-index: 1;
  height: 48px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
}
.html-embed-module .service-form__select:hover, .html-embed-module .service-form__select:focus {
  border: 1px solid #222;
}
.html-embed-module .service-form__option {
  background-color: rgba(34, 34, 34, 0.2);
  color: #222;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
}
.html-embed-module .service-form__form-element--hidden {
  display: none;
}
.html-embed-module .service-form__button {
  display: block;
  margin: 22px auto 0;
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
@media only screen and (min-width: 640px) {
  .html-embed-module .service-form__button {
    margin: 32px auto 0;
  }
}
.html-embed-module .service-form__hypertext {
  color: #222;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  margin-bottom: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .html-embed-module .service-form__hypertext {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 640px) {
  .html-embed-module .service-form__hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .html-embed-module .service-form__hypertext {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .html-embed-module .service-form__hypertext {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.html-embed-module .service-form__hypertext p {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .html-embed-module .service-form__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .html-embed-module .service-form__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .html-embed-module .service-form__hypertext p {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.html-embed-module .service-form__hypertext p:first-of-type {
  margin-top: 0;
}
.html-embed-module .service-form__hypertext h3 + p:first-of-type {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .html-embed-module .service-form__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .html-embed-module .service-form__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .html-embed-module .service-form__hypertext h3 + p:first-of-type {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.html-embed-module .service-form__hypertext p:last-of-type {
  margin-bottom: 0;
}
.html-embed-module .service-form__hypertext a {
  color: #16327f;
  font-weight: 700;
}
.html-embed-module .service-form br {
  display: none;
}
@media only screen and (min-width: 640px) {
  .html-embed-module .service-form {
    max-width: 592px;
    padding: 38px 0 48px;
  }
}
.thanku-widget__wrapper {
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
.thanku-widget__element {
  padding-bottom: 32px;
  padding-top: 32px;
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .thanku-widget__element {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .thanku-widget__element {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .thanku-widget__element {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .thanku-widget__element {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.content-modal-module__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .content-modal-module__wrapper {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 900px) {
  .content-modal-module__wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.icon-info-list__wrapper {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .icon-info-list__wrapper {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .icon-info-list__wrapper {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .icon-info-list__wrapper {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .icon-info-list__wrapper {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .icon-info-list__wrapper {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .icon-info-list__wrapper {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .icon-info-list__wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.icon-info-list__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 0;
  color: #16327f;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .icon-info-list__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .icon-info-list__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .icon-info-list__headline {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .icon-info-list__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.icon-info-list__list {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) {
  .icon-info-list__list {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
@media only screen and (min-width: 900px) {
  .icon-info-list__list {
    margin-left: -8px;
    margin-right: -8px;
    max-width: 100%;
    width: 100%;
  }
}
.icon-info-list__collapsed {
  height: 315px;
  overflow: hidden;
  position: relative;
}
.icon-info-list__read-more {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  background-color: transparent;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  display: none;
  left: 0;
  padding-top: 16px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}
.icon-info-list__read-more-icon {
  font-size: 42px;
}
.icon-info-list__read-more-icon:before {
  position: relative;
  top: -10px;
}
.icon-info-list__read-more:before {
  background-image: linear-gradient(rgba(0, 0, 0, 0), transparent);
  content: "";
  height: 50px;
  left: 0;
  position: absolute;
  right: 0;
  top: -50px;
}
.job-detail__image {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.job-detail__picture {
  display: block;
  height: 100%;
  width: 100%;
}
.job-detail__container-element {
  background-color: #cbd300;
  padding-left: 8px;
  padding-right: 8px;
}
.job-detail__content {
  padding-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .job-detail__content {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail__content {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail__content {
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 640px) {
  .job-detail__content {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.job-detail__error-message {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  padding-top: 48px;
  color: #16327f;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .job-detail__error-message {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail__error-message {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail__error-message {
    padding-top: 64px;
  }
}
.job-detail__error-message-heading {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
@media only screen and (min-width: 640px) {
  .job-detail__error-message-heading {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail__error-message-heading {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail__error-message-heading {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .job-detail__error-message-heading {
    font-family: "sofiaproBold", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.job-detail__error-message-text {
  margin-bottom: 0;
  margin-top: 0;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}
@media only screen and (min-width: 640px) {
  .job-detail__error-message-text {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.job-detail__error-message:before {
  margin-bottom: 16px;
  color: #fff;
  content: "";
  font-size: 67px;
  height: 67px;
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 640px) {
  .job-detail__error-message:before {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .job-detail__error-message:before {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .job-detail__error-message:before {
    margin-bottom: 32px;
  }
}
.job-detail__error-message-link {
  color: #16327f;
  font-weight: 700;
}
.form {
  position: relative;
}
.form-fieldset__legend {
  font-family: "sofiaproBold", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  width: 100%;
}
.form-fieldset--hidden {
  display: none;
}
.form__error-message {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  color: #16327f;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 auto;
  text-align: left;
}
@media only screen and (min-width: 900px) {
  .form__error-message {
    text-align: center;
  }
}
.form__error-message:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #16327f;
  content: "";
  font-size: 48px;
  height: 48px;
  margin-right: 14px;
}
.form__information-message:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "";
  font-size: 48px;
  height: 48px;
  margin-right: 14px;
}
.form-brewery-tour__wrapper {
  background-color: transparent;
}
.form-brewery-tour__wrapper:before {
  border-top: 1px solid transparent;
  content: "";
  display: block;
  height: 0;
  margin: 0 8px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__wrapper:before {
    margin: 0 auto;
    min-width: 592px;
    width: 76.7123287671%;
  }
}
.form-brewery-tour__form {
  margin: auto;
  padding: 23px 8px 47px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form {
    max-width: 592px;
    padding: 38px 0 48px;
  }
}
.form-brewery-tour__form--error-message {
  margin-bottom: 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form--error-message {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-brewery-tour__form--error-message {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-brewery-tour__form--error-message {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.form-brewery-tour__form--warning-message {
  margin-top: 5px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form--warning-message {
    margin-top: 10px;
  }
}
.form-brewery-tour__form-fieldset--self-service {
  margin-bottom: 22px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--self-service {
    margin-bottom: 18px;
  }
}
.form-brewery-tour__form-fieldset--title {
  margin: 24px 0;
}
.form-brewery-tour__form-fieldset-legend {
  color: #222;
  font-weight: 400;
  margin-bottom: 10px;
  width: 100%;
}
.form-brewery-tour__form-fieldset-legend--lable {
  font-size: 16px;
  padding-left: 8px;
}
.form-brewery-tour__form-fieldset--tour-description {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}
.form-brewery-tour__form-fieldset--tour-guide {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  margin-bottom: 40px;
  margin-top: 8px;
}
.form-brewery-tour__form-fieldset--contact-details {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: 22px;
}
.form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__field-input, .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__field-input-label {
  width: 100%;
}
.form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field {
  margin: 24px 0;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field:nth-of-type(odd):not(.form-brewery-tour__form-field-phone):not(.form-brewery-tour__form-field-text) {
    margin-left: 0;
    margin-right: 8px;
  }
  .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field:nth-of-type(even):not(.form-brewery-tour__form-field-e-mail) {
    margin-left: 8px;
    margin-right: 0;
  }
  .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field-first-name, .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field-last-name {
    flex: 1 1 288px;
    order: 0;
  }
  .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field-street, .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field-residence {
    flex: 1 1 440px;
    order: 0;
  }
  .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field-house-num, .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field-zip-code {
    flex: 1 1 136px;
    order: 0;
  }
  .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field-e-mail, .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field-phone, .form-brewery-tour__form-fieldset--contact-details .form-brewery-tour__form-field-subject {
    margin-left: 0;
    margin-right: 0;
  }
}
.form-brewery-tour__form-fieldset--tour-details {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: 22px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--tour-details {
    margin-bottom: 7px;
  }
}
.form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__field-input, .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__field-input-label {
  width: 100%;
}
.form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field {
  margin: 24px 0;
  width: 100%;
}
.form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field-tour .field-input__label-text--floating, .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field-language .field-input__label-text--floating {
  margin-left: 6px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field-tour .field-input__label-text--floating, .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field-language .field-input__label-text--floating {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field:nth-of-type(odd):not(.form-brewery-tour__form-field-text) {
    margin-left: 0;
    margin-right: 8px;
  }
  .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field:nth-of-type(even) {
    margin-left: 8px;
    margin-right: 0;
  }
  .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field-group-name, .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field-num-persons {
    flex: 1 1 288px;
    order: 0;
  }
  .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field-tour {
    flex: 1 1 440px;
    order: 0;
  }
  .form-brewery-tour__form-fieldset--tour-details .form-brewery-tour__form-field-language {
    flex: 1 1 136px;
    order: 0;
  }
}
.form-brewery-tour__form-fieldset--date {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: 25px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--date {
    margin-bottom: 49px;
  }
}
.form-brewery-tour__form-fieldset--date .form-brewery-tour__form-fieldset-legend {
  margin-bottom: 16px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--date .form-brewery-tour__form-fieldset-legend {
    margin-bottom: 25px;
  }
}
.form-brewery-tour__form-fieldset--date .form-brewery-tour__form-field {
  margin: 16px 0;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--date .form-brewery-tour__form-field.form-brewery-tour__form-field--field-date {
    flex: 1 1 272px;
    order: 0;
    margin-left: 16px;
    margin-right: 8px;
  }
  .form-brewery-tour__form-fieldset--date .form-brewery-tour__form-field.form-brewery-tour__form-field--field-dropdown {
    flex: 1 1 272px;
    order: 0;
    margin-left: 8px;
    margin-right: 16px;
  }
}
.form-brewery-tour__form-fieldset--date .form-brewery-tour__form-field--field-date {
  margin-left: 10px;
  margin-right: 10px;
}
.form-brewery-tour__form-fieldset--date .form-brewery-tour__form-field--field-dropdown {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 30px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--date .form-brewery-tour__form-field {
    flex: 1 1 288px;
    order: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .form-brewery-tour__form-fieldset--date .form-brewery-tour__form-field--field-dropdown {
    margin-top: 16px;
  }
}
.form-brewery-tour__form-fieldset--date .form-brewery-tour__field-date-label {
  width: 100%;
}
.form-brewery-tour__form-fieldset--date .form-brewery-tour__field-dropdown-label {
  width: 100%;
}
.form-brewery-tour__form-fieldset--date .form-brewery-tour__field-dropdown-label .field-input__label-text--floating {
  margin-left: 6px;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__form-fieldset--date .form-brewery-tour__field-dropdown-label .field-input__label-text--floating {
    margin-bottom: 10px;
  }
}
.form-brewery-tour__form-fieldset--tap-table, .form-brewery-tour__form-fieldset--conditions {
  margin-bottom: 0;
  margin: 40px 0 30px;
}
.form-brewery-tour__form-fieldset--tap-table__field-checkbox-label, .form-brewery-tour__form-fieldset--conditions__field-checkbox-label {
  margin: 16px 0;
}
.form-brewery-tour__form-fieldset--conditions-information {
  margin: 40px 0 50px;
}
.form-brewery-tour__form-fieldset--conditions-information-wrapper {
  align-items: center;
  display: flex;
}
.form-brewery-tour__form--info-payment {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #ccc;
}
.form-brewery-tour__form--title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
.form-brewery-tour__form--title2 {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 50px;
  text-align: center;
}
.form-brewery-tour__submit {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__submit {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-brewery-tour__submit {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-brewery-tour__submit {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .form-brewery-tour__submit {
    width: unset;
  }
}
.form-shop-checkout-creditcard__wrapper {
  background-color: transparent;
}
.form-shop-checkout-creditcard__wrapper:before {
  border-top: 1px solid transparent;
  content: "";
  display: block;
  height: 0;
  margin: 0 8px;
}
@media only screen and (min-width: 640px) {
  .form-shop-checkout-creditcard__wrapper:before {
    margin: 0 auto;
    min-width: 592px;
    width: 76.7123287671%;
  }
}
.form-shop-checkout-creditcard__info {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 16px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .form-shop-checkout-creditcard__info {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-shop-checkout-creditcard__info {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-shop-checkout-creditcard__info {
    margin-bottom: 32px;
  }
}
.form-shop-checkout-creditcard__submit-wrapper {
  text-align: center;
}
.wpwl-control, input.wpwl-control, iframe.wpwl-control {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #222;
  border-radius: 2px 2px 0 0;
  color: #222;
  height: 48px;
  left: 0;
  padding: 0 8px;
  position: absolute;
  top: 0;
  transition-duration: 0.3s, 0.5s;
  transition-property: background-color, border-color;
  transition-timing-function: linear;
  width: 100%;
  border: 1px solid #222;
  padding: 0;
}
.wpwl-control:focus, input.wpwl-control:focus, iframe.wpwl-control:focus {
  background-color: rgba(34, 34, 34, 0.2);
  border: 1px solid #222;
  border-radius: 2px;
  outline: 0;
}
.wpwl-control:hover, input.wpwl-control:hover, iframe.wpwl-control:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.wpwl-control::placeholder, input.wpwl-control::placeholder, iframe.wpwl-control::placeholder {
  font-size: 0;
  visibility: hidden;
}
.wpwl-control--error, input.wpwl-control--error, iframe.wpwl-control--error {
  border-bottom-color: #16327f;
}
.wpwl-control--error ~ .field-input__error-message, input.wpwl-control--error ~ .field-input__error-message, iframe.wpwl-control--error ~ .field-input__error-message {
  display: block;
}
.wpwl-control--disabled, input.wpwl-control--disabled, iframe.wpwl-control--disabled {
  opacity: 0.3;
}
.wpwl-control--disabled:hover, input.wpwl-control--disabled:hover, iframe.wpwl-control--disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.wpwl-control__label, input.wpwl-control__label, iframe.wpwl-control__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: normal;
  color: #fff;
  cursor: text;
  display: block;
  line-height: 48px;
  min-height: 48px;
  padding: 0 8px;
  position: relative;
}
.wpwl-control__label-text, input.wpwl-control__label-text, iframe.wpwl-control__label-text {
  position: absolute;
  transform-origin: left;
  transition: transform 0.3s ease-out, color 0.3s ease-out;
  z-index: 1;
}
.wpwl-control__label-text--floating, input.wpwl-control__label-text--floating, iframe.wpwl-control__label-text--floating {
  backface-visibility: hidden;
  color: #222;
  cursor: auto;
  transform: translate3d(0, -76%, 0) scale(0.76, 0.76) perspective(1px);
  width: 110%;
}
.wpwl-control input:focus, input.wpwl-control input:focus, iframe.wpwl-control input:focus {
  border-color: #C1A367;
}
.wpwl-form {
  display: flex;
  flex-wrap: wrap;
}
.wpwl-container {
  margin-bottom: 0;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .wpwl-container {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .wpwl-container {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .wpwl-container {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
.wpwl-group {
  min-height: 75px;
}
.wpwl-button-pay {
  float: none;
}
.wpwl-button {
  margin-bottom: 0;
  margin-top: 32px;
  border: solid 1px #16327f;
  color: #fff;
  margin: auto;
}
@media only screen and (min-width: 640px) {
  .wpwl-button {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .wpwl-button {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .wpwl-button {
    margin-bottom: 0;
    margin-top: 48px;
  }
}
.wpwl-button-error {
  border: solid 1px #16327f;
  color: #fff;
}
.wpwl-button-error[disabled] {
  border: solid 1px #16327f;
  color: #fff;
}
.wpwl-hint {
  align-items: flex-end;
  color: #EE1C25;
  display: flex;
  height: 73px;
}
.wpwl-wrapper {
  width: 100%;
}
.wpwl-wrapper-brand {
  clear: left;
  width: 100%;
}
.wpwl-brand-card {
  float: right;
  margin-top: 5px;
  width: 50%;
}
.wpwl-brand-MASTER, .wpwl-brand-VISA, .wpwl-brand-AMEX {
  display: none;
}
.wpwl-group {
  float: none;
  margin: 10px auto;
}
.wpwl-label {
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .wpwl-group-brand, .wpwl-group-cardNumber, .wpwl-group-expiry, .wpwl-group-cvv {
    width: calc(50% - 8px);
  }
}
@media only screen and (min-width: 640px) {
  .wpwl-group-expiry {
    float: left;
    margin-left: 8px;
  }
}
@media only screen and (min-width: 640px) {
  .wpwl-group-cvv {
    margin-left: 8px;
  }
}
.form-search .field-input, .form-search .field-input__label {
  width: 100%;
}
.form-search__form {
  padding-bottom: 22px;
  padding-top: 48px;
}
.form-search__form .button-primary {
  width: 100%;
}
.form-search__form-field-search {
  margin-bottom: 10px;
}
@media only screen and (min-width: 500px) {
  .form-search__form-fieldset {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .form-search__form-field-search {
    flex: 1;
    margin-bottom: 0;
  }
  .form-search__form-field-submit {
    margin-left: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .form-search__form {
    padding-bottom: 64px;
  }
}
.form-search__result {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #222;
  position: relative;
}
.form-search__result-wrapper {
  padding-bottom: 48px;
}
.form-search__result-query {
  color: #fff;
}
.form-search__result-reset:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "";
  font-size: 15px;
  line-height: 15px;
}
.form-shop-finder {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
}
@media only screen and (min-width: 640px) {
  .form-shop-finder {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.form-shop-finder .field-input, .form-shop-finder .field-input__label {
  width: 100%;
}
.form-shop-finder-field-submit {
  max-width: 100%;
  width: 100%;
}
.form-shop-finder-field-shop-finder {
  margin-bottom: 32px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 640px) {
  .form-shop-finder-field-shop-finder {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .form-shop-finder-field-shop-finder {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .form-shop-finder-field-shop-finder {
    margin-bottom: 48px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .form-shop-finder-field-shop-finder {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media only screen and (min-width: 640px) {
  .form-shop-finder-fieldset {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .form-shop-finder-fieldset :first-child {
    margin-left: 0;
  }
  .form-shop-finder-fieldset :last-child {
    margin-right: 0;
  }
  .form-shop-finder-field-shop-finder {
    flex: 1;
  }
}
.form-shop-finder-field-submit, .form-shop-finder-field-shop-finder--zip-input, .form-shop-finder__field-dropdown {
  text-transform: uppercase;
}
.form-quiz-radio__form {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.form-quiz-radio__question {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
.form-quiz-radio__form-field-quiz {
  flex: 1 1 auto;
  order: 0;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  margin-bottom: 16px;
  margin-top: 16px;
  display: inline-flex;
}
@media only screen and (min-width: 640px) {
  .form-quiz-radio__form-field-quiz {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-quiz-radio__form-field-quiz {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-quiz-radio__form-field-quiz {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.form-quiz-radio__form-field-quiz .field-radio__wrapper {
  flex: 0 1 auto;
  order: 0;
}
.form-quiz-radio__field-radio-label {
  margin-bottom: 8px;
  margin-top: 0;
  background-color: transparent;
  text-align: left;
}
@media only screen and (min-width: 640px) {
  .form-quiz-radio__field-radio-label {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .form-quiz-radio__field-radio-label {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .form-quiz-radio__field-radio-label {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
.form-quiz-radio__field-radio-label .field-radio__custom {
  background-color: #cbd300;
}
.form-quiz-number__form {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.form-quiz-number__question {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
.form-quiz-number__form-field-quiz-number-input {
  padding-bottom: 16px;
  padding-top: 16px;
}
@media only screen and (min-width: 640px) {
  .form-quiz-number__form-field-quiz-number-input {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-quiz-number__form-field-quiz-number-input {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-quiz-number__form-field-quiz-number-input {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.form-quiz-number__field-input {
  background-color: #cbd300;
  text-align: center;
}
.form-quiz-number__field-input-label, .form-quiz-number__submit {
  margin: 0 auto;
  width: 288px;
}
.form-quiz-number__field-input-label .field-input__label-text, .form-quiz-number__submit .field-input__label-text {
  position: unset;
  text-align: center;
}
.form-quiz-number__field-input-label .field-input__label-text--floating, .form-quiz-number__submit .field-input__label-text--floating {
  display: none;
}
@media only screen and (min-width: 640px) {
  .form-quiz-number__field-input-label, .form-quiz-number__submit {
    width: 250px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-quiz-number__field-input-label, .form-quiz-number__submit {
    width: 299px;
  }
}
.form-engagement-module-race-entry-draw {
  margin-left: auto;
  margin-right: auto;
  max-width: 592px;
}
.form-engagement-module-race-entry-draw__subheading {
  margin-bottom: 16px;
  margin-top: 0;
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw__subheading {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .form-engagement-module-race-entry-draw__subheading {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .form-engagement-module-race-entry-draw__subheading {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.form-engagement-module-race-entry-draw__submit {
  margin-bottom: 0;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw__submit {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-engagement-module-race-entry-draw__submit {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-engagement-module-race-entry-draw__submit {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
.form-engagement-module-race-entry-draw__form {
  margin: auto;
  padding: 23px 8px 47px;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw__form {
    max-width: 592px;
    padding: 38px 0 48px;
  }
}
.form-engagement-module-race-entry-draw__form--error-message {
  margin-bottom: 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw__form--error-message {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-engagement-module-race-entry-draw__form--error-message {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-engagement-module-race-entry-draw__form--error-message {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.form-engagement-module-race-entry-draw__form--warning-message {
  margin-top: 5px;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw__form--warning-message {
    margin-top: 10px;
  }
}
.form-engagement-module-race-entry-draw__form-fieldset {
  text-align: left;
}
.form-engagement-module-race-entry-draw__form-fieldset .form-field__error {
  margin-top: 24px;
  text-align: center;
}
.form-engagement-module-race-entry-draw__form-field {
  width: 100%;
}
.form-engagement-module-race-entry-draw__form-field-options {
  text-align: left;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
.form-engagement-module-race-entry-draw__form-field-options .field-radio__wrapper:not(:last-of-type) {
  margin: 0 0 24px;
}
.form-loyalty-raffle__form {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.form-loyalty-raffle__form-field-loyalty-raffle {
  padding-bottom: 16px;
  padding-top: 16px;
}
@media only screen and (min-width: 640px) {
  .form-loyalty-raffle__form-field-loyalty-raffle {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-loyalty-raffle__form-field-loyalty-raffle {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-loyalty-raffle__form-field-loyalty-raffle {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.form-loyalty-raffle__field-input-label, .form-loyalty-raffle__submit {
  margin: 0 auto;
  text-align: left;
  width: 288px;
}
@media only screen and (min-width: 640px) {
  .form-loyalty-raffle__field-input-label, .form-loyalty-raffle__submit {
    width: 250px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-loyalty-raffle__field-input-label, .form-loyalty-raffle__submit {
    width: 299px;
  }
}
.form-loyalty-raffle__submit {
  text-align: center;
}
.form-engagement-module-confirm__form {
  margin: auto;
  padding: 23px 8px 47px;
  max-width: 592px;
  padding-top: 0;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-confirm__form {
    max-width: 592px;
    padding: 38px 0 48px;
  }
}
.form-engagement-module-confirm__form--error-message {
  margin-bottom: 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-confirm__form--error-message {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-engagement-module-confirm__form--error-message {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-engagement-module-confirm__form--error-message {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.form-engagement-module-confirm__form--warning-message {
  margin-top: 5px;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-confirm__form--warning-message {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-confirm__form {
    padding-top: 0;
  }
}
.form-engagement-module-confirm__form-fieldset {
  text-align: left;
}
.form-engagement-module-confirm__form-field {
  margin: 24px 0;
  width: 100%;
}
.form-engagement-module-confirm__submit {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-confirm__submit {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-engagement-module-confirm__submit {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-engagement-module-confirm__submit {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-confirm__submit {
    width: unset;
  }
}
.form-engagement-module-race-entry-draw-confirm {
  margin: 0 auto;
  max-width: 592px;
}
.form-engagement-module-race-entry-draw-confirm__subheading {
  margin-bottom: 16px;
  margin-top: 0;
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw-confirm__subheading {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .form-engagement-module-race-entry-draw-confirm__subheading {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .form-engagement-module-race-entry-draw-confirm__subheading {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.form-engagement-module-race-entry-draw-confirm__form {
  margin: auto;
  padding: 23px 8px 47px;
  padding-top: 0;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw-confirm__form {
    max-width: 592px;
    padding: 38px 0 48px;
  }
}
.form-engagement-module-race-entry-draw-confirm__form--error-message {
  margin-bottom: 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw-confirm__form--error-message {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-engagement-module-race-entry-draw-confirm__form--error-message {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-engagement-module-race-entry-draw-confirm__form--error-message {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.form-engagement-module-race-entry-draw-confirm__form--warning-message {
  margin-top: 5px;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw-confirm__form--warning-message {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw-confirm__form {
    padding-top: 0;
  }
}
.form-engagement-module-race-entry-draw-confirm__form-fieldset {
  text-align: left;
}
.form-engagement-module-race-entry-draw-confirm__form-fieldset--terms-link {
  margin-top: 24px;
}
.form-engagement-module-race-entry-draw-confirm__form-field {
  width: 100%;
}
.form-engagement-module-race-entry-draw-confirm__form-field-first-name, .form-engagement-module-race-entry-draw-confirm__form-field-last-name, .form-engagement-module-race-entry-draw-confirm__form-field-e-mail {
  margin: 48px 0;
}
.form-engagement-module-race-entry-draw-confirm__form-field-checkbox {
  margin: 24px 0;
}
.form-engagement-module-race-entry-draw-confirm__submit {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw-confirm__submit {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-engagement-module-race-entry-draw-confirm__submit {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-engagement-module-race-entry-draw-confirm__submit {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .form-engagement-module-race-entry-draw-confirm__submit {
    width: unset;
  }
}
.form-header-search {
  align-content: stretch;
  align-items: flex-end;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.form-header-search__label {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  height: 32px;
  line-height: 32px;
  min-height: 32px;
  width: 100%;
}
.form-header-search__label .field-input__label-text--floating {
  display: none;
}
.form-header-search__input-wrapper {
  margin-right: 8px;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .form-header-search__input-wrapper {
    width: 181px;
  }
}
.form-header-search__input {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  border-bottom-color: #fff;
  height: 32px;
  padding-right: 32px;
}
.form-header-search__input:hover, .form-header-search__input:focus {
  background-color: #ccc;
  border-color: #16327f;
}
.form-header-search__input::-ms-clear {
  display: none;
}
.form-header-search__clear {
  appearance: none;
  background: none;
  border: 0;
  bottom: 0;
  color: transparent;
  font-size: 0;
  height: 32px;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  width: 32px;
}
.form-header-search__clear:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #16327f;
  content: "";
  font-size: 18px;
}
.form-header-search__clear:hover:after, .form-header-search__clear:focus:after {
  color: #16327f;
}
.form-header-search__clear:active:after {
  color: #222;
}
.form-header-search__submit {
  appearance: none;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  color: transparent;
  flex-shrink: 0;
  font-size: 0;
  height: 32px;
  margin: 0;
  outline: none;
  padding: 0;
  width: 32px;
}
.form-header-search__submit:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  color: #fff;
  content: "";
  font-size: 32px;
}
@media only screen and (min-width: 900px) {
  .form-header-search__submit:after {
    content: "";
  }
}
.form-header-search__submit:hover:after, .form-header-search__submit:focus:after {
  color: #16327f;
}
.form-header-search__submit:active:after {
  color: #16327f;
}
.loyalty-balance {
  background-color: #cbd300;
  padding-left: 8px;
  padding-right: 8px;
}
.loyalty-balance__wrapper {
  padding-top: 32px;
}
@media only screen and (min-width: 640px) {
  .loyalty-balance__wrapper {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-balance__wrapper {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-balance__wrapper {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .loyalty-balance {
    padding-left: 0;
    padding-right: 0;
  }
}
.loyalty-balance__title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
  text-align: center;
}
.loyalty-balance__content {
  margin-left: auto;
  margin-right: auto;
  max-width: 896px;
  width: 100%;
  border: solid 1px #fff;
}
@media only screen and (min-width: 640px) {
  .loyalty-balance__content {
    min-width: 592px;
    width: 76.7123287671%;
  }
}
.loyalty-transactions {
  padding-bottom: 48px;
  padding-top: 48px;
  background-color: #cbd300;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-transactions {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-transactions {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
.loyalty-transactions__list {
  margin-left: auto;
  margin-right: auto;
  max-width: 896px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions__list {
    min-width: 592px;
    width: 76.7123287671%;
  }
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions__list {
    padding-left: 0;
    padding-right: 0;
  }
}
.loyalty-transactions-list {
  position: relative;
  text-align: center;
}
.loyalty-transactions-list__title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
  text-align: center;
}
.loyalty-transactions-list__list {
  border: solid 1px #fff;
  text-align: left;
}
.loyalty-transactions-list__button {
  margin-top: 32px;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions-list__button {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-transactions-list__button {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-transactions-list__button {
    margin-top: 48px;
  }
}
.loyalty-transactions-list__scroll-detector {
  bottom: -300px;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.loyalty-transactions-list__error {
  padding-bottom: 16px;
  padding-top: 16px;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #EE1C25;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions-list__error {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-transactions-list__error {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-transactions-list__error {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.receipt-upload {
  margin-bottom: 16px;
  margin-top: 0;
}
@media only screen and (min-width: 640px) {
  .receipt-upload {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-upload {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-upload {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
.receipt-upload__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  margin-top: 0;
  color: #222;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .receipt-upload__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-upload__headline {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-upload__headline {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 640px) {
  .receipt-upload__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.receipt-upload__wrapper {
  padding-top: 32px;
  padding-bottom: 48px;
  background-color: #cbd300;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .receipt-upload__wrapper {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-upload__wrapper {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-upload__wrapper {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .receipt-upload__wrapper {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-upload__wrapper {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-upload__wrapper {
    padding-bottom: 64px;
  }
}
.receipt-upload__noscript {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #EE1C25;
  display: block;
  text-align: center;
}
.receipt-upload__drop-area {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  width: 100%;
  background-color: #cbd300;
  max-width: 758px;
}
@media only screen and (min-width: 640px) {
  .receipt-upload__drop-area {
    min-width: 592px;
    width: 75.3424657534%;
  }
}
.receipt-upload__drop-area--hover .receipt-upload__icon {
  color: #5e724c;
}
.receipt-upload__drop-area--hover .receipt-upload__drag-highlight-wrapper {
  position: relative;
}
.receipt-upload__drop-area--hover .receipt-upload__icon-wrapper {
  position: unset;
}
.receipt-upload__drop-area-info {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #16327f;
  font-weight: 700;
  margin-bottom: 24px;
}
.receipt-upload__drop-area:after {
  background-color: #cbd300;
  background-image: url("/static/img/other/receipt-upload-loop.svg");
  background-repeat: repeat-x;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  display: block;
  height: 8px;
  position: relative;
  width: 100%;
}
.receipt-upload__drag-highlight {
  transition:  background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 430px;
}
.receipt-upload__drag-highlight-wrapper {
  padding: 8px;
}
.receipt-upload__drag-highlight--active {
  background-color: #cbd300;
}
.receipt-upload__icon-wrapper {
  height: 72px;
  line-height: 0;
  margin: auto;
  position: relative;
  width: 63px;
}
.receipt-upload__icon-wrapper--error {
  height: 0;
  margin-bottom: 0;
}
.receipt-upload__icon-wrapper--error .receipt-upload__icon {
  display: none;
}
.receipt-upload__icon {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  align-items: center;
  color: #9eab20;
  display: flex;
  font-size: 40px;
  height: 72px;
  justify-content: center;
  width: 63px;
}
.receipt-upload__icon:before {
  content: "";
}
.receipt-upload__edge {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9eab20;
  position: absolute;
}
.receipt-upload__edge:before {
  content: "";
}
.receipt-upload__edge-top-left {
  left: 0;
  top: 0;
  transform: rotate(270deg);
}
.receipt-upload__edge-top-right {
  right: 0;
  top: 0;
}
.receipt-upload__edge-bottom-left {
  bottom: 0;
  left: 0;
  transform: rotate(180deg);
}
.receipt-upload__edge-bottom-right {
  bottom: 0;
  right: 0;
  transform: rotate(90deg);
}
.receipt-upload__allowed-info {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  transition:  opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  color: #16327f;
  padding-top: 8px;
}
.receipt-upload__allowed-info--disabled {
  opacity: 0.5;
}
.receipt-upload__content {
  text-align: center;
  width: 282px;
}
.receipt-upload__form {
  border: 1px solid #fff;
  border-bottom: 0;
  padding: 8px;
}
@media only screen and (min-width: 640px) {
  .receipt-upload__form {
    padding: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-upload__form {
    padding: 48px;
  }
}
.receipt-upload__file-field {
  display: none;
}
.receipt-upload__button {
  display: block;
  padding: 0 24px;
  width: 100%;
}
.receipt-upload__message {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  color: #222;
  margin-top: 16px;
  padding: 8px;
  text-align: left;
}
.receipt-upload__message--success {
  align-items: center;
  border-color: #009956;
  display: flex;
  justify-content: space-between;
}
.receipt-upload__message--error {
  border-color: #EE1C25;
}
.receipt-upload__message-icon {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #009956;
  font-size: 44px;
}
.receipt-upload__message-icon:before {
  content: "";
}
.receipt-upload__message-icon--error {
  color: #EE1C25;
}
.receipt-upload__message-icon--error:before {
  content: "";
}
.receipt-upload__remove-file {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  background-color: transparent;
  border: 0;
  color: #9eab20;
  font-size: 34px;
  height: 34px;
  padding: 0;
  width: 34px;
}
.receipt-upload__remove-file-text {
  display: inline-block;
  text-indent: -9999px;
}
.receipt-upload__remove-file:hover {
  color: #5e724c;
}
.receipt-upload__remove-file:focus {
  color: #16327f;
}
.receipt-upload__remove-file:before {
  content: "";
}
.receipt-upload__spinner {
  background-color: transparent;
}
.receipt-upload__file-preview {
  background-color: #ccc;
  height: 282px;
  margin-bottom: 16px;
  position: relative;
}
.receipt-upload__pdf {
  border: 1px solid #ccc;
  height: 282px;
}
.receipt-overview__element {
  padding-bottom: 32px;
  background-color: #cbd300;
}
@media only screen and (min-width: 640px) {
  .receipt-overview__element {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview__element {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview__element {
    padding-bottom: 48px;
  }
}
.receipt-overview__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 896px;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .receipt-overview__wrapper {
    min-width: 592px;
    width: 76.7123287671%;
  }
}
@media only screen and (min-width: 640px) {
  .receipt-overview__wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.receipt-overview__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 32px;
  margin-bottom: 16px;
  color: #16327f;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .receipt-overview__headline {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview__headline {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview__headline {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 640px) {
  .receipt-overview__headline {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview__headline {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview__headline {
    margin-bottom: 32px;
  }
}
.receipt-overview__overflow-container {
  overflow: hidden;
  position: relative;
}
.receipt-overview__moveable-container {
  align-items: flex-start;
  display: flex;
  position: relative;
  width: 200%;
}
.receipt-overview__moveable-container .receipt-overview-item-detail {
  width: 50%;
}
.receipt-overview__list {
  border: solid 1px #fff;
}
.receipt-overview__list-wrapper {
  width: 50%;
}
.receipt-overview__empty, .receipt-overview__error {
  margin-bottom: 16px;
  margin-top: 16px;
  color: #EE1C25;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .receipt-overview__empty, .receipt-overview__error {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview__empty, .receipt-overview__error {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview__empty, .receipt-overview__error {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
.receipt-overview__noscript {
  padding-bottom: 16px;
  padding-top: 16px;
  border: solid 1px #fff;
  color: #EE1C25;
  display: block;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .receipt-overview__noscript {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview__noscript {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview__noscript {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.receipt-overview__button-wrapper {
  margin-top: 32px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .receipt-overview__button-wrapper {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview__button-wrapper {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview__button-wrapper {
    margin-top: 48px;
  }
}
.receipt-overview__scroll-detector {
  bottom: -200px;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.change-of-terms-modal {
  background-color: rgba(34, 34, 34, 0.85);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 900;
}
.change-of-terms-modal__container {
  height: 100%;
}
.change-of-terms-modal__element {
  padding-bottom: 48px;
  padding-top: 48px;
  background-color: #cbd300;
  border: solid 5px #fff;
  border-radius: 2px;
  margin: 80px 8px;
  max-height: calc(100% - 160px);
  max-width: 896px;
  overflow-y: auto;
  width: calc(100% - 8px * 2);
}
@media only screen and (min-width: 640px) {
  .change-of-terms-modal__element {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .change-of-terms-modal__element {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .change-of-terms-modal__element {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
@media only screen and (min-width: 640px) {
  .change-of-terms-modal__element {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 16px * 2);
  }
}
@media only screen and (min-width: 900px) {
  .change-of-terms-modal__element {
    margin-left: auto;
    margin-right: auto;
    width: 76.7123287671%;
  }
}
.change-of-terms-modal__error {
  color: #EE1C25;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
.breadcrumbs__list {
  padding-top: 16px;
  padding-bottom: 8px;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  background-color: #fff;
  display: flex;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .breadcrumbs__list {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .breadcrumbs__list {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .breadcrumbs__list {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .breadcrumbs__list {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .breadcrumbs__list {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .breadcrumbs__list {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .breadcrumbs__list {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 900px) {
  .breadcrumbs__list {
    padding-left: 0;
    padding-right: 0;
  }
}
.breadcrumbs__item {
  color: #fff;
  display: none;
  vertical-align: middle;
  white-space: nowrap;
}
.breadcrumbs__item:hover::after {
  color: #16327f;
}
.breadcrumbs__item:nth-last-child(2) {
  display: block;
}
.breadcrumbs__item:nth-last-child(2) > span {
  display: none;
}
.breadcrumbs__item:nth-last-child(2)::after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #16327f;
  content: "";
  line-height: inherit;
  margin-right: 5px;
  vertical-align: bottom;
}
@media only screen and (min-width: 640px) {
  .breadcrumbs__item {
    display: block;
  }
  .breadcrumbs__item::after {
    content: "/";
    padding: 0 4px;
  }
  .breadcrumbs__item:nth-last-child(2) {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
  .breadcrumbs__item:nth-last-child(2)::after {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
    color: #16327f;
    content: "/";
    margin-right: 0;
  }
  .breadcrumbs__item:nth-last-child(2) > span {
    display: inline;
  }
  .breadcrumbs__item:nth-last-child(1)::after {
    display: none;
  }
}
.breadcrumbs__item--linked {
  color: #16327f;
}
.breadcrumbs__item--linked:hover, .breadcrumbs__item--linked:focus {
  color: #777;
  text-decoration: none;
}
.breadcrumbs__item--linked:active {
  color: #777;
}
.breadcrumbs__item--title {
  display: block;
  white-space: normal;
}
.category-products__list {
  background-color: #fff;
}
.category-products__tiles {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 900px) {
  .category-products__tiles {
    margin: -8px;
  }
}
.category-subnavigation__element {
  background-color: #fff;
  padding: 0 8px;
  position: relative;
}
@media only screen and (min-width: 900px) {
  .category-subnavigation__element {
    padding: 0;
  }
}
.category-subnavigation__element::after {
  height: 100%;
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 52%, white 100%);
  content: "";
}
.category-subnavigation__list {
  padding-bottom: 16px;
  padding-top: 0;
  display: flex;
  overflow: auto;
  white-space: nowrap;
}
@media only screen and (min-width: 640px) {
  .category-subnavigation__list {
    padding-bottom: 24px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .category-subnavigation__list {
    padding-bottom: 24px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .category-subnavigation__list {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
.category-subnavigation__item {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin-right: 8px;
  padding: 5px 20px;
}
.category-subnavigation__item:hover {
  background-color: #fff;
  color: #fff;
  text-decoration: none;
}
.banner-teaser {
  display: none;
}
.banner-teaser__content {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-bottom: 8px;
  padding-top: 8px;
  background-color: #009956;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .banner-teaser__content {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .banner-teaser__content {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .banner-teaser__content {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .banner-teaser__content {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .banner-teaser__content {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .banner-teaser__content {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .banner-teaser__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .banner-teaser__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .banner-teaser__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.banner-teaser__section-left {
  margin-right: 8px;
  min-width: 45px;
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.banner-teaser__section-text {
  flex: 1;
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.banner-teaser__section-right {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.banner-teaser__image {
  height: 47px;
  width: 45px;
}
@media only screen and (min-width: 640px) {
  .banner-teaser__image {
    height: 49px;
    width: 49px;
  }
}
.banner-teaser__close-button {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  appearance: none;
  background-color: #cbd300;
  border: 1px solid #cbd300;
  border-radius: 100%;
  color: transparent;
  font-size: 0;
  height: 19px;
  margin-left: 8px;
  order: 2;
  padding: 0;
  width: 19px;
}
.banner-teaser__close-button:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #009956;
  content: "";
  display: block;
  font-size: 10px;
}
.banner-teaser__close-button:hover, .banner-teaser__close-button:focus, .banner-teaser__close-button:active {
  background-color: transparent;
  outline: none;
}
.banner-teaser__close-button:hover:before, .banner-teaser__close-button:focus:before, .banner-teaser__close-button:active:before {
  color: #cbd300;
}
@media only screen and (min-width: 640px) {
  .banner-teaser__close-button {
    height: 23px;
    width: 23px;
  }
  .banner-teaser__close-button:before {
    font-size: 12px;
  }
}
.banner-teaser__headline {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #cbd300;
  flex: 1;
  margin: 0;
  order: 1;
  text-align: left;
}
@media only screen and (min-width: 640px) {
  .banner-teaser__headline {
    text-align: center;
  }
}
@media only screen and (min-width: 900px) {
  .banner-teaser__headline {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.banner-teaser__text {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #cbd300;
  order: 3;
  text-align: left;
  width: 100%;
}
.banner-teaser__text > p {
  margin: 0;
}
.banner-teaser__text a {
  color: #cbd300;
  text-decoration: underline;
}
.banner-teaser__text a:hover {
  color: #a00;
}
@media only screen and (min-width: 640px) {
  .banner-teaser__text {
    text-align: center;
  }
}
@media only screen and (min-width: 900px) {
  .banner-teaser__text {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    line-height: 1.4;
  }
}
.product-price-selector {
  /* adjustments for quantity element */
}
.product-price-selector__fieldset {
  padding-bottom: 0;
  padding-top: 16px;
  margin-bottom: 0;
  margin-top: 16px;
  border-top: 1px solid #cbd300;
}
@media only screen and (min-width: 640px) {
  .product-price-selector__fieldset {
    padding-bottom: 0;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .product-price-selector__fieldset {
    padding-bottom: 0;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .product-price-selector__fieldset {
    padding-bottom: 0;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .product-price-selector__fieldset {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .product-price-selector__fieldset {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .product-price-selector__fieldset {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
.product-price-selector__fieldset-legend {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 8px;
  margin-top: 0;
  color: #222;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .product-price-selector__fieldset-legend {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .product-price-selector__fieldset-legend {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .product-price-selector__fieldset-legend {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
.product-price-selector__loyalty-info-box {
  margin-bottom: 0;
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .product-price-selector__loyalty-info-box {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .product-price-selector__loyalty-info-box {
    margin-bottom: 0;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .product-price-selector__loyalty-info-box {
    margin-bottom: 0;
    margin-top: 32px;
  }
}
.product-price-selector__price-info {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  padding-bottom: 16px;
  padding-top: 0;
  border-bottom: 1px solid #cbd300;
  color: #ccc;
}
@media only screen and (min-width: 640px) {
  .product-price-selector__price-info {
    padding-bottom: 24px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .product-price-selector__price-info {
    padding-bottom: 24px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .product-price-selector__price-info {
    padding-bottom: 32px;
    padding-top: 0;
  }
}
.product-price-selector__price-info p {
  margin: 0;
  padding: 0;
}
.product-price-selector__field-radio-label {
  display: block;
  height: auto;
  margin-bottom: 8px;
}
.product-price-selector__field-radio-label .field-radio__custom {
  top: 18px;
}
.product-price-selector__field-radio-label--hide {
  padding-left: 0;
}
.product-price-selector__field-radio-label--hide .field-radio__custom {
  display: none;
}
.product-price-selector__label {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #222;
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
}
.product-price-selector__label-wrapper {
  display: block;
}
.product-price-selector__label-info-icon {
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  cursor: pointer;
}
.product-price-selector__label-info-icon:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ccc;
  content: "";
  flex-shrink: 0;
  font-size: 19px;
  height: 19px;
  line-height: 19px;
  width: 19px;
}
.product-price-selector__label-info-icon:hover:after, .product-price-selector__label-info-icon--active:after {
  color: #222;
}
.product-price-selector__label-description {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #777;
  display: block;
  margin-top: -4px;
}
.product-price-selector__label-loyalty-price {
  color: #fff;
  margin-right: 8px;
}
.product-price-selector__label-original-loyalty-price {
  color: #ccc;
  margin-right: 8px;
  text-decoration: line-through;
}
.product-price-selector__label-original-loyalty-price .loyalty-signet-small__circle {
  fill: #ccc;
}
.product-price-selector__label-price {
  margin-right: 8px;
}
.product-price-selector__label-price-per-liter {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #16327f;
  margin-right: 8px;
}
.product-price-selector__label-original-price {
  color: #ccc;
  margin-right: 8px;
  text-decoration: line-through;
}
.product-price-selector__button-wrapper {
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.product-price-selector__error {
  color: #EE1C25;
}
.product-price-selector__submit {
  flex: 1 1 auto;
  margin-bottom: 16px;
  max-width: unset;
}
.product-price-selector .cart-product-item-quantity {
  margin-bottom: 16px;
  margin-right: 8px;
}
.product-price-selector .cart-product-item-quantity__product-count-text {
  display: none;
}
.product-price-selector .cart-product-item-quantity__product-count-change-controls-wrapper {
  height: 48px;
}
.product-price-selector .cart-product-item-quantity__product-count-change-controls-display-count {
  width: 40px;
}
.product-price-selector .cart-product-item-quantity__product-count-change-controls {
  font-size: 27px;
  padding-bottom: 5px;
  width: 40px;
}
.loyalty-price-currency-symbol__icon.product-price-selector__loyalty-point-info-points-icon {
  height: 24px;
  margin-left: 3px;
  width: 19px;
}
.loyalty-price-currency-symbol__icon.product-price-selector__loyalty-point-info-points-icon .loyalty-signet-small__circle {
  fill: #ccc;
}
.form-loyalty-wallet-selector__item-points {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
.form-loyalty-wallet-selector__item-points-icon .loyalty-signet-small__circle {
  fill: #16327f;
}
.form-loyalty-wallet-selector__item-points-icon--selected .loyalty-signet-small__circle {
  fill: #222;
}
.form-loyalty-wallet-selector__wallet-holder-info:before {
  background-color: #cbd300;
  content: "";
  display: block;
  height: 1px;
  margin: 8px auto;
  width: 100%;
}
.form-loyalty-wallet-selector__form {
  padding-top: 16px;
  padding-bottom: 48px;
  background-color: #cbd300;
  color: #16327f;
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .form-loyalty-wallet-selector__form {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-loyalty-wallet-selector__form {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-loyalty-wallet-selector__form {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .form-loyalty-wallet-selector__form {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .form-loyalty-wallet-selector__form {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-loyalty-wallet-selector__form {
    padding-bottom: 64px;
  }
}
.form-loyalty-wallet-selector__form-submit {
  margin-top: 32px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 640px) {
  .form-loyalty-wallet-selector__form-submit {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .form-loyalty-wallet-selector__form-submit {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-loyalty-wallet-selector__form-submit {
    margin-top: 48px;
  }
}
.form-loyalty-wallet-selector__form--error-message {
  border: 1px solid #EE1C25;
  padding: 16px;
  margin-top: 16px;
}
@media only screen and (min-width: 900px) {
  .form-loyalty-wallet-selector__form--error-message {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
}
@media only screen and (min-width: 640px) {
  .form-loyalty-wallet-selector__form--error-message {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-loyalty-wallet-selector__form--error-message {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-loyalty-wallet-selector__form--error-message {
    margin-top: 32px;
  }
}
.form-loyalty-wallet-selector__form-fieldset-title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
.form-loyalty-wallet-selector__form-field {
  margin-top: 16px;
}
@media only screen and (min-width: 640px) {
  .form-loyalty-wallet-selector__form-field {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .form-loyalty-wallet-selector__form-field {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .form-loyalty-wallet-selector__form-field {
    margin-top: 32px;
  }
}
.form-loyalty-wallet-selector__form-field-radio-wrapper {
  border: 1px solid #fff;
  display: block;
  padding: 16px 20px;
}
.form-loyalty-wallet-selector__form-field-radio-wrapper:not(:first-of-type) {
  border-top-style: hidden;
}
.form-loyalty-wallet-selector__form-field-radio-wrapper--selected {
  background-color: #cbd300;
}
.form-loyalty-wallet-selector__form-field-radio-label {
  display: block;
}
.form-loyalty-wallet-selector__form-field-radio-label--selected {
  color: #222;
}
.form-loyalty-wallet-selector__form-field-radio-label-text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.form-loyalty-wallet-selector__form-field-checkbox-text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
.loyalty-wallet-selector__content {
  margin-left: 8px;
  margin-right: 8px;
}
.error-boundary {
  background-color: #cbd300;
  color: #222;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  padding-bottom: 48px;
  padding-top: 48px;
}
@media only screen and (min-width: 640px) {
  .error-boundary {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .error-boundary {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .error-boundary {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
.error-boundary__title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}
.error-boundary__message {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
.loyalty-info-box {
  background-color: #cbd300;
  border: solid 1px #ccc;
}
.loyalty-info-box__header {
  background-color: #cbd300;
  padding: 24px 16px;
}
@media only screen and (min-width: 900px) {
  .loyalty-info-box__header {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.loyalty-info-box__loyalty-logo {
  display: block;
  height: 33px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.loyalty-info-box__heading {
  color: #222;
  margin: 24px auto 0;
  text-align: center;
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
.loyalty-info-box__subheading {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
  font-weight: 700;
  margin: 8px auto 0;
  text-align: center;
}
.loyalty-info-box__content {
  padding: 24px 16px;
}
@media only screen and (min-width: 900px) {
  .loyalty-info-box__content {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.loyalty-info-box__list {
  list-style: none;
  margin: 0 auto 32px;
  padding-left: 0;
  padding-right: 0;
}
.loyalty-info-box__list-item {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  color: #16327f;
}
.loyalty-info-box__list-item:not(:first-of-type) {
  margin-top: 16px;
}
.loyalty-info-box__list-item:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #009956;
  border-radius: 50%;
  color: #cbd300;
  content: "";
  flex-shrink: 0;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
  text-align: center;
  width: 24px;
}
.loyalty-info-box__link {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.loyalty-info-box__link:nth-of-type(2) {
  margin-top: 16px;
}
.loyalty-info-box__link--text-style {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #16327f;
  text-align: center;
  text-decoration: underline;
}
.loyalty-info-box__link--text-style:hover, .loyalty-info-box__link--text-style:focus {
  color: #16327f;
}
.loyalty-wallet-info {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  background-color: inherit;
  color: inherit;
}
.loyalty-wallet-balance {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .loyalty-wallet-balance {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-wallet-balance {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-wallet-balance {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}
.loyalty-wallet-balance__change-selection-link {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #ccc;
  margin-left: 8px;
  text-decoration: underline;
}
.loyalty-wallet-balance__change-selection-link:hover {
  color: #16327f;
}
.loyalty-wallet-balance__change-selection-link:active, .loyalty-wallet-balance__change-selection-link:focus {
  color: #222;
}
.loyalty-wallet-balance__item {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16327f;
}
.loyalty-wallet-balance__item:not(:first-of-type) {
  margin-top: 8px;
}
.loyalty-wallet-balance__item-points-icon .loyalty-signet-small__circle {
  fill: #ccc;
}
.loyalty-price-currency-symbol {
  position: relative;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.loyalty-price-currency-symbol__label {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.loyalty-price-currency-symbol__icon {
  height: 18px;
  margin-left: 3px;
  width: 14px;
}
.header-search-toggle-button {
  appearance: none;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  height: 32px;
  padding: 0;
  position: relative;
  width: 32px;
}
.header-search-toggle-button__search-icon-path {
  transition:  fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  fill: #fff;
}
.header-search-toggle-button--active, .header-search-toggle-button:active, .header-search-toggle-button:focus {
  outline: none;
}
.header-search-toggle-button--active .header-search-toggle-button__search-icon-path, .header-search-toggle-button:active .header-search-toggle-button__search-icon-path, .header-search-toggle-button:focus .header-search-toggle-button__search-icon-path {
  fill: #16327f;
}
.account-icon {
  background-color: #cbd300;
  border-radius: 50%;
  height: 32px;
  position: relative;
  width: 32px;
}
.account-icon__icon-path {
  transition:  fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  fill: #fff;
}
.account-icon__icon--logged-in {
  display: none;
}
.account-icon__icon--logged-out {
  display: block;
}
.account-icon--logged-in .account-icon__icon--logged-in {
  display: block;
}
.account-icon--logged-in .account-icon__icon--logged-out {
  display: none;
}
.account-icon--active, .account-icon:hover, .account-icon:focus {
  outline: none;
  text-decoration: none;
}
.account-icon--active .account-icon__icon-path, .account-icon:hover .account-icon__icon-path, .account-icon:focus .account-icon__icon-path {
  fill: #16327f;
}
.cart-icon {
  background-color: #fff;
  border-radius: 50%;
  height: 32px;
  position: relative;
  width: 32px;
}
.cart-icon__icon-path {
  transition:  fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  fill: #fff;
}
.cart-icon__icon--active, .cart-icon__icon:hover, .cart-icon__icon:focus {
  outline: none;
  text-decoration: none;
}
.cart-icon__icon--active .cart-icon__icon-path, .cart-icon__icon:hover .cart-icon__icon-path, .cart-icon__icon:focus .cart-icon__icon-path {
  fill: #16327f;
}
.cart-icon__quantity {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  background-color: #cbd300;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  height: 20px;
  left: 17px;
  line-height: 1;
  position: absolute;
  top: -5px;
  user-select: none;
  width: 20px;
}
@media only screen and (min-width: 900px) {
  .cart-icon__quantity {
    height: 22px;
    left: 25px;
    top: -5px;
    width: 22px;
  }
}
.multi-site-header-mobile-menu-icon {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  appearance: none;
  background-color: #cbd300;
  border: 0;
  color: transparent;
  font-size: 0;
  height: 48px;
  padding: 0;
  position: relative;
  width: 48px;
}
@media only screen and (min-width: 900px) {
  .multi-site-header-mobile-menu-icon {
    display: none;
  }
}
.multi-site-header-mobile-menu-icon::before {
  background-color: #fff;
  content: "";
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 1px;
}
.multi-site-header-mobile-menu-icon:focus {
  outline: none;
}
.multi-site-header-mobile-menu-icon__menu-symbol {
  background-color: #fff;
  border-radius: 2px;
  display: block;
  height: 4px;
  left: 50%;
  position: absolute;
  transform: translate3d(-50%, 0, 0);
  width: 100%;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
}
.multi-site-header-mobile-menu-icon__menu-symbol-wrapper {
  height: 20px;
  position: relative;
  width: 26px;
}
.multi-site-header-mobile-menu-icon__menu-symbol--top {
  top: 0;
}
.multi-site-header-mobile-menu-icon__menu-symbol--middle {
  opacity: 1;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: opacity 0.4s ease-out;
}
.multi-site-header-mobile-menu-icon__menu-symbol--bottom {
  top: calc(100% - 4px);
}
.multi-site-header-mobile-menu-icon--close .multi-site-header-mobile-menu-icon__menu-symbol {
  background-color: #16327f;
}
.multi-site-header-mobile-menu-icon--close .multi-site-header-mobile-menu-icon__menu-symbol--top {
  animation: bar-to-right 0.4s ease-out forwards normal;
}
@keyframes bar-to-right {
  50% {
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
  }
}
.multi-site-header-mobile-menu-icon--close .multi-site-header-mobile-menu-icon__menu-symbol--middle {
  opacity: 0;
}
.multi-site-header-mobile-menu-icon--close .multi-site-header-mobile-menu-icon__menu-symbol--bottom {
  animation: bar-to-left 0.4s ease-out forwards normal;
}
@keyframes bar-to-left {
  50% {
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
  100% {
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  }
}
.multi-site-header-mobile-menu-icon--open .multi-site-header-mobile-menu-icon__menu-symbol--top {
  animation: bar-to-top 0.4s ease-out forwards;
}
@keyframes bar-to-top {
  0% {
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
  }
  50% {
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(0);
  }
  100% {
    top: 0;
    transform: translate3d(-50%, 0, 0);
  }
}
.multi-site-header-mobile-menu-icon--open .multi-site-header-mobile-menu-icon__menu-symbol--middle {
  opacity: 1;
}
.multi-site-header-mobile-menu-icon--open .multi-site-header-mobile-menu-icon__menu-symbol--bottom {
  animation: bar-to-bottom 0.4s ease-out forwards;
}
@keyframes bar-to-bottom {
  0% {
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  }
  50% {
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(0);
  }
  100% {
    top: calc(100% - 4px);
    transform: translate3d(-50%, 0, 0);
  }
}
.logo-multi-site-header {
  padding-bottom: 16px;
  padding-top: 16px;
  padding-left: 8px;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .logo-multi-site-header {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .logo-multi-site-header {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .logo-multi-site-header {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .logo-multi-site-header {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .logo-multi-site-header {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .logo-multi-site-header {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .logo-multi-site-header {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .logo-multi-site-header {
    padding-left: 0;
  }
}
.logo-multi-site-header__link {
  display: block;
  height: 28px;
}
@media only screen and (min-width: 900px) {
  .logo-multi-site-header__link {
    height: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .logo-multi-site-header__link {
    height: 41px;
  }
}
.logo-multi-site-header__link img {
  display: block;
  margin: 0 auto;
  position: relative;
  width: auto;
  z-index: 899;
}
.image-zoom {
  background-color: #ccc;
  height: 282px;
  margin-bottom: 16px;
  position: relative;
  width: 282px;
}
.image-zoom__image {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.image-zoom__image-wrapper {
  height: 100%;
  text-align: center;
}
.image-zoom__zoom-in-button, .image-zoom__zoom-out-button {
  transition:  background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  align-items: center;
  appearance: none;
  background-color: #cbd300;
  border: 0;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  width: 32px;
}
.image-zoom__zoom-in-button-text, .image-zoom__zoom-out-button-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.image-zoom__zoom-in-button:after, .image-zoom__zoom-out-button:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  display: block;
  font-size: 18px;
}
.image-zoom__zoom-in-button:focus, .image-zoom__zoom-in-button:hover, .image-zoom__zoom-out-button:focus, .image-zoom__zoom-out-button:hover {
  outline: none;
}
.image-zoom__zoom-in-button {
  bottom: 8px;
  color: #fff;
  right: 8px;
}
.image-zoom__zoom-in-button:focus, .image-zoom__zoom-in-button:hover {
  color: #16327f;
}
.image-zoom__zoom-in-button:after {
  content: "";
}
.image-zoom__zoom-out-button {
  bottom: 8px;
  color: #fff;
  right: 8px;
}
.image-zoom__zoom-out-button:focus, .image-zoom__zoom-out-button:hover {
  color: #16327f;
}
.image-zoom__zoom-out-button:after {
  content: "";
}
@media only screen and (min-width: 900px) {
  .image-zoom__zoom-out-button {
    color: #fff;
  }
  .image-zoom__zoom-out-button:focus, .image-zoom__zoom-out-button:hover {
    color: #16327f;
  }
}
.image-zoom__zoom-container {
  background-color: #cbd300;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  touch-action: none;
}
.image-zoom__zoom-container:focus {
  outline: none;
}
.image-zoom__zoom-container--visible {
  display: block;
  height: 100%;
  width: 100%;
}
.image-zoom__zoom-frame {
  background-color: #ccc;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.image-zoom__zoom-frame:focus {
  outline: none;
}
.image-zoom__zoom-image {
  cursor: move;
  left: 0;
  max-width: none;
  object-fit: contain;
  object-position: center;
  position: absolute;
  top: 0;
}
.image-zoom__zoom-image:focus {
  outline: none;
}
.loyalty-balance-description {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: #cbd300;
  color: #222;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .loyalty-balance-description {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-balance-description {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-balance-description {
    padding-top: 64px;
  }
}
@media only screen and (min-width: 640px) {
  .loyalty-balance-description {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-balance-description {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-balance-description {
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-balance-description {
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 640px) {
  .loyalty-balance-description {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 900px) {
  .loyalty-balance-description {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) and (min-width: 1200px) {
  .loyalty-balance-description {
    padding-top: 48px;
  }
}
.loyalty-balance-description__title {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  font-weight: 700;
}
.loyalty-balance-description__text {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
.loyalty-balance-points {
  padding-bottom: 48px;
  padding-top: 48px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 32px auto;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .loyalty-balance-points {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-balance-points {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-balance-points {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
.loyalty-balance-points__wrapper {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-self: center;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
  justify-self: center;
}
.loyalty-balance-points__icon {
  background-color: #cbd300;
  height: 75px;
  margin-left: 8px;
  width: 61px;
}
.loyalty-balance-points__number {
  font-family: "sofiaproBold", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  font-size: 60px;
  margin-right: 8px;
}
.loyalty-balance-points__button {
  align-self: center;
  grid-column: 1 / span 3;
  grid-row: 3 / span 1;
  justify-self: center;
}
.loyalty-balance-points__title {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: #16327f;
}
.loyalty-balance-points__spinner {
  grid-row: 1 / span 3;
  height: 153px;
  padding: 0;
}
.loyalty-balance-points__error {
  color: #EE1C25;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
}
.loyalty-transactions-item {
  padding-bottom: 16px;
  padding-top: 16px;
  display: grid;
  grid-template-columns: auto 8px minmax(0, auto) 8px 1fr;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions-item {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .loyalty-transactions-item {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .loyalty-transactions-item {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.loyalty-transactions-item:nth-of-type(even) {
  background-color: #cbd300;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions-item {
    grid-template-columns: auto 16px minmax(0, auto) 16px 1fr;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.loyalty-transactions-item__icon {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-self: center;
  border-radius: 50%;
  grid-column: 1 / span 1;
  height: 36px;
  justify-self: start;
  width: 36px;
}
.loyalty-transactions-item__icon:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: block;
  font-size: 36px;
}
.loyalty-transactions-item__icon--points-added {
  color: #fff;
}
.loyalty-transactions-item__icon--points-deducted {
  color: #16327f;
}
.loyalty-transactions-item__icon--user-registered:after {
  content: "";
}
.loyalty-transactions-item__icon--adjustment:after {
  content: "";
}
.loyalty-transactions-item__icon--onlineshop-purchase:after {
  content: "";
}
.loyalty-transactions-item__icon--receipt-cleared:after {
  content: "";
}
.loyalty-transactions-item__icon--profile-address-added:after {
  content: "";
}
.loyalty-transactions-item__icon--newsletter-signup:after {
  content: "";
}
.loyalty-transactions-item__icon--raffle-ticket-purchase:after {
  content: "";
}
.loyalty-transactions-item__icon--survey-participation:after {
  content: "";
}
.loyalty-transactions-item__icon--birthday:after {
  content: "";
}
.loyalty-transactions-item__icon--points-transfer:after {
  content: "";
}
.loyalty-transactions-item__icon--kb-code-redeemed:after {
  content: "";
}
.loyalty-transactions-item__icon--first-login-krombacher-plus-app:after {
  content: "";
}
.loyalty-transactions-item__icon--first-receipt-upload-krombacher-plus-app:after {
  content: "";
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions-item__icon {
    height: 56px;
    width: 56px;
  }
  .loyalty-transactions-item__icon:after {
    font-size: 56px;
  }
}
.loyalty-transactions-item__details-wrapper {
  align-self: end;
  grid-column: 3 / span 1;
  justify-self: start;
  max-width: 100%;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions-item__details-wrapper {
    align-self: center;
  }
}
.loyalty-transactions-item__details-date {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #ccc;
  display: block;
}
.loyalty-transactions-item__details-text {
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #222;
  display: block;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions-item__details-text {
    font-family: "Oswald", sans-serif;
    font-size: 21px;
    line-height: 1.4;
  }
}
.loyalty-transactions-item__details-text--small {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #222;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.loyalty-transactions-item__details-text--small-link {
  color: #222;
  text-decoration: none;
}
.loyalty-transactions-item__details-text--small-link:hover, .loyalty-transactions-item__details-text--small-link:focus {
  color: #16327f;
  text-decoration: underline;
}
.loyalty-transactions-item__points {
  font-family: "sofiaproBold", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  display: block;
  line-height: 1;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions-item__points {
    font-family: "sofiaproBold", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
  }
}
.loyalty-transactions-item__points--added {
  color: #fff;
}
.loyalty-transactions-item__points--deducted {
  color: #16327f;
}
.loyalty-transactions-item__points-wrapper {
  align-self: end;
  grid-column: 5 / span 1;
  justify-self: end;
  text-align: right;
  white-space: nowrap;
}
@media only screen and (min-width: 640px) {
  .loyalty-transactions-item__points-wrapper {
    align-self: center;
  }
}
.loyalty-transactions-item__points-legend {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #ccc;
  display: block;
}
.receipt-overview-item {
  cursor: pointer;
  padding: 16px 24px 48px 8px;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item {
    padding-bottom: 16px;
    padding-top: 16px;
    padding-left: 32px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .receipt-overview-item {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .receipt-overview-item {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .receipt-overview-item {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.receipt-overview-item:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  bottom: 0;
  color: #fff;
  content: "";
  display: block;
  font-size: 45px;
  position: absolute;
  right: 8px;
  transition: transform 0.5s;
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item:after {
    font-size: 64px;
    margin-top: -32px;
    top: 50%;
  }
}
.receipt-overview-item:hover, .receipt-overview-item:focus {
  color: #16327f;
  text-decoration: none;
}
.receipt-overview-item:hover:after, .receipt-overview-item:focus:after {
  color: #16327f;
  transform: translate3d(8px, 0, 0);
}
.receipt-overview-item:nth-of-type(even) {
  background-color: #cbd300;
}
.receipt-overview-item__date {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #222;
  font-weight: 700;
}
.receipt-overview-item__date-last-edited {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #222;
}
.receipt-overview-item__row {
  display: grid;
  grid-template-columns: 130px auto;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item__row {
    grid-template-columns: 150px auto;
  }
}
.receipt-overview-item__label {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #777;
  font-weight: 700;
}
.receipt-overview-item__label-inner {
  align-items: center;
  display: flex;
}
.receipt-overview-item__label-inner:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  padding-right: 8px;
}
.receipt-overview-item__label-inner--state:before {
  content: "";
}
.receipt-overview-item__label-inner--comment:before {
  content: "";
}
.receipt-overview-item__label-inner--loyalty-price:before {
  content: "";
}
.receipt-overview-item__value {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #777;
}
.receipt-overview-item__value--loyalty-price {
  color: #fff;
}
.receipt-overview-item__state {
  align-items: center;
  display: flex;
}
.receipt-overview-item__state:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.receipt-overview-item__state--accepted:before {
  background-color: #009956;
}
.receipt-overview-item__state--examination:before {
  background-color: #fff;
}
.receipt-overview-item__state--rejected:before {
  background-color: #EE1C25;
}
.receipt-overview-item-detail {
  padding-top: 16px;
  padding-bottom: 48px;
  border: solid 1px #fff;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item-detail {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview-item-detail {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview-item-detail {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item-detail {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview-item-detail {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview-item-detail {
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item-detail {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.receipt-overview-item-detail__level-higher-button {
  appearance: none;
  background-color: transparent;
  border: 0;
  color: #16327f;
  padding: 0;
}
.receipt-overview-item-detail__level-higher-button-wrapper {
  margin-bottom: 16px;
}
@media only screen and (min-width: 900px) {
  .receipt-overview-item-detail__image-zoom {
    height: 386px;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview-item-detail__image-zoom {
    height: 339px;
  }
}
.receipt-overview-item-detail__layout {
  display: grid;
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item-detail__layout {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview-item-detail__layout {
    grid-template-columns: 50% 50%;
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .receipt-overview-item-detail__layout {
    padding: 0 60px;
  }
}
.receipt-overview-item-detail__image-wrapper {
  margin: 0 auto;
}
@media only screen and (min-width: 900px) {
  .receipt-overview-item-detail__image-wrapper {
    justify-self: end;
    margin: 0;
    padding-right: 16px;
    width: 100%;
  }
}
.receipt-overview-item-detail__data-wrapper {
  margin: 0 auto;
  max-width: 282px;
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item-detail__data-wrapper {
    margin: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview-item-detail__data-wrapper {
    padding-left: 16px;
  }
}
.receipt-overview-item-detail__date {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #222;
  font-weight: 700;
  text-align: left;
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item-detail__date {
    text-align: center;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview-item-detail__date {
    text-align: left;
  }
}
.receipt-overview-item-detail__date-last-edited {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #222;
  text-align: left;
}
@media only screen and (min-width: 640px) {
  .receipt-overview-item-detail__date-last-edited {
    text-align: center;
  }
}
@media only screen and (min-width: 900px) {
  .receipt-overview-item-detail__date-last-edited {
    text-align: left;
  }
}
.receipt-overview-item-detail__row {
  display: grid;
  grid-template-columns: auto auto;
  margin-top: 16px;
}
.receipt-overview-item-detail__label {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #777;
  font-weight: 700;
  padding-right: 8px;
}
.receipt-overview-item-detail__label-inner {
  align-items: center;
  display: flex;
}
.receipt-overview-item-detail__label-inner:before {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  padding-right: 8px;
}
.receipt-overview-item-detail__label-inner--state:before {
  content: "";
}
.receipt-overview-item-detail__label-inner--comment:before {
  content: "";
}
.receipt-overview-item-detail__label-inner--positions:before {
  content: "";
}
.receipt-overview-item-detail__label-inner--loyalty-price:before {
  content: "";
}
.receipt-overview-item-detail__value {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #777;
  justify-self: end;
  text-align: right;
}
.receipt-overview-item-detail__value--loyalty-price {
  color: #fff;
}
.receipt-overview-item-detail__value--loyalty-price-zero {
  color: #777;
}
.receipt-overview-item-detail__value--loyalty-price-zero .loyalty-signet-small__circle {
  fill: #777;
}
.receipt-overview-item-detail__state {
  align-items: center;
  display: flex;
}
.receipt-overview-item-detail__state:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.receipt-overview-item-detail__state--accepted:before {
  background-color: #009956;
}
.receipt-overview-item-detail__state--examination:before {
  background-color: #fff;
}
.receipt-overview-item-detail__state--rejected:before {
  background-color: #EE1C25;
}
.receipt-overview-item-detail__position + .receipt-overview-item-detail__position .receipt-overview-item-detail__position-euro, .receipt-overview-item-detail__position + .receipt-overview-item-detail__position .receipt-overview-item-detail__position-loyalty {
  padding-top: 8px;
}
.receipt-overview-item-detail__position-euro {
  white-space: nowrap;
}
.receipt-overview-item-detail__position-loyalty {
  color: #fff;
  display: flex;
  justify-content: flex-end;
}
.shopfooter-image--trusted-shops {
  flex: 0 0 61px;
  height: 61px;
  width: 61px;
}
.shopfooter-image--ssl-logo {
  flex: 0 0 51px;
  height: 61px;
  width: 51px;
}
.shopfooter-image--payment-option {
  height: 59px;
  width: 113px;
}
.shopfooter-image--dhl-logo {
  height: 51px;
  width: 51px;
}
.shopfooter-link {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.shopfooter-link:hover, .shopfooter-link:focus, .shopfooter-link:visited {
  color: #fff;
}
.navigation-shopfooter-item {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  padding-bottom: 8px;
  padding-top: 8px;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .navigation-shopfooter-item {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .navigation-shopfooter-item {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .navigation-shopfooter-item {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
.navigation-shopfooter-item__link {
  color: #fff;
}
.navigation-shopfooter-item__link:hover, .navigation-shopfooter-item__link:focus, .navigation-shopfooter-item__link:active {
  color: #fff;
}
.shopfooter {
  padding-bottom: 48px;
  padding-top: 48px;
  background-color: #fff;
}
@media only screen and (min-width: 640px) {
  .shopfooter {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .shopfooter {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .shopfooter {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
.shopfooter__headline {
  font-family: "Oswald", sans-serif;
  font-size: 21px;
  line-height: 1.4;
  padding-top: 48px;
  color: #fff;
  margin-top: 0;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .shopfooter__headline {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .shopfooter__headline {
    padding-top: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .shopfooter__headline {
    padding-top: 64px;
  }
}
@media only screen and (min-width: 640px) {
  .shopfooter__headline {
    padding: 0;
  }
  .shopfooter__headline--last-of-type {
    padding-top: 8px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .shopfooter__headline--last-of-type {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .shopfooter__headline--last-of-type {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .shopfooter__headline--last-of-type {
    padding-top: 16px;
  }
}
.shopfooter__column {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  flex: 1 1 auto;
  padding: 0 40px;
}
.shopfooter__column:nth-of-type(1) {
  border-bottom: 1px solid #777;
}
@media only screen and (min-width: 640px) {
  .shopfooter__column {
    margin-top: 48px;
  }
  .shopfooter__column:nth-of-type(1) {
    flex: 2 2 100%;
    margin-top: 0;
  }
  .shopfooter__column:nth-of-type(2) {
    border-right: 1px solid #777;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .shopfooter__column {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 900px) {
  .shopfooter__column {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1200px) {
  .shopfooter__column {
    margin-top: 64px;
  }
}
@media only screen and (min-width: 1200px) {
  .shopfooter__column {
    margin-top: 0;
    padding: 0 72px;
    width: calc(100% / 3);
  }
  .shopfooter__column:nth-of-type(1) {
    border-bottom: 0;
    flex: 1 1 auto;
  }
  .shopfooter__column:nth-of-type(2) {
    border-left: 1px solid #777;
    border-right: 1px solid #777;
  }
}
.shopfooter__column-element {
  width: 240px;
}
.shopfooter__column-element:not(:last-of-type) {
  padding-bottom: 8px;
}
@media only screen and (min-width: 640px) {
  .shopfooter__column-element:not(:last-of-type) {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .shopfooter__column-element:not(:last-of-type) {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .shopfooter__column-element:not(:last-of-type) {
    padding-bottom: 16px;
  }
}
.shopfooter__column-element:not(.shopfooter__column-element--payment-options):not(.shopfooter__column-element--link) {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.shopfooter__column-element--link {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.shopfooter__column-element--payment-options {
  margin: 0 auto;
  text-align: center;
}
.shopfooter__column-element-image--ssl-logo, .shopfooter__column-element-image--dhl-logo {
  margin-right: 24px;
}
.shopfooter__column-element-image--payment-option:nth-of-type(1) {
  margin: 0 4px 4px 0;
}
.shopfooter__column-element-image--payment-option:nth-of-type(2) {
  margin: 0 0 4px 4px;
}
.shopfooter__column-element-image--payment-option:nth-of-type(3) {
  margin: 4px 4px 0 0;
}
.shopfooter__column-element-image--payment-option:nth-of-type(4) {
  margin: 4px 0 0 4px;
}
.shopfooter__column-element-image--trusted-shops-logo {
  margin-left: -5px;
  margin-right: 19px;
}
.shopfooter__column-element-text {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
}
.shopfooter__column-wrapper {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 640px) {
  .shopfooter__column-wrapper {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }
}
@media only screen and (min-width: 1200px) {
  .shopfooter__column-wrapper {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
  }
}
.navigation-shopfooter {
  padding-bottom: 32px;
  width: 250px;
}
@media only screen and (min-width: 640px) {
  .navigation-shopfooter {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .navigation-shopfooter {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .navigation-shopfooter {
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .navigation-shopfooter {
    padding: 0;
  }
}
.navigation-shopfooter__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation-shopfooter__list-item:not(:last-of-type) {
  border-bottom: 1px solid #777;
}
.product-teaser-list--wide-fit {
  padding-bottom: 32px;
  padding-top: 32px;
}
@media only screen and (min-width: 640px) {
  .product-teaser-list--wide-fit {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .product-teaser-list--wide-fit {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .product-teaser-list--wide-fit {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.product-teaser-list--wide-fit:nth-child(even) {
  background-color: #cbd300;
}
.product-teaser-list--wide-fit:nth-child(odd) {
  background-color: #fff;
}
.product-teaser-list__element--slim-fit {
  padding-bottom: 32px;
  padding-top: 32px;
  background-color: #fff;
}
@media only screen and (min-width: 640px) {
  .product-teaser-list__element--slim-fit {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__element--slim-fit {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1200px) {
  .product-teaser-list__element--slim-fit {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__element--slim-fit {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.product-teaser-list.product-detailpage__product-teaser-list {
  background-color: #cbd300;
}
.product-teaser-list__headline {
  font-family: "sofiaproBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 8px;
  margin-top: 0;
  color: #222;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  .product-teaser-list__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .product-teaser-list__headline {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__headline {
    font-family: "sofiaproBold", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    padding-left: 0;
    padding-right: 0;
  }
}
.product-teaser-list__banner-wrapper--link {
  display: block;
}
.product-teaser-list__banner-wrapper--link:hover, .product-teaser-list__banner-wrapper--link:focus {
  text-decoration: none;
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__banner-wrapper--link:hover, .product-teaser-list__banner-wrapper--link:focus {
    text-decoration: none;
  }
  .product-teaser-list__banner-wrapper--link:hover .product-teaser-list__banner-image, .product-teaser-list__banner-wrapper--link:focus .product-teaser-list__banner-image {
    transform: scale(1.06, 1.06);
  }
}
.product-teaser-list__banner {
  margin-bottom: 16px;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__banner--wide-fit {
    padding-left: 0;
    padding-right: 0;
  }
}
.product-teaser-list__banner-image {
  transition: transform 1s;
}
.product-teaser-list__tiles {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__tiles--wide-fit {
    margin: -8px;
  }
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__tiles--slim-fit {
    margin: 0;
  }
}
.product-teaser-list__tile {
  margin-bottom: 16px;
  margin-top: 0;
  padding: 8px;
  width: 50%;
}
@media only screen and (min-width: 640px) {
  .product-teaser-list__tile {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__tile {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .product-teaser-list__tile {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .product-teaser-list__tile {
    width: 25%;
  }
}
.product-teaser-list__button-wrapper {
  text-align: center;
}
.product-category-grid {
  margin-bottom: 0;
  margin-top: 8px;
}
@media only screen and (min-width: 640px) {
  .product-category-grid {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 900px) {
  .product-category-grid {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .product-category-grid {
    margin-bottom: 0;
    margin-top: 16px;
  }
}
.product-category-grid__product-count .container {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 8px;
  margin-top: 0;
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 640px) {
  .product-category-grid__product-count .container {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .product-category-grid__product-count .container {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .product-category-grid__product-count .container {
    margin-bottom: 16px;
    margin-top: 0;
  }
}
.product-category-grid__product-count-number {
  font-weight: 700;
}
.product-tile {
  /*
    if you adjust the fonts for the prices, please also adjust the height of the following placeholders in _variables.scss:
    $product-tile-placeholder-height-mobile
    $product-tile-placeholder-height
    $product-tile-price-per-liter-placeholder-height-mobile
    $product-tile-price-per-liter-placeholder-height
  */
  margin-bottom: 16px;
  margin-top: 0;
  display: block;
  padding: 8px;
  width: 50%;
}
@media only screen and (min-width: 640px) {
  .product-tile {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .product-tile {
    margin-bottom: 24px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .product-tile {
    margin-bottom: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .product-tile {
    width: 25%;
  }
}
.product-tile__image-wrapper {
  background-color: #fff;
  border: 1px solid #fff;
  display: block;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
}
.product-tile__image {
  display: block;
  transition: transform 1s;
}
.product-tile__badges {
  bottom: 16px;
  left: 0;
  position: absolute;
}
.product-tile__title {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  display: block;
}
@media only screen and (min-width: 640px) {
  .product-tile__title {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    line-height: 1.4;
  }
}
.product-tile__price-wrapper {
  display: block;
  min-height: 65.94px;
}
@media only screen and (min-width: 640px) {
  .product-tile__price-wrapper {
    min-height: 71.88px;
  }
}
.product-tile__price {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #222;
  display: inline-block;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .product-tile__price {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    line-height: 1.4;
  }
}
.product-tile__price--placeholder {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  height: 21.98px;
  width: 54%;
}
@keyframes placeholder-animation {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #D7D6D1;
  }
  100% {
    background-color: #fff;
  }
}
@media only screen and (min-width: 640px) {
  .product-tile__price--placeholder {
    height: 23.94px;
    width: 33%;
  }
}
.product-tile__price--placeholder:nth-of-type(2) {
  width: 44%;
}
@media only screen and (min-width: 640px) {
  .product-tile__price--placeholder:nth-of-type(2) {
    width: 27%;
  }
}
.product-tile__price--placeholder:nth-of-type(3) {
  width: 74%;
}
@media only screen and (min-width: 640px) {
  .product-tile__price--placeholder:nth-of-type(3) {
    width: 45%;
  }
}
.product-tile__price--placeholder-small {
  height: 21.98px;
}
@media only screen and (min-width: 640px) {
  .product-tile__price--placeholder-small {
    height: 24px;
  }
}
.product-tile__price--placeholder:after {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: placeholder-animation;
  background-color: #fff;
  content: "";
  display: block;
  height: 14px;
}
@media only screen and (min-width: 640px) {
  .product-tile__price--placeholder:after {
    height: 18px;
  }
}
.product-tile__price-per-liter {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #222;
  display: block;
}
@media only screen and (min-width: 640px) {
  .product-tile__price-per-liter {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    line-height: 1.4;
  }
}
.product-tile__loyalty-price {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  flex-wrap: wrap;
  font-weight: 700;
}
@media only screen and (min-width: 640px) {
  .product-tile__loyalty-price {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    line-height: 1.4;
  }
}
.product-tile__loyalty-price--current {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.product-tile__loyalty-price--original {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  color: #16327f;
  padding-left: 8px;
  text-decoration: line-through;
}
.product-tile__loyalty-price--original .loyalty-signet-small__circle {
  fill: #16327f;
}
.product-tile__loyalty-signet {
  height: 18px;
  margin-left: 3px;
  width: 14px;
}
@media only screen and (min-width: 640px) {
  .product-tile__loyalty-signet {
    height: 24px;
    width: 19px;
  }
}
.product-tile__price-original {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #16327f;
  display: inline-block;
  font-weight: 700;
  padding-left: 8px;
  text-decoration: line-through;
}
@media only screen and (min-width: 640px) {
  .product-tile__price-original {
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    line-height: 1.4;
  }
}
.product-tile:focus, .product-tile:active, .product-tile:hover {
  color: #fff;
  text-decoration: none;
}
.product-tile:hover .product-tile__image {
  transform: scale(1.06, 1.06);
}
.product-badge {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  color: #fff;
  min-width: 60px;
  padding: 3px 5px;
}
.product-badge--new {
  background-color: #fff;
}
.product-badge--discount {
  background-color: #009956;
}
.product-badge + .product-badge {
  margin-top: 8px;
}
.product-image {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .product-image {
    flex-direction: row;
    margin-bottom: 0;
    width: 50%;
  }
}
.product-image__thumbnails {
  display: flex;
  justify-content: center;
  order: 2;
  padding: 16px 0;
}
@media only screen and (min-width: 640px) {
  .product-image__thumbnails {
    flex-direction: column;
    justify-content: flex-start;
    margin-right: 8px;
    order: 1;
    padding: 0;
    width: 23%;
  }
}
.product-image__thumbnails .slick-arrow {
  appearance: none;
  background: none;
  border: 0;
  color: transparent;
  font-size: 0;
}
.product-image__thumbnails .slick-arrow:after {
  color: #fff;
  content: "";
  display: block;
  font-size: 32px;
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.product-image__thumbnails .slick-arrow:focus {
  outline: none;
}
.product-image__thumbnails .slick-arrow:focus:after {
  color: #16327f;
}
.product-image__thumbnails .slick-prev:after {
  content: "";
}
.product-image__thumbnails .slick-next:after {
  content: "";
}
.product-image__wrapper {
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  .product-image__wrapper {
    align-content: stretch;
    align-items: flex-start;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
}
.product-image__wrapper:focus {
  outline: none;
}
.product-image__thumbnail {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  cursor: pointer;
  height: 16px;
  margin: 0 5px;
  width: 16px;
}
.product-image__thumbnail-image {
  display: none;
}
@media only screen and (min-width: 640px) {
  .product-image__thumbnail {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    display: block;
    height: auto;
    margin-bottom: 12px;
    margin-top: 12px;
    position: relative;
    width: 100%;
  }
  .product-image__thumbnail--active {
    background-color: transparent;
  }
  .product-image__thumbnail--active::after {
    border-bottom: 3px solid #fff;
    bottom: -8px;
    content: "";
    display: block;
    left: -1px;
    position: absolute;
    width: calc(100% + 2px);
  }
  .product-image__thumbnail-image {
    background-color: #fff;
    display: inline-block;
  }
}
.product-image__thumbnail:hover, .product-image__thumbnail:focus {
  background-color: #16327f;
  border-color: #fff;
  outline: 0;
}
.product-image__thumbnail--active {
  background-color: #fff;
}
.product-image__image {
  border: 1px solid #fff;
  display: block;
  height: auto;
  width: 100%;
}
.product-image__image:focus {
  outline: none;
}
@media only screen and (min-width: 640px) {
  .product-image__image {
    min-width: 100%;
  }
}
.product-image__image-wrapper {
  position: relative;
  width: 100%;
}
.product-image__image-wrapper:focus-within, .product-image__image-wrapper:focus {
  outline: none;
}
@media only screen and (min-width: 640px) {
  .product-image__image-wrapper {
    min-width: 100%;
  }
}
.product-image__zoom-in-button, .product-image__zoom-out-button {
  transition:  background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  align-items: center;
  appearance: none;
  background-color: #cbd300;
  border: 0;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  width: 32px;
}
.product-image__zoom-in-button-text, .product-image__zoom-out-button-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.product-image__zoom-in-button:after, .product-image__zoom-out-button:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:  color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1),  0.2s cubic-bezier(0.39, 0.575, 0.565, 1),;
  display: block;
  font-size: 18px;
}
.product-image__zoom-in-button:focus, .product-image__zoom-in-button:hover, .product-image__zoom-out-button:focus, .product-image__zoom-out-button:hover {
  outline: none;
}
.product-image__zoom-in-button {
  bottom: 8px;
  color: #fff;
  right: 8px;
}
.product-image__zoom-in-button:focus, .product-image__zoom-in-button:hover {
  color: #16327f;
}
.product-image__zoom-in-button:after {
  content: "";
}
.product-image__zoom-out-button {
  bottom: calc(8px - 1px);
  color: #16327f;
  right: calc(8px - 1px);
}
.product-image__zoom-out-button:focus, .product-image__zoom-out-button:hover {
  color: #fff;
}
.product-image__zoom-out-button:after {
  content: "";
}
@media only screen and (min-width: 900px) {
  .product-image__zoom-out-button {
    color: #fff;
  }
  .product-image__zoom-out-button:focus, .product-image__zoom-out-button:hover {
    color: #16327f;
  }
}
.product-image__zoom-container {
  background-color: #cbd300;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  touch-action: none;
}
.product-image__zoom-container:focus {
  outline: none;
}
.product-image__zoom-container--visible {
  display: block;
}
.product-image__zoom-frame {
  border: 1px solid #fff;
  overflow: hidden;
  position: relative;
}
.product-image__zoom-frame:focus {
  outline: none;
}
.product-image__zoom-image {
  cursor: move;
  left: 0;
  max-width: none;
  object-fit: contain;
  object-position: center;
  position: absolute;
  top: 0;
}
.product-image__zoom-image:focus {
  outline: none;
}
.product-image__container {
  order: 1;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .product-image__container {
    margin-left: 8px;
    order: 2;
    overflow: hidden;
    width: 77%;
  }
}
.product-image__container:focus {
  outline: none;
}
.product-image__spinner-overlay {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  height: 100%;
  width: 100%;
}
@keyframes spinnerAnimation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.product-image__spinner-overlay:after {
  display: inline-block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: spinnerAnimation 1s linear infinite;
  color: #16327f;
  content: "";
  font-size: 100px;
  height: 102px;
  line-height: 102px;
  width: 102px;
}
.product-image__spinner-overlay__text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}