/**
 * Settings.
 */
/**
 * Settings.
 */
/**
 * Typography settings.
 *
 * Font sizes and families are now controlled via CSS custom properties
 * output by functions/setup/css-variables.php (from ACF "Thema beheer").
 *
 * Available CSS variables:
 *
 * --theme-title-family
 * --theme-body-family
 * --theme-title-weight
 *
 * --theme-h1-size
 * --theme-h2-size
 * --theme-h3-size
 * --theme-h4-size
 * --theme-h5-size
 * --theme-body-size
 * --theme-intro-size
 * --theme-button-size
 *
 * These variables automatically switch between desktop and mobile values
 * via a media query in the inline <style> block.
 */
/**
 * Font family map (legacy fallback).
 */
/**
 * Color Map (https://convertacolor.com/).
 */
/**
 * Colors Variables.
 */
/**
 * Grid.
 */
/**
 * Assets.
 */
/**
 * Body.
 */
/**
 * Other.
 */
@import '../../node_modules/keen-slider/keen-slider.min.css';
@import '../../node_modules/photoswipe/dist/photoswipe.css';
*::selection {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
}

/**
 * Responsive.
 */
/**
 * Vendor.
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Tools.
 */
/**
 * Tools.
 */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/**
 * Container
 * 
 * Center aligns element with given maximum width, padding, and margins top and bottom.
 * @param {String} $width - Pixel unit value.
 * @param {String} $gap - Pixel unit value.
 * @example @include container(1024px, 20px);
 */
/**
 * Section
 *
 * Add top and bottom spacing to element using paddings.
 * @param {String} $top - Pixel unit value.
 * @param {String} $bottom - Pixel unit value.
 * @example @include section(100px, 100px);
 */
/**
 * Media.
 *
 * Media queries according to "The 100% Correct Way To Do CSS Breakpoints" (https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862).
 * @param {String} $breakpoint - Breakpoint pixel unit value.
 * @example @include media('phone') {}
 */
/**
 * Elements.
 */
/**
 * General.
 */
/**
 * Remove margin and padding from every selector including their
 * psuedo selectors.
 *
 * 1. More sensible default box sizing.
 *    (css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice).
 */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit; /* 1 */
}

/**
 * Set height of the document to maxium viewport height.
 *
 * 1. Set root font size to 10.
 */
html {
  height: 100vh;
  font-size: 62.5%; /* 1 */
  box-sizing: border-box;
}

/**
 * Set minimal height of the body to maximum viewport height to
 * match the document's height.
 *
 * 1. Firefox 25+.
 * 2. Chrome 5+.
 */
body {
  min-height: 100vh;
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 0%);
  font-family: var(--theme-body-family);
  font-weight: var(--theme-body-weight);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale; /* 1 */
  -webkit-font-smoothing: antialiased; /* 2 */
}

/**
 * Custom user agent resets and overrides that are not present in
 * Normalize 8.0.0. This mostly removes some annoying margin and padding
 * defaults, border radius, and outlines.
 */
a {
  color: inherit;
  text-decoration: none;
}

/**
 * 1. Remove border radius on Chrome 62.0+ on macOS.
 */
button {
  border: 0;
  border-radius: 0; /* 1 */
  outline: none;
  background: none;
  cursor: pointer;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

figure {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}

hr {
  margin: 0;
  padding: 0;
}

/**
 * 1. Remove white space.
 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; /* 1 */
}

/**
 * 1. Remove inherited user agent appearance.
 */
input,
select,
textarea {
  max-width: 100%;
  border: 0;
  border-radius: 0;
  outline: none;
  appearance: none; /* 1 */
}

/**
 * 1. Only allow vertical resizing to prevent the textarea
 *    from overflowing the container.
 */
textarea {
  resize: vertical;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

p {
  margin: 0;
}

/**
 * 1. Collapse borders to prevent double sided borders.
 */
table {
  max-width: 100%;
  border-collapse: collapse; /* 1 */
}

strong {
  font-weight: 700;
}

/**
 * Objects.
 */
/**
 * Buttons wrapper.
 */
.buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

/**
 * Button.
 */
.button {
  font-weight: var(--theme-button-weight);
  border-radius: var(--theme-button-radius);
  padding: 16px 24px;
  text-transform: var(--theme-text-transform);
  text-decoration: none;
  transition: all 250ms ease;
  font-size: var(--theme-button-size);
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
}
.button svg path {
  transition: all 250ms ease;
}

/**
 * Button icon colors.
 */
.button__icon {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
}
.button__icon--text-color {
  color: currentColor;
}
.button__icon--primary {
  color: var(--theme-color-primary);
}
.button__icon--secondary {
  color: var(--theme-color-secondary);
}
.button__icon--white {
  color: #fff;
}

/**
 * Button (primary).
 */
.button--primary {
  background-color: var(--theme-color-primary);
  color: #fff;
  border-color: var(--theme-color-primary);
}
.button--primary:hover {
  background-color: var(--theme-color-primary-hover);
}

/**
 * Button (secondary).
 */
.button--secondary {
  background-color: var(--theme-color-secondary);
  color: var(--theme-color-text);
  border-color: var(--theme-color-secondary);
}
.button--secondary:hover {
  background-color: var(--theme-color-secondary-hover);
}

/**
 * Button (transparent).
 */
.button--transparent {
  border: 1px solid hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.button--transparent:hover {
  background-color: hsl(0, 0%, 100%);
  color: var(--theme-background-alert);
}
.button--transparent:hover svg path {
  fill: var(--theme-background-alert);
}

.button--transparent.grey,
.button--transparent-grey {
  border: 1px solid var(--theme-background-alert);
  color: var(--theme-background-alert);
  transition: all 250ms ease;
}
.button--transparent.grey:hover,
.button--transparent-grey:hover {
  background-color: var(--theme-background-alert);
  color: hsl(0, 0%, 100%);
}
.button--transparent.grey:hover svg path,
.button--transparent-grey:hover svg path {
  fill: hsl(0, 0%, 100%);
}

/**
 * Every conceivable HTML element within a `.cms-output` wrapper.
 *
 * 1. Exclude last childs.
 */
.cms-output p:not(:last-child) {
  margin-bottom: 2em;
}
.cms-output h2,
.cms-output h3,
.cms-output h4 {
  margin-bottom: 30px;
}
.cms-output h5 {
  margin-bottom: 20px;
}
.cms-output .is-intro {
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (max-width: 899px) {
  .cms-output .is-intro {
    font-size: 18px;
    line-height: 24px;
  }
}
.cms-output img.aligncenter {
  display: block;
  margin: 0 auto;
}
.cms-output img.alignright {
  display: block;
  margin: 0 0 0 auto;
}
.cms-output table {
  word-break: break-word;
}
.cms-output table td {
  vertical-align: top;
}
.cms-output ul,
.cms-output ol {
  list-style-type: square;
  margin-left: 20px;
  margin-bottom: 1em;
}
.cms-output ul li,
.cms-output ol li {
  margin-bottom: 15px;
}
.cms-output ol {
  list-style-type: decimal;
}
.cms-output strong {
  font-weight: bold;
}
.cms-output a {
  text-decoration: underline;
  color: var(--theme-color-primary);
  transition: all 250ms ease;
}
.cms-output a:hover {
  color: var(--theme-color-primary-hover);
}
.cms-output blockquote {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  background-color: rgba(var(--theme-color-primary-rgb), 0.1);
  color: var(--theme-color-primary);
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  padding: 14px 24px;
  border-radius: 3px;
  margin-bottom: 32px;
}
.cms-output blockquote::before {
  content: "";
  width: 32px;
  min-width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19922 11.2C3.19922 7.66499 6.06422 4.79999 9.59922 4.79999H11.1992V7.99999H9.59922C7.83422 7.99999 6.39922 9.43499 6.39922 11.2V14.4H11.1992C12.9642 14.4 14.3992 15.835 14.3992 17.6V22.4C14.3992 24.165 12.9642 25.6 11.1992 25.6H6.39922C4.63422 25.6 3.19922 24.165 3.19922 22.4V11.2ZM20.7992 14.4H25.5992C27.3642 14.4 28.7992 15.835 28.7992 17.6V22.4C28.7992 24.165 27.3642 25.6 25.5992 25.6H20.7992C19.0342 25.6 17.5992 24.165 17.5992 22.4V11.2C17.5992 7.66499 20.4642 4.79999 23.9992 4.79999H25.5992V7.99999H23.9992C22.2342 7.99999 20.7992 9.43499 20.7992 11.2V14.4Z' fill='%23F18937'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.cms-output blockquote p {
  margin: 0;
}
.cms-output img {
  max-width: 658px;
  max-height: 402px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--theme-image-radius);
}
.cms-output .wp-caption {
  margin-bottom: 20px;
}
.cms-output .wp-caption img {
  border-radius: 10px;
}
.cms-output .wp-caption .wp-caption-text {
  font-size: 16px;
  line-height: 20px;
  color: hsl(0, 100%, 50%);
  letter-spacing: 0.44px;
  margin-top: 10px;
}

/**
 * The content constraint is a constraint for all the content within
 * the document. It can be manipulated by CSS or JavaScript without
 * influencing the body.
 */
.content-constraint {
  position: relative;
  min-height: 100vh;
  overflow: clip;
}

/**
 * Example of a flex based column grid layout in practice:
 *
 * <div class="row">
 *   <div class="col col-xs-6 col-sm-12"></div>
 *   <div class="col col-xs-6 col-sm-12"></div>
 * </div>
 *
 * This example will create a row with two columns each filling half the width
 * of the row on all media, but will convert to a full width column on the
 * small `-sm` breakpoint alias, which is mobile only. Refer to
 * `settings/_definitions.scss` for all breakpoint alias.
 */
/**
 * Flex object.
 *
 * Tip: Use flex on a column to make the box the same height as the column.
 */
.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

/**
 * Flex object with a column based layout system.
 */
.row {
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  margin: 0 -10px;
}

/**
 * Box, the inside of a column.
 */
.box {
  flex: 1;
}

/**
 * Align `stretch` for the xs breakpoint.
 */
.align-xs-stretch {
  align-items: stretch;
}

/**
 * Align `center` for the xs breakpoint.
 */
.align-xs-center {
  align-items: center;
}

/**
 * Align `flex-start` for the xs breakpoint.
 */
.align-xs-flex-start {
  align-items: flex-start;
}

/**
 * Align `flex-end` for the xs breakpoint.
 */
.align-xs-flex-end {
  align-items: flex-end;
}

/**
 * Align `baseline` for the xs breakpoint.
 */
.align-xs-baseline {
  align-items: baseline;
}

/**
 * Justify `start` for the xs breakpoint.
 */
.justify-xs-start {
  justify-content: start;
}

/**
 * Justify `center` for the xs breakpoint.
 */
.justify-xs-center {
  justify-content: center;
}

/**
 * Justify `space-between` for the xs breakpoint.
 */
.justify-xs-space-between {
  justify-content: space-between;
}

/**
 * Justify `space-around` for the xs breakpoint.
 */
.justify-xs-space-around {
  justify-content: space-around;
}

/**
 * Justify `space-evenly` for the xs breakpoint.
 */
.justify-xs-space-evenly {
  justify-content: space-evenly;
}

/**
 * Bleed left for the xs breakpoint.
 */
.bleed-xs-left {
  padding-left: 0;
}

/**
 * Bleed right for the xs breakpoint.
 */
.bleed-xs-right {
  padding-right: 0;
}

/**
 * Order first for the `xs` breakpoint.
 */
.first-xs {
  order: -1;
}

/**
 * Order last for the `xs` breakpoint.
 */
.last-xs {
  order: 1;
}

/**
 * Reverse order for the `xs` breakpoint.
 */
.reverse-xs {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 599px) {
  /**
   * Align `stretch` for the sm breakpoint.
   */
  .align-sm-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the sm breakpoint.
   */
  .align-sm-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the sm breakpoint.
   */
  .align-sm-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the sm breakpoint.
   */
  .align-sm-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the sm breakpoint.
   */
  .align-sm-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the sm breakpoint.
   */
  .justify-sm-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the sm breakpoint.
   */
  .justify-sm-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the sm breakpoint.
   */
  .justify-sm-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the sm breakpoint.
   */
  .justify-sm-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the sm breakpoint.
   */
  .justify-sm-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the sm breakpoint.
   */
  .bleed-sm-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the sm breakpoint.
   */
  .bleed-sm-right {
    padding-right: 0;
  }
  /**
   * Order first for the `sm` breakpoint.
   */
  .first-sm {
    order: -1;
  }
  /**
   * Order last for the `sm` breakpoint.
   */
  .last-sm {
    order: 1;
  }
  /**
   * Reverse order for the `sm` breakpoint.
   */
  .reverse-sm {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 600px) {
  /**
   * Align `stretch` for the md breakpoint.
   */
  .align-md-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the md breakpoint.
   */
  .align-md-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the md breakpoint.
   */
  .align-md-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the md breakpoint.
   */
  .align-md-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the md breakpoint.
   */
  .align-md-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the md breakpoint.
   */
  .justify-md-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the md breakpoint.
   */
  .justify-md-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the md breakpoint.
   */
  .justify-md-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the md breakpoint.
   */
  .justify-md-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the md breakpoint.
   */
  .justify-md-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the md breakpoint.
   */
  .bleed-md-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the md breakpoint.
   */
  .bleed-md-right {
    padding-right: 0;
  }
  /**
   * Order first for the `md` breakpoint.
   */
  .first-md {
    order: -1;
  }
  /**
   * Order last for the `md` breakpoint.
   */
  .last-md {
    order: 1;
  }
  /**
   * Reverse order for the `md` breakpoint.
   */
  .reverse-md {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 900px) {
  /**
   * Align `stretch` for the lg breakpoint.
   */
  .align-lg-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the lg breakpoint.
   */
  .align-lg-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the lg breakpoint.
   */
  .align-lg-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the lg breakpoint.
   */
  .align-lg-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the lg breakpoint.
   */
  .align-lg-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the lg breakpoint.
   */
  .justify-lg-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the lg breakpoint.
   */
  .justify-lg-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the lg breakpoint.
   */
  .justify-lg-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the lg breakpoint.
   */
  .justify-lg-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the lg breakpoint.
   */
  .justify-lg-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the lg breakpoint.
   */
  .bleed-lg-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the lg breakpoint.
   */
  .bleed-lg-right {
    padding-right: 0;
  }
  /**
   * Order first for the `lg` breakpoint.
   */
  .first-lg {
    order: -1;
  }
  /**
   * Order last for the `lg` breakpoint.
   */
  .last-lg {
    order: 1;
  }
  /**
   * Reverse order for the `lg` breakpoint.
   */
  .reverse-lg {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1200px) {
  /**
   * Align `stretch` for the xl breakpoint.
   */
  .align-xl-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the xl breakpoint.
   */
  .align-xl-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the xl breakpoint.
   */
  .align-xl-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the xl breakpoint.
   */
  .align-xl-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the xl breakpoint.
   */
  .align-xl-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the xl breakpoint.
   */
  .justify-xl-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the xl breakpoint.
   */
  .justify-xl-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the xl breakpoint.
   */
  .justify-xl-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the xl breakpoint.
   */
  .justify-xl-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the xl breakpoint.
   */
  .justify-xl-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the xl breakpoint.
   */
  .bleed-xl-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the xl breakpoint.
   */
  .bleed-xl-right {
    padding-right: 0;
  }
  /**
   * Order first for the `xl` breakpoint.
   */
  .first-xl {
    order: -1;
  }
  /**
   * Order last for the `xl` breakpoint.
   */
  .last-xl {
    order: 1;
  }
  /**
   * Reverse order for the `xl` breakpoint.
   */
  .reverse-xl {
    flex-direction: row-reverse;
  }
}
/**
 * Default fields.
 */
label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: hsl(0, 0%, 0%);
  margin-left: 15px;
}

.gform_required_legend {
  display: none;
}

.gfield_label {
  margin: 0 0 4px 0;
  letter-spacing: 0.07px;
  font-weight: 600;
  color: var(--theme-background-alert);
}

.gfield--type-consent legend {
  display: none;
}

.gfield_required {
  display: none;
}

.gfield {
  margin-bottom: 24px;
  width: 100%;
}
.gfield.is-half {
  width: calc(50% - 12px);
}

.gform_fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
}

select,
input,
textarea {
  font-size: 12px;
  width: 100%;
  height: 42px;
  background-color: hsl(0, 0%, 100%);
  border: 0;
  padding: 12px 16px;
  border-radius: 3px;
  color: var(--theme-background-alert);
}
select::placeholder,
input::placeholder,
textarea::placeholder {
  color: rgba(56, 55, 55, 0.6);
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.12px;
}

textarea {
  height: 120px;
  font-size: 12px;
}

.gfield_required {
  color: hsl(0, 100%, 50%);
}

.ginput_container_select {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  border: 1px solid hsl(0, 0%, 0%);
}
.ginput_container_select svg {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 9px;
  height: 13px;
  z-index: 1;
}
.ginput_container_select select {
  position: relative;
  width: calc(100% + 50px);
  max-width: none;
  margin: -2px;
  background-color: transparent;
  border: 0;
  z-index: 2;
}

input[type=radio],
input[type=checkbox] {
  width: 15px;
  height: 15px;
  border: 2px solid hsl(0, 0%, 0%);
  border-radius: 2px;
  background-color: hsl(0, 0%, 100%);
  transition: all 250ms ease;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
  background-color: hsl(0, 0%, 0%);
}

input[type=radio] {
  border-radius: 20px;
}

/**
 * Gravity Forms.
 */
.gfield {
  margin-bottom: 25px;
}

.gform_validation_container {
  display: none;
}

.hidden_label > label {
  display: none;
}

.validation_message {
  font-size: 12px;
  line-height: 23px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  width: 100%;
  color: hsl(0, 100%, 50%);
}
.validation_message > svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-top: -2px;
}

.validation_error {
  display: none;
  position: relative;
  margin: 0 0 50px;
  padding: 25px 25px 25px 75px;
  background: hsl(0, 100%, 50%);
  color: hsl(0, 100%, 50%);
}
.validation_error > svg {
  position: absolute;
  top: calc(50% - 15px);
  left: 30px;
  width: 31px;
  height: 30px;
  color: hsl(0, 100%, 50%);
}
.validation_error .close-button {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.validation_error .close-button svg {
  width: 16px;
  height: 16px;
  color: hsl(0, 0%, 0%);
}

.gform_confirmation_message {
  width: 100%;
  padding: 50px;
  background: hsl(0, 100%, 50%);
}
.gform_confirmation_message br {
  display: none;
}
.gform_confirmation_message h4 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.gform_confirmation_message h4 svg {
  width: 28px;
  height: 28px;
  margin-right: 20px;
  border-radius: 20px;
  background-color: hsl(0, 0%, 100%);
  padding: 5px;
  color: hsl(0, 0%, 0%);
}

.ginput_container_consent {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.ginput_container_consent label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.14px;
  color: var(--theme-background-alert);
  margin: 0;
}
.ginput_container_consent label a {
  font-weight: 500;
  color: var(--theme-background-alert);
  text-decoration: underline;
}

/**
 * Heading.
 */
h1,
h2,
h3,
h4 {
  font-family: var(--theme-title-family);
  font-weight: var(--theme-title-weight);
  color: hsl(0, 0%, 0%);
}
h1.is-white,
h2.is-white,
h3.is-white,
h4.is-white {
  color: hsl(0, 0%, 100%);
}

/**
  * Heading 1.
*/
h1,
.heading-1 {
  font-size: var(--theme-h1-size);
  line-height: 1.3em;
}

/**
 * Heading 2.
 */
h2,
.heading-2 {
  font-size: var(--theme-h2-size);
  line-height: 1.3em;
}

/**
 * Heading 3.
 */
h3,
.heading-3 {
  font-size: var(--theme-h3-size);
  line-height: 1.3em;
}

/**
* Heading 4.
*/
h4 {
  font-size: var(--theme-h4-size);
  line-height: 1.3em;
}

/**
* Heading 5.
*/
h5 {
  font-size: var(--theme-h5-size);
  line-height: 1.3em;
}

/**
 * Body text.
 */
p, div, span, a {
  font-size: var(--theme-body-size);
  line-height: 28px;
  letter-spacing: 0.14px;
}
p.is-white, div.is-white, span.is-white, a.is-white {
  color: hsl(0, 0%, 100%);
}

.has-lazy-load {
  position: relative;
  top: -150px;
  transition: all 750ms ease;
  transition-delay: 500ms;
  opacity: 0;
}
.has-lazy-load.header {
  transition-delay: 750ms;
  transition: all 500ms ease;
}

.has-lazy-load[loaded=true] {
  top: 0;
  opacity: 1;
}

.pagination {
  width: 100%;
  padding-block: 48px;
}
.pagination .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.pagination .page-numbers {
  font-size: 16px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--theme-color-antraciet);
  font-weight: 500;
  text-decoration: none;
  transition: all 250ms ease;
}
.pagination .page-numbers + .page-numbers:not(.prev):not(.next) {
  margin-left: 16px;
}
.pagination .page-numbers.current {
  font-weight: 700;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
  width: 42px;
  height: 42px;
  border-radius: 100px;
  background-color: var(--theme-color-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .page-numbers.prev svg, .pagination .page-numbers.next svg {
  width: 19px;
  height: 15px;
}
.pagination .page-numbers.prev svg path, .pagination .page-numbers.next svg path {
  fill: var(--theme-color-antraciet);
}
.pagination .page-numbers.prev.disabled, .pagination .page-numbers.next.disabled {
  background-color: #EDEDED;
  pointer-events: none;
}
.pagination .page-numbers.prev svg {
  transform: rotate(180deg);
}

/**
 * Wrapper (default)
 */
.wrapper {
  max-width: calc(1512px + 240px);
  padding: 0 120px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wrapper {
    max-width: calc(1512px + 112px);
    padding: 0 56px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 899px) {
  .wrapper {
    max-width: calc(1512px + 96px);
    padding: 0 48px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper {
    max-width: calc(1512px + 48px);
    padding: 0 24px;
    width: 100%;
    margin: 0 auto;
  }
}

/**
 * Wrapper (small)
 */
.wrapper--small {
  max-width: calc(1512px + 456px);
  padding: 0 228px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wrapper--small {
    max-width: calc(1512px + 112px);
    padding: 0 56px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 899px) {
  .wrapper--small {
    max-width: calc(1512px + 96px);
    padding: 0 48px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper--small {
    max-width: calc(1512px + 48px);
    padding: 0 24px;
    width: 100%;
    margin: 0 auto;
  }
}

/**
* Self hosted google webfonts.
* https://gwfh.mranftl.com/fonts
**/
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v31-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/montserrat-v31-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v31-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/montserrat-v31-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v31-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/montserrat-v31-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v31-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/montserrat-v31-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v31-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/montserrat-v31-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* belleza-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Belleza";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/belleza-v18-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/shantell-sans-v13-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/shantell-sans-v13-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/shantell-sans-v13-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/shantell-sans-v13-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/shantell-sans-v13-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/shantell-sans-v13-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/shantell-sans-v13-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/shantell-sans-v13-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/shantell-sans-v13-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* shantell-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Shantell Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/shantell-sans-v13-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* pathway-gothic-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Pathway Gothic One";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/pathway-gothic-one-v16-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lalezar-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Lalezar";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lalezar-v16-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* new-rocker-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "New Rocker";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/new-rocker-v17-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bungee-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bungee";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bungee-v17-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/saira-v23-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/saira-v23-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/saira-v23-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/saira-v23-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/saira-v23-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/saira-v23-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/saira-v23-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/saira-v23-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/saira-v23-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/saira-v23-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/poppins-v24-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/poppins-v24-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/poppins-v24-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/poppins-v24-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/poppins-v24-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/poppins-v24-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/poppins-v24-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/poppins-v24-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/poppins-v24-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/poppins-v24-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/grenze-v18-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/grenze-v18-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/grenze-v18-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/grenze-v18-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/grenze-v18-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/grenze-v18-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/grenze-v18-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/grenze-v18-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/grenze-v18-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grenze-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Grenze";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/grenze-v18-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/raleway-v37-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/raleway-v37-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/raleway-v37-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/raleway-v37-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/raleway-v37-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/raleway-v37-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/raleway-v37-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/raleway-v37-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/raleway-v37-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/raleway-v37-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.background--white {
  background-color: var(--theme-background-primary);
}

.background--grey {
  background-color: var(--theme-background-secondary);
}

.background--light-grey {
  background-color: var(--theme-background-tertiary);
}

/**
 * Components.
 */
.navigation-mobile {
  position: fixed;
  top: 0;
  left: 100vw;
  bottom: 0;
  width: 100%;
  height: calc(100% - 100px);
  margin-top: 100px;
  transition: all 400ms ease;
  background: hsl(0, 0%, 100%);
  opacity: 0;
  z-index: 999;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 1199px) {
  .navigation-mobile {
    height: calc(100% - 72px);
    margin-top: 72px;
  }
}
.navigation-mobile.is-active {
  left: 0;
  opacity: 1;
}
.navigation-mobile::-webkit-scrollbar {
  display: none;
}
.navigation-mobile .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 600px) {
  .navigation-mobile .navigation-mobile__cta-button--primary {
    display: none;
  }
}

/**
 * Main menu.
 */
.navigation-mobile__main {
  padding: 10px 0;
  list-style: none;
  margin: 0;
}

.navigation-mobile__main > li {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding: 22px 0;
}

.navigation-mobile__main > li:not(:last-child) {
  border-bottom: 1px solid rgba(56, 55, 55, 0.08);
}

.navigation-mobile__main > li > a {
  font-size: 20px;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 700;
  color: hsl(0, 0%, 0%);
  text-decoration: none;
  text-transform: var(--theme-text-transform);
}

.navigation-mobile__main > li > a svg {
  margin-left: auto;
  flex-shrink: 0;
  transition: transform 250ms ease;
}

.navigation-mobile__main > li > a.is-active svg {
  transform: rotate(180deg);
}

.navigation-mobile__main > li .submenu-container {
  display: none;
  width: 100%;
  margin-top: 8px;
}

.navigation-mobile__main > li .submenu-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation-mobile__main > li .submenu-container li a {
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding: 8px 0;
  font-weight: 500;
  color: hsl(0, 0%, 0%);
  text-decoration: none;
}

.navigation-mobile__main > li > a.is-active svg {
  transform: rotate(180deg);
}

/**
 * CTA buttons.
 */
.navigation-mobile__cta {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 24px 0;
}

.navigation-mobile__cta a {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: var(--theme-button-weight);
  border-radius: var(--theme-button-radius);
  padding: 16px 24px;
  text-transform: var(--theme-text-transform);
  text-decoration: none;
}

.navigation-mobile__cta-button--primary {
  background-color: var(--theme-color-primary);
  color: hsl(0, 0%, 100%);
  border: 1px solid var(--theme-color-primary);
}

.navigation-mobile__cta-button--secondary {
  border: 1px solid hsl(0, 0%, 0%);
  color: hsl(0, 0%, 0%);
}

/**
 * Disable scroll.
 */
body.is-active {
  overflow: hidden;
}
body.is-active .header::before {
  bottom: 0;
}

.navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}

.navigation__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 36px;
  list-style: none;
  margin: 0 0 0 auto;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  .navigation__list {
    gap: 32px;
  }
}

.navigation__item {
  position: relative;
}

.navigation__item > a {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  text-align: right;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.14px;
  text-transform: var(--theme-text-transform);
  position: relative;
}
.navigation__item > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0%;
  background-color: currentColor;
  transition: width 250ms ease;
}
.navigation__item > a:hover::before, .navigation__item > a.is-active::before, .navigation__item > a.is-current::before {
  width: 100%;
}

.navigation__item--has-submenu::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 24px;
  pointer-events: none;
}

.navigation__item--has-submenu:hover::after {
  pointer-events: all;
}

.navigation__item--has-submenu:hover .navigation__sublist {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}

.navigation__chevron {
  width: 12px;
  height: auto;
  transition: transform 250ms ease;
}

.navigation__item--has-submenu:hover .navigation__chevron {
  transform: rotate(180deg);
}

.navigation__sublist {
  position: absolute;
  top: calc(100% + 24px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  list-style: none;
  margin: 0;
  padding: 10px 24px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.03);
  opacity: 0;
  visibility: hidden;
  transition: all 250ms ease;
  min-width: 200px;
  pointer-events: none;
}

.navigation__subitem:not(:last-child) {
  border-bottom: 1px solid rgba(56, 55, 55, 0.08);
}
.navigation__subitem a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  padding: 12px 0;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}
.navigation__subitem a .icon {
  min-width: 28px;
  max-width: 28px;
  width: 28px;
  height: auto;
  aspect-ratio: 1/1;
  background-color: var(--theme-color-secondary);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 250ms ease;
}
.navigation__subitem a:hover .icon {
  transform: rotate(45deg);
  background-color: var(--theme-color-secondary-hover);
}

.navigation__cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.navigation__cta a,
.header__cta-button--primary {
  font-weight: var(--theme-button-weight);
  border-radius: var(--theme-button-radius);
  padding: 16px 24px;
  text-transform: var(--theme-text-transform);
  text-decoration: none;
  transition: all 250ms ease;
  font-size: var(--theme-button-size);
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
}

.navigation__cta-button--primary,
.header__cta-button--primary {
  background-color: var(--theme-color-primary);
  color: hsl(0, 0%, 100%);
  border: 1px solid var(--theme-color-primary);
}
.navigation__cta-button--primary:hover,
.header__cta-button--primary:hover {
  background-color: var(--theme-color-primary-hover);
  border: 1px solid var(--theme-color-primary-hover);
}

.navigation__cta-button--secondary {
  border: 1px solid hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.navigation__cta-button--secondary:hover {
  background-color: hsl(0, 0%, 100%);
  color: var(--theme-background-alert);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: all 250ms ease;
}

.header-top {
  background-color: var(--theme-background-alert);
  padding: 8px 0;
  overflow: hidden;
}
.header-top span {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: var(--theme-body-family);
  font-size: 15px;
  font-style: normal;
  font-weight: var(--theme-body-weight);
  line-height: 28px;
  letter-spacing: 0.15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  justify-content: center;
  white-space: nowrap;
}
.header-top span svg {
  flex-shrink: 0;
}
.header-top span svg path {
  fill: var(--theme-color-secondary);
}
.header-top span a {
  color: #FEF6F2;
  font-weight: 600;
  text-decoration: underline;
}

@media (min-width: 900px) {
  .header-top__slider {
    overflow: visible !important;
  }
}
.header-top__slider.marquee > .marquee-track > div {
  flex-shrink: 0;
}

@media (max-width: 899px) {
  .header-top__slider span {
    justify-content: flex-start;
  }
}

.header-content {
  position: relative;
  padding: 28px 40px 28px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  transition: background 300ms ease, backdrop-filter 300ms ease;
}
.header-content.is-scrolled {
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1199px) {
  .header-content {
    display: none;
  }
}
.header-content .header__logo {
  max-width: 153px;
  width: 100%;
}
.header-content .header__logo img {
  width: 100%;
  max-width: 153px;
  object-fit: contain;
}

.header-mobile {
  background-color: hsl(0, 0%, 100%);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px 12px 0;
}
@media only screen and (min-width: 1200px) {
  .header-mobile {
    display: none;
  }
}
.header-mobile .header__logo {
  max-width: 102px;
}
.header-mobile .header__logo img {
  width: 100%;
  max-width: 102px;
  object-fit: contain;
}
.header-mobile .header__actions {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}

.header-mobile .header__menu-button {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.header-mobile .header__menu-button span {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 50px;
  background: var(--theme-background-alert);
  transition: all 250ms ease;
}

.header-mobile .header__menu-button.is-active span:nth-child(1) {
  transform: translateY(0px) rotate(45deg);
}

.header-mobile .header__menu-button.is-active span:nth-child(2) {
  display: none;
}

.header-mobile .header__menu-button.is-active span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

@media only screen and (max-width: 599px) {
  .header-mobile .header__cta-button {
    display: none;
  }
}

/**
 * Dark logo (hidden by default, shown on specific templates).
 */
.header__logo-dark {
  display: none;
}

/**
 * News list header overrides.
 */
.page-template-news-list .header-content {
  background-color: hsl(0, 0%, 100%);
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.03);
}
.page-template-news-list .header-content.is-scrolled {
  backdrop-filter: none;
  background-color: hsl(0, 0%, 100%);
}
.page-template-news-list .header-content .header__logo-default {
  display: none;
}
.page-template-news-list .header-content .header__logo-dark {
  display: block;
}
.page-template-news-list .navigation__item > a {
  color: var(--theme-color-text);
  text-shadow: none;
}
.page-template-news-list .navigation__cta-button--secondary {
  border-color: var(--theme-background-alert);
  color: var(--theme-background-alert);
}
.page-template-news-list .navigation__cta-button--secondary:hover {
  background-color: var(--theme-background-alert);
  color: hsl(0, 0%, 100%);
}

.otgs-development-site-front-end,
.wpml-ls-statics-footer {
  display: none;
}

.footer__news {
  background: linear-gradient(to bottom, hsl(0, 0%, 100%) 40%, var(--theme-background-secondary) 40%);
}

.footer {
  background-color: var(--theme-background-secondary);
}

.footer__news-background {
  background-color: var(--theme-color-secondary);
  padding: 56px 48px;
  display: flex;
  flex-direction: row;
  gap: 24px 64px;
  justify-content: space-between;
  border-radius: 6px;
}
@media only screen and (max-width: 899px) {
  .footer__news-background {
    flex-direction: column;
  }
}
.footer__news-background .footer__news-content {
  max-width: 480px;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .footer__news-background .footer__news-content {
    max-width: 100%;
  }
}
.footer__news-background .footer__news-content h1,
.footer__news-background .footer__news-content h2,
.footer__news-background .footer__news-content h3,
.footer__news-background .footer__news-content h4,
.footer__news-background .footer__news-content h5,
.footer__news-background .footer__news-content h6 {
  margin-bottom: 24px;
  letter-spacing: 0.52px;
  color: var(--theme-background-alert);
}
.footer__news-background .footer__news-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-weight: 500;
  letter-spacing: 0.08px;
  color: var(--theme-background-alert);
  font-size: 16px;
}
.footer__news-background .footer__news-form {
  max-width: 540px;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .footer__news-background .footer__news-form {
    max-width: 100%;
  }
}
.footer__news-background .footer__news-form form .button.button--transparent-grey svg {
  display: none;
}
.footer__news-background .footer__news-form form .gfield_label {
  margin: 0 0 4px 0;
  letter-spacing: 0.07px;
  font-weight: 600;
  color: var(--theme-background-alert);
}
.footer__news-background .footer__news-form form .gfield_required {
  display: none;
}
.footer__news-background .footer__news-form form .gfield {
  margin-bottom: 24px;
}
.footer__news-background .footer__news-form form .gfield input {
  border: 0;
  padding: 12px 16px;
  border-radius: 3px;
  color: var(--theme-background-alert);
}
.footer__news-background .footer__news-form form .gfield input::placeholder {
  color: rgba(56, 55, 55, 0.6);
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.12px;
}
.footer__news-background .footer__news-form .footer__news-disclaimer {
  margin-top: 24px;
  font-weight: 500;
  font-size: 12px;
}
.footer__news-background .footer__news-form .footer__news-disclaimer a {
  font-weight: 700;
  text-decoration: underline;
}

.footer {
  padding-block: 100px 32px;
}
@media only screen and (max-width: 899px) {
  .footer {
    padding-block: 80px 32px;
  }
}
@media only screen and (max-width: 599px) {
  .footer {
    padding-block: 40px 32px;
  }
}

.footer__top {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(56, 55, 55, 0.1);
}
@media only screen and (max-width: 899px) {
  .footer__top {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 599px) {
  .footer__top {
    grid-template-columns: 1fr;
  }
}

.footer__logo {
  margin-bottom: 24px;
}
.footer__logo img {
  max-width: 120px;
  height: auto;
}

.footer__menu-content h1,
.footer__menu-content h2,
.footer__menu-content h3,
.footer__menu-content h4,
.footer__menu-content h5,
.footer__menu-content h6 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14px;
  margin-bottom: 16px;
}
.footer__menu-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer__menu-content li {
  margin-bottom: 8px;
}
.footer__menu-content a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 0.075px;
  color: var(--theme-color-text);
  transition: color 250ms ease;
}
.footer__menu-content a:not(:first-child) {
  padding-top: 4px;
}
.footer__menu-content a:hover {
  color: var(--theme-color-primary);
}
.footer__menu-content p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.14px;
  margin-bottom: 8px;
}

.footer__socials {
  margin-top: 24px;
}
.footer__socials > span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14px;
  margin-bottom: 12px;
}

.footer__socials-links {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer__social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  aspect-ratio: 1/1;
  border-radius: 100px;
  background-color: var(--theme-color-secondary);
  transition: background-color 250ms ease;
}
.footer__social-link:hover {
  background-color: var(--theme-color-secondary-hover);
}

.footer__bottom {
  padding-top: 24px;
}

.footer__copyright {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.13px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.footer__copyright a {
  transition: color 250ms ease;
}
.footer__copyright a:hover {
  color: var(--theme-color-primary);
}
.footer__copyright * {
  color: var(--theme-background-alert);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.12px;
}

.footer__copyright-separator {
  color: var(--theme-background-alert);
}

.footer__broodfabriek {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px 24px;
  flex-wrap: wrap;
}
.footer__broodfabriek img {
  max-width: 190px;
  width: 100%;
  object-fit: contain;
}
.footer__broodfabriek span {
  color: var(--theme-background-alert);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.12px;
}

.footer__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.content-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 692px;
  height: 100%;
}
.content-hero.content-hero--anchors {
  min-height: 480px;
}
.content-hero.content-hero--anchors .wrapper {
  min-height: 480px;
}
.content-hero.content-hero--anchors + * {
  padding-top: 146px;
}
.content-hero .wrapper {
  min-height: 692px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.content-hero .content-hero__inner {
  max-width: 836px;
  width: 100%;
  flex: 1;
  padding-block: 242px 160px;
  margin-inline: auto;
  text-align: center;
}
.content-hero .content-hero__subtitle {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(2px);
  color: hsl(0, 0%, 100%);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  max-width: fit-content;
  padding: 10px 12px;
  margin-inline: auto;
  margin-bottom: 24px;
}
.content-hero .content-hero__subtitle svg {
  flex-shrink: 0;
}
.content-hero .content-hero__subtitle svg path {
  fill: var(--theme-color-secondary);
}
.content-hero .content-hero__title {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.48px;
  color: hsl(0, 0%, 100%);
  text-align: center;
}
.content-hero .content-hero__editor {
  max-width: 540px;
  margin-inline: auto;
  text-align: center;
  margin-top: 24px;
}
.content-hero .content-hero__editor * {
  color: hsl(0, 0%, 100%);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.2px;
}
.content-hero .content-hero__buttons {
  margin-inline: auto;
  margin-top: 24px;
  justify-content: center;
}
.content-hero .content-hero__timer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background-color: var(--theme-color-secondary);
  padding: 32px 38px;
  border-radius: 4px;
  max-width: 484px;
  width: 100%;
  margin-inline: auto;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: -50px;
}
@media only screen and (max-width: 899px) {
  .content-hero .content-hero__timer {
    flex-wrap: balance;
  }
}
@media only screen and (max-width: 599px) {
  .content-hero .content-hero__timer {
    max-width: calc(100% - 92px);
  }
}
.content-hero .content-hero__timer::before {
  width: 32px;
  height: 32px;
  background-color: var(--theme-color-secondary);
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: -16px;
  pointer-events: none;
}
.content-hero .content-hero__timer-text {
  font-weight: 700;
  font-size: 16px;
  text-transform: var(--theme-text-transform);
  color: var(--theme-color-title);
  letter-spacing: 0.16px;
}
.content-hero .content-hero__timer-digits {
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.content-hero .content-hero__timer-digit {
  background-color: #FCFCFC;
  border-radius: 3px;
  width: 31px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 26px;
  color: var(--theme-color-primary);
}
.content-hero .content-hero__anchors {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: -36px;
  width: 100%;
  max-width: 1060px;
  overflow: visible;
  display: flex;
}
@media only screen and (min-width: 900px) {
  .content-hero .content-hero__anchors {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 599px) {
  .content-hero .content-hero__anchors {
    max-width: calc(100% - 32px);
  }
}
.content-hero .content-hero__anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 24px;
  background-color: var(--theme-background-tertiary);
  border-radius: 3px;
  font-weight: 700;
  font-size: 14px;
  text-transform: var(--theme-text-transform);
  letter-spacing: 0.14px;
  line-height: normal;
  color: var(--theme-background-alert);
  text-decoration: none;
  position: relative;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08);
  transition: background-color 250ms ease, color 250ms ease;
  min-height: 72px;
  max-width: 172px;
  width: 100%;
}
.content-hero .content-hero__anchor::after {
  width: 32px;
  height: 32px;
  background-color: var(--theme-color-secondary);
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -16px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 250ms ease 100ms;
}
.content-hero .content-hero__anchor:hover {
  background-color: var(--theme-color-secondary);
}
.content-hero .content-hero__anchor.is-active {
  background-color: var(--theme-color-secondary);
  border-radius: 4px;
}
.content-hero .content-hero__anchor.is-active::after {
  opacity: 1;
}
@media only screen and (max-width: 599px) {
  .content-hero .content-hero__anchor {
    padding: 16px 20px;
    font-size: 12px;
    min-height: 60px;
  }
}
.content-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%), linear-gradient(180deg, rgba(47, 47, 47, 0.85) 8.37%, rgba(56, 55, 55, 0) 36.46%);
  pointer-events: none;
}

.content-hero__usps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding-block: 100px 40px;
}

.content-hero__usps .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media only screen and (min-width: 900px) {
  .content-hero__usps-slider {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
    overflow: visible !important;
    justify-content: space-between;
    width: 100%;
  }
}
@media only screen and (max-width: 899px) {
  .content-hero__usps-slider {
    display: flex;
    flex-direction: row;
    gap: 0;
  }
}

.content-hero__usp {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.content-hero__usp-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  border: 2.5px solid var(--theme-color-antraciet);
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-hero__usp-icon svg path {
  fill: var(--theme-color-primary);
}

.content-hero__usp-content {
  display: flex;
  flex-direction: column;
}

.content-hero__usp-text {
  font-weight: 600;
  color: var(--theme-background-alert);
  letter-spacing: 0.19px;
}

.content-hero__usp-subtitle {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-background-alert);
  letter-spacing: 0.08px;
  margin-top: 2px;
}

.content-default {
  padding-block: 100px;
}
@media only screen and (max-width: 899px) {
  .content-default {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-default {
    padding-block: 50px;
  }
}

.experience-select {
  padding-block: 100px;
}
@media only screen and (max-width: 899px) {
  .experience-select {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .experience-select {
    padding-block: 50px;
  }
}
.experience-select .experience-select__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px 48px;
  justify-content: space-between;
  margin-bottom: 52px;
}
@media only screen and (max-width: 899px) {
  .experience-select .experience-select__head {
    margin-bottom: 24px;
  }
}
.experience-select .experience-select__title {
  max-width: 580px;
}
.experience-select .experience-select__button {
  max-width: fit-content;
  min-width: fit-content;
}
@media only screen and (max-width: 599px) {
  .experience-select .experience-select__button {
    display: none;
  }
}

.experience-select__items {
  display: grid;
  grid-template-columns: 40% 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
}
.experience-select__items:has(> :only-child) {
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.experience-select__items:has(> :nth-child(2):last-child) {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
.experience-select__items:has(> :nth-child(3):last-child) {
  grid-template-columns: 40% 1fr;
}
@media only screen and (max-width: 899px) {
  .experience-select__items {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}
@media only screen and (max-width: 599px) {
  .experience-select__items {
    grid-template-columns: 1fr;
  }
}

.experience-select__item {
  position: relative;
  border-radius: var(--theme-image-radius);
  overflow: clip;
  min-height: 330px;
}
.experience-select__item:first-child {
  grid-row: 1/3;
  grid-column: 1;
  min-height: auto;
}
@media only screen and (max-width: 899px) {
  .experience-select__item:first-child {
    grid-row: auto;
    grid-column: 1/-1;
    min-height: 330px;
  }
}
@media only screen and (max-width: 599px) {
  .experience-select__item:first-child {
    grid-column: auto;
    min-height: 296px;
  }
}
.experience-select__item:first-child:last-child, .experience-select__item:first-child:nth-last-child(2) {
  grid-row: auto;
  grid-column: auto;
  min-height: 330px;
}
.experience-select__item:nth-child(2):nth-last-child(2) {
  grid-column: 2;
}
.experience-select__item:nth-child(2) {
  grid-column: 2/4;
}
@media only screen and (max-width: 899px) {
  .experience-select__item:nth-child(2) {
    grid-column: 1/-1;
    order: 3;
  }
}
@media only screen and (max-width: 599px) {
  .experience-select__item:nth-child(2) {
    grid-column: auto;
    order: unset;
  }
}
.experience-select__item:nth-child(2):nth-last-child(2) {
  grid-column: 2;
}
@media only screen and (max-width: 899px) {
  .experience-select__item:nth-child(2):nth-last-child(2) {
    grid-column: 1/-1;
    order: 3;
  }
}
@media only screen and (max-width: 599px) {
  .experience-select__item:nth-child(2):nth-last-child(2) {
    grid-column: auto;
    order: unset;
  }
}
@media only screen and (max-width: 899px) {
  .experience-select__item:nth-child(3) {
    order: 2;
  }
}
@media only screen and (max-width: 599px) {
  .experience-select__item:nth-child(3) {
    order: unset;
  }
}
@media only screen and (max-width: 899px) {
  .experience-select__item:nth-child(4) {
    order: 2;
  }
}
@media only screen and (max-width: 599px) {
  .experience-select__item:nth-child(4) {
    order: unset;
  }
}
@media only screen and (max-width: 599px) {
  .experience-select__item {
    min-height: 296px;
  }
}

.experience-select__item--experience {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 24px;
  text-decoration: none;
}
.experience-select__item--experience::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--theme-image-gradient);
  z-index: 1;
  pointer-events: none;
}
.experience-select__item--experience .experience-select__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 400ms ease;
}
.experience-select__item--experience:hover .experience-select__image {
  transform: scale(1.03);
}
.experience-select__item--experience:hover .experience-select__item-icon {
  background-color: var(--theme-color-secondary-hover);
  transform: rotate(45deg);
}
.experience-select__item--experience .experience-select__item-bottom {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}
.experience-select__item--experience .experience-select__item-title {
  color: #fff;
  letter-spacing: 0.52px;
}
.experience-select__item--experience .experience-select__item-icon {
  min-width: 50px;
  max-width: 50px;
  width: 50px;
  height: 50px;
  background-color: var(--theme-color-secondary);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 250ms ease;
}
.experience-select__item--experience .experience-select__item-icon svg path {
  fill: var(--theme-background-alert);
  stroke: var(--theme-background-alert);
}

.experience-select__item--cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 24px 32px;
  background-color: var(--theme-color-secondary);
  min-height: auto;
}

.experience-select__icon {
  width: 52px;
  height: 52px;
  border-radius: 100px;
  background-color: hsl(0, 0%, 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.experience-select__icon svg path {
  fill: var(--theme-color-primary);
}

.experience-select__item-title {
  color: var(--theme-color-title);
  letter-spacing: 0.52px;
  margin-bottom: 8px;
}

.experience-select__editor {
  margin-block: 12px 26px;
  max-width: 302px;
}
.experience-select__editor * {
  color: var(--theme-color-text);
  letter-spacing: 0.08px;
  font-weight: 500;
}

.experience-select__item-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border: 2px solid var(--theme-background-alert);
  border-radius: var(--theme-button-radius);
  font-weight: var(--theme-button-weight);
  font-size: var(--theme-button-size);
  text-transform: var(--theme-text-transform);
  color: var(--theme-background-alert);
  transition: all 250ms ease;
}
.experience-select__item-link:hover {
  background-color: var(--theme-background-alert);
  border: 2px solid var(--theme-background-alert);
  color: #fff;
}

.beurs-select {
  padding-block: 100px;
}
@media only screen and (max-width: 899px) {
  .beurs-select {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .beurs-select {
    padding-block: 50px;
  }
}

.beurs-select__title {
  margin-bottom: 48px;
  text-align: center;
}
@media only screen and (max-width: 899px) {
  .beurs-select__title {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 599px) {
  .beurs-select__title {
    margin-bottom: 24px;
    text-align: left;
  }
}

.beurs-select__items {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media only screen and (max-width: 599px) {
  .beurs-select__items {
    gap: 32px;
  }
}

.beurs-select__item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: clip;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
  border-radius: 6px;
}
@media only screen and (max-width: 899px) {
  .beurs-select__item {
    flex-direction: column-reverse;
  }
}

.beurs-select__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.beurs-select__content-inner {
  display: flex;
  flex-direction: column;
  padding: 32px 32px 24px 32px;
}

.beurs-select__tags {
  display: flex;
  flex-direction: row;
  gap: 8px 12px;
  margin-bottom: 16px;
}

.beurs-select__tag {
  display: inline-flex;
  color: var(--theme-color-primary);
  background-color: rgba(var(--theme-color-primary-rgb), 0.1);
  padding: 6px 12px;
  font-weight: 500;
  letter-spacing: 0.14px;
}

.beurs-select__item-title {
  margin-bottom: 16px;
  letter-spacing: 0.52px;
}

.beurs-select__times {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 28px;
}

.beurs-select__time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.beurs-select__time-day {
  font-weight: 600;
  min-width: 84px;
  color: var(--theme-background-alert);
  letter-spacing: 0.16px;
  font-size: 16px;
}

.beurs-select__time-value {
  color: var(--theme-background-alert);
  letter-spacing: 0.14px;
}

.beurs-select__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  padding: 24px 32px 32px 32px;
  border-top: 1px solid rgba(234, 234, 234, 0.5);
}
@media only screen and (max-width: 599px) {
  .beurs-select__buttons a {
    width: 100%;
  }
}

.beurs-select__image {
  max-width: 440px;
  width: 100%;
  flex-shrink: 0;
  min-height: 368px;
}
@media only screen and (max-width: 899px) {
  .beurs-select__image {
    display: none;
  }
}
.beurs-select__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/**
 * Beurs select CTA.
 */
.beurs-select__cta {
  border-radius: 4px;
  background: linear-gradient(260deg, rgba(0, 29, 41, 0) 20.14%, #001D29 44.9%), lightgray 184.579px -141.957px/100% 166.17% no-repeat;
  background-size: cover;
  background-position: center;
  padding: 40px 48px;
  margin-bottom: 48px;
}
@media only screen and (max-width: 599px) {
  .beurs-select__cta {
    padding: 32px 24px;
    margin-bottom: 32px;
  }
}

.beurs-select__cta-content {
  max-width: 600px;
}

.beurs-select__cta-title {
  color: hsl(0, 0%, 100%);
}

.beurs-select__cta-editor {
  color: hsl(0, 0%, 100%);
  margin-top: 12px;
}
.beurs-select__cta-editor * {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.08px;
}

.beurs-select__cta-others {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}

.beurs-select__cta-other {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  text-decoration: none;
  transition: opacity 250ms ease;
}
.beurs-select__cta-other:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.beurs-select__cta-other:hover .beurs-select__cta-other-link {
  background-color: var(--theme-color-primary-hover);
}
.beurs-select__cta-other:hover .beurs-select__cta-other-link svg {
  transform: rotate(45deg);
}

.beurs-select__cta-other-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 599px) {
  .beurs-select__cta-other-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}

.beurs-select__cta-other-title {
  color: hsl(0, 0%, 100%);
  font-weight: 700;
  font-size: 18px;
}

.beurs-select__cta-other-dates {
  color: hsl(0, 0%, 100%);
  font-size: 16px;
}

.beurs-select__cta-other-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--theme-color-primary);
  color: hsl(0, 0%, 100%);
  flex-shrink: 0;
  transition: background-color 250ms ease;
}
.beurs-select__cta-other-link svg path {
  fill: hsl(0, 0%, 100%);
}
.beurs-select__cta-other-link svg {
  transition: all 250ms ease;
}
.beurs-select__cta-other-link:hover {
  background-color: var(--theme-color-primary-hover);
}
.beurs-select__cta-other-link:hover svg {
  transform: rotate(45deg);
}

.beurs-select__cta-link {
  margin-top: 32px;
}

.text-image {
  padding-block: 75px;
}
@media only screen and (max-width: 899px) {
  .text-image {
    padding-block: 60px;
  }
}
@media only screen and (max-width: 599px) {
  .text-image {
    padding-block: 50px;
  }
}
.text-image .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 48px;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  .text-image .wrapper {
    flex-direction: column;
    gap: 32px;
  }
}
.text-image.text-image--img-right .wrapper {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 899px) {
  .text-image.text-image--img-right .wrapper {
    flex-direction: column;
  }
}

.text-image__image {
  max-width: calc(50% - 54px);
  width: 100%;
  flex-shrink: 0;
}
@media only screen and (max-width: 899px) {
  .text-image__image {
    max-width: 100%;
    max-height: 320px;
  }
}
@media only screen and (max-width: 599px) {
  .text-image__image {
    max-height: 264px;
  }
}
.text-image__image img {
  width: 100%;
  height: auto;
  border-radius: var(--theme-image-radius);
  object-fit: cover;
}
@media only screen and (max-width: 899px) {
  .text-image__image img {
    max-height: 320px;
  }
}
@media only screen and (max-width: 599px) {
  .text-image__image img {
    max-height: 264px;
  }
}

.text-image__text {
  max-width: calc(50% - 54px);
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .text-image__text {
    max-width: 100%;
  }
}

.text-image__subtitle {
  display: block;
  color: var(--theme-color-primary);
  font-weight: 600;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.18px;
}
@media only screen and (max-width: 599px) {
  .text-image__subtitle {
    margin-bottom: 12px;
  }
}

.text-image__title {
  margin-bottom: 24px;
}
@media only screen and (max-width: 599px) {
  .text-image__title {
    margin-bottom: 12px;
  }
}

.text-image__editor {
  margin-bottom: 32px;
}
@media only screen and (max-width: 599px) {
  .text-image__editor {
    margin-bottom: 24px;
  }
}

.text-image__buttons a svg {
  transition: all 250ms ease;
}
.text-image__buttons a:hover svg {
  transform: rotate(45deg);
}

.content-usp-image {
  padding-block: 75px;
}
@media only screen and (max-width: 899px) {
  .content-usp-image {
    padding-block: 60px;
  }
}
@media only screen and (max-width: 599px) {
  .content-usp-image {
    padding-block: 50px;
  }
}
.content-usp-image .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 48px;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  .content-usp-image .wrapper {
    flex-direction: column;
    gap: 32px;
  }
}
.content-usp-image.content-usp-image--img-left .wrapper {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 899px) {
  .content-usp-image.content-usp-image--img-left .wrapper {
    flex-direction: column;
  }
}

.content-usp-image__image {
  max-width: calc(50% - 54px);
  width: 100%;
  flex-shrink: 0;
}
@media only screen and (max-width: 899px) {
  .content-usp-image__image {
    max-width: 100%;
    max-height: 320px;
  }
}
@media only screen and (max-width: 599px) {
  .content-usp-image__image {
    max-height: 264px;
  }
}
.content-usp-image__image img {
  width: 100%;
  height: auto;
  border-radius: var(--theme-image-radius);
  object-fit: cover;
}
@media only screen and (max-width: 899px) {
  .content-usp-image__image img {
    max-height: 320px;
  }
}
@media only screen and (max-width: 599px) {
  .content-usp-image__image img {
    max-height: 264px;
  }
}

.content-usp-image__text {
  max-width: calc(50% - 54px);
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .content-usp-image__text {
    max-width: 100%;
  }
}

.content-usp-image__title {
  margin-bottom: 40px;
  color: var(--theme-color-antraciet);
}
@media only screen and (max-width: 599px) {
  .content-usp-image__title {
    margin-bottom: 24px;
  }
}

.content-usp-image__usp {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 24px 0 24px 0;
}
.content-usp-image__usp:first-child {
  padding: 0 0 24px 0;
}
.content-usp-image__usp:not(:first-child) {
  padding: 24px 0 24px 0;
}

.content-usp-image__usp-title {
  padding-left: 16px;
  cursor: pointer;
  opacity: 0.6;
  position: relative;
  transition: opacity 250ms ease;
}
.content-usp-image__usp-title.is-active {
  opacity: 1;
}
.content-usp-image__usp-title.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: var(--theme-color-primary);
  border-radius: 100px;
}

.content-usp-image__usp-editor {
  padding-left: 16px;
  padding-bottom: 16px;
  padding-top: 12px;
}

.news-select {
  padding-block: 100px;
}
@media only screen and (max-width: 899px) {
  .news-select {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .news-select {
    padding-block: 50px;
  }
}

.news-select__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px 48px;
  justify-content: space-between;
  margin-bottom: 52px;
}
@media only screen and (max-width: 899px) {
  .news-select__head {
    margin-bottom: 24px;
  }
}

.news-select__title {
  max-width: 580px;
}

.news-select__buttons {
  max-width: fit-content;
  min-width: fit-content;
}
@media only screen and (max-width: 599px) {
  .news-select__buttons {
    display: none;
  }
}

.news-select__items {
  overflow: visible;
  display: flex;
  flex-direction: row;
}

.news-select__item {
  display: flex;
  flex-direction: column;
  border-radius: var(--theme-image-radius);
  overflow: clip;
  height: auto;
}

.news-select__item-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

.news-select__item-content {
  margin-inline: 20px;
  max-width: calc(100% - 40px);
  margin-top: -28px;
  background-color: hsl(0, 0%, 100%);
  position: relative;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding-top: 28px;
  height: 100%;
}

.news-select__item-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  padding-inline: 24px;
}

.news-select__item-category {
  display: inline-flex;
  color: var(--theme-color-primary);
  background-color: rgba(var(--theme-color-primary-rgb), 0.1);
  padding: 6px 12px;
  font-weight: 500;
  letter-spacing: 0.14px;
}

.news-select__item-title {
  margin-bottom: 12px;
  padding-inline: 24px;
  color: var(--theme-color-title);
}

.news-select__item-teaser {
  margin-bottom: 32px;
  padding-inline: 24px;
}
.news-select__item-teaser * {
  color: var(--theme-color-text);
}

.news-select__item-link {
  margin-top: auto;
  max-width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  border-radius: 0 30px 0 0;
  min-width: 280px;
  justify-content: space-between;
}
.news-select__item-link .news-select__item-link-icon {
  width: 28px;
  height: 28px;
  border-radius: 100px;
  border: 1px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 250ms ease;
}
.news-select__item-link:hover .news-select__item-link-icon {
  transform: rotate(45deg);
}

.news-select__actions {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 40px;
}

.news-select__actions-buttons {
  display: flex;
  gap: 12px;
}

.news-select__actions-prev,
.news-select__actions-next {
  width: 44px;
  height: 44px;
  aspect-ratio: 1/1;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E9E9E9;
  cursor: pointer;
  transition: opacity 200ms ease;
}
.news-select__actions-prev:hover,
.news-select__actions-next:hover {
  opacity: 0.7;
}

.news-select__actions-prev svg {
  transform: rotate(180deg);
}

.progression-bar {
  flex: 1;
  height: 4px;
  background-color: #EDEDED;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}
.progression-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--progress, 0%);
  background-color: var(--theme-color-primary);
  border-radius: 2px;
  transition: width 300ms ease;
}

.news-list {
  padding-block: 300px 100px;
  background-color: var(--theme-background-tertiary);
}
@media only screen and (max-width: 899px) {
  .news-list {
    padding-block: 180px 80px;
  }
}
@media only screen and (max-width: 599px) {
  .news-list {
    padding-block: 160px 50px;
  }
}
.news-list .pagination {
  margin-top: 64px;
}
@media only screen and (max-width: 899px) {
  .news-list .pagination {
    margin-top: 40px;
  }
}

/**
 * Highlights.
 */
.news-list__highlights {
  margin-bottom: 200px;
}
@media only screen and (max-width: 899px) {
  .news-list__highlights {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 599px) {
  .news-list__highlights {
    margin-bottom: 50px;
  }
}

.news-list__highlights-title {
  margin-bottom: 32px;
}

.news-list__highlights-items {
  overflow: visible;
  display: flex;
  flex-direction: row;
}

/**
 * Head.
 */
.news-list__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px 48px;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media only screen and (max-width: 599px) {
  .news-list__head {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}

.news-list__title {
  max-width: 580px;
}

.news-list__filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

/**
 * Items grid.
 */
.news-list__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media only screen and (max-width: 899px) {
  .news-list__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 599px) {
  .news-list__items {
    grid-template-columns: 1fr;
  }
}

/**
 * Item card (same as news-select__item).
 */
.news-list__item {
  display: flex;
  flex-direction: column;
  border-radius: var(--theme-image-radius);
  overflow: clip;
  height: auto;
}

.news-list__item-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

.news-list__item-content {
  margin-inline: 20px;
  max-width: calc(100% - 40px);
  margin-top: -28px;
  background-color: hsl(0, 0%, 100%);
  position: relative;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding-top: 28px;
  height: 100%;
}

.news-list__item-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  padding-inline: 24px;
}

.news-list__item-category {
  display: inline-flex;
  color: var(--theme-color-primary);
  background-color: rgba(var(--theme-color-primary-rgb), 0.1);
  padding: 6px 12px;
  font-weight: 500;
  letter-spacing: 0.14px;
}

.news-list__item-title {
  margin-bottom: 12px;
  padding-inline: 24px;
  color: var(--theme-color-title);
}

.news-list__item-teaser {
  margin-bottom: 32px;
  padding-inline: 24px;
}
.news-list__item-teaser * {
  color: var(--theme-color-text);
}

.news-list__item-link {
  margin-top: auto;
  max-width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  border-radius: 0 30px 0 0;
  min-width: 280px;
  justify-content: space-between;
}
.news-list__item-link .news-list__item-link-icon {
  width: 28px;
  height: 28px;
  border-radius: 100px;
  border: 1px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 250ms ease;
}
.news-list__item-link:hover .news-list__item-link-icon {
  transform: rotate(45deg);
}

.news-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 480px;
}
.news-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%), linear-gradient(180deg, rgba(47, 47, 47, 0.85) 8.37%, rgba(56, 55, 55, 0) 36.46%);
  pointer-events: none;
}
.news-hero .wrapper {
  min-height: 480px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}

.news-hero__inner {
  max-width: 836px;
  width: 100%;
  flex: 1;
  padding-block: 242px 160px;
  margin-inline: auto;
  text-align: center;
}

.news-hero__readtime {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(2px);
  color: hsl(0, 0%, 100%);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  max-width: fit-content;
  padding: 10px 12px;
  margin-inline: auto;
  margin-top: 24px;
}

.news-hero__title {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.48px;
  color: hsl(0, 0%, 100%);
  text-align: center;
}

.news-hero__editor {
  max-width: 540px;
  margin-inline: auto;
  text-align: center;
  margin-top: 24px;
}
.news-hero__editor * {
  color: hsl(0, 0%, 100%);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.2px;
}

/**
 * News single content.
 */
.news-single {
  padding-block: 80px 100px;
}
@media only screen and (max-width: 899px) {
  .news-single {
    padding-block: 60px 80px;
  }
}
@media only screen and (max-width: 599px) {
  .news-single {
    padding-block: 40px 50px;
  }
}

.news-single__editor img {
  max-width: 658px;
  max-height: 402px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--theme-image-radius);
}

.is-description {
  color: rgba(56, 55, 55, 0.5);
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.14px;
}

.news-single__back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 48px;
  color: var(--theme-color-primary);
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.16px;
  transition: color 250ms ease;
}
.news-single__back svg path {
  fill: var(--theme-color-primary);
  transition: fill 250ms ease;
}
.news-single__back:hover {
  color: var(--theme-color-primary-hover);
}
.news-single__back:hover svg path {
  fill: var(--theme-color-primary-hover);
}
@media only screen and (max-width: 599px) {
  .news-single__back {
    margin-top: 24px;
  }
}

.practical-info {
  padding-block: 50px;
}
@media only screen and (max-width: 899px) {
  .practical-info {
    padding-block: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .practical-info {
    padding-block: 0;
  }
  .practical-info .wrapper {
    padding-inline: 0;
    max-width: 100%;
  }
}

.practical-info__background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
  padding: 100px 108px;
  position: relative;
}
.practical-info__background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 6px;
  pointer-events: none;
}
.practical-info__background > * {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 899px) {
  .practical-info__background {
    padding: 60px 48px;
  }
}
@media only screen and (max-width: 599px) {
  .practical-info__background {
    padding: 40px 24px;
    border-radius: 0;
  }
  .practical-info__background::before {
    border-radius: 0;
  }
}

.practical-info__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px 48px;
  justify-content: space-between;
  margin-bottom: 52px;
}
@media only screen and (max-width: 899px) {
  .practical-info__head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
  }
}

.practical-info__title {
  color: hsl(0, 0%, 100%);
}

.practical-info__pill-switch {
  --toggle-count: 2;
  --toggle-padding: 6px;
  display: inline-grid;
  grid-template-columns: repeat(var(--toggle-count, 2), 1fr);
  grid-auto-columns: 1fr;
  align-items: center;
  background-color: hsl(0, 0%, 100%);
  border-radius: 100px;
  padding: var(--toggle-padding);
  min-width: fit-content;
  position: relative;
}

.practical-info__pill-switch-bg {
  position: absolute;
  top: var(--toggle-padding);
  bottom: var(--toggle-padding);
  left: var(--toggle-padding);
  width: calc((100% - 2 * var(--toggle-padding)) / var(--toggle-count, 2));
  transform: translateX(calc(var(--toggle-active, 0) * 100%));
  background-color: var(--theme-color-secondary);
  border-radius: 100px;
  transition: transform 0.5s cubic-bezier(0.625, 0.05, 0, 1);
}

.practical-info__pill-switch-item {
  z-index: 1;
  padding: 12px 20px;
  border-radius: 100px;
  border: none;
  background-color: transparent;
  font-weight: 500;
  font-size: 14px;
  text-transform: var(--theme-text-transform);
  letter-spacing: 0.15px;
  color: hsl(0, 0%, 0%);
  cursor: pointer;
  transition: color 0.2s;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.practical-info__pill-switch-item span {
  font-weight: 600;
  font-size: 14px;
}
.practical-info__pill-switch-item[data-toggle-active] {
  color: var(--theme-background-alert);
}

.practical-info__content {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4px;
  padding: 48px 56px 56px 56px;
}
@media only screen and (max-width: 899px) {
  .practical-info__content {
    padding: 32px 24px 36px 24px;
  }
}

.practical-info__title-secondary {
  margin-bottom: 16px;
}

.practical-info__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
  gap: 0 80px;
  transition: opacity 200ms ease;
}
@media only screen and (max-width: 599px) {
  .practical-info__items {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    gap: 0;
  }
}

.practical-info__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 24px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(56, 55, 55, 0.1);
  text-decoration: none;
  color: inherit;
}
@media only screen and (max-width: 599px) {
  .practical-info__item {
    padding-top: 12px;
    padding-bottom: 8px;
  }
}

.practical-info__item-left {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.practical-info__item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
}
.practical-info__item-icon svg {
  max-width: 24px;
  max-height: 24px;
}
.practical-info__item-icon svg path {
  fill: var(--theme-color-primary);
}

.practical-info__item-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.16px;
  color: var(--theme-background-alert);
}

.practical-info__item-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 28px;
  max-height: 28px;
  min-width: 28px;
  width: 28px;
  height: 28px;
  border-radius: 100px;
  background-color: var(--theme-color-secondary);
  transition: all 250ms ease;
}
.practical-info__item-arrow svg {
  max-width: 28px;
  max-height: 28px;
}
.practical-info__item:hover .practical-info__item-arrow {
  background-color: var(--theme-color-secondary-hover);
  transform: rotate(45deg);
}

.content-insta-feed {
  padding-block: 100px;
}
@media only screen and (max-width: 899px) {
  .content-insta-feed {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-insta-feed {
    padding-block: 50px;
  }
}

.content-insta-feed__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px 48px;
  justify-content: space-between;
  margin-bottom: 52px;
}
@media only screen and (max-width: 899px) {
  .content-insta-feed__head {
    margin-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.content-insta-feed__title {
  max-width: 580px;
}

.content-insta-feed__other {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: fit-content;
}
.content-insta-feed__other span {
  font-weight: 600;
  letter-spacing: 0.19px;
  font-size: var(--theme-h4-size);
  margin-right: 12px;
}

.content-insta-feed__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  aspect-ratio: 1/1;
  border-radius: 100px;
  background-color: var(--theme-color-secondary);
  transition: background-color 250ms ease;
}
.content-insta-feed__link:hover {
  background-color: var(--theme-color-secondary-hover);
}

.stands-list {
  padding-block: 75px;
}
@media only screen and (max-width: 899px) {
  .stands-list {
    padding-block: 60px;
  }
}
@media only screen and (max-width: 599px) {
  .stands-list {
    padding-block: 50px;
  }
}

.stands-list__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px 48px;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media only screen and (max-width: 599px) {
  .stands-list__head {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}

.stands-list__filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.stands-list__search {
  margin-bottom: 48px;
}

.stands-list__search-form {
  display: flex;
  flex-direction: row;
  gap: 0;
}

.stands-list__search-input {
  flex: 1;
  background-color: hsl(0, 0%, 100%);
  padding: 12px 28px;
  border: none;
  border-radius: 3px 0 0 3px;
  color: rgba(0, 29, 41, 0.75);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.14px;
  height: 58px;
}
.stands-list__search-input::placeholder {
  color: rgba(0, 29, 41, 0.75);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.14px;
}

.stands-list__search-button {
  width: 200px;
  flex-shrink: 0;
  border-radius: 0 3px 3px 0;
  gap: 8px;
  height: 58px;
}

/**
 * Table.
 */
.stands-list__table-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 24px;
}
.stands-list__table-header span {
  font-weight: 600;
  text-transform: var(--theme-text-transform);
  color: var(--theme-background-alert);
  font-size: 14px;
  letter-spacing: 0.14px;
}
@media only screen and (max-width: 599px) {
  .stands-list__table-header {
    display: none;
  }
}

.stands-list__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.stands-list__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 24px;
  background-color: hsl(0, 0%, 100%);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.02);
  border-radius: 3px;
}
@media only screen and (max-width: 599px) {
  .stands-list__item {
    flex-wrap: wrap;
  }
}

.stands-list__col-title {
  width: 232px;
  flex-shrink: 0;
  font-weight: 500;
  color: var(--theme-background-alert);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.08px;
}
@media only screen and (max-width: 599px) {
  .stands-list__col-title {
    width: 100%;
    font-weight: 600;
  }
}

.stands-list__col-category {
  width: 200px;
  flex-shrink: 0;
  font-size: 14px;
  color: var(--theme-color-text);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.14px;
}
@media only screen and (max-width: 599px) {
  .stands-list__col-category {
    width: auto;
  }
}

.stands-list__col-website {
  width: 160px;
  flex-shrink: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.14px;
}
.stands-list__col-website a {
  color: var(--theme-background-alert);
  text-decoration: underline;
}
@media only screen and (max-width: 599px) {
  .stands-list__col-website {
    display: none;
  }
}

.stands-list__col-location {
  width: 100px;
  flex-shrink: 0;
  font-size: 14px;
  color: var(--theme-color-text);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.14px;
}
@media only screen and (max-width: 599px) {
  .stands-list__col-location {
    width: auto;
  }
}

.stands-list__col-more {
  width: 140px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 14px;
  color: var(--theme-background-alert);
  text-decoration: none;
  text-transform: var(--theme-text-transform);
  letter-spacing: 0.14px;
}
.stands-list__col-more svg {
  width: 26px;
  height: 28px;
  flex-shrink: 0;
}
@media only screen and (max-width: 599px) {
  .stands-list__col-more {
    width: auto;
    margin-left: auto;
  }
}

.content-sidebar {
  padding-block: 146px 100px;
}
@media only screen and (max-width: 899px) {
  .content-sidebar {
    padding-block: 120px 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-sidebar {
    padding-block: 100px 50px;
  }
}
.content-sidebar .cms-output h1,
.content-sidebar .cms-output h2,
.content-sidebar .cms-output h3,
.content-sidebar .cms-output h4,
.content-sidebar .cms-output h5 {
  margin-bottom: 16px;
}

.content-sidebar__grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 48px;
  align-items: start;
}
@media only screen and (max-width: 899px) {
  .content-sidebar__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/**
 * Main content area.
 */
.content-sidebar__main {
  max-width: 622px;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .content-sidebar__main {
    max-width: 100%;
  }
}

/**
 * Panels.
 */
.content-sidebar__panel {
  display: none;
}
.content-sidebar__panel.is-active {
  display: block;
}

/**
 * Content blocks.
 */
.content-sidebar__block + .content-sidebar__block {
  margin-top: 56px;
}
@media only screen and (max-width: 899px) {
  .content-sidebar__block + .content-sidebar__block {
    margin-top: 40px;
  }
}

/**
 * Table block.
 */
.content-sidebar__table-header {
  display: flex;
  flex-direction: row;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(56, 55, 55, 0.1);
  gap: 24px;
}
.content-sidebar__table-header span {
  font-weight: 600;
  text-transform: var(--theme-text-transform);
  color: var(--theme-color-primary);
  font-size: 16px;
  letter-spacing: 0.5px;
  max-width: calc(50% - 12px);
  width: 100%;
}

.content-sidebar__table-row {
  display: flex;
  flex-direction: row;
  padding: 20px 0;
  border-bottom: 1px solid rgba(56, 55, 55, 0.1);
  gap: 24px;
}

.content-sidebar__table-col-left {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.14px;
  color: var(--theme-background-alert);
  max-width: calc(50% - 12px);
  width: 100%;
}

.content-sidebar__table-col-right {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.08px;
  color: var(--theme-background-alert);
  max-width: calc(50% - 12px);
  width: 100%;
}

.content-sidebar__table-footnote {
  margin-top: 16px;
  font-style: italic;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

/**
 * Image block.
 */
.content-sidebar__block--image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.content-sidebar__image-caption {
  margin-top: 12px;
  font-style: italic;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

/**
 * Sidebar.
 */
.content-sidebar__sidebar {
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 899px) {
  .content-sidebar__sidebar {
    position: static;
  }
}

.content-sidebar__sidebar-cta {
  border-radius: 3px;
  overflow: clip;
  background-color: var(--theme-color-primary);
}

.content-sidebar__sidebar-cta-image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.content-sidebar__sidebar-cta-content {
  padding: 20px 24px 24px 24px;
}

.content-sidebar__sidebar-cta-editor * {
  color: hsl(0, 0%, 100%);
  font-weight: 500;
}

.content-sidebar__sidebar-cta-link {
  margin-top: 20px;
}
.content-sidebar__sidebar-cta-link svg {
  margin-left: 8px;
}
.content-sidebar__sidebar-cta-link svg path {
  fill: hsl(0, 0%, 100%);
  stroke: hsl(0, 0%, 100%);
}
.content-sidebar__sidebar-cta-link svg {
  transform: rotate(45deg);
}

.content-sidebar__sidebar-route {
  border-radius: 3px;
  background-color: var(--theme-background-tertiary);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08);
  padding: 20px 24px 24px 24px;
}

.content-sidebar__sidebar-route-content {
  font-weight: 500;
}
.content-sidebar__sidebar-route-content a {
  color: var(--theme-color-primary);
  text-decoration: underline;
  transition: color 250ms ease;
  font-weight: 700;
}
.content-sidebar__sidebar-route-content a:hover {
  color: var(--theme-color-primary-hover);
}

.faq-select {
  padding-block: 75px;
}
@media only screen and (max-width: 899px) {
  .faq-select {
    padding-block: 60px;
  }
}
@media only screen and (max-width: 599px) {
  .faq-select {
    padding-block: 50px;
  }
}

.faq-select__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px 48px;
  justify-content: space-between;
  margin-bottom: 54px;
}
@media only screen and (max-width: 899px) {
  .faq-select__head {
    margin-bottom: 24px;
  }
}

.faq-select__title {
  max-width: 580px;
}

.faq-select__buttons {
  max-width: fit-content;
  min-width: fit-content;
}

.faq-select__filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.faq-select__items {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media only screen and (max-width: 599px) {
  .faq-select__items {
    gap: 20px;
  }
}

.faq-select__item {
  padding: 16px 28px;
  border-radius: 3px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.02);
  background-color: hsl(0, 0%, 100%);
}

.faq-select__item-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  font-weight: 600;
  cursor: pointer;
  margin: 0;
}
.faq-select__item-title svg {
  width: 26px;
  height: 34px;
  flex-shrink: 0;
  transition: transform 300ms ease;
}
.faq-select__item-title.is-active svg {
  transform: rotate(180deg);
}

.faq-select__item-content {
  padding-top: 24px;
  max-width: 80%;
}
@media only screen and (max-width: 899px) {
  .faq-select__item-content {
    max-width: 100%;
  }
}

.faq-select__cta {
  margin-top: 48px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  padding: 22px 28px;
  background-color: #ECEBEB;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  .faq-select__cta {
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.faq-select__cta-editor {
  margin-top: 8px;
}

.faq-select__cta-button {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.faq-select__cta-button svg {
  transition: transform 250ms ease;
}
.faq-select__cta-button:hover svg {
  transform: rotate(45deg);
}

.form {
  padding-block: 0 100px;
  padding-top: 0 !important;
}
@media only screen and (max-width: 899px) {
  .form {
    padding-block: 0 80px;
  }
}
@media only screen and (max-width: 599px) {
  .form {
    padding-block: 0 50px;
  }
}
.form .wrapper {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  .form .wrapper {
    flex-direction: column-reverse;
  }
}

.form__head {
  max-width: 402px;
  width: 100%;
  padding-top: 100px;
}
@media only screen and (max-width: 899px) {
  .form__head {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .form__head {
    padding-top: 0;
  }
}
@media only screen and (max-width: 899px) {
  .form__head {
    max-width: 100%;
  }
}

.form__title {
  margin-bottom: 48px;
}

.form__contact {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media only screen and (max-width: 899px) {
  .form__contact {
    gap: 24px;
  }
}

.form__contact-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
}

.form__contact-item-content {
  display: flex;
  flex-direction: column;
}

.form__contact-title {
  font-weight: 600;
  font-size: 16px;
  text-transform: var(--theme-text-transform);
  letter-spacing: 0.16px;
  color: var(--theme-color-antraciet);
}

.form__contact-editor {
  margin-top: 4px;
}
.form__contact-editor a {
  color: var(--theme-background-alert);
  font-weight: 600;
  text-decoration: underline;
}
.form__contact-editor * {
  font-size: 14px;
  line-height: 22px;
  color: var(--theme-background-alert);
}

.form__form {
  padding: 64px;
  max-width: 624px;
  width: 100%;
  background-color: var(--theme-background-secondary);
  border-radius: 3px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04);
  margin-top: -56px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 899px) {
  .form__form {
    padding: 32px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .form__form {
    padding: 24px;
  }
}

.form__form-title {
  margin-bottom: 24px;
}

.form__form .gform_button {
  background-color: var(--theme-color-secondary);
  color: var(--theme-background-alert);
  border-color: var(--theme-color-secondary);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.form__form .gform_button svg {
  transition: transform 250ms ease;
}
.form__form .gform_button:hover {
  background-color: var(--theme-color-secondary-hover);
}
.form__form .gform_button:hover svg {
  transform: rotate(45deg);
}
.form__form .gform_button:hover svg path {
  fill: var(--theme-background-alert);
}

.tickets {
  padding-block: 0 100px;
  padding-top: 0 !important;
}
@media only screen and (max-width: 899px) {
  .tickets {
    padding-block: 0 80px;
  }
}
@media only screen and (max-width: 599px) {
  .tickets {
    padding-block: 0 50px;
  }
}
.tickets .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 64px;
}
@media only screen and (max-width: 899px) {
  .tickets .wrapper {
    flex-direction: column;
  }
}

.tickets__weeztix {
  max-width: 518px;
  width: 100%;
  margin-top: -56px;
  position: relative;
  z-index: 1;
  border-radius: 3px;
  background-color: var(--theme-background-secondary);
  overflow: hidden;
}
@media only screen and (max-width: 899px) {
  .tickets__weeztix {
    max-width: 100%;
  }
}
.tickets__weeztix iframe {
  width: 100%;
  display: block;
}

.tickets__content {
  max-width: 656px;
  width: 100%;
  padding-top: 100px;
}
@media only screen and (max-width: 899px) {
  .tickets__content {
    padding-top: 0;
    max-width: 100%;
  }
}

.tickets__title {
  margin-bottom: 24px;
}

.tickets__editor {
  margin-bottom: 32px;
}

/**
 * Table (same as content-sidebar table).
 */
.tickets__table {
  margin-top: 32px;
}

.tickets__table-header {
  display: flex;
  flex-direction: row;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(56, 55, 55, 0.1);
  gap: 24px;
}

.tickets__table-header .tickets__table-col-left,
.tickets__table-header .tickets__table-col-right {
  font-weight: 600;
  text-transform: var(--theme-text-transform);
  color: var(--theme-color-primary);
  font-size: 16px;
  letter-spacing: 0.5px;
}

.tickets__table-row {
  display: flex;
  flex-direction: row;
  padding: 20px 0;
  border-bottom: 1px solid rgba(56, 55, 55, 0.1);
  gap: 24px;
}

.tickets__table-col-left {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.14px;
  color: var(--theme-background-alert);
  max-width: calc(70% - 12px);
  width: 100%;
}

.tickets__table-col-right {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.08px;
  color: var(--theme-background-alert);
  max-width: 116px;
  width: 100%;
}

.tickets__subtitle {
  margin-top: 16px;
  font-style: italic;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  display: block;
}

.beurs-program {
  padding-block: 100px;
  padding-top: 100px !important;
}
@media only screen and (max-width: 899px) {
  .beurs-program {
    padding-block: 80px;
    padding-top: 80px !important;
  }
}
@media only screen and (max-width: 599px) {
  .beurs-program {
    padding-block: 50px;
    padding-top: 50px !important;
  }
}
.beurs-program .tt_navigation_wrapper {
  display: none;
}
.beurs-program .tt_timetable .event_container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 8px 16px !important;
}
.beurs-program .tt_timetable .event a, .beurs-program .tt_timetable .event .event_header {
  text-align: left !important;
  width: 100%;
}
.beurs-program .tt_timetable .event a:hover, .beurs-program .tt_timetable .event .event_header:hover {
  text-decoration: none !important;
  cursor: default !important;
}
.beurs-program .tt_timetable .event .top_hour {
  margin-top: 0 !important;
  max-width: 50%;
  width: fit-content;
  text-align: left !important;
}
.beurs-program .tt_timetable .event .bottom_hour, .beurs-program .event_layout_4 .tt_timetable .event .top_hour {
  margin-bottom: 0 !important;
  max-width: 50%;
  width: fit-content;
  text-align: left !important;
}

.beurs-program__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px 48px;
  justify-content: space-between;
  margin-bottom: 54px;
}
@media only screen and (max-width: 899px) {
  .beurs-program__head {
    margin-bottom: 40px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.beurs-program__title {
  max-width: 580px;
}

.beurs-program__filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.beurs-program__filter-wrapper {
  position: relative;
}

.beurs-program__filter-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 200px;
  background-color: hsl(0, 0%, 100%);
  border-radius: 3px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  padding: 12px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 200ms ease, visibility 200ms ease, transform 200ms ease;
  z-index: 10;
}
.beurs-program__filter-dropdown.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.beurs-program__filter-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 8px 20px;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
  transition: background-color 150ms ease;
}
.beurs-program__filter-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.beurs-program__filter-checkbox {
  width: 16px;
  height: 16px;
  cursor: pointer;
  appearance: none;
  border: 1px solid var(--theme-background-alert);
  border-radius: 3px;
  position: relative;
  flex-shrink: 0;
}
.beurs-program__filter-checkbox:checked {
  background-color: var(--theme-background-alert);
}
.beurs-program__filter-checkbox:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 4px;
  height: 8px;
  border: solid hsl(0, 0%, 100%);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.workshop-select {
  padding-block: 75px;
}
@media only screen and (max-width: 899px) {
  .workshop-select {
    padding-block: 60px;
  }
}
@media only screen and (max-width: 899px) {
  .workshop-select {
    padding-block: 50px;
  }
}

.workshop-select__title {
  margin-bottom: 16px;
}

.workshop-select__editor {
  margin-bottom: 32px;
}

.workshop-select__group {
  margin-top: 56px;
}
.workshop-select__group:first-child {
  margin-top: 0;
}

.workshop-select__group-title {
  margin-bottom: 16px;
}

.workshop-select__table-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 12px 0;
}
.workshop-select__table-header h5 {
  margin: 0;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 899px) {
  .workshop-select__table-header {
    display: none;
  }
}

.workshop-select__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 899px) {
  .workshop-select__items {
    gap: 4px;
  }
}

.workshop-select__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 14px 24px;
  border-radius: 3px;
  color: hsl(0, 0%, 100%);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.02);
}
@media only screen and (max-width: 899px) {
  .workshop-select__item {
    padding: 16px;
  }
}
.workshop-select__group--odd .workshop-select__item {
  background-color: #E77923;
}
.workshop-select__group--even .workshop-select__item {
  background-color: #383737;
}

.workshop-select__col-title {
  flex: 1;
  min-width: 0;
  color: hsl(0, 0%, 100%);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.08px;
}

.workshop-select__col-owner {
  width: 200px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.14px;
}
@media only screen and (max-width: 899px) {
  .workshop-select__col-owner {
    display: none;
  }
}

.workshop-select__col-location {
  width: 100px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.14px;
}
@media only screen and (max-width: 899px) {
  .workshop-select__col-location {
    display: none;
  }
}

.workshop-select__col-time {
  width: 100px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.14px;
}

.vimeo-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
}

.vimeo-popup.is-active {
  opacity: 1;
  visibility: visible;
}

.vimeo-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}

.vimeo-popup__container {
  position: relative;
  width: 90%;
  max-width: 900px;
  aspect-ratio: 16/9;
  z-index: 1;
}

.vimeo-popup__close {
  position: absolute;
  top: -40px;
  right: 0;
  background: none;
  border: none;
  color: hsl(0, 0%, 100%);
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vimeo-popup__player {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.vimeo-popup__player iframe {
  width: 100%;
  height: 100%;
}

body.popup-active {
  overflow: hidden;
}

/**
 * Utilities.
 */
/**
 * Color utility classes.
 *
 * Automatically generated color and background color utility classes based on every color definition in `settings/_color.scss`.
 * Loop through every `$key` and `$map` in the `$colors` variable map defined in `settings/_color.scss`.
 */
/**
 * `color` hsl(0, 0%, 0%)-100 color utility.
 */
.color-black-100 {
  color: hsl(0, 0%, 0%);
}

/**
 * `background-color` hsl(0, 0%, 0%)-100 color utility.
 */
.background-color-black-100 {
  background-color: hsl(0, 0%, 0%);
}

/**
 * `color` hsl(0, 0%, 100%)-100 color utility.
 */
.color-white-100 {
  color: hsl(0, 0%, 100%);
}

/**
 * `background-color` hsl(0, 0%, 100%)-100 color utility.
 */
.background-color-white-100 {
  background-color: hsl(0, 0%, 100%);
}

/**
 * `color` hsl(0, 100%, 50%)-100 color utility.
 */
.color-red-100 {
  color: hsl(0, 100%, 50%);
}

/**
 * `background-color` hsl(0, 100%, 50%)-100 color utility.
 */
.background-color-red-100 {
  background-color: hsl(0, 100%, 50%);
}

/**
 * `color` hsl(0, 100%, 50%)-10 color utility.
 */
.color-red-10 {
  color: hsl(0, 100%, 50%);
}

/**
 * `background-color` hsl(0, 100%, 50%)-10 color utility.
 */
.background-color-red-10 {
  background-color: hsl(0, 100%, 50%);
}

.marquee {
  overflow: visible;
  position: relative;
  width: 100%;
}

.marquee-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: max-content;
  animation: marquee-scroll 20s linear infinite;
  gap: 24px;
}

.header-top__slider.marquee .marquee-track {
  gap: 48px;
  animation-duration: 15s;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}