/**
 * Settings.
 */
/**
 * Settings.
 */
/**
 * Font family map.
 */
/**
 * Font size map.
 */
/**
 * Line height map.
 */
/**
* Mobile.
**/
/**
 * Font size map.
 */
/**
 * Line height map.
 */
/**
 * 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(42, 33.3%, 92.4%);
  color: hsl(0, 0%, 0%);
  font-family: "segoe-ui";
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale; /* 1 */
  -webkit-font-smoothing: antialiased; /* 2 */
}

/**
 * Global focus styles for accessibility
 * Dual-color focus indicators: white inner line + black outer line
 */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
  border-radius: 2px;
}

.navigation a:focus,
.navigation button:focus,
.header__menu-button:focus,
.menu-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff;
  border-radius: 2px;
}

/**
 * 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.
 */
.button {
  padding: 16px 24px;
  border-radius: 100px;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  transition: color 250ms ease, background-color 250ms ease, border-color 250ms ease;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

/**
 * Button (default).
 */
.button--primary {
  border: 1px solid hsl(193, 30.3%, 21.4%);
  color: hsl(193, 30.3%, 21.4%);
}
.button--primary .external svg path {
  fill: hsl(193, 30.3%, 21.4%);
  transition: all 250ms ease;
}
.button--primary:hover {
  background-color: hsl(193, 30.3%, 21.4%);
  color: hsl(40, 33.3%, 96.5%);
}
.button--primary:hover .external svg path {
  fill: hsl(40, 33.3%, 96.5%);
}

.button--secondary {
  border: 1px solid hsl(12, 63.3%, 38.4%);
  color: hsl(12, 63.3%, 38.4%);
}
.button--secondary .external svg path {
  fill: hsl(12, 63.3%, 38.4%);
  transition: all 250ms ease;
}
.button--secondary:hover {
  background-color: hsl(12, 63.3%, 38.4%);
  color: hsl(40, 33.3%, 96.5%);
}
.button--secondary:hover .external svg path {
  fill: hsl(40, 33.3%, 96.5%);
}

/**
 * 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 h1,
.cms-output h2,
.cms-output h3,
.cms-output h4,
.cms-output h5,
.cms-output h6 {
  font-family: "Kepler Std";
}
@media only screen and (max-width: 1023px) {
  .cms-output .is-intro {
    font-size: 18px;
    line-height: 24px;
  }
}
.cms-output .is-intro {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
}
.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: disc;
  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: hsl(30, 3.8%, 10.2%);
  transition: all 250ms ease;
}
.cms-output blockquote {
  position: relative;
  padding: 40px 45px 20px 45px;
  color: hsl(0, 100%, 50%);
}
.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;
}

rood {
  color: hsl(12, 63.3%, 38.4%);
}

table {
  margin-bottom: 16px;
}

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

/**
 * 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: 1024px) {
  /**
   * 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-size: 24px;
  line-height: 1.2em;
  color: hsl(30, 3.8%, 10.2%);
  font-family: "Kepler Std";
}
@media only screen and (max-width: 1023px) {
  label {
    font-size: 20px;
    line-height: 1.2em;
  }
}
label .gfield_required {
  color: hsl(30, 3.8%, 10.2%);
}

select,
input,
textarea {
  font-size: 16px;
  line-height: 32px;
  width: 100%;
  height: 56px;
  border-radius: 4px;
  padding: 16px;
  font-family: "segoe-ui";
  border-radius: 8px;
  border: 1px solid hsl(38, 10.1%, 78.6%);
  background: hsl(40, 33.3%, 96.5%);
  color: hsl(30, 3.8%, 10.2%);
}

textarea {
  height: 230px;
  padding-top: 15px;
}

.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: 45px;
}
@media only screen and (max-width: 599px) {
  .gfield {
    margin-bottom: 24px;
  }
}

.gform_validation_container {
  display: none;
}

.hidden_label > label {
  display: none;
}

.gfield_error input,
.gfield_error select,
.gfield_error textarea {
  border-color: hsl(0, 100%, 50%);
}

.validation_message {
  font-size: 14px;
  line-height: 23px;
  margin-top: 5px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  width: 100%;
  color: hsl(0, 100%, 50%);
  padding-top: 8px;
  font-style: italic;
}
.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%);
}

/**
 * Heading.
 */
h1,
h2,
h3,
h4 {
  font-family: "Kepler Std";
  color: hsl(30, 3.8%, 10.2%);
}
h1.is-white,
h2.is-white,
h3.is-white,
h4.is-white {
  color: hsl(0, 0%, 100%);
}

/**
  * Heading 1.
*/
@media only screen and (max-width: 1023px) {
  h1,
  .heading-1 {
    font-size: 40px;
    line-height: 1.2em;
  }
}
h1,
.heading-1 {
  font-size: 80px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1023px) {
  h1 *, h1 span,
  .heading-1 *,
  .heading-1 span {
    font-size: 40px;
    line-height: 1.2em;
  }
}
h1 *, h1 span,
.heading-1 *,
.heading-1 span {
  font-size: 80px;
  line-height: 1.2em;
}

/**
 * Heading 2.
 */
@media only screen and (max-width: 1023px) {
  h2,
  .heading-2 {
    font-size: 36px;
    line-height: 1.2em;
  }
}
h2,
.heading-2 {
  font-size: 48px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1023px) {
  h2 *, h2 span,
  .heading-2 *,
  .heading-2 span {
    font-size: 36px;
    line-height: 1.2em;
  }
}
h2 *, h2 span,
.heading-2 *,
.heading-2 span {
  font-size: 48px;
  line-height: 1.2em;
}

/**
 * Heading 3.
 */
@media only screen and (max-width: 1023px) {
  h3,
  .heading-3 {
    font-size: 30px;
    line-height: 1.2em;
  }
}
h3,
.heading-3 {
  font-size: 32px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1023px) {
  h3 *, h3 span,
  .heading-3 *,
  .heading-3 span {
    font-size: 30px;
    line-height: 1.2em;
  }
}
h3 *, h3 span,
.heading-3 *,
.heading-3 span {
  font-size: 32px;
  line-height: 1.2em;
}

/**
* Heading 3.
*/
@media only screen and (max-width: 1023px) {
  h4 {
    font-size: 20px;
    line-height: 1.2em;
  }
}
h4 {
  font-size: 24px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1023px) {
  h4 *, h4 span {
    font-size: 20px;
    line-height: 1.2em;
  }
}
h4 *, h4 span {
  font-size: 24px;
  line-height: 1.2em;
}

/**
* Heading 3.
*/
@media only screen and (max-width: 1023px) {
  h5 {
    font-size: 18px;
    line-height: 1.4em;
  }
}
h5 {
  font-size: 20px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1023px) {
  h5 *, h5 span {
    font-size: 18px;
    line-height: 1.4em;
  }
}
h5 *, h5 span {
  font-size: 20px;
  line-height: 1.2em;
}

/**
 * Subheading.
 */
@media only screen and (max-width: 1023px) {
  p, span, a, li, button, td {
    font-size: 16px;
    line-height: 1.5em;
  }
}
p, span, a, li, button, td {
  font-size: 16px;
  line-height: 1.5em;
}
p.is-white, span.is-white, a.is-white, li.is-white, button.is-white, td.is-white {
  color: hsl(0, 0%, 100%);
}

.has-lazy-load {
  transition: all 750ms ease;
  transition-delay: 500ms;
  opacity: 0;
}
.has-lazy-load.header {
  transition-delay: 500ms;
  transition: all 750ms ease;
}

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

.pagination {
  width: 100%;
  margin-bottom: 150px;
}
.pagination .wrapper {
  justify-content: center;
}
.pagination .page-numbers {
  font-size: 18px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transition: all 250ms ease;
  color: hsl(0, 0%, 0%);
  font-weight: 500;
}
.pagination .page-numbers:hover, .pagination .page-numbers.current {
  color: hsl(0, 100%, 50%);
  font-weight: 700;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
  margin-right: 15px;
}
.pagination .page-numbers.prev svg, .pagination .page-numbers.next svg {
  position: relative;
  top: 0;
  width: 27px;
  height: 22px;
  color: hsl(0, 0%, 0%);
  transition: all 250ms ease;
}
.pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {
  color: hsl(0, 100%, 50%);
}
.pagination .page-numbers.next {
  margin-right: 0;
  margin-left: 5px;
}

/**
 * Wrapper (default)
 */
.wrapper {
  max-width: calc(1512px + 192px);
  padding: 0 96px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wrapper {
    max-width: calc(1512px + 128px);
    padding: 0 64px;
    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--header {
  max-width: calc(1512px + 192px);
  padding: 0 96px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wrapper--header {
    max-width: calc(1512px + 128px);
    padding: 0 64px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper--header {
    max-width: 1512px;
    width: 100%;
    margin: 0 auto;
  }
}

/**
 * Wrapper (small)
 */
@media only screen and (max-width: 1023px) {
  .wrapper--small {
    max-width: calc(1140px + 120px);
    padding: 0 60px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper--small {
    max-width: calc(1140px + 40px);
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
  }
}
.wrapper--small {
  max-width: calc(1140px + 100px);
  padding: 0 50px;
  width: 100%;
  margin: 0 auto;
}

/**
* Self hosted google webfonts.
* https://gwfh.mranftl.com/fonts
**/
/**
 * Components.
 */
/** 
 * Navigation.
 */
.navigation {
  position: fixed;
  bottom: 100vh;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 500ms ease;
  background: hsl(193, 30.3%, 21.4%);
  opacity: 0;
  z-index: -1;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  pointer-events: none;
}
@media only screen and (max-width: 1023px) {
  .navigation {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .navigation {
    flex-direction: column;
  }
}
.navigation.is-active {
  bottom: 0;
  opacity: 1;
  pointer-events: all;
  z-index: 999;
}
.navigation::-webkit-scrollbar {
  display: none;
}
.navigation a:focus,
.navigation button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff;
  border-radius: 2px;
}
.navigation:not(.is-active) .navigation__language-switch a, .navigation:not(.is-active) .navigation__language-switch button {
  tabindex: -1;
}
.navigation .navigation__sub-menu-group {
  display: none;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .navigation .navigation__sub-menu-group.is-active {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
}
.navigation .navigation__image {
  max-width: 500px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .navigation .navigation__image {
    max-width: 364px;
  }
}
@media only screen and (max-width: 1023px) {
  .navigation .navigation__image {
    max-width: 100%;
    max-height: 340px;
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  .navigation .navigation__image {
    display: none;
  }
}
.navigation .navigation__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1023px) {
  .navigation .navigation__image img {
    max-height: 340px;
    object-position: center 20%;
  }
}
.navigation .navigation__main-menu {
  max-width: 100%;
  width: 100%;
  padding-left: 78px;
  padding-block: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .navigation .navigation__main-menu {
    padding-left: 76px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .navigation .navigation__main-menu {
    padding-left: 64px;
    padding-right: 24px;
    max-width: 50%;
    order: 1;
    padding-top: 104px;
  }
}
@media screen and (max-width: 768px) {
  .navigation .navigation__main-menu {
    max-width: 100%;
    padding-left: 24px;
  }
}
.navigation .navigation__main-menu .navigation__language-switch {
  padding: 0;
  background-color: transparent;
  margin-top: -12px;
}
@media only screen and (max-width: 1023px) {
  .navigation .navigation__main-menu .navigation__language-switch {
    margin-top: 0;
    margin-bottom: 24px;
  }
}
.navigation .navigation__main-menu .navigation__language-switch li, .navigation .navigation__main-menu .navigation__language-switch a {
  font-family: "Kepler Std";
  font-size: 20px;
  line-height: 1.2em;
}
.navigation .navigation__main-menu .navigation__language-switch::before {
  display: none;
}
.navigation .navigation__main-menu__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.navigation .navigation__main-menu-list {
  display: flex;
  flex-direction: column;
  margin-block: 40px;
}
.navigation .navigation__main-menu-list li:not(:last-child) {
  padding-bottom: 16px;
}
.navigation .navigation__main-menu-list li:not(:last-child) .navigation__main-menu-item {
  padding-bottom: 0;
  display: flex;
}
.navigation .navigation__main-menu-list:has(a:hover, button:hover, a:focus, button:focus) a:not(:hover):not(.is-active):not(:focus),
.navigation .navigation__main-menu-list:has(a:hover, button:hover, a:focus, button:focus) button:not(:hover):not(.is-active):not(:focus) {
  opacity: 0.3;
}
.navigation .navigation__main-menu-list:not(:has(a:hover, button:hover, a:focus, button:focus)):has(.navigation__main-menu-item.is-active) a:not(.is-active),
.navigation .navigation__main-menu-list:not(:has(a:hover, button:hover, a:focus, button:focus)):has(.navigation__main-menu-item.is-active) button:not(.is-active) {
  opacity: 0.3;
}
.navigation .navigation__main-menu-list li a,
.navigation .navigation__main-menu-list li button {
  font-size: 40px;
  line-height: 1.2em;
  font-weight: 400;
  font-family: "Kepler Std";
  color: hsl(40, 33.3%, 96.5%);
  width: fit-content;
  transition: all 250ms ease;
  position: relative;
  display: inline-flex;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
}
.navigation .navigation__main-menu-list li a::before,
.navigation .navigation__main-menu-list li button::before {
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
.navigation .navigation__main-menu-list li a:hover::before, .navigation .navigation__main-menu-list li a:focus::before,
.navigation .navigation__main-menu-list li button:hover::before,
.navigation .navigation__main-menu-list li button:focus::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}
.navigation .navigation__main-menu-list li a.has-submenu::after,
.navigation .navigation__main-menu-list li button.has-submenu::after {
  content: "";
  position: absolute;
  top: 0;
  right: -78px;
  width: 78px;
  height: 100%;
  background: transparent;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .navigation .navigation__main-menu-list li a.has-submenu::after,
  .navigation .navigation__main-menu-list li button.has-submenu::after {
    right: -76px;
    width: 76px;
  }
}
@media only screen and (max-width: 1023px) {
  .navigation .navigation__main-menu-list li a.has-submenu::after,
  .navigation .navigation__main-menu-list li button.has-submenu::after {
    right: -64px;
    width: 64px;
  }
}
@media screen and (max-width: 768px) {
  .navigation .navigation__main-menu-list li a.has-submenu::after,
  .navigation .navigation__main-menu-list li button.has-submenu::after {
    display: none;
  }
}
.navigation .navigation__cta-button {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 16px;
  border-radius: 49px;
  border: 1px solid hsl(40, 33.3%, 96.5%);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: hsl(40, 33.3%, 96.5%);
  width: fit-content;
  transition: all 250ms ease;
}
.navigation .navigation__cta-button:hover {
  background-color: hsl(40, 33.3%, 96.5%);
  color: hsl(193, 30.3%, 21.4%);
}
.navigation .navigation__sub-menu {
  opacity: 0;
  max-width: 440px;
  width: 100%;
  background-color: hsl(193, 29.3%, 16.1%);
  transition: opacity 500ms ease;
  padding-top: 122px;
}
@media screen and (min-width: 1512px) {
  .navigation .navigation__sub-menu {
    max-width: 800px;
  }
}
@media only screen and (max-width: 1199px) {
  .navigation .navigation__sub-menu {
    max-width: 350px;
    padding-top: 88px;
  }
}
@media only screen and (max-width: 1023px) {
  .navigation .navigation__sub-menu {
    max-width: 50%;
    padding-top: 80px;
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .navigation .navigation__sub-menu {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 100vw;
    width: 100%;
    height: 100%;
    transition: all 500ms ease;
  }
}
.navigation .navigation__sub-menu:has(.navigation__sub-menu-group.is-active) {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .navigation .navigation__sub-menu:has(.navigation__sub-menu-group.is-active) {
    top: 0;
    left: 0;
  }
}
.navigation .navigation__sub-menu-header {
  display: none;
}
@media screen and (max-width: 768px) {
  .navigation .navigation__sub-menu-header {
    display: block;
    padding: 88px 24px 0 24px;
  }
}
.navigation .navigation__return-button {
  background: transparent;
  border: none;
  color: hsl(40, 33.3%, 96.5%);
  font-family: "Kepler Std";
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 400;
  cursor: pointer;
  padding: 0;
  display: none;
  margin-bottom: 76px;
}
@media screen and (max-width: 768px) {
  .navigation .navigation__return-button {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
  }
}
.navigation .navigation__return-button:hover {
  opacity: 0.7;
}
.navigation .navigation__sub-menu-title {
  font-family: "Kepler Std";
  font-weight: 400;
  font-size: 16px;
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.65;
  margin: 0;
  display: none;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .navigation .navigation__sub-menu-title {
    display: block;
  }
}
.navigation .navigation__sub-menu-list {
  display: flex;
  flex-direction: column;
  padding-left: 80px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .navigation .navigation__sub-menu-list {
    padding-left: 60px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .navigation .navigation__sub-menu-list {
    padding-right: 24px;
  }
}
@media screen and (max-width: 768px) {
  .navigation .navigation__sub-menu-list {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.navigation .navigation__sub-menu-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 100%;
  background: transparent;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .navigation .navigation__sub-menu-list::before {
    width: 60px;
  }
}
@media only screen and (max-width: 1023px) {
  .navigation .navigation__sub-menu-list::before {
    width: 64px;
  }
}
@media screen and (max-width: 768px) {
  .navigation .navigation__sub-menu-list::before {
    display: none;
  }
}
.navigation .navigation__sub-menu-list li {
  width: fit-content;
}
.navigation .navigation__sub-menu-list li:not(:last-child) {
  padding-bottom: 14px;
}
.navigation .navigation__sub-menu-list a,
.navigation .navigation__sub-menu-list button {
  font-family: "Kepler Std";
  font-size: 32px;
  line-height: 1.2em;
  font-weight: 400;
  color: hsl(40, 33.3%, 96.5%);
  width: fit-content;
  transition: all 250ms ease;
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
}
.navigation .navigation__sub-menu-list a::before,
.navigation .navigation__sub-menu-list button::before {
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
.navigation .navigation__sub-menu-list a:hover::before, .navigation .navigation__sub-menu-list a:focus::before,
.navigation .navigation__sub-menu-list button:hover::before,
.navigation .navigation__sub-menu-list button:focus::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}
.navigation .navigation__sub-menu-list:has(a:hover, button:hover, a:focus, button:focus) a:not(:hover):not(:focus),
.navigation .navigation__sub-menu-list:has(a:hover, button:hover, a:focus, button:focus) button:not(:hover):not(:focus) {
  opacity: 0.3;
}

/**
 * Header.
 */
body.is-active .header__logo {
  background-color: transparent;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .header .wrapper {
    align-items: center;
    justify-content: space-between;
    padding: 0;
    gap: 8px;
  }
}

.header__logo {
  padding: 28px 26px;
  background-color: hsl(193, 30.3%, 21.4%);
  margin-right: auto;
  line-height: 1;
  transition: background-color 500ms ease;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .header__logo {
    padding: 16px 14px;
    min-height: 58px;
  }
}
.header__logo img {
  max-width: 348px;
  width: 100%;
  max-height: 16px;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 1199px) {
  .header__logo img {
    max-width: 300px;
  }
}

.header__ticket-button,
.navigation__ticket-button {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  border-right: 1px solid hsl(12, 63.6%, 34.5%);
  border-bottom: 1px solid hsl(12, 63.6%, 34.5%);
  border-left: 1px solid hsl(12, 63.6%, 34.5%);
  background-color: hsl(12, 63.3%, 38.4%);
  color: hsl(40, 33.3%, 96.5%);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4em;
  padding: 26px 24px;
  width: fit-content;
  pointer-events: auto;
  transition: background-color 250ms ease;
}
.header__ticket-button:hover,
.navigation__ticket-button:hover {
  background-color: #80301D;
}

.header__language-switch,
.navigation__language-switch {
  color: hsl(40, 33.3%, 96.5%);
  padding-right: 16px;
  position: relative;
  background-color: hsl(193, 30.3%, 21.4%);
  padding: 26px 16px 26px 24px;
  display: flex;
  align-items: center;
  pointer-events: auto;
}
.header__language-switch::before,
.navigation__language-switch::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 34px;
  background-color: hsl(194, 11.3%, 77.5%);
}
.header__language-switch .language-switch,
.navigation__language-switch .language-switch {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.header__language-switch .language-switch li, .header__language-switch .language-switch a,
.navigation__language-switch .language-switch li,
.navigation__language-switch .language-switch a {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.4em;
}
.header__language-switch .language-switch svg:last-child,
.navigation__language-switch .language-switch svg:last-child {
  display: none;
}
.header__language-switch .language-switch .language-switch__item.is-active,
.navigation__language-switch .language-switch .language-switch__item.is-active {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: uppercase;
}

@media only screen and (max-width: 1023px) {
  .header__language-switch {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .header__ticket-button {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .header__ticket-button {
    padding: 21px 19px;
  }
}

@media screen and (max-width: 768px) {
  .header__language-switch,
  .header__ticket-button {
    display: none;
  }
}

.header__menu-button {
  background-color: hsl(193, 30.3%, 21.4%);
  padding: 26px 24px 26px 24px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
}
@media only screen and (max-width: 1023px) {
  .header__menu-button {
    padding: 24px 19px;
  }
}
@media screen and (max-width: 768px) {
  .header__menu-button {
    padding: 12px;
    width: 58px;
    min-width: 58px;
    height: 58px;
    min-height: 58px;
  }
}
.header__menu-button:has(button[data-menu-button=close]) {
  background-color: hsl(12, 63.3%, 38.4%);
  max-width: 78px;
  max-height: 78px;
  transition: background-color 250ms ease;
}
.header__menu-button:has(button[data-menu-button=close]):hover {
  background-color: #80301D;
}
@media screen and (max-width: 768px) {
  .header__menu-button:has(button[data-menu-button=close]) {
    max-width: 58px;
    max-height: 58px;
  }
}

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

/**
 * Hamburger.
 */
.menu-button {
  gap: 6px;
  flex-flow: column;
  font-size: 1em;
  display: flex;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.menu-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff;
  border-radius: 2px;
}

button[data-menu-button=close] {
  gap: 1px;
}
button[data-menu-button=close] .menu-button-line {
  width: 40px;
  height: 3px;
}

.menu-button-line {
  background-color: #F9F7F3;
  width: 30px;
  height: 3px;
}

.footer-news .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .footer-news .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-news .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 599px) {
  .footer-news .wrapper {
    padding-block: 54px 40px;
  }
}
.footer-news .footer-news__background {
  background-color: hsl(12, 63.3%, 38.4%);
  padding: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 68px;
}
@media only screen and (max-width: 1199px) {
  .footer-news .footer-news__background {
    padding: 40px;
    gap: 46px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-news .footer-news__background {
    flex-direction: column;
    gap: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .footer-news .footer-news__background {
    padding: 24px;
    gap: 20px;
  }
}
.footer-news .footer-news__image {
  max-width: 448px;
  width: 100%;
  max-height: 324px;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .footer-news .footer-news__image {
    max-width: 402px;
    max-height: 290px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-news .footer-news__image {
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .footer-news .footer-news__image {
    max-height: 168px;
  }
}
.footer-news .footer-news__image img {
  max-width: 448px;
  width: 100%;
  max-height: 324px;
  height: 100%;
  object-fit: cover;
  margin-top: -80px;
}
@media only screen and (max-width: 1199px) {
  .footer-news .footer-news__image img {
    max-width: 402px;
    max-height: 290px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-news .footer-news__image img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .footer-news .footer-news__image img {
    margin-top: -56px;
    max-height: 168px;
  }
}
.footer-news .footer-news__content .footer-news__title {
  color: hsl(40, 33.3%, 96.5%);
  margin-bottom: 8px;
}
.footer-news .footer-news__content .footer-news__editor * {
  color: hsl(40, 33.3%, 96.5%);
}
.footer-news .footer-news__form {
  margin-top: 46px;
}
@media only screen and (max-width: 599px) {
  .footer-news .footer-news__form {
    margin-top: 32px;
  }
}
.footer-news .footer-news__form form {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 599px) {
  .footer-news .footer-news__form form {
    flex-direction: column;
  }
}
@media only screen and (max-width: 599px) {
  .footer-news .footer-news__form .gform-footer {
    width: 100%;
  }
}
.footer-news .footer-news__form .gform-body.gform_body {
  width: 100%;
}
.footer-news .footer-news__form .gfield {
  margin: 0;
}
.footer-news .footer-news__form input {
  border-radius: 33px;
  background: hsl(12, 63.3%, 28.8%);
  padding: 16px 32px;
  color: hsl(40, 33.3%, 96.5%);
  height: 56px !important;
  border: none;
}
.footer-news .footer-news__form input::placeholder {
  color: hsl(40, 33.3%, 96.5%);
}
.footer-news .footer-news__form .button--primary {
  border: 1px solid hsl(40, 33.3%, 96.5%);
  color: hsl(40, 33.3%, 96.5%);
  height: 56px;
}
.footer-news .footer-news__form .button--primary:hover {
  border: 1px solid hsl(40, 33.3%, 96.5%);
  background-color: hsl(40, 33.3%, 96.5%);
  color: hsl(193, 30.3%, 21.4%);
}
@media only screen and (max-width: 599px) {
  .footer-news .footer-news__form .button--primary {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
.footer-news .footer-news__form label {
  display: none;
}

.footer {
  background-color: hsl(193, 30.3%, 21.4%);
}
.footer .footer__container {
  position: relative;
  padding-block: 80px 48px;
}
@media only screen and (max-width: 1199px) {
  .footer .footer__container {
    padding-block: 76px 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer .footer__container {
    padding-block: 76px 40px;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer__container {
    padding-block: 76px 24px;
  }
}
.footer .footer__container::before {
  background-image: url("data:image/svg+xml,%3Csvg width='271' height='463' viewBox='0 0 271 463' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M136.59 0C136.59 0 137.363 0.558462 136.478 1.88281C135.592 3.20742 137.567 4.48588 138.078 4.46289C138.589 4.44036 138.511 5.60187 138.353 5.67188V9.13477L148.559 15.0137H151.951V15.7139H151.608C151.608 15.7139 151.28 15.8293 151.247 15.9609C151.214 16.0928 150.951 16.5027 150.655 16.6016C150.365 16.6986 150.296 17.0811 150.294 17.0947V17.7363H148.979V22.2725C148.979 22.2725 149.982 22.5029 150.294 23.7852C150.606 25.0671 153.63 25.0674 153.548 27.4834C153.548 27.4834 150.918 25.8069 151.017 30.1465C151.116 34.4852 156.375 33.1539 155.454 31.4609C155.454 31.4609 158.742 31.5429 159.498 34.9785C160.251 38.4004 157.677 39.197 157.657 39.2031H163.426V39.877H162.752C162.742 39.8932 162.225 40.7328 162.078 40.8467C161.931 40.9613 162.028 42.1509 162.029 42.1611H160.287V63.6113H165.859V61.6387C165.859 61.6387 165.317 60.5863 166.188 60.3887C167.059 60.1912 169.574 58.7616 167.108 57.1016C167.103 57.0814 166.853 56.0836 167.536 56.1162H170.084C170.103 56.124 170.874 56.4525 170.383 57.1152C169.885 57.7862 169.236 59.2575 171.335 60.2529C171.347 60.2572 172.025 60.4907 172.113 60.5127C172.2 60.5341 172.263 61.2978 172 61.627V63.6113H176.307C176.314 63.6124 176.528 63.646 176.528 63.8066C176.528 63.9702 176.374 64.0674 176.2 64.1348C176.027 64.202 175.738 64.183 175.604 64.7412C175.47 65.2938 174.507 65.5072 174.486 65.5117C174.486 65.5117 174.351 66.4172 174.562 66.6484H171.931V69.6221C171.931 69.6221 174.326 69.0191 174.582 73.4805C174.582 73.4915 174.58 73.6914 174.884 73.6914C175.196 73.6915 175.364 73.9136 175.364 74.0146V75.042C175.415 75.0287 179.765 73.9045 180.054 78.8281C180.022 78.8028 176.231 75.8233 175.319 79.4707C175.318 79.5019 175.242 81.1592 175.253 81.6504C175.248 81.6879 173.803 92.6998 183.314 93.3086V96.3955C183.372 96.3639 189.011 93.2838 192.689 95.8623C196.386 98.4535 198.025 101.16 196.424 108.058C196.424 108.058 196.421 111.357 201.574 111.842V113.942H206.152V114.553H205.649C205.646 114.578 205.494 115.594 204.501 115.647V117.604H201.682V122.31C201.693 122.326 202.161 123.028 203.208 123.046C204.268 123.064 204.464 125.165 204.393 126.17C204.397 126.182 204.691 126.994 206.152 126.798C207.625 126.6 209.511 128.612 209.241 131.036C209.241 131.036 208.379 129.241 205.614 130.282C202.849 131.324 203.388 138.236 213.281 138.883V146.083C213.281 146.083 216.585 143.767 221.163 145.329C225.741 146.891 229.317 152.878 225.855 158.417C225.855 158.417 227.918 161.692 231.232 161.579V163.808H236.324V164.271C236.324 164.271 236.294 164.529 235.922 164.556C235.554 164.581 235.432 165.012 235.429 165.022C235.429 165.022 235.467 165.425 235.087 165.476L234.923 165.487C234.544 165.544 234.53 165.992 234.529 166.008V167.254H231.643C231.651 167.279 231.968 168.16 233.631 168.611C235.309 169.067 234.769 170.756 234.764 170.772C234.764 170.772 238.962 169.482 238.825 173.593C238.688 177.704 234.821 175.832 234.653 175.177V190.653C234.653 190.653 234.912 193.175 238.387 193.488L238.572 196.879C238.588 196.868 241.796 194.641 245.489 197.181C249.192 199.727 246.548 205.875 246.548 205.875C246.557 205.918 247.093 208.401 249.903 209.049V211.644H254.32V209.135H255.248V208.379C255.265 208.373 258.027 207.379 255.934 206.13C253.834 204.877 257.511 204.842 257.721 203.636C257.93 202.429 257.908 201 256.214 199.264C254.519 197.528 251.906 194.016 256.459 192.566V191.975C256.459 191.975 257.391 191.143 257.045 190.062C256.698 188.982 254.627 188.401 256.473 187.894L257.303 187.805L257.812 178.062H257.444V176.103H258.069L258.538 167.229C258.545 167.223 259.234 166.616 259.055 166.328H260.438C260.438 166.338 260.465 167.135 260.931 167.314L261.7 176.091H262.248V178.049H261.796L262.74 187.743C262.74 187.743 264.52 187.866 263.959 188.564C263.398 189.263 261.81 189.715 263.288 191.618V192.34C263.288 192.34 268.816 193.158 263.843 199.091C263.843 199.091 261.375 201.284 262.53 203.791C263.686 206.297 265.823 204.468 263.663 206.408C263.663 206.408 262.344 208.077 264.775 208.284V209.037H265.918V211.6H270.894V212.21H270.271C270.261 212.211 269.846 212.239 269.803 212.701C269.759 213.17 269.486 213.541 268.963 213.497V215.089H266.28V234.468H267.383C267.383 234.468 268.078 234.726 267.504 235.223C267.504 235.241 267.523 235.998 267.132 236.014V237.332H266.651V238.448H266.419V462.434H4.47461V238.448H4.24219V237.332H3.76172V236.014C3.37092 235.998 3.38915 235.241 3.38965 235.223C2.82397 234.733 3.49092 234.475 3.50977 234.468H4.6123V215.089H1.92969V213.497C1.40655 213.541 1.13429 213.17 1.09082 212.701C1.04818 212.24 0.635927 212.211 0.62207 212.21H0V211.6H4.97559V209.037H6.11719V208.284C8.54903 208.077 7.23047 206.408 7.23047 206.408C5.0709 204.468 7.20795 206.297 8.36328 203.791C9.51859 201.284 7.05078 199.091 7.05078 199.091C2.07711 193.158 7.60547 192.34 7.60547 192.34V191.618C9.08393 189.715 7.49574 189.263 6.93457 188.564C6.37302 187.866 8.15332 187.743 8.15332 187.743L9.09766 178.049H8.64551V176.091H9.19336L9.96289 167.314C10.4286 167.135 10.4557 166.338 10.4561 166.328H11.8379C11.6582 166.617 12.3555 167.229 12.3555 167.229L12.8242 176.103H13.4492V178.062H13.082L13.5908 187.805L14.4209 187.894C16.2668 188.401 14.1954 188.982 13.8486 190.062C13.5022 191.143 14.4346 191.975 14.4346 191.975V192.566C18.9876 194.016 16.3747 197.528 14.6797 199.264C12.9851 201 12.9638 202.429 13.1729 203.636C13.3823 204.842 17.0596 204.877 14.96 206.13C12.8599 207.383 15.6455 208.379 15.6455 208.379V209.135H16.5732V211.644H20.9902V209.049C23.8013 208.401 24.3369 205.917 24.3457 205.875C24.3457 205.875 21.7019 199.726 25.4043 197.181C29.1069 194.635 32.3213 196.879 32.3213 196.879L32.5068 193.488C35.9817 193.175 36.2402 190.653 36.2402 190.653V175.177C36.0725 175.832 32.2053 177.704 32.0684 173.593C31.9315 169.482 36.1299 170.772 36.1299 170.772C36.1256 170.759 35.5832 169.068 37.2627 168.611C38.926 168.159 39.2427 167.278 39.251 167.254H36.3633V166.008C36.3629 165.991 36.3471 165.481 35.8877 165.481C35.4211 165.481 35.4648 165.022 35.4648 165.022C35.4623 165.013 35.3398 164.582 34.9717 164.556C34.5997 164.53 34.5684 164.271 34.5684 164.271V163.808H39.6611V161.579C42.9759 161.692 45.0381 158.417 45.0381 158.417C41.5764 152.878 45.1515 146.892 49.7295 145.329C54.3079 143.767 57.6123 146.083 57.6123 146.083V138.883C67.5058 138.236 68.0445 131.324 65.2793 130.282C62.5141 129.241 61.6523 131.036 61.6523 131.036C61.3827 128.612 63.2678 126.601 64.7402 126.798C66.2039 126.994 66.4975 126.18 66.501 126.17C66.4294 125.165 66.6259 123.064 67.6855 123.046C68.7339 123.028 69.202 122.325 69.2119 122.31V117.604H66.3926V115.647C65.4002 115.594 65.2478 114.578 65.2441 114.553H64.7412V113.942H69.3193V111.842C74.4725 111.357 74.4697 108.058 74.4697 108.058C72.8687 101.16 74.5072 98.4535 78.2041 95.8623C81.8845 93.2823 87.5288 96.3679 87.5791 96.3955V93.3086C97.0892 92.6999 95.646 81.6912 95.6406 81.6504C95.652 81.1592 95.5757 79.5022 95.5742 79.4707C94.6588 75.8078 90.8389 78.8281 90.8389 78.8281C91.128 73.9 95.4863 75.0307 95.5293 75.042V74.0146C95.5298 73.9136 95.6977 73.6914 96.0098 73.6914C96.3135 73.6914 96.3119 73.4916 96.3115 73.4805C96.5676 69.0191 98.9629 69.6221 98.9629 69.6221V66.6484H96.3311C96.5424 66.4171 96.4072 65.5117 96.4072 65.5117C96.391 65.5082 95.4237 65.2951 95.29 64.7412C95.1553 64.1831 94.8669 64.202 94.6934 64.1348C94.5199 64.0674 94.3652 63.9702 94.3652 63.8066C94.3655 63.6445 94.5838 63.6118 94.5869 63.6113H98.8926V61.627C98.6297 61.298 98.6927 60.5357 98.7793 60.5127C98.8656 60.4914 99.5518 60.2553 99.5586 60.2529C101.658 59.2575 101.009 57.7862 100.511 57.1152C100.018 56.451 100.794 56.1225 100.81 56.1162H103.357C104.04 56.0836 103.791 57.0804 103.785 57.1016C101.32 58.7616 103.835 60.1912 104.706 60.3887C105.577 60.5864 105.034 61.6387 105.034 61.6387V63.6113H110.606V42.1611H108.864C108.865 42.1501 108.962 40.9616 108.815 40.8467C108.669 40.733 108.153 39.8951 108.142 39.877H107.467V39.2031H113.236C113.236 39.2031 110.639 38.4136 111.396 34.9785C112.147 31.5658 115.395 31.4622 115.438 31.4609C114.518 33.1538 119.778 34.4851 119.877 30.1465C119.975 25.8196 117.361 27.4737 117.346 27.4834C117.263 25.0674 120.287 25.0672 120.6 23.7852C120.912 22.5029 121.915 22.2725 121.915 22.2725V17.7363H120.6V17.0947C120.597 17.0816 120.529 16.6986 120.238 16.6016C119.943 16.5028 119.68 16.0928 119.646 15.9609C119.614 15.8293 119.285 15.7139 119.285 15.7139H118.942V15.0137H122.335L132.541 9.13477V5.67188C132.382 5.60186 132.305 4.44014 132.815 4.46289C133.326 4.48588 135.302 3.20742 134.416 1.88281C133.531 0.558416 134.304 0 134.304 0H136.59ZM27.1455 399.032V450.879H50.5488V399.032H27.1455ZM118.344 382.167V450.879H151.687V382.167H118.344ZM172.673 399.032V450.879H196.076V399.032H172.673ZM219.48 399.032V450.879H242.884V399.032H219.48ZM73.9531 399.031V450.878H97.3564V399.031H73.9531ZM62.251 334.077C49.4124 334.077 38.8477 344.906 38.8477 358.064V358.065L44.0088 358.064C44.0032 357.877 44 357.689 44 357.5C44 347.283 52.2827 339 62.5 339C72.7173 339 81 347.283 81 357.5C81 357.689 80.9968 357.877 80.9912 358.064H85.6543C85.6543 344.906 75.0896 334.077 62.251 334.077ZM135.403 334.077C122.565 334.077 112 344.906 112 358.064V358.065L117.009 358.064C117.003 357.877 117 357.689 117 357.5C117 347.283 125.283 339 135.5 339C145.717 339 154 347.283 154 357.5C154 357.689 153.997 357.877 153.991 358.064H158.807C158.807 344.906 148.242 334.077 135.403 334.077ZM208.403 334.077C195.565 334.077 185 344.906 185 358.064V358.065L190.009 358.064C190.003 357.877 190 357.689 190 357.5C190 347.283 198.283 339 208.5 339C218.717 339 227 347.283 227 357.5C227 357.689 226.997 357.877 226.991 358.064H231.807C231.807 344.906 221.242 334.077 208.403 334.077ZM103.944 283.107V313.269H123.221V283.107H103.944ZM125.377 283.107V313.269H144.652V283.107H125.377ZM146.809 283.107V313.269H166.085V283.107H146.809ZM184.375 283.107V313.269H203.651V283.107H184.375ZM205.807 283.107V313.269H225.083V283.107H205.807ZM227.238 283.107V313.269H246.515V283.107H227.238ZM23.5146 283.055V313.216H42.791V283.055H23.5146ZM44.9463 283.055V313.216H64.2227V283.055H44.9463ZM66.3779 283.055V313.216H85.6543V283.055H66.3779ZM103.944 249.397V279.559H123.221V249.397H103.944ZM125.377 249.397V279.559H144.652V249.397H125.377ZM146.809 249.397V279.559H166.085V249.397H146.809ZM184.375 249.397V279.559H203.651V249.397H184.375ZM205.807 249.397V279.559H225.083V249.397H205.807ZM227.238 249.397V279.559H246.515V249.397H227.238ZM23.5146 249.344V279.505H42.791V249.344H23.5146ZM44.9473 249.344V279.505H64.2236V249.344H44.9473ZM66.3789 249.344V279.505H85.6553V249.344H66.3789ZM23.5156 213.032V215.288H85.6553V213.032H23.5156ZM91.6729 122.288V215.288H98.4893V122.288H91.6729ZM103.944 213.032V215.288H166.085V213.032H103.944ZM170.55 122.288V215.288H178.341V122.288H170.55ZM184.375 213.032V215.288H246.515V213.032H184.375ZM112.772 146.34C112.696 147.108 112.657 147.887 112.657 148.676V207.879H157.373V148.676C157.373 147.887 157.334 147.108 157.258 146.34H112.772ZM135.015 122.879C125.347 122.879 117.113 130.051 113.994 140.091H156.035C152.916 130.051 144.682 122.879 135.015 122.879ZM110.53 114.001V116.257H157.851V114L110.53 114.001Z' fill='%23305059'/%3E%3C/svg%3E%0A");
  position: absolute;
  bottom: 0;
  right: 24px;
  width: 100%;
  height: 100%;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 272px;
  max-height: 464px;
  z-index: 0;
  pointer-events: none;
}
.footer .footer__top {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 1;
  gap: 120px;
}
@media only screen and (max-width: 1199px) {
  .footer .footer__top {
    gap: 80px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer .footer__top {
    flex-direction: column;
    gap: 40px;
  }
}
.footer .footer__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  position: relative;
  z-index: 1;
  margin-top: 68px;
}
@media only screen and (max-width: 1199px) {
  .footer .footer__bottom {
    margin-top: 52px;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer__bottom {
    margin-top: 32px;
    gap: 4px;
  }
}
.footer .footer__logo {
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .footer .footer__logo {
    margin-bottom: 20px;
  }
}
.footer .footer__logo svg {
  width: 100%;
  height: 100%;
}
.footer .footer__copyright {
  font-size: 16px;
  line-height: 1.5em;
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.65;
}
@media only screen and (max-width: 599px) {
  .footer .footer__copyright {
    width: 100%;
  }
}
.footer .footer__legal {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
@media only screen and (max-width: 599px) {
  .footer .footer__legal {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
.footer .footer__legal * {
  font-size: 16px;
  line-height: 1.5em;
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.65;
}
.footer .footer__legal .footer__legal-separator:last-child {
  display: none;
}
@media only screen and (max-width: 599px) {
  .footer .footer__legal .footer__legal-separator {
    display: none;
  }
}
.footer .footer__contact h4,
.footer .footer__sitemap h4,
.footer .footer__hours h4 {
  color: hsl(40, 33.3%, 96.5%);
  margin-bottom: 16px;
}
.footer .footer__contact .footer__editor p, .footer .footer__contact .footer__editor tr, .footer .footer__contact .footer__editor a,
.footer .footer__sitemap .footer__editor p,
.footer .footer__sitemap .footer__editor tr,
.footer .footer__sitemap .footer__editor a,
.footer .footer__hours .footer__editor p,
.footer .footer__hours .footer__editor tr,
.footer .footer__hours .footer__editor a {
  font-size: 16px;
  line-height: 1.5em;
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.8;
}
.footer .footer__contact .footer__editor a,
.footer .footer__sitemap .footer__editor a,
.footer .footer__hours .footer__editor a {
  text-decoration: none;
  transition: opacity 250ms ease;
}
.footer .footer__contact .footer__editor a:hover,
.footer .footer__sitemap .footer__editor a:hover,
.footer .footer__hours .footer__editor a:hover {
  opacity: 1;
}
.footer .footer__contact table,
.footer .footer__sitemap table,
.footer .footer__hours table {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1023px) {
  .footer .footer__contact tr,
  .footer .footer__sitemap tr,
  .footer .footer__hours tr {
    display: flex;
  }
}
@media only screen and (max-width: 1023px) {
  .footer .footer__contact tr td,
  .footer .footer__sitemap tr td,
  .footer .footer__hours tr td {
    width: 200px !important;
  }
}
.footer .footer__contact tr td:last-child,
.footer .footer__sitemap tr td:last-child,
.footer .footer__hours tr td:last-child {
  padding-left: 8px;
}
@media only screen and (max-width: 1023px) {
  .footer .footer__contact tr td:last-child,
  .footer .footer__sitemap tr td:last-child,
  .footer .footer__hours tr td:last-child {
    width: 110px !important;
  }
}
.footer .footer__contact {
  max-width: 312px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .footer .footer__contact {
    max-width: 244px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer .footer__contact {
    max-width: 100%;
  }
}
.footer .footer__sitemap {
  max-width: 312px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .footer .footer__sitemap {
    max-width: 225px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer .footer__sitemap {
    max-width: 100%;
  }
}
.footer .footer__hours {
  max-width: 364px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .footer .footer__hours {
    max-width: 274px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer .footer__hours {
    max-width: 100%;
  }
}
.footer .footer__socials {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 1199px) {
  .footer .footer__socials {
    position: relative;
    right: unset;
    top: unset;
  }
}
@media only screen and (max-width: 1023px) {
  .footer .footer__socials {
    max-width: 100%;
    flex-direction: row;
    justify-content: flex-start;
  }
}
.footer .footer__socials a svg {
  transition: scale 250ms ease;
}
.footer .footer__socials a:hover svg {
  scale: 1.05;
}

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

/**
 * Default Component
 */
.content-default .wrapper {
  padding-block: 96px;
}
@media only screen and (max-width: 1199px) {
  .content-default .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-default .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-default .wrapper {
    padding-block: 40px;
  }
}
.content-default--blue {
  background-color: hsl(193, 30.3%, 21.4%);
}
.content-default--blue rood {
  color: hsl(40, 33.3%, 96.5%);
}
.content-default--blue .content-default__title {
  color: hsl(40, 33.3%, 96.5%);
}
.content-default--blue .content-default__title::before {
  background-color: hsl(40, 33.3%, 96.5%);
}
.content-default--blue .content-default__content * {
  color: hsl(40, 33.3%, 96.5%);
}
.content-default--blue .content-default__content span.is-intro {
  color: hsl(40, 33.3%, 96.5%) !important;
}
.content-default--blue .content-default__content .content-default__editor *:not(h1, h2, h3, h4, h5, h6, table, tr, th, td, strong) {
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.8;
}
.content-default--blue .content-default__content .content-default__editor table {
  opacity: 0.8;
}
.content-default--blue .content-default__content .content-default__editor a {
  text-decoration: underline;
  transition: all 250ms ease;
}
.content-default--blue .content-default__content .content-default__editor a:hover {
  opacity: 1;
}
.content-default--blue .content-default__content .content-default__editor h1, .content-default--blue .content-default__content .content-default__editor h2, .content-default--blue .content-default__content .content-default__editor h3, .content-default--blue .content-default__content .content-default__editor h4, .content-default--blue .content-default__content .content-default__editor h5, .content-default--blue .content-default__content .content-default__editor h6 {
  opacity: 1;
}
.content-default--blue .content-default__content .button {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 16px;
  border-radius: 49px;
  border: 1px solid hsl(40, 33.3%, 96.5%);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: hsl(40, 33.3%, 96.5%);
  width: fit-content;
  transition: all 250ms ease;
}
.content-default--blue .content-default__content .button:has(svg) {
  background-color: hsl(40, 33.3%, 96.5%);
  color: hsl(193, 30.3%, 21.4%);
}
.content-default--blue .content-default__content .button:has(svg) svg path {
  fill: hsl(193, 30.3%, 21.4%);
}
.content-default--blue .content-default__content .button:hover {
  background-color: hsl(40, 33.3%, 96.5%);
  color: hsl(193, 30.3%, 21.4%);
}
.content-default--red {
  background-color: hsl(12, 63.3%, 38.4%);
}
.content-default--red rood {
  color: hsl(40, 33.3%, 96.5%);
}
.content-default--red .content-default__title {
  color: hsl(40, 33.3%, 96.5%);
}
.content-default--red .content-default__title::before {
  background-color: hsl(40, 33.3%, 96.5%);
}
.content-default--red .content-default__content * {
  color: hsl(40, 33.3%, 96.5%);
}
.content-default--red .content-default__content span.is-intro {
  color: hsl(40, 33.3%, 96.5%) !important;
}
.content-default--red .content-default__content .content-default__editor *:not(h1, h2, h3, h4, h5, h6, table, tr, th, td, strong) {
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.8;
}
.content-default--red .content-default__content .content-default__editor table {
  opacity: 0.8;
}
.content-default--red .content-default__content .content-default__editor a {
  text-decoration: underline;
  transition: all 250ms ease;
}
.content-default--red .content-default__content .content-default__editor a:hover {
  opacity: 1;
}
.content-default--red .content-default__content .content-default__editor h1, .content-default--red .content-default__content .content-default__editor h2, .content-default--red .content-default__content .content-default__editor h3, .content-default--red .content-default__content .content-default__editor h4, .content-default--red .content-default__content .content-default__editor h5, .content-default--red .content-default__content .content-default__editor h6 {
  opacity: 1;
}
.content-default--red .content-default__content .button {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 16px;
  border-radius: 49px;
  border: 1px solid hsl(40, 33.3%, 96.5%);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: hsl(40, 33.3%, 96.5%);
  width: fit-content;
  transition: all 250ms ease;
}
.content-default--red .content-default__content .button:has(svg) {
  background-color: hsl(40, 33.3%, 96.5%);
  color: hsl(12, 63.3%, 38.4%);
}
.content-default--red .content-default__content .button:has(svg) svg path {
  fill: hsl(12, 63.3%, 38.4%);
  transition: all 250ms ease;
}
.content-default--red .content-default__content .button:has(svg):hover {
  background-color: hsl(12, 63.1%, 30.8%);
  border: 1px solid hsl(12, 63.1%, 30.8%);
  color: hsl(40, 33.3%, 96.5%);
}
.content-default--red .content-default__content .button:has(svg):hover svg path {
  fill: hsl(40, 33.3%, 96.5%);
}
.content-default--red .content-default__content .button:hover {
  background-color: hsl(40, 33.3%, 96.5%);
  color: hsl(193, 30.3%, 21.4%);
}
.content-default .button {
  margin-top: 64px;
  margin-inline: auto;
  width: fit-content;
}
.content-default .button:has(svg) {
  background-color: hsl(12, 63.3%, 38.4%);
  color: hsl(40, 33.3%, 96.5%);
  border: 1px solid hsl(12, 63.3%, 38.4%);
}
.content-default .button:has(svg) svg path {
  fill: hsl(40, 33.3%, 96.5%);
  transition: all 250ms ease;
}
.content-default .button:has(svg):hover {
  background-color: hsl(12, 63.1%, 30.8%);
  border: 1px solid hsl(12, 63.1%, 30.8%);
  color: hsl(40, 33.3%, 96.5%);
}
.content-default .button:has(svg):hover svg path {
  fill: hsl(40, 33.3%, 96.5%);
}
.content-default .content-default__editor {
  margin-top: 64px;
}
.content-default .content-default__title {
  padding-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .content-default .content-default__title {
    padding-bottom: 24px;
  }
}
.content-default .content-default__title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: hsl(38, 10.1%, 78.6%);
}
.content-default .content-default__content {
  max-width: 872px;
  width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 1199px) {
  .content-default .content-default__content {
    max-width: 833px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-default .content-default__content {
    max-width: 640px;
  }
}
@media only screen and (max-width: 599px) {
  .content-default .content-default__content {
    max-width: 100%;
  }
}
.content-default .content-default__content span.is-intro {
  color: hsl(30, 3.8%, 10.2%);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  display: flex;
}
.content-default .content-default__content .content-default__editor.cms-output p, .content-default .content-default__content .content-default__editor.cms-output ul, .content-default .content-default__content .content-default__editor.cms-output ol {
  opacity: 0.8;
}
.content-default .content-default__content .content-default__editor.cms-output p:not(:last-child) {
  margin-bottom: 64px;
}
.content-default .content-default__content .content-default__editor.cms-output h2, .content-default .content-default__content .cms-output h3, .content-default .content-default__content .cms-output h4 {
  margin-bottom: 8px;
}
.content-default .content-default__transcription {
  margin-top: 32px;
}
.content-default .content-default__transcription-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: hsl(12, 63.3%, 38.4%);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.content-default .content-default__transcription-title.is-active svg {
  transform: rotate(0deg);
}
.content-default .content-default__transcription-title:hover {
  color: hsl(12, 63.3%, 28.8%);
}
.content-default .content-default__transcription-title svg {
  transform: rotate(180deg);
  transition: transform 250ms ease;
}

/**
 * Hero Home Component
 */
.content-hero-home {
  position: relative;
  padding-bottom: 65px;
  overflow: clip;
}
@media only screen and (max-width: 599px) {
  .content-hero-home {
    padding-bottom: 0;
  }
}
.content-hero-home::before {
  background-image: url("../images/castle-new.png");
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  bottom: 60px;
  right: 96px;
  z-index: 0;
  content: "";
  max-width: 248px;
  max-height: 422px;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .content-hero-home::before {
    background-image: url("../images/castle-small.png");
    max-width: 255px;
    max-height: 129px;
    bottom: unset;
    right: 0;
    top: 144px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-hero-home::before {
    max-width: 255px;
    max-height: 129px;
    bottom: unset;
    right: 0;
    top: 43%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 599px) {
  .content-hero-home::before {
    max-width: 255px;
    max-height: 129px;
    bottom: unset;
    right: unset;
    left: 8px;
    top: 59%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 298px) {
  .content-hero-home::before {
    top: 50%;
  }
}
.content-hero-home .content-hero-home__image,
.content-hero-home .content-hero-home__video {
  width: 100%;
  height: calc(100vh - 65px);
}
@media only screen and (max-width: 599px) {
  .content-hero-home .content-hero-home__image,
  .content-hero-home .content-hero-home__video {
    height: 80vh;
  }
}
.content-hero-home .content-hero-home__image img,
.content-hero-home .content-hero-home__video img {
  width: 100%;
  height: calc(100vh - 65px);
  object-fit: cover;
}
@media only screen and (max-width: 599px) {
  .content-hero-home .content-hero-home__image img,
  .content-hero-home .content-hero-home__video img {
    height: 80vh;
  }
}
.content-hero-home .wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 1712px) {
  .content-hero-home .wrapper {
    left: 108px;
  }
}
@media only screen and (max-width: 599px) {
  .content-hero-home .wrapper {
    width: 100%;
    position: relative;
    bottom: unset;
    left: unset;
  }
}
.content-hero-home .wrapper .content-hero-home__title {
  padding: 24px 40px;
  width: fit-content;
  background-color: hsl(12, 63.3%, 38.4%);
  font-size: 48px;
  line-height: 1.2em;
  font-weight: 400;
  font-family: "Kepler Std";
  color: hsl(40, 33.3%, 96.5%);
  z-index: 10;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .content-hero-home .wrapper .content-hero-home__title {
    max-width: 402px;
    font-size: 36px;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 599px) {
  .content-hero-home .wrapper .content-hero-home__title {
    padding: 24px;
    max-width: calc(100% + 24px);
    margin-left: -24px;
  }
}
@media screen and (max-width: 298px) {
  .content-hero-home .wrapper .content-hero-home__title {
    max-width: calc(100% + 48px);
    margin-inline: -24px;
  }
}
.content-hero-home .content-hero-home__editor {
  position: absolute;
  top: 264px;
  right: 0;
  background-color: hsl(42, 33.3%, 92.4%);
  padding: 24px 40px;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .content-hero-home .content-hero-home__editor {
    top: 50% !important;
    transform: translateY(-50%);
  }
}
.content-hero-home .content-hero-home__editor a {
  text-decoration: none;
}
@media only screen and (max-width: 599px) {
  .content-hero-home .content-hero-home__editor.desktop {
    display: none;
  }
}
.content-hero-home .content-hero-home__editor.phone {
  visibility: hidden;
  display: none;
}
.content-hero-home .content-hero-home__editor.phone * {
  visibility: hidden;
  display: none;
}
@media only screen and (max-width: 599px) {
  .content-hero-home .content-hero-home__editor.phone {
    display: block;
    visibility: visible;
    width: fit-content;
    top: 48px !important;
  }
  .content-hero-home .content-hero-home__editor.phone * {
    visibility: visible;
    display: block;
  }
}
@media screen and (max-width: 298px) {
  .content-hero-home .content-hero-home__editor.phone {
    top: 60px !important;
  }
}
@media only screen and (max-width: 1199px) {
  .content-hero-home .content-hero-home__editor {
    top: 220px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-hero-home .content-hero-home__editor {
    top: 168px;
  }
}
@media only screen and (max-width: 599px) {
  .content-hero-home .content-hero-home__editor {
    position: relative;
    top: unset;
    right: unset;
  }
}
.content-hero-home .content-hero-home__editor h1,
.content-hero-home .content-hero-home__editor h2,
.content-hero-home .content-hero-home__editor h3,
.content-hero-home .content-hero-home__editor h4,
.content-hero-home .content-hero-home__editor h5,
.content-hero-home .content-hero-home__editor h6 {
  margin: 0;
}
@media only screen and (max-width: 599px) {
  .content-hero-home .content-hero-home__container {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.content-hero-home .content-hero-home__video {
  position: relative;
  overflow: clip;
}
.content-hero-home .content-hero-home__video iframe {
  aspect-ratio: 16/9;
  height: 100vh;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 1594px) {
  .content-hero-home .content-hero-home__video iframe {
    width: 100vw;
    height: auto;
  }
}
.content-hero-home .content-hero-home__video-control {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 10;
  background-color: hsl(12, 63.3%, 38.4%);
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: hsl(40, 33.3%, 96.5%);
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.content-hero-home .content-hero-home__video-control:hover {
  background-color: hsl(12, 63.3%, 28.4%);
}
.content-hero-home .content-hero-home__video-control:focus {
  outline: 2px solid hsl(40, 33.3%, 96.5%);
  outline-offset: 2px;
}
@media only screen and (max-width: 599px) {
  .content-hero-home .content-hero-home__video-control {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
}
.content-hero-home .content-hero-home__video-control .content-hero-home__video-control-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
@media only screen and (max-width: 599px) {
  .content-hero-home .content-hero-home__video-control .content-hero-home__video-control-icon {
    width: 20px;
    height: 20px;
  }
}
.content-hero-home .content-hero-home__video-control .content-hero-home__video-control-icon svg {
  width: 100%;
  height: 100%;
}

/**
 * Hero General Component
 */
.hero {
  position: relative;
}
.hero .hero__background {
  background-color: hsl(12, 63.3%, 38.4%);
  height: calc(100vh - 150px);
  display: flex;
  flex-direction: row;
  gap: 176px;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .hero .hero__background {
    gap: 64px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero .hero__background {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 599px) {
  .hero .hero__background {
    gap: 24px;
  }
}
.hero.hero--medaille .hero__image::after {
  background-color: #BD972F;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='106' viewBox='0 0 60 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-11.406 43.764L-27 12.4706L-2.14286 0L16.5 31.1765L35.1429 0L60 12.4706L44.406 43.764C50.2513 50.3695 53.7857 59.0599 53.7857 68.5882C53.7857 89.2427 37.0848 106 16.5 106C-4.08482 106 -20.7857 89.2427 -20.7857 68.5882C-20.7857 59.0599 -17.2319 50.3695 -11.406 43.764ZM22.7337 60.5408L16.5 48.4794L10.2663 60.5408L-3.69643 62.4699L6.40179 71.8618L4.01317 85.1312L16.5 78.8765L28.9868 85.1312L26.5982 71.8618L36.6964 62.4699L22.7337 60.5408Z' fill='%2394751F'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 87px 106px;
  background-position: 95% 95%;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 80px;
  height: 100%;
  z-index: 2;
}
.hero.hero--helm .hero__image::after {
  background-color: #5488B5;
  background-image: url("data:image/svg+xml,%3Csvg width='76' height='106' viewBox='0 0 76 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.2707 52.7444C40.7088 55.8502 31.4486 58.6756 27.7638 59.7001C15.9082 43.3624 7.2568 82.8317 5.97511 85.4199C4.94977 87.4904 5.01385 89.8413 5.17406 90.7579L8.6987 101.758C-5.88048 109.684 -20.1392 104.346 -26.7079 102.89C-31.9628 101.725 -19.9256 88.2776 -13.2502 81.6994C-9.88574 73.2879 -15.9737 57.1119 -20.1392 45.627C-24.3047 34.142 -23.9843 4.53999 8.37827 0.819515C40.7408 -2.90096 51.1545 6.96639 52.1158 11.9809C53.0771 16.9955 51.3147 22.8188 51.1545 19.4219C51.0264 16.7043 48.965 14.8387 47.9503 14.2456C37.3123 10.4928 35.9345 20.5542 36.5754 26.054C61.408 33.1715 57.7232 40.9359 68.7777 43.2006C77.6213 45.0123 76.5212 46.1123 74.8657 46.4358C61.408 47.2446 57.7232 48.8622 48.2707 52.7444Z' fill='%233A6489'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 104px 106px;
  background-position: 95% 95%;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 80px;
  height: 100%;
  z-index: 2;
}
.hero.hero--profiel-van-gestel .hero__image::after {
  background-color: #76873F;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='106' viewBox='0 0 56 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.9369 20.5951C36.9369 20.5951 38.1092 22.4698 38.2322 23.1084C38.3552 23.7471 39.633 26.6226 39.9044 26.9179C40.1757 27.2131 41.1342 30.0886 40.9123 32.1035C40.6904 34.1184 44.7232 38.7643 44.7232 38.7643L47.7722 43.827C47.7722 43.827 49.3709 46.0637 47.7722 47.2436C46.1735 48.4234 45.8246 48.394 45.4196 48.4555C45.0146 48.5169 43.0095 48.6238 43.3785 49.328C43.6966 49.9373 44.3075 52.19 43.8356 52.2261C43.5295 52.2488 43.3718 52.2074 43.1312 52.1393C43.1312 52.1393 43.3477 52.5548 43.1606 52.7566C42.9734 52.9583 42.2102 54.237 41.1809 54.2678C41.1809 54.2678 42.0378 54.6887 42.0378 55.6694C42.0378 56.6502 41.8667 56.745 41.6474 57.0403C41.4282 57.3356 39.6678 58.9564 39.7614 60.187C39.8549 61.4176 40.4725 63.3149 39.7574 64.4507C39.0422 65.5864 38.4821 66.8184 37.0599 67.1885C35.6376 67.5586 33.7516 67.5853 33.7516 67.5853C33.7516 67.5853 34.1954 67.6588 34.0015 69.0177C33.8077 70.3766 33.8451 73.5727 33.9494 74.3597C34.0537 75.1467 34.3357 76.7193 34.2167 77.1509L34.1459 77.4061C34.1459 77.4061 35.4933 77.2244 36.8928 76.392C38.2923 75.5595 39.4432 76.3278 41.7744 75.2723C44.1056 74.2167 44.524 73.0435 45.9663 74.0483C47.4086 75.0531 48.0115 75.5061 48.3136 77.1322C48.6156 78.7583 50.0071 80.1319 50.0071 80.1319C50.0071 80.1319 51.1808 80.7358 50.5766 82.2764C49.9724 83.817 50.3681 87.136 50.749 87.3538C51.13 87.5716 52.182 91.4706 49.5045 93.9385C49.5045 93.9385 51.8986 95.753 53.0896 96.4211C54.2806 97.0891 55.1615 99.6653 55.3914 100.252C55.6213 100.838 55.5411 101.616 55.775 101.866C56.0089 102.116 56.1346 102.928 55.775 103.833C55.4154 104.737 55.8378 106 55.8378 106H-19.7631C-19.7631 106 -20.9127 104.084 -18.147 99.72C-15.3814 95.3561 -15.8332 92.7065 -14.5954 89.7202C-13.3577 86.7339 -14.8855 82.7855 -10.5947 77.3032L-7.91864 72.9072C-7.91864 72.9072 -8.88774 72.1496 -7.87453 70.4888C-6.86131 68.8279 -6.56323 67.8672 -6.37074 67.115C-6.17826 66.3627 -5.58343 65.3325 -5.58343 65.3325C-5.58343 65.3325 -4.50204 63.7438 -4.18524 62.552C-3.86844 61.3601 -2.82315 60.4609 -2.05722 60.5224L-0.756613 57.8607C-0.756613 57.8607 -4.91641 56.3108 -6.4349 52.7445C-6.4349 52.7445 -8.56159 48.418 -8.94121 47.2035C-9.32083 45.9889 -10.7631 42.8008 -10.1563 38.02C-10.1563 38.02 -10.1389 35.5014 -10.2472 34.7919C-10.3554 34.0824 -11.8606 30.4467 -10.9783 27.0702C-10.0961 23.6937 -10.8714 20.6178 -10.0961 18.8541C-10.0961 18.8541 -9.25667 12.7238 -4.97523 10.5084C-4.97523 10.5084 -0.90766 7.26022 7.35447 6.14185C15.6166 5.02348 22.2533 2.51684 24.1728 1.45726C26.0923 0.397685 33.3118 -1.97935 36.4343 3.31854C39.5568 8.61642 44.1671 12.8187 36.9342 20.5978L36.9369 20.5951Z' fill='%23566527'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 76px 106px;
  background-position: 0% 95%;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 80px;
  height: 100%;
  z-index: 2;
}
.hero.hero--stadskan .hero__image::before {
  background-color: #BD6D2F;
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='109' viewBox='0 0 37 109' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9268 0.0986328C11.3628 -0.165637 11.7753 0.167481 11.9141 0.328125C11.9141 0.328125 12.1438 0.45428 12.4541 0.317383C12.7644 0.180525 13.2573 0.191989 13.2227 0.40918C13.1877 0.626459 12.7173 1.18965 12.7969 1.35059C12.8772 1.51121 13.1366 1.62046 13.3027 1.30469C13.4688 0.989172 13.6663 0.966049 13.8232 0.99707C13.8232 0.99707 13.8947 0.514925 14.2178 0.602539C14.2215 0.596223 14.5045 0.114283 14.8418 0.279297C14.8466 0.27276 15.0986 -0.0637656 15.6084 0.272461C15.6084 0.272461 16.3655 -0.0838204 17.2744 1.14062C18.1834 2.3654 17.8281 3.86426 17.8281 3.86426C17.8494 3.86269 18.8396 3.79365 18.9248 4.52637C19.0106 5.26734 18.5306 5.22228 18.2695 5.00879C18.0085 4.79523 17.527 4.63761 17.4248 4.45508C17.4185 4.44627 17.0676 3.95898 16.9971 3.95898C16.9256 3.95942 16.6748 4.20368 16.8955 4.43164C17.1163 4.65968 17.2985 4.7477 17.377 5.32422C17.377 5.32422 17.8586 5.5925 18.5283 5.74219C19.1982 5.89186 20.1552 6.77695 21.9385 6.72949C23.7217 6.68199 24.7021 5.90137 24.7021 5.90137C24.7021 5.90137 23.8659 5.49784 24.3076 4.28223C24.3076 4.28223 24.5278 3.83163 24.6064 3.7998C24.6015 3.77154 24.4067 2.6503 24.7021 2.18164C25.0015 1.7071 25.7365 1.67584 25.8936 1.80176C25.8936 1.80176 26.4232 1.13941 27.0693 1.52637C27.7152 1.91337 27.8029 2.7416 27.5273 3.55371C27.5273 3.55371 28.0472 3.79877 27.9688 4.74609C27.8901 5.69314 27.0527 5.93066 27.0527 5.93066C27.0501 5.94677 26.9319 6.68806 27.3525 6.71875C27.7775 6.7498 28.1801 6.85407 28.2041 7.28613C28.2278 7.71873 28.3546 10.6399 28.7891 10.7275C29.2241 10.8154 30.7417 11.3195 31.0537 12.7646C31.3657 14.2101 30.9316 15.4258 30.9316 15.4258L31.9941 15.8945L31.8496 16.3496C31.8745 16.3677 34.7194 18.435 35.1338 20.3486C35.5499 22.2705 35.9038 23.8735 34.0859 28.0732C32.268 32.2732 30.574 34.0638 29.8877 36.9131C29.2014 39.7623 29.0275 40.5709 29.2246 43.2979C29.4217 46.0247 31.4513 53.4692 32.0137 54.9922C32.5759 56.5145 36.13 63.7706 36.2705 63.9111C36.4114 64.0522 37.1678 65.1887 35.6113 64.9697C34.0546 64.7507 32.6151 64.7653 32.4561 64.9971C32.4613 65.0167 32.7604 66.1399 32.5469 67.3828C32.3315 68.637 32.3278 72.1047 29.6104 75.3662C26.8925 78.628 19.8887 80.9121 19.8887 80.9121C19.8816 80.9683 19.2344 86.1829 20.7285 89.1348C20.7479 89.1441 21.5336 89.5315 21.3047 90.752C21.3047 90.752 21.905 91.1677 21.502 91.9414C21.502 91.9414 22.276 95.3845 24.3896 96.2734C24.3896 96.2734 28.7553 96.7626 29.8652 98.7393C30.9749 100.716 30.7526 102.067 31.3584 102.713C31.9644 103.359 33.0926 104.89 32.0449 105.779C30.9972 106.668 25.4608 109.747 10.4551 108.831C-4.54999 107.915 -5.49963 106.081 -6.7207 105.103C-6.7207 105.103 -7.26051 104.482 -6.83887 104.126C-6.41714 103.77 -5.19071 100.289 -5.125 99.6025C-5.0592 98.9161 -4.09762 96.8063 -1.30176 96.4502C1.49445 96.0943 1.87677 96.0015 2.68164 94.1162C3.4604 92.292 3.43599 92.3928 3.43359 92.4014C3.43314 92.3856 3.42227 91.9858 3.51172 91.6494C3.50883 91.6237 3.3821 90.4668 3.81348 89.8369C4.02088 89.5341 4.10245 89.4192 4.13086 89.3818C4.18475 89.1303 5.07875 84.9156 4.99023 82.377C4.89883 79.76 3.36232 80.1631 0.232422 78.6631C-2.89795 77.1627 -6.43013 73.8642 -6.77148 67.0869C-7.11281 60.3097 -3.0229 54.7421 -0.18457 52.7744C2.65376 50.8067 4.99631 38.7326 5.02734 36.4346C5.02734 36.4346 4.14939 35.2213 5.26465 34.5332C5.26465 34.5332 6.59656 23.739 6.59668 21.2705C6.59668 21.2705 7.00523 20.7997 6.1875 20.2686C6.1875 20.2686 5.9794 18.7497 5.25293 18.0488C4.52652 17.348 4.52734 17.5554 4.52734 17.2178C4.52734 17.2178 4.12748 16.9845 4.17285 16.7783C4.21848 16.5721 4.30929 16.373 4.02637 16.1904C3.74322 16.0071 2.89732 14.2189 4.17285 13.54C4.18278 13.5311 5.41706 12.4251 5.45605 12.2881C5.49439 12.1512 5.34082 11.8057 5.34082 11.8057C5.33452 11.7966 5.19077 11.5835 5.66602 11.5996L5.66797 11.5977C5.66034 11.5726 4.83725 8.83742 8.41113 8.63574C8.41113 8.63574 8.52076 8.22815 9.17969 8.30664C9.83859 8.38508 10.6219 8.13517 10.7168 8.07129C10.8116 8.00701 10.8889 7.74342 11.3447 7.77441C11.8008 7.80439 12.1436 6.1582 12.1436 6.1582C12.1325 6.15518 11.8441 6.07401 11.751 5.78223C11.6562 5.48494 11.7035 5.28063 10.9355 5.07812C10.1671 4.87552 9.75977 3.77637 9.75977 3.77637C9.75252 3.76504 9.47771 3.33691 9.42188 3.33691C9.36501 3.32921 9.21886 1.61377 10.501 0.959961C10.5008 0.948566 10.4947 0.36073 10.9268 0.0986328ZM27.5967 17.8623C24.2859 17.5723 21.9211 20.3516 21.5811 20.541C21.2435 20.7271 21.3758 21.1273 21.376 21.2334C21.3755 21.3383 20.9673 21.4521 20.96 21.4541L21.0566 21.6836V21.6855C20.7998 22.4779 21.5575 34.6983 21.5605 34.748C22.1388 34.8851 21.9664 35.5179 21.9619 35.5342C22.2509 35.7172 22.1358 36.3471 22.1318 36.3682C22.2395 37.0159 21.7449 36.9255 21.792 37.1406C21.8389 37.3535 21.7292 37.7361 21.7266 37.7451C22.0826 43.8433 24.5522 50.2977 25.7715 52.291C26.9907 54.2839 28.3889 54.9974 29.1025 53.9863C29.8159 52.9745 27.6444 44.5564 27.3779 40.749C27.1117 36.9413 30.8096 28.5926 32.4961 25.1064C34.1823 21.6203 30.9095 18.1525 27.5967 17.8623ZM13.9111 4.96582C13.7562 4.76736 13.5151 4.91857 13.4072 5.03711C13.2995 5.15574 12.2115 5.28433 12.6729 5.43945L14.4453 5.44043C14.4522 5.43973 14.9169 5.39168 14.5117 5.19434C14.1029 4.99539 14.0663 5.16478 13.9111 4.96582ZM14.6631 3.80762H14.6611C14.6565 3.81105 14.1222 4.20931 14.4512 4.31836C14.7815 4.42777 15.1666 4.29427 14.9805 4.0625C14.7946 3.83099 14.8178 3.76583 14.6631 3.80762ZM12.752 2.31738C12.7455 2.29706 12.4706 1.46077 11.4521 1.83008C10.4209 2.20426 10.9084 3.52757 11.3301 3.60059C11.7518 3.67351 12.6128 3.65005 12.5967 2.98438C12.5803 2.31836 12.8651 2.74812 12.752 2.31738Z' fill='%239B541E'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 43px 109px;
  background-position: 0% 95%;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  z-index: 2;
  content: "";
}
.hero .hero__head {
  max-width: 580px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow: clip;
  padding-left: 96px;
}
@media screen and (min-width: 1700px) {
  .hero .hero__head {
    margin-left: auto;
    padding-left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .hero .hero__head {
    max-width: 439px;
    padding-left: 64px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero .hero__head {
    max-width: 100%;
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 599px) {
  .hero .hero__head {
    padding-inline: 24px;
    padding-bottom: 40px;
  }
}
.hero .hero__head * {
  color: hsl(40, 33.3%, 96.5%);
}
.hero .hero__date {
  padding: 24px;
  background-color: hsl(42, 33.3%, 92.4%);
  width: fit-content;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .hero .hero__date {
    display: none;
  }
}
.hero .hero__date span {
  color: var(--Grey-800, #1B1A19);
  font-family: "Kepler Std";
  font-size: 20px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1023px) {
  .hero .hero__date span {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.hero .hero__image {
  max-width: 50%;
  width: 100%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .hero .hero__image {
    max-width: 100%;
  }
}
.hero .hero__image::before {
  content: "";
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.hero .hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
}
.hero .wrapper {
  padding-block: 48px;
}
@media only screen and (max-width: 1199px) {
  .hero .wrapper {
    padding-block: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .hero .wrapper {
    padding-block: 24px;
  }
}
.hero .hero__anchor-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.hero .hero__anchor-links .button {
  min-width: fit-content;
}
@media only screen and (max-width: 599px) {
  .hero .hero__anchor-links {
    flex-wrap: unset;
    gap: 0;
  }
}

/**
 * Event Select Component
 */
.event-select .wrapper {
  padding-block: 96px;
}
@media only screen and (max-width: 1199px) {
  .event-select .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .event-select .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .event-select .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .event-select a.button.button--primary.desktop {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .event-select a.button.button--primary.phone {
    display: none;
  }
}
.event-select a.button.button--primary.phone {
  margin-top: 48px;
  width: fit-content;
  margin-inline: auto;
}
.event-select .event-select__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 64px;
  margin-bottom: 48px;
}
@media only screen and (max-width: 1023px) {
  .event-select .event-select__head {
    gap: 32px;
  }
}
@media only screen and (max-width: 1023px) {
  .event-select .event-select__head .event-select__title {
    max-width: 50%;
  }
}
@media only screen and (max-width: 599px) {
  .event-select .event-select__head {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }
}
.event-select .event-select__events {
  display: flex;
  flex-direction: row;
  gap: 64px;
}
@media only screen and (max-width: 1199px) {
  .event-select .event-select__events {
    gap: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .event-select .event-select__events {
    flex-direction: column;
    gap: 64px;
  }
}
.event-select .event-select__events-column {
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: calc(50% - 32px);
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .event-select .event-select__events-column {
    gap: 40px;
    max-width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 599px) {
  .event-select .event-select__events-column {
    gap: 64px;
    max-width: 100%;
  }
}
.event-select .event-select__events-column .event-select__event {
  height: fit-content;
}
.event-select .event-select__events-column:first-child .event-select__event .event-select__event-image,
.event-select .event-select__events-column:first-child .event-select__event .event-select__event-image img {
  max-height: 420px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .event-select .event-select__events-column:first-child .event-select__event .event-select__event-image,
  .event-select .event-select__events-column:first-child .event-select__event .event-select__event-image img {
    max-height: 322px;
  }
}
@media only screen and (max-width: 1023px) {
  .event-select .event-select__events-column:first-child .event-select__event .event-select__event-image,
  .event-select .event-select__events-column:first-child .event-select__event .event-select__event-image img {
    max-height: 244px;
  }
}
@media only screen and (max-width: 599px) {
  .event-select .event-select__events-column:first-child .event-select__event .event-select__event-image,
  .event-select .event-select__events-column:first-child .event-select__event .event-select__event-image img {
    max-height: 182px;
  }
}
.event-select .event-select__events-column:last-child .event-select__event .event-select__event-image,
.event-select .event-select__events-column:last-child .event-select__event .event-select__event-image img {
  max-height: 830px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .event-select .event-select__events-column:last-child .event-select__event .event-select__event-image,
  .event-select .event-select__events-column:last-child .event-select__event .event-select__event-image img {
    max-height: 688px;
  }
}
@media only screen and (max-width: 1023px) {
  .event-select .event-select__events-column:last-child .event-select__event .event-select__event-image,
  .event-select .event-select__events-column:last-child .event-select__event .event-select__event-image img {
    max-height: 601px;
  }
}
@media only screen and (max-width: 599px) {
  .event-select .event-select__events-column:last-child .event-select__event .event-select__event-image,
  .event-select .event-select__events-column:last-child .event-select__event .event-select__event-image img {
    max-height: 182px;
  }
}

/**
 * Event Carousel Component
 */
.event-carousel .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .event-carousel .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .event-carousel .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .event-carousel .wrapper {
    padding-block: 40px;
  }
}
.event-carousel .event-carousel__title {
  padding-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .event-carousel .event-carousel__title {
    padding-bottom: 24px;
  }
}
.event-carousel .event-carousel__title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: hsl(38, 10.1%, 78.6%);
  bottom: 0;
  left: 0;
}
.event-carousel .event-carousel__carousel {
  margin-top: 64px;
  display: flex;
  flex-direction: row;
}
.event-carousel .event-carousel__event {
  display: flex;
  flex-direction: column;
  height: auto;
  text-decoration: none;
  color: inherit;
}
.event-carousel .event-carousel__event .event-carousel__event-image {
  position: relative;
  max-height: 320px;
  height: 100%;
  min-height: 320px;
  width: 100%;
  overflow: clip;
}
@media only screen and (max-width: 1199px) {
  .event-carousel .event-carousel__event .event-carousel__event-image {
    max-height: 240px;
    min-height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .event-carousel .event-carousel__event .event-carousel__event-image {
    max-height: 192px;
    min-height: 192px;
  }
}
.event-carousel .event-carousel__event .event-carousel__event-image img {
  max-height: 320px;
  min-height: 320px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 250ms ease;
}
@media only screen and (max-width: 1199px) {
  .event-carousel .event-carousel__event .event-carousel__event-image img {
    max-height: 240px;
    min-height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .event-carousel .event-carousel__event .event-carousel__event-image img {
    max-height: 192px;
    min-height: 192px;
  }
}
.event-carousel .event-carousel__event .event-carousel__event-image .event-carousel__event-date {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 65px;
  height: 65px;
  background-color: #BD972F;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 599px) {
  .event-carousel .event-carousel__event .event-carousel__event-image .event-carousel__event-date {
    top: 10px;
    left: 10px;
  }
}
.event-carousel .event-carousel__event .event-carousel__event-image .event-carousel__event-date span {
  color: hsl(40, 33.3%, 96.5%);
  text-align: center;
  font-family: "Kepler Std";
  text-transform: uppercase;
}
.event-carousel .event-carousel__event .event-carousel__event-image .event-carousel__event-date span:first-child {
  font-size: 32px;
  line-height: 1.2em;
  margin-top: -2px;
}
@media only screen and (max-width: 599px) {
  .event-carousel .event-carousel__event .event-carousel__event-image .event-carousel__event-date span:first-child {
    font-size: 30px;
    line-height: 1.2em;
  }
}
.event-carousel .event-carousel__event .event-carousel__event-image .event-carousel__event-date span:last-child {
  font-size: 16px;
  line-height: 1.2em;
  margin-top: -2px;
}
@media only screen and (max-width: 599px) {
  .event-carousel .event-carousel__event .event-carousel__event-image .event-carousel__event-date span:last-child {
    font-size: 16px;
    line-height: 1.4em;
  }
}
.event-carousel .event-carousel__event .event-carousel__event-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
  margin-top: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid hsl(38, 10.1%, 78.6%);
  margin-bottom: 16px;
}
.event-carousel .event-carousel__event .event-carousel__event-details .event-carousel__event-time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: hsl(36, 3%, 32.4%);
  opacity: 0.8;
}
.event-carousel .event-carousel__event .event-carousel__event-details .event-carousel__event-date {
  color: hsl(36, 3%, 32.4%);
  opacity: 0.8;
}
.event-carousel .event-carousel__event h3 {
  color: hsl(30, 3.8%, 10.2%);
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1023px) {
  .event-carousel .event-carousel__event h3 {
    font-size: 20px;
    line-height: 1.2em;
  }
}
.event-carousel .event-carousel__event .event-carousel__event-link {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
  margin-top: auto;
}
.event-carousel .event-carousel__event .event-carousel__event-link::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.event-carousel .event-carousel__event:hover .event-carousel__event-link {
  padding-left: 42px;
}
.event-carousel .event-carousel__event:hover img {
  transform: scale(1.05);
}
.event-carousel .event-carousel__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 84px;
  margin-top: 40px;
}
.event-carousel .event-carousel__navigation .event-carousel__previous {
  position: relative;
  padding-left: 38px;
}
.event-carousel .event-carousel__navigation .event-carousel__previous span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
  transition: transform 250ms ease;
}
.event-carousel .event-carousel__navigation .event-carousel__previous:hover span {
  transform: translateX(4px);
}
.event-carousel .event-carousel__navigation .event-carousel__previous::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.event-carousel .event-carousel__navigation .event-carousel__next {
  position: relative;
  padding-right: 38px;
}
.event-carousel .event-carousel__navigation .event-carousel__next span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
  transition: transform 250ms ease;
}
.event-carousel .event-carousel__navigation .event-carousel__next:hover span {
  transform: translateX(-4px);
}
.event-carousel .event-carousel__navigation .event-carousel__next::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/**
 * Event List Component
 */
.event-list .wrapper {
  padding-block: 96px;
}
@media only screen and (max-width: 1199px) {
  .event-list .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .event-list .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .event-list .wrapper {
    padding-block: 40px;
  }
}
.event-list .event-filter__container {
  position: relative;
}
.event-list .event-filter__container::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11H17V13H7V11ZM4 7H20V9H4V7ZM10 15H14V17H10V15Z' fill='%23A03C24'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  width: 24px;
  height: 24px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
}
.event-list .event-list__filter {
  max-width: fit-content;
  background-color: transparent;
  border: none;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  color: hsl(30, 3.8%, 10.2%);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
  padding: 0 32px 0 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.event-list .event-list__count,
.event-list .event-list__count-number {
  color: hsl(30, 3.8%, 10.2%);
  opacity: 0.8;
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.event-list .event-list__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 48px;
}
@media only screen and (max-width: 1023px) {
  .event-list .event-list__head {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}
.event-list .event-list__count {
  max-width: 100%;
  width: 100%;
  margin-bottom: -32px;
}
@media only screen and (max-width: 1023px) {
  .event-list .event-list__count {
    margin-bottom: 0;
  }
}
.event-list .event-list__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 76px 64px;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .event-list .event-list__list {
    gap: 48px;
  }
}
.event-list .event-list__item {
  max-width: calc(50% - 32px);
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .event-list .event-list__item {
    max-width: calc(50% - 24px);
  }
}
@media only screen and (max-width: 599px) {
  .event-list .event-list__item {
    max-width: 100%;
  }
}
.event-list .event-list__pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.event-list .event-list__pagination .page-number {
  color: hsl(36, 3%, 32.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.event-list .event-list__pagination .page-number.current {
  color: hsl(12, 63.3%, 38.4%);
}
.event-list .event-list__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 84px;
  margin-top: 40px;
}
.event-list .event-list__navigation .event-list__previous {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.event-list .event-list__navigation .event-list__previous:hover {
  padding-left: 42px;
}
.event-list .event-list__navigation .event-list__previous::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.event-list .event-list__navigation .event-list__next {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-right: 38px;
  transition: padding-right 250ms ease;
}
.event-list .event-list__navigation .event-list__next:hover {
  padding-right: 42px;
}
.event-list .event-list__navigation .event-list__next::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/**
 * Text Images Component
 */
.content-text-images {
  /* General styling */
  margin-top: 96px;
}
@media only screen and (max-width: 1199px) {
  .content-text-images {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-text-images {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-text-images {
    margin-top: 140px;
  }
}
.content-text-images--blue {
  background-color: hsl(193, 30.3%, 21.4%);
}
.content-text-images--blue rood {
  color: hsl(40, 33.3%, 96.5%);
}
.content-text-images--blue .content-text-images__content * {
  color: hsl(40, 33.3%, 96.5%);
}
.content-text-images--blue .content-text-images__content .content-text-images__editor * {
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.8;
}
.content-text-images--blue .content-text-images__content .content-text-images__editor a {
  text-decoration: underline;
  transition: all 250ms ease;
}
.content-text-images--blue .content-text-images__content .content-text-images__editor a:hover {
  opacity: 1;
}
.content-text-images--blue .content-text-images__content .content-text-images__link {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 16px;
  border-radius: 49px;
  border: 1px solid hsl(40, 33.3%, 96.5%);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: hsl(40, 33.3%, 96.5%);
  width: fit-content;
  transition: all 250ms ease;
}
.content-text-images--blue .content-text-images__content .content-text-images__link:hover {
  background-color: hsl(40, 33.3%, 96.5%);
  color: hsl(193, 30.3%, 21.4%);
}
.content-text-images--red {
  background-color: hsl(12, 63.3%, 38.4%);
}
.content-text-images--red rood {
  color: hsl(40, 33.3%, 96.5%);
}
.content-text-images--red .content-text-images__content * {
  color: hsl(40, 33.3%, 96.5%);
}
.content-text-images--red .content-text-images__content .content-text-images__editor * {
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.8;
}
.content-text-images--red .content-text-images__content .content-text-images__editor a {
  text-decoration: underline;
  transition: all 250ms ease;
}
.content-text-images--red .content-text-images__content .content-text-images__editor a:hover {
  opacity: 1;
}
.content-text-images--red .content-text-images__content .content-text-images__link {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 16px;
  border-radius: 49px;
  border: 1px solid hsl(40, 33.3%, 96.5%);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: hsl(40, 33.3%, 96.5%);
  width: fit-content;
  transition: all 250ms ease;
}
.content-text-images--red .content-text-images__content .content-text-images__link:hover {
  background-color: hsl(40, 33.3%, 96.5%);
  color: hsl(193, 30.3%, 21.4%);
}
.content-text-images:not(.content-text-images--blue):not(.content-text-images--red) .content-text-images__content .content-text-images__title {
  color: hsl(30, 3.8%, 10.2%);
}
.content-text-images:not(.content-text-images--blue):not(.content-text-images--red) .content-text-images__content .content-text-images__editor * {
  color: hsl(30, 3.8%, 10.2%);
  opacity: 0.8;
}
.content-text-images:not(.content-text-images--blue):not(.content-text-images--red) .content-text-images__content .content-text-images__editor a {
  text-decoration: underline;
  transition: all 250ms ease;
}
.content-text-images:not(.content-text-images--blue):not(.content-text-images--red) .content-text-images__content .content-text-images__editor a:hover {
  opacity: 1;
}
.content-text-images:not(.content-text-images--blue):not(.content-text-images--red) .content-text-images__content .content-text-images__link {
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 16px;
  border-radius: 49px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  width: fit-content;
  transition: all 250ms ease;
  border: 1px solid hsl(193, 30.3%, 21.4%);
  color: hsl(193, 30.3%, 21.4%);
}
.content-text-images:not(.content-text-images--blue):not(.content-text-images--red) .content-text-images__content .content-text-images__link:hover {
  background-color: hsl(193, 30.3%, 21.4%);
  color: hsl(40, 33.3%, 96.5%);
}
.content-text-images .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .content-text-images .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-text-images .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-text-images .wrapper {
    padding-block: 40px;
  }
}
.content-text-images {
  /* -------------------------------------- */
}
.content-text-images .content-text-images__content {
  display: flex;
  flex-direction: column;
  max-width: 593px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-text-images .content-text-images__content {
    max-width: 490px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-text-images .content-text-images__content {
    max-width: 100%;
  }
}
.content-text-images .content-text-images__content .content-text-images__editor {
  margin-top: 16px;
}
.content-text-images .content-text-images__content .content-text-images__link {
  margin-top: 40px;
}
@media only screen and (max-width: 599px) {
  .content-text-images .content-text-images__content .content-text-images__link {
    margin-top: 24px;
    margin-inline: auto;
  }
}
.content-text-images .wrapper {
  display: flex;
  flex-direction: row;
  gap: 188px;
}
@media only screen and (max-width: 1199px) {
  .content-text-images .wrapper {
    justify-content: space-between;
    gap: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-text-images .wrapper {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 599px) {
  .content-text-images .wrapper {
    gap: 20px;
  }
}
.content-text-images .content-text-images__image {
  min-height: 772px;
  max-height: 772px;
  height: 100%;
  max-width: 536px;
  width: 100%;
  margin-top: -216px;
}
@media only screen and (max-width: 1199px) {
  .content-text-images .content-text-images__image {
    min-height: 584px;
    max-height: 584px;
    height: 100%;
    max-width: 405px;
    margin-top: -194px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-text-images .content-text-images__image {
    margin-top: -160px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .content-text-images .content-text-images__image {
    min-height: 180px;
    max-height: 180px;
  }
}
.content-text-images .content-text-images__image img {
  min-height: 772px;
  max-height: 772px;
  height: 100%;
  max-width: 536px;
  width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .content-text-images .content-text-images__image img {
    min-height: 584px;
    max-height: 584px;
    height: 100%;
    max-width: 405px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-text-images .content-text-images__image img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .content-text-images .content-text-images__image img {
    min-height: 180px;
    max-height: 180px;
    aspect-ratio: 4/3;
  }
}
.content-text-images .content-text-images__content-image {
  max-width: 424px;
  max-height: 283px;
  width: 100%;
  height: 100%;
  margin-top: 80px;
  padding-right: 32px;
}
@media only screen and (max-width: 1199px) {
  .content-text-images .content-text-images__content-image {
    margin-top: 40px;
    max-width: 524px;
    max-height: 350px;
    padding-right: 84px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-text-images .content-text-images__content-image {
    max-width: 438px;
    max-height: 292px;
    min-height: 292px;
  }
}
@media only screen and (max-width: 599px) {
  .content-text-images .content-text-images__content-image {
    max-width: 100%;
    max-height: 181px;
    min-height: 181px;
  }
}
.content-text-images .content-text-images__content-image img {
  max-width: 424px;
  max-height: 283px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .content-text-images .content-text-images__content-image img {
    max-width: 524px;
    max-height: 350px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-text-images .content-text-images__content-image img {
    max-width: 438px;
    max-height: 292px;
    min-height: 292px;
  }
}
@media only screen and (max-width: 599px) {
  .content-text-images .content-text-images__content-image img {
    max-width: 100%;
    max-height: 181px;
    min-height: 181px;
    aspect-ratio: 4/3;
  }
}

/**
 * Exhibition Select Component
 */
.exhibition-select .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .exhibition-select .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .exhibition-select .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .exhibition-select .wrapper {
    padding-block: 40px;
  }
}
.exhibition-select .exhibition-select__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 48px;
}
.exhibition-select .exhibition-select__exhibitions {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 600px) {
  .exhibition-select .exhibition-select__button.phone {
    display: none;
  }
}
.exhibition-select .exhibition-select__button.phone {
  margin-top: 48px;
  width: fit-content;
  margin-inline: auto;
}
@media only screen and (max-width: 599px) {
  .exhibition-select .exhibition-select__button.desktop {
    display: none;
  }
}

/**
 * Exhibition List Component
 */
.exhibition-list .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .exhibition-list .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .exhibition-list .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .exhibition-list .wrapper {
    padding-block: 40px;
  }
}
.exhibition-list .exhibition-list__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 48px;
}
.exhibition-list .exhibition-list__exhibitions {
  display: flex;
  flex-direction: column;
}
.exhibition-list .exhibition-list__pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.exhibition-list .exhibition-list__pagination .page-number {
  color: hsl(36, 3%, 32.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.exhibition-list .exhibition-list__pagination .page-number.current {
  color: hsl(12, 63.3%, 38.4%);
}
.exhibition-list .exhibition-list__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 84px;
  margin-top: 40px;
}
.exhibition-list .exhibition-list__navigation .exhibition-list__previous {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.exhibition-list .exhibition-list__navigation .exhibition-list__previous:hover {
  padding-left: 42px;
}
.exhibition-list .exhibition-list__navigation .exhibition-list__previous::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.exhibition-list .exhibition-list__navigation .exhibition-list__next {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-right: 38px;
  transition: padding-right 250ms ease;
}
.exhibition-list .exhibition-list__navigation .exhibition-list__next:hover {
  padding-right: 42px;
}
.exhibition-list .exhibition-list__navigation .exhibition-list__next::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/**
 * Collection Carousel Component
 */
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__button--buitenkunst {
  display: flex;
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__button--museum {
  display: none;
}
.collection-carousel[data-active-taxonomy=museum-collectie] .collection-carousel__button--buitenkunst {
  display: none;
}
.collection-carousel[data-active-taxonomy=museum-collectie] .collection-carousel__button--museum {
  display: flex;
}
.collection-carousel .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .collection-carousel .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .collection-carousel .wrapper {
    padding-block: 40px;
  }
}
.collection-carousel .collection-carousel__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.collection-carousel .collection-carousel__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  gap: 64px;
}
.collection-carousel .collection-carousel__switch {
  border-radius: 100px;
  border: 1px solid hsl(12, 63.3%, 38.4%);
  padding: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.collection-carousel .collection-carousel__switch .collection-carousel__switch-button {
  color: hsl(193, 30.3%, 21.4%);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
  padding: 12px 16px;
  border-radius: 100px;
  transition: color 300ms ease;
  position: relative;
  z-index: 2;
}
.collection-carousel .collection-carousel__switch .collection-carousel__switch-button.is-active {
  color: hsl(40, 33.3%, 96.5%);
}
.collection-carousel .collection-carousel__switch::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: var(--switch-width, 183px);
  height: calc(100% - 8px);
  background-color: hsl(12, 63.3%, 38.4%);
  border-radius: 100px;
  transition: transform 300ms ease, width 300ms ease;
  z-index: 1;
}
.collection-carousel .collection-carousel__switch.second-active::before {
  width: var(--switch-width-second, 143px);
  transform: translateX(calc(var(--switch-width, 183px) + 0px));
}
.collection-carousel .collection-carousel__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 84px;
}
.collection-carousel .collection-carousel__navigation .collection-carousel__prev {
  position: relative;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.collection-carousel .collection-carousel__navigation .collection-carousel__prev span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
  transition: transform 250ms ease;
}
.collection-carousel .collection-carousel__navigation .collection-carousel__prev:hover span {
  transform: translateX(4px);
}
.collection-carousel .collection-carousel__navigation .collection-carousel__prev::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.collection-carousel .collection-carousel__navigation .collection-carousel__next {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-right: 38px;
}
.collection-carousel .collection-carousel__navigation .collection-carousel__next span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
  transition: transform 250ms ease;
}
.collection-carousel .collection-carousel__navigation .collection-carousel__next:hover span {
  transform: translateX(-4px);
}
.collection-carousel .collection-carousel__navigation .collection-carousel__next::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.collection-carousel .collection-carousel__mobile-nav {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__mobile-nav {
    display: block;
  }
}
.collection-carousel .collection-carousel__mobile-nav .collection-carousel__mobile-prev,
.collection-carousel .collection-carousel__mobile-nav .collection-carousel__mobile-next {
  position: absolute;
  top: 90px;
  width: 40px;
  height: 40px;
  z-index: 10;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}
.collection-carousel .collection-carousel__mobile-nav .collection-carousel__mobile-prev svg,
.collection-carousel .collection-carousel__mobile-nav .collection-carousel__mobile-next svg {
  width: 40px;
  height: 40px;
  display: block;
}
.collection-carousel .collection-carousel__mobile-nav .collection-carousel__mobile-prev {
  left: -12px;
}
.collection-carousel .collection-carousel__mobile-nav .collection-carousel__mobile-next {
  right: -12px;
}
.collection-carousel .collection-carousel__container {
  position: relative;
  min-height: 736px;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__container {
    min-height: unset;
    height: fit-content;
  }
}
.collection-carousel .collection-carousel__carousel {
  background-color: hsl(12, 63.3%, 38.4%);
  display: flex;
  flex-direction: row;
  overflow: clip;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__carousel {
    position: relative;
    top: unset;
    left: unset;
  }
}
.collection-carousel .collection-carousel__carousel .keen-slider__slide {
  min-width: 100% !important;
  max-width: 100% !important;
}
.collection-carousel .collection-carousel__carousel.is-active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__carousel:not(.is-active) {
    display: none;
  }
}
.collection-carousel .collection-carousel__carousel .collection-carousel__item {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__carousel .collection-carousel__item {
    flex-direction: column;
  }
}
.collection-carousel .collection-carousel__carousel .collection-carousel__item.is-active .collection-carousel__item-image {
  max-width: 535px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 736px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__carousel .collection-carousel__item.is-active .collection-carousel__item-image {
    max-width: 100%;
    min-height: 205px;
    max-height: 205px;
  }
}
.collection-carousel .collection-carousel__carousel .collection-carousel__item.is-active .collection-carousel__item-image img {
  max-width: 535px;
  max-height: 100%;
  min-height: 736px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__carousel .collection-carousel__item.is-active .collection-carousel__item-image img {
    max-width: 100%;
    min-height: 205px;
    max-height: 205px;
  }
}
.collection-carousel .collection-carousel__carousel .collection-carousel__item.is-active .collection-carousel__item-image .visual-button {
  opacity: 1;
}
.collection-carousel .collection-carousel__carousel .collection-carousel__item:not(.is-active) .collection-carousel__item-image {
  max-width: 318px;
  max-height: 492px;
  min-height: 492px;
  width: 100%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__carousel .collection-carousel__item:not(.is-active) .collection-carousel__item-image {
    max-width: 100%;
    min-height: 205px;
    max-height: 205px;
  }
}
.collection-carousel .collection-carousel__carousel .collection-carousel__item:not(.is-active) .collection-carousel__item-image img {
  max-width: 318px;
  max-height: 492px;
  min-height: 492px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__carousel .collection-carousel__item:not(.is-active) .collection-carousel__item-image img {
    max-width: 100%;
    min-height: 205px;
    max-height: 205px;
  }
}
.collection-carousel .collection-carousel__carousel .collection-carousel__item:not(.is-active) .collection-carousel__item-image .visual-button {
  opacity: 0;
}
.collection-carousel .collection-carousel__carousel .collection-carousel__item-image {
  position: relative;
}
.collection-carousel .collection-carousel__item-content {
  padding: 96px 106px 75px 106px;
  height: auto;
  display: flex;
  flex-direction: column;
  height: auto;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__item-content {
    padding: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .collection-carousel .collection-carousel__item-content {
    padding: 24px;
  }
}
.collection-carousel .collection-carousel__item-content h3 {
  color: hsl(40, 33.3%, 96.5%);
}
.collection-carousel .collection-carousel__item-content .collection-carousel__item-editor {
  margin-top: 8px;
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.8;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__item-content .collection-carousel__item-editor {
    margin-bottom: 16px;
  }
}
.collection-carousel .collection-carousel__item-content .collection-carousel__item-features {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.collection-carousel .collection-carousel__item-content .collection-carousel__item-features .collection-carousel__item-feature {
  display: flex;
  flex-direction: row;
  gap: 20px;
  color: hsl(40, 33.3%, 96.5%);
  font-family: "Kepler Std";
}
@media only screen and (max-width: 599px) {
  .collection-carousel .collection-carousel__item-content .collection-carousel__item-features .collection-carousel__item-feature {
    flex-direction: column;
    gap: 0;
  }
}
.collection-carousel .collection-carousel__item-content .collection-carousel__item-features .collection-carousel__item-feature p:first-child {
  max-width: 145px;
  width: 100%;
  opacity: 0.8;
}
.collection-carousel .collection-carousel__item-content .collection-carousel__item-features .collection-carousel__item-feature p:last-child {
  max-width: 222px;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__button.desktop {
    display: none;
  }
}
.collection-carousel .collection-carousel__button.phone {
  margin-top: 12px;
  width: fit-content;
  margin-inline: auto;
}
@media only screen and (min-width: 1024px) {
  .collection-carousel .collection-carousel__button.phone {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .collection-carousel .collection-carousel__actions.desktop {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .collection-carousel .collection-carousel__actions.phone {
    display: none;
  }
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__switch {
  border-color: hsl(193, 30.3%, 21.4%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__switch::before {
  background-color: hsl(193, 30.3%, 21.4%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__carousel {
  background-color: hsl(193, 30.3%, 21.4%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__button {
  color: hsl(193, 30.3%, 21.4%);
  border: 1px solid hsl(193, 30.3%, 21.4%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__button svg path {
  fill: hsl(193, 30.3%, 21.4%);
  transition: all 250ms ease;
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__button:hover {
  background-color: hsl(193, 30.3%, 21.4%);
  color: hsl(40, 33.3%, 96.5%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__button:hover svg path {
  fill: hsl(40, 33.3%, 96.5%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__navigation .collection-carousel__prev span {
  color: hsl(193, 30.3%, 21.4%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__navigation .collection-carousel__prev::before {
  background-color: hsl(193, 30.3%, 21.4%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__navigation .collection-carousel__next {
  color: hsl(193, 30.3%, 21.4%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__navigation .collection-carousel__next span {
  color: hsl(193, 30.3%, 21.4%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__navigation .collection-carousel__next::before {
  background-color: hsl(193, 30.3%, 21.4%);
}
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__mobile-nav .collection-carousel__mobile-prev svg rect,
.collection-carousel[data-active-taxonomy=buitenkunst] .collection-carousel__mobile-nav .collection-carousel__mobile-next svg rect {
  fill: hsl(193, 30.3%, 21.4%);
}

/**
 * Collection List Component
 */
.collection-list .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .collection-list .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .collection-list .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .collection-list .wrapper {
    padding-block: 40px;
  }
}
.collection-list .collection-list__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 48px;
}
.collection-list .collection-list__item {
  display: flex;
  flex-direction: column;
  max-width: calc(33.33% - 16px);
  width: 100%;
  background-color: hsl(193, 30.3%, 21.4%);
  color: hsl(40, 33.3%, 96.5%);
}
@media only screen and (max-width: 1199px) {
  .collection-list .collection-list__item {
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 599px) {
  .collection-list .collection-list__item {
    max-width: 100%;
  }
}
.collection-list .collection-list__item:hover img {
  transform: scale(1.05);
}
.collection-list .collection-list__item-image {
  width: 100%;
  margin-bottom: 16px;
  max-height: 300px;
  height: 100%;
  overflow: clip;
}
@media only screen and (max-width: 599px) {
  .collection-list .collection-list__item-image {
    max-height: 218px;
  }
}
.collection-list .collection-list__item-image img {
  width: 100%;
  max-height: 300px;
  height: 100%;
  object-fit: cover;
  transition: transform 300ms ease;
}
@media only screen and (max-width: 599px) {
  .collection-list .collection-list__item-image img {
    max-height: 218px;
  }
}
.collection-list .collection-list__item-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
}
.collection-list .collection-list__item-subtitle {
  color: hsl(194, 11.3%, 77.5%);
  font-size: 20px;
  line-height: 1.2em;
  font-family: "Kepler Std";
}
@media only screen and (max-width: 1023px) {
  .collection-list .collection-list__item-subtitle {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.collection-list .collection-list__item-title {
  font-size: 24px;
  line-height: 1.2em;
  color: hsl(40, 33.3%, 96.5%);
  margin-bottom: 45px;
}
@media only screen and (max-width: 1023px) {
  .collection-list .collection-list__item-title {
    font-size: 20px;
    line-height: 1.2em;
  }
}
.collection-list .collection-list__item-year {
  color: hsl(40, 33.3%, 96.5%);
  font-size: 16px;
  line-height: 1.2em;
  justify-content: flex-end;
  display: flex;
  margin-top: auto;
  font-family: "Kepler Std";
}
@media only screen and (max-width: 1023px) {
  .collection-list .collection-list__item-year {
    font-size: 16px;
    line-height: 1.4em;
  }
}
.collection-list .collection-list__pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.collection-list .collection-list__pagination .page-number {
  color: hsl(36, 3%, 32.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.collection-list .collection-list__pagination .page-number.current {
  color: hsl(12, 63.3%, 38.4%);
}
.collection-list .collection-list__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 84px;
  margin-top: 40px;
}
.collection-list .collection-list__navigation .collection-list__previous {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.collection-list .collection-list__navigation .collection-list__previous:hover {
  padding-left: 42px;
}
.collection-list .collection-list__navigation .collection-list__previous::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.collection-list .collection-list__navigation .collection-list__next {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-right: 38px;
  transition: padding-right 250ms ease;
}
.collection-list .collection-list__navigation .collection-list__next:hover {
  padding-right: 42px;
}
.collection-list .collection-list__navigation .collection-list__next::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/**
 * News Latest Component
 */
.news-latest {
  padding-block: 96px;
}
@media only screen and (max-width: 1199px) {
  .news-latest {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-latest {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .news-latest {
    padding-block: 40px;
  }
}
.news-latest .wrapper:nth-child(2) {
  padding-block: 40px;
  background-color: hsl(12, 63.3%, 38.4%);
}
@media only screen and (max-width: 1023px) {
  .news-latest .wrapper:nth-child(2) {
    padding-block: 0 88px;
  }
}
@media only screen and (max-width: 599px) {
  .news-latest .wrapper:nth-child(2) {
    padding-block: 0 40px;
  }
}
.news-latest .news-latest__head {
  max-width: 648px;
  width: 100%;
  margin-left: auto;
  padding-block: 37px 47px;
}
@media only screen and (max-width: 1199px) {
  .news-latest .news-latest__head {
    max-width: 454px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-latest .news-latest__head {
    max-width: 100%;
    padding-block: 0 84px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.news-latest .news-latest__news {
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .news-latest .news-latest__news {
    gap: 60px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-latest .news-latest__news {
    gap: 24px;
    justify-content: flex-start;
    flex-direction: column;
  }
}
.news-latest .news-latest__news-image {
  max-height: 528px;
  width: 100%;
  height: 100%;
  max-width: 649px;
  margin-top: -182px;
}
@media only screen and (max-width: 1199px) {
  .news-latest .news-latest__news-image {
    max-width: 459px;
    max-height: 373px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-latest .news-latest__news-image {
    max-width: 100%;
    margin-top: -60px;
  }
}
.news-latest .news-latest__news-image img {
  max-width: 649px;
  max-height: 528px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .news-latest .news-latest__news-image img {
    max-width: 459px;
    max-height: 373px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-latest .news-latest__news-image img {
    max-width: 100%;
  }
}
.news-latest .news-latest__news-content {
  max-width: 648px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .news-latest .news-latest__news-content {
    max-width: 454px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-latest .news-latest__news-content {
    max-width: 100%;
  }
}
.news-latest .news-latest__news-content h3 {
  color: hsl(40, 33.3%, 96.5%);
}
.news-latest a.button--primary {
  width: fit-content;
}
@media only screen and (min-width: 1024px) {
  .news-latest a.button--primary {
    margin-top: 26px;
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 16px;
    border-radius: 49px;
    border: 1px solid hsl(40, 33.3%, 96.5%);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: hsl(40, 33.3%, 96.5%);
    width: fit-content;
    transition: all 250ms ease;
  }
  .news-latest a.button--primary:hover {
    background-color: hsl(40, 33.3%, 96.5%);
    color: hsl(193, 30.3%, 21.4%);
  }
}
@media only screen and (max-width: 1023px) {
  .news-latest a.button--primary.desktop {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .news-latest a.button--primary.phone {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .news-latest a.button--primary.phone {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .news-latest a.button--primary.phone-secondary {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .news-latest .button--secondary.phone {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .news-latest .button--secondary.phone {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .news-latest .button--secondary.phone-secondary {
    display: none;
  }
}
.news-latest .button--secondary.phone-secondary {
  width: fit-content;
  margin-top: 24px;
}
.news-latest .news-latest__news-date {
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.8;
  margin-bottom: 16px;
  display: flex;
}
.news-latest .news-latest__news-editor {
  margin-top: 16px;
}
.news-latest .news-latest__news-editor * {
  color: #F9F7F3;
  opacity: 0.8;
}
.news-latest .news-latest__news-link {
  position: relative;
  color: hsl(40, 33.3%, 96.5%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
  margin-top: 32px;
  display: flex;
}
.news-latest .news-latest__news-link:hover {
  padding-left: 42px;
}
.news-latest .news-latest__news-link::before {
  content: "";
  background-color: hsl(40, 33.3%, 96.5%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/**
 * News List Component
 */
.news-list .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .news-list .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-list .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .news-list .wrapper {
    padding-block: 40px;
  }
}
.news-list .news-list__title {
  margin-bottom: 48px;
}
.news-list .news-list__item-link {
  position: relative;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.news-list .news-list__item-link span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  transition: all 250ms ease;
}
.news-list .news-list__item-link::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.news-list .news-list__pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.news-list .news-list__pagination .page-number {
  color: hsl(36, 3%, 32.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.news-list .news-list__pagination .page-number.current {
  color: hsl(12, 63.3%, 38.4%);
}
.news-list .news-list__item:hover .news-list__item-link span {
  transform: translateX(4px);
}
.news-list .news-list__item:hover img {
  transform: scale(1.05);
}
.news-list .news-list__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 84px;
  margin-top: 40px;
}
.news-list .news-list__navigation .news-list__previous {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.news-list .news-list__navigation .news-list__previous:hover:not(:disabled) {
  padding-left: 42px;
}
.news-list .news-list__navigation .news-list__previous:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.news-list .news-list__navigation .news-list__previous::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.news-list .news-list__navigation .news-list__previous:disabled::before {
  opacity: 0.5;
}
.news-list .news-list__navigation .news-list__next {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-right: 38px;
  transition: padding-right 250ms ease;
}
.news-list .news-list__navigation .news-list__next:hover:not(:disabled) {
  padding-right: 42px;
}
.news-list .news-list__navigation .news-list__next:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.news-list .news-list__navigation .news-list__next::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.news-list .news-list__navigation .news-list__next:disabled::before {
  opacity: 0.5;
}
.news-list.news-list--list .news-list__list {
  display: flex;
  flex-direction: column;
}
.news-list.news-list--list .news-list__item {
  padding-block: 40px;
  border-top: 1px solid hsl(38, 10.1%, 78.6%);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .news-list.news-list--list .news-list__item {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.news-list.news-list--list .news-list__item .news-list__image {
  max-width: 292px;
  max-height: 215px;
  aspect-ratio: 292/215;
  width: 100%;
  height: 100%;
  overflow: clip;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .news-list.news-list--list .news-list__item .news-list__image {
    max-width: 261px;
    max-height: 207px;
    aspect-ratio: 261/207;
  }
}
@media only screen and (max-width: 599px) {
  .news-list.news-list--list .news-list__item .news-list__image {
    max-width: 100%;
    margin-bottom: 32px;
    aspect-ratio: unset;
  }
}
.news-list.news-list--list .news-list__item .news-list__image img {
  max-width: 292px;
  max-height: 215px;
  aspect-ratio: 292/215;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 250ms ease;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .news-list.news-list--list .news-list__item .news-list__image img {
    max-width: 261px;
    max-height: 207px;
    aspect-ratio: 261/207;
  }
}
@media only screen and (max-width: 599px) {
  .news-list.news-list--list .news-list__item .news-list__image img {
    max-width: 100%;
    aspect-ratio: unset;
  }
}
.news-list.news-list--list .news-list__item .news-list__item-head {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  padding-inline: 54px 0;
  gap: 54px;
  align-items: center;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .news-list.news-list--list .news-list__item .news-list__item-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-list.news-list--list .news-list__item .news-list__item-head {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 599px) {
  .news-list.news-list--list .news-list__item .news-list__item-head {
    gap: 24px;
    padding-inline: 0;
  }
}
.news-list.news-list--list .news-list__item .news-list__item-head .news-list__item-content {
  width: fit-content;
}
.news-list.news-list--list .news-list__item .news-list__item-head .news-list__item-date {
  font-family: "Kepler Std";
  color: hsl(36, 3%, 32.4%);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 8px;
  display: block;
}
.news-list.news-list--list .news-list__item .news-list__item-head .news-list__item-title {
  font-family: "Kepler Std";
  font-size: 32px;
  line-height: 1.2em;
  color: hsl(30, 3.8%, 10.2%);
}
@media only screen and (max-width: 1023px) {
  .news-list.news-list--list .news-list__item .news-list__item-head .news-list__item-title {
    font-size: 30px;
    line-height: 1.2em;
  }
}
.news-list.news-list--list .news-list__item .news-list__item-head .news-list__item-editor {
  max-width: 390px;
  width: 100%;
}
.news-list.news-list--list .news-list__item .news-list__item-link {
  position: relative;
  width: 100%;
  max-width: fit-content;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .news-list.news-list--list .news-list__item .news-list__item-link {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .news-list.news-list--list .news-list__item .news-list__item-link {
    align-items: flex-start;
  }
}
.news-list.news-list--list .news-list__item .news-list__item-link.tablet-landscape {
  display: none;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .news-list.news-list--list .news-list__item .news-list__item-link.tablet-landscape {
    display: flex;
  }
}
@media only screen and (max-width: 599px) {
  .news-list.news-list--list .news-list__item .news-list__item-link {
    margin-top: 24px;
  }
}

/**
 * Teasers Component
 */
.teasers--blue {
  background-color: hsl(193, 30.3%, 21.4%);
}
.teasers--blue rood {
  color: hsl(40, 33.3%, 96.5%);
}
.teasers--blue .teasers__title {
  color: hsl(40, 33.3%, 96.5%);
}
.teasers--blue .teasers__teaser-head * {
  color: hsl(40, 33.3%, 96.5%);
}
.teasers--blue .teasers__teaser .teasers__teaser-link {
  color: hsl(40, 33.3%, 96.5%);
}
.teasers--blue .teasers__teaser .teasers__teaser-link::before {
  background-color: hsl(40, 33.3%, 96.5%);
}
.teasers--red {
  background-color: hsl(12, 63.3%, 38.4%);
}
.teasers--red rood {
  color: hsl(40, 33.3%, 96.5%);
}
.teasers--red .teasers__title {
  color: hsl(40, 33.3%, 96.5%);
}
.teasers--red .teasers__teaser-head * {
  color: hsl(40, 33.3%, 96.5%);
}
.teasers--red .teasers__teaser .teasers__teaser-link {
  color: hsl(40, 33.3%, 96.5%);
}
.teasers--red .teasers__teaser .teasers__teaser-link::before {
  background-color: hsl(40, 33.3%, 96.5%);
}
.teasers .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .teasers .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .teasers .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .teasers .wrapper {
    padding-block: 40px;
  }
}
.teasers .teasers__title {
  margin-bottom: 48px;
}
.teasers .teasers__teaser-link {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.teasers .teasers__teaser-link::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.teasers .teasers__teaser:hover .teasers__teaser-link {
  padding-left: 42px;
}
.teasers.teasers--list .teasers__list {
  display: flex;
  flex-direction: column;
}
.teasers.teasers--list .teasers__teaser {
  padding-block: 40px;
  border-top: 1px solid hsl(38, 10.1%, 78.6%);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .teasers.teasers--list .teasers__teaser {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1023px) {
  .teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) {
    gap: 32px;
  }
}
.teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) .teasers__teaser-head {
  max-width: 100%;
  margin-right: 94px;
  gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) .teasers__teaser-head {
    margin-right: 64px;
  }
}
@media only screen and (max-width: 1023px) {
  .teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) .teasers__teaser-head {
    margin-right: 0;
    gap: 16px;
    padding-inline: 0;
  }
}
.teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) .teasers__teaser-head .teasers__teaser-title {
  max-width: 311px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) .teasers__teaser-head .teasers__teaser-title {
    max-width: 100%;
  }
}
.teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) .teasers__teaser-head .teasers__teaser-content {
  max-width: 648px;
}
@media only screen and (max-width: 1199px) {
  .teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) .teasers__teaser-head .teasers__teaser-content {
    max-width: 371px;
  }
}
@media only screen and (max-width: 1023px) {
  .teasers.teasers--list .teasers__teaser:has(:not(.teasers__image)) .teasers__teaser-head .teasers__teaser-content {
    max-width: 100%;
  }
}
.teasers.teasers--list .teasers__teaser .teasers__image {
  max-width: 207px;
  max-height: 207px;
  aspect-ratio: 207/207;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  .teasers.teasers--list .teasers__teaser .teasers__image {
    max-width: 100%;
    aspect-ratio: 4/3;
  }
}
.teasers.teasers--list .teasers__teaser .teasers__image img {
  max-width: 207px;
  max-height: 207px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 207/207;
}
@media only screen and (max-width: 1023px) {
  .teasers.teasers--list .teasers__teaser .teasers__image img {
    max-width: 100%;
    aspect-ratio: 4/3;
  }
}
.teasers.teasers--list .teasers__teaser .teasers__teaser-head {
  display: flex;
  flex-direction: row;
  max-width: 800px;
  width: 100%;
  justify-content: space-between;
  padding-inline: 64px 24px;
  gap: 24px;
}
@media only screen and (max-width: 1199px) {
  .teasers.teasers--list .teasers__teaser .teasers__teaser-head {
    flex-direction: column;
    gap: 16px;
  }
}
@media only screen and (max-width: 599px) {
  .teasers.teasers--list .teasers__teaser .teasers__teaser-head {
    gap: 24px;
  }
}
.teasers.teasers--list .teasers__teaser .teasers__teaser-head h3 {
  width: fit-content;
}
.teasers.teasers--list .teasers__teaser .teasers__teaser-head .teasers__teaser-content {
  max-width: 390px;
  width: 100%;
}
.teasers.teasers--list .teasers__teaser .teasers__teaser-link {
  position: relative;
  width: 100%;
  max-width: 204px;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 599px) {
  .teasers.teasers--list .teasers__teaser .teasers__teaser-link {
    margin-top: 24px;
  }
}
.teasers.teasers--grid .teasers__list {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 599px) {
  .teasers.teasers--grid .teasers__list {
    gap: 40px;
  }
}
.teasers.teasers--grid .teasers__teaser-link {
  display: none;
}
.teasers.teasers--grid .teasers__teaser {
  max-width: calc(33.33% - 16px);
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
}
.teasers.teasers--grid .teasers__teaser:hover img {
  scale: 1.05;
}
@media only screen and (max-width: 1023px) {
  .teasers.teasers--grid .teasers__teaser {
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 599px) {
  .teasers.teasers--grid .teasers__teaser {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .teasers.teasers--grid .teasers__teaser:last-child {
    max-width: 100%;
  }
  .teasers.teasers--grid .teasers__teaser:last-child .teasers__image {
    max-height: 337px;
  }
  .teasers.teasers--grid .teasers__teaser:last-child .teasers__image img {
    max-height: 337px;
  }
}
@media only screen and (max-width: 599px) {
  .teasers.teasers--grid .teasers__teaser:last-child {
    max-width: 100%;
  }
  .teasers.teasers--grid .teasers__teaser:last-child .teasers__image {
    max-height: 192px;
  }
  .teasers.teasers--grid .teasers__teaser:last-child .teasers__image img {
    max-height: 192px;
    aspect-ratio: 4/3;
  }
}
.teasers.teasers--grid .teasers__teaser-content {
  margin-bottom: 16px;
}
.teasers.teasers--grid .teasers__teaser-link {
  margin-top: auto;
}
.teasers.teasers--grid .teasers__image {
  width: 100%;
  max-height: 300px;
  height: 100%;
  margin-bottom: 24px;
  overflow: clip;
}
@media only screen and (max-width: 1023px) {
  .teasers.teasers--grid .teasers__image {
    max-height: 266px;
  }
}
@media only screen and (max-width: 599px) {
  .teasers.teasers--grid .teasers__image {
    max-height: 192px;
  }
}
.teasers.teasers--grid .teasers__image img {
  width: 100%;
  max-height: 300px;
  height: 100%;
  object-fit: cover;
  transition: all 250ms ease;
}
@media only screen and (max-width: 1023px) {
  .teasers.teasers--grid .teasers__image img {
    max-height: 266px;
  }
}
@media only screen and (max-width: 599px) {
  .teasers.teasers--grid .teasers__image img {
    max-height: 192px;
  }
}

/**
 * FAQ Home Component
 */
.faq-home .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .faq-home .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .faq-home .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .faq-home .wrapper {
    padding-block: 40px;
  }
}
.faq-home .wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 64px;
}
@media only screen and (max-width: 1023px) {
  .faq-home .wrapper {
    flex-direction: column;
  }
}
.faq-home a.button--primary {
  margin-top: 48px;
  width: fit-content;
}
@media only screen and (max-width: 1023px) {
  .faq-home a.button--primary.desktop {
    display: none;
  }
}
.faq-home a.button--primary.phone {
  margin-inline: auto;
  margin-top: 0;
  text-align: center;
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .faq-home a.button--primary.phone {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .faq-home a.button--primary.phone {
    width: 100%;
  }
}
.faq-home .faq-home__head {
  max-width: 424px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .faq-home .faq-home__head {
    max-width: 405px;
  }
}
@media only screen and (max-width: 1023px) {
  .faq-home .faq-home__head {
    max-width: 100%;
  }
}
.faq-home .faq-home__head .faq-home__editor {
  margin-top: 8px;
}
.faq-home .faq-home__head .faq-home__editor * {
  color: hsl(30, 3.8%, 10.2%);
  opacity: 0.8;
}
.faq-home .faq-home__faqs {
  max-width: 648px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .faq-home .faq-home__faqs {
    max-width: 536px;
  }
}
@media only screen and (max-width: 1023px) {
  .faq-home .faq-home__faqs {
    max-width: 100%;
  }
}
.faq-home .faq-home__faqs .faq-home__faq {
  padding-block: 0 24px;
}
.faq-home .faq-home__faqs .faq-home__faq:not(:first-child) {
  border-top: 1px solid hsl(38, 10.1%, 78.6%);
  padding-block: 24px;
}
.faq-home .faq-home__faqs .faq-home__faq .faq-home__faq-button {
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  display: block;
}
.faq-home .faq-home__faqs .faq-home__faq .faq-home__faq-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
  border-radius: 2px;
}
.faq-home .faq-home__faqs .faq-home__faq .faq-home__faq-button.is-active h3 svg {
  transform: rotate(180deg);
}
.faq-home .faq-home__faqs .faq-home__faq.is-active h3 svg {
  transform: rotate(180deg);
}
.faq-home .faq-home__faqs .faq-home__faq h3 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  line-height: 1.2em;
  margin: 0;
}
@media only screen and (max-width: 1023px) {
  .faq-home .faq-home__faqs .faq-home__faq h3 {
    font-size: 20px;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 599px) {
  .faq-home .faq-home__faqs .faq-home__faq h3 {
    gap: 14px;
  }
}
.faq-home .faq-home__faqs .faq-home__faq h3 svg {
  transition: all 250ms ease;
}
.faq-home .faq-home__faqs .faq-home__faq .faq-home__answer {
  padding-block: 22px 26px;
}
.faq-home .faq-home__faqs .faq-home__faq .faq-home__answer * {
  color: hsl(30, 3.8%, 10.2%);
  opacity: 0.8;
}
.faq-home .faq-home__faq {
  cursor: pointer;
}

/**
 * FAQ General Component
 */
.content-faq-general .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .content-faq-general .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-faq-general .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-faq-general .wrapper {
    padding-block: 40px;
  }
}
.content-faq-general--blue {
  background-color: hsl(193, 30.3%, 21.4%);
}
.content-faq-general--blue rood {
  color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--blue .content-faq-general__title {
  color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--blue .content-faq-general__title::before {
  background-color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--blue .content-faq-general__faqs .content-faq-general__faq:not(:first-child) {
  border-top: 1px solid hsl(40, 33.3%, 96.5%);
}
.content-faq-general--blue .content-faq-general__faqs .content-faq-general__faq .content-faq-general__faq-button h3 {
  color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--blue .content-faq-general__faqs .content-faq-general__faq .content-faq-general__faq-button h3 svg path {
  fill: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--blue .content-faq-general__faqs .content-faq-general__faq h3 {
  color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--blue .content-faq-general__faqs .content-faq-general__faq h3 svg path {
  fill: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--blue .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer * {
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.8;
}
.content-faq-general--blue .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer a {
  text-decoration: underline;
  transition: all 250ms ease;
}
.content-faq-general--blue .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer a:hover {
  opacity: 1;
}
.content-faq-general--red {
  background-color: hsl(12, 63.3%, 38.4%);
}
.content-faq-general--red rood {
  color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--red .content-faq-general__title {
  color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--red .content-faq-general__title::before {
  background-color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--red .content-faq-general__faqs .content-faq-general__faq:not(:first-child) {
  border-top: 1px solid hsl(40, 33.3%, 96.5%);
}
.content-faq-general--red .content-faq-general__faqs .content-faq-general__faq .content-faq-general__faq-button h3 {
  color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--red .content-faq-general__faqs .content-faq-general__faq .content-faq-general__faq-button h3 svg path {
  fill: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--red .content-faq-general__faqs .content-faq-general__faq h3 {
  color: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--red .content-faq-general__faqs .content-faq-general__faq h3 svg path {
  fill: hsl(40, 33.3%, 96.5%);
}
.content-faq-general--red .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer * {
  color: hsl(40, 33.3%, 96.5%);
  opacity: 0.8;
}
.content-faq-general--red .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer a {
  text-decoration: underline;
  transition: all 250ms ease;
}
.content-faq-general--red .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer a:hover {
  opacity: 1;
}
.content-faq-general:not(.content-faq-general--blue):not(.content-faq-general--red) .content-faq-general__title {
  color: hsl(30, 3.8%, 10.2%);
}
.content-faq-general:not(.content-faq-general--blue):not(.content-faq-general--red) .content-faq-general__title::before {
  background-color: hsl(38, 10.1%, 78.6%);
}
.content-faq-general:not(.content-faq-general--blue):not(.content-faq-general--red) .content-faq-general__faqs .content-faq-general__faq:not(:first-child) {
  border-top: 1px solid hsl(38, 10.1%, 78.6%);
}
.content-faq-general:not(.content-faq-general--blue):not(.content-faq-general--red) .content-faq-general__faqs .content-faq-general__faq .content-faq-general__faq-button h3 {
  color: hsl(30, 3.8%, 10.2%);
}
.content-faq-general:not(.content-faq-general--blue):not(.content-faq-general--red) .content-faq-general__faqs .content-faq-general__faq h3 {
  color: hsl(30, 3.8%, 10.2%);
}
.content-faq-general:not(.content-faq-general--blue):not(.content-faq-general--red) .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer * {
  color: hsl(30, 3.8%, 10.2%);
  opacity: 0.8;
}
.content-faq-general:not(.content-faq-general--blue):not(.content-faq-general--red) .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer a {
  text-decoration: underline;
  transition: all 250ms ease;
}
.content-faq-general:not(.content-faq-general--blue):not(.content-faq-general--red) .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer a:hover {
  opacity: 1;
}
.content-faq-general .content-faq-general__title {
  padding-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .content-faq-general .content-faq-general__title {
    padding-bottom: 24px;
  }
}
.content-faq-general .content-faq-general__title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}
.content-faq-general .content-faq-general__faqs {
  max-width: 872px;
  width: 100%;
  margin-inline: auto;
  margin-top: 64px;
}
@media only screen and (max-width: 1199px) {
  .content-faq-general .content-faq-general__faqs {
    max-width: 833px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-faq-general .content-faq-general__faqs {
    max-width: 640px;
  }
}
@media only screen and (max-width: 599px) {
  .content-faq-general .content-faq-general__faqs {
    max-width: 100%;
  }
}
.content-faq-general .content-faq-general__faqs .content-faq-general__faq {
  padding-block: 0 24px;
}
.content-faq-general .content-faq-general__faqs .content-faq-general__faq:not(:first-child) {
  padding-block: 24px;
}
.content-faq-general .content-faq-general__faqs .content-faq-general__faq .content-faq-general__faq-button {
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  display: block;
}
.content-faq-general .content-faq-general__faqs .content-faq-general__faq .content-faq-general__faq-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
  border-radius: 2px;
}
.content-faq-general .content-faq-general__faqs .content-faq-general__faq .content-faq-general__faq-button.is-active h3 svg {
  transform: rotate(180deg);
}
.content-faq-general .content-faq-general__faqs .content-faq-general__faq.is-active h3 svg {
  transform: rotate(180deg);
}
.content-faq-general .content-faq-general__faqs .content-faq-general__faq h3 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  line-height: 1.2em;
  margin: 0;
}
@media only screen and (max-width: 1023px) {
  .content-faq-general .content-faq-general__faqs .content-faq-general__faq h3 {
    font-size: 20px;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 599px) {
  .content-faq-general .content-faq-general__faqs .content-faq-general__faq h3 {
    gap: 14px;
  }
}
.content-faq-general .content-faq-general__faqs .content-faq-general__faq h3 svg {
  transition: all 250ms ease;
}
.content-faq-general .content-faq-general__faqs .content-faq-general__faq .content-faq-general__answer {
  padding-block: 22px 26px;
}

/**
 * Team Select Component
 */
.team-select .wrapper {
  padding-block: 104px;
}
@media only screen and (max-width: 1199px) {
  .team-select .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .team-select .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .team-select .wrapper {
    padding-block: 40px;
  }
}
.team-select .team-select__title {
  padding-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .team-select .team-select__title {
    padding-bottom: 24px;
  }
}
.team-select .team-select__title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: hsl(38, 10.1%, 78.6%);
}
.team-select .team-select__editor {
  max-width: 833px;
  width: 100%;
  margin-inline: auto;
  margin-top: 64px;
}
.team-select .team-select__editor *:not(a, h1, h2, h3, h4, h5, h6) {
  opacity: 0.8;
}
.team-select .team-select__editor a {
  color: hsl(30, 3.8%, 10.2%);
  opacity: 1;
}
.team-select .team-select__editor h1 span, .team-select .team-select__editor h2 span, .team-select .team-select__editor h3 span, .team-select .team-select__editor h4 span, .team-select .team-select__editor h5 span, .team-select .team-select__editor h6 span {
  opacity: 1;
}
.team-select .team-select__team {
  margin-top: 64px;
  display: flex;
  flex-direction: row;
}
.team-select .team-select__member {
  display: flex;
  flex-direction: column;
  height: auto;
}
.team-select .team-select__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 84px;
  margin-top: 48px;
}
.team-select .team-select__navigation .team-select__previous {
  position: relative;
  padding-left: 38px;
}
.team-select .team-select__navigation .team-select__previous span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
  transition: transform 250ms ease;
}
.team-select .team-select__navigation .team-select__previous:hover span {
  transform: translateX(4px);
}
.team-select .team-select__navigation .team-select__previous::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.team-select .team-select__navigation .team-select__next {
  position: relative;
  padding-right: 38px;
}
.team-select .team-select__navigation .team-select__next span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
  transition: transform 250ms ease;
}
.team-select .team-select__navigation .team-select__next:hover span {
  transform: translateX(-4px);
}
.team-select .team-select__navigation .team-select__next::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.team-select .team-select__member-image {
  max-height: 320px;
  height: 100%;
  min-height: 320px;
  width: 100%;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1199px) {
  .team-select .team-select__member-image {
    max-height: 240px;
    min-height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .team-select .team-select__member-image {
    max-height: 192px;
    min-height: 192px;
  }
}
.team-select .team-select__member-image img {
  max-height: 320px;
  min-height: 320px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .team-select .team-select__member-image img {
    max-height: 240px;
    min-height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .team-select .team-select__member-image img {
    max-height: 192px;
    min-height: 192px;
  }
}
.team-select .team-select__member-function {
  color: hsl(30, 3.8%, 10.2%);
  font-family: "segoe-ui";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  opacity: 0.8;
  margin-top: auto;
}

/**
 * Image Component
 */
.content-image .content-image__image {
  max-height: 772px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-image .content-image__image {
    max-height: 580px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-image .content-image__image {
    max-height: 460px;
  }
}
@media only screen and (max-width: 599px) {
  .content-image .content-image__image {
    max-height: 274px;
  }
}
.content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 772px;
}
@media only screen and (max-width: 1199px) {
  .content-image img {
    max-height: 580px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-image img {
    max-height: 460px;
  }
}
@media only screen and (max-width: 599px) {
  .content-image img {
    max-height: 274px;
  }
}

/**
 * Media Carousel Component
 */
.media-carousel .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .media-carousel .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .media-carousel .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .media-carousel .wrapper {
    padding-block: 40px;
  }
}
.media-carousel .media-carousel__title {
  padding-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .media-carousel .media-carousel__title {
    padding-bottom: 24px;
  }
}
.media-carousel .media-carousel__title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: hsl(38, 10.1%, 78.6%);
  bottom: 0;
  left: 0;
}
.media-carousel .media-carousel__editor {
  max-width: 833px;
  width: 100%;
  margin-inline: auto;
  margin-top: 64px;
}
.media-carousel .media-carousel__editor *:not(a, h1, h2, h3, h4, h5, h6) {
  opacity: 0.8;
}
.media-carousel .media-carousel__editor a {
  color: hsl(30, 3.8%, 10.2%);
  opacity: 1;
}
.media-carousel .media-carousel__editor h1 span, .media-carousel .media-carousel__editor h2 span, .media-carousel .media-carousel__editor h3 span, .media-carousel .media-carousel__editor h4 span, .media-carousel .media-carousel__editor h5 span, .media-carousel .media-carousel__editor h6 span {
  opacity: 1;
}
.media-carousel .button {
  margin-top: 40px;
  margin-inline: auto;
  width: fit-content;
}
.media-carousel .button:has(svg) {
  background-color: hsl(12, 63.3%, 38.4%);
  color: hsl(40, 33.3%, 96.5%);
  border: 1px solid hsl(12, 63.3%, 38.4%);
}
.media-carousel .button:has(svg) svg path {
  fill: hsl(40, 33.3%, 96.5%);
  transition: all 250ms ease;
}
.media-carousel .button:has(svg):hover {
  background-color: hsl(12, 63.1%, 30.8%);
  border: 1px solid hsl(12, 63.1%, 30.8%);
  color: hsl(40, 33.3%, 96.5%);
}
.media-carousel .button:has(svg):hover svg path {
  fill: hsl(40, 33.3%, 96.5%);
}
.media-carousel .media-carousel__carousel {
  margin-top: 64px;
  display: flex;
  flex-direction: row;
}
.media-carousel .media-carousel__slide {
  display: flex;
  flex-direction: column;
  height: auto;
}
.media-carousel .media-carousel__image {
  max-height: 320px;
  height: 100%;
  min-height: 320px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .media-carousel .media-carousel__image {
    max-height: 240px;
    min-height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .media-carousel .media-carousel__image {
    max-height: 192px;
    min-height: 192px;
  }
}
.media-carousel .media-carousel__image img {
  max-height: 320px;
  min-height: 320px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .media-carousel .media-carousel__image img {
    max-height: 240px;
    min-height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .media-carousel .media-carousel__image img {
    max-height: 192px;
    min-height: 192px;
  }
}
.media-carousel .media-carousel__video {
  max-height: 320px;
  height: 100%;
  min-height: 320px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .media-carousel .media-carousel__video {
    max-height: 240px;
    min-height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .media-carousel .media-carousel__video {
    max-height: 192px;
    min-height: 192px;
  }
}
.media-carousel .media-carousel__video .media-carousel__poster {
  position: relative;
  width: 100%;
  height: 100%;
}
.media-carousel .media-carousel__video .media-carousel__poster img {
  max-height: 320px;
  min-height: 320px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .media-carousel .media-carousel__video .media-carousel__poster img {
    max-height: 240px;
    min-height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .media-carousel .media-carousel__video .media-carousel__poster img {
    max-height: 192px;
    min-height: 192px;
  }
}
.media-carousel .media-carousel__video .media-carousel__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 2;
  transition: transform 0.2s ease;
}
.media-carousel .media-carousel__video .media-carousel__play-button svg {
  width: 61px;
  height: 68px;
}
.media-carousel .media-carousel__video .media-carousel__video-container {
  width: 100%;
  height: 100%;
}
.media-carousel .media-carousel__video .media-carousel__video-container iframe {
  max-height: 320px;
  min-height: 320px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .media-carousel .media-carousel__video .media-carousel__video-container iframe {
    max-height: 240px;
    min-height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .media-carousel .media-carousel__video .media-carousel__video-container iframe {
    max-height: 192px;
    min-height: 192px;
  }
}
.media-carousel .media-carousel__video.playing .media-carousel__poster {
  display: none;
}
.media-carousel .media-carousel__video.playing .media-carousel__video-container {
  display: block !important;
}
.media-carousel .media-carousel__video.paused .media-carousel__play-button {
  display: block;
}
.media-carousel .media-carousel__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 84px;
  margin-top: 40px;
}
.media-carousel .media-carousel__navigation .media-carousel__previous {
  position: relative;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.media-carousel .media-carousel__navigation .media-carousel__previous span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
  transition: transform 250ms ease;
}
.media-carousel .media-carousel__navigation .media-carousel__previous:hover span {
  transform: translateX(4px);
}
.media-carousel .media-carousel__navigation .media-carousel__previous::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.media-carousel .media-carousel__navigation .media-carousel__next {
  position: relative;
  padding-right: 38px;
}
.media-carousel .media-carousel__navigation .media-carousel__next span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
  transition: transform 250ms ease;
}
.media-carousel .media-carousel__navigation .media-carousel__next:hover span {
  transform: translateX(-4px);
}
.media-carousel .media-carousel__navigation .media-carousel__next::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/**
 * Content Form Component
 */
.content-form .wrapper {
  padding-block: 96px;
}
@media only screen and (max-width: 1199px) {
  .content-form .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-form .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-form .wrapper {
    padding-block: 40px;
  }
}
.content-form .content-form__title {
  padding-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .content-form .content-form__title {
    padding-bottom: 24px;
  }
}
.content-form .content-form__title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: hsl(38, 10.1%, 78.6%);
}
.content-form .content-form__body {
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
  margin-top: 64px;
}
@media only screen and (max-width: 1023px) {
  .content-form .content-form__body {
    flex-direction: column;
  }
}
.content-form .content-form__form {
  max-width: 648px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-form .content-form__form {
    max-width: 440px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-form .content-form__form {
    max-width: 100%;
  }
}
.content-form .content-form__editor {
  padding: 40px;
  background-color: hsl(193, 30.3%, 21.4%);
  max-width: 456px;
  width: 100%;
  height: fit-content;
}
@media only screen and (max-width: 1199px) {
  .content-form .content-form__editor {
    max-width: 392px;
  }
}
@media only screen and (max-width: 1023px) {
  .content-form .content-form__editor {
    max-width: 425px;
  }
}
@media only screen and (max-width: 599px) {
  .content-form .content-form__editor {
    max-width: 100%;
    padding: 24px;
  }
}
.content-form .content-form__editor h1,
.content-form .content-form__editor h2,
.content-form .content-form__editor h3,
.content-form .content-form__editor h4,
.content-form .content-form__editor h5,
.content-form .content-form__editor h6 {
  margin-bottom: 16px;
}
.content-form .content-form__editor * {
  color: hsl(40, 33.3%, 96.5%);
}

/**
 * Exhibition Carousel Component
 */
.exhibition-carousel .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .exhibition-carousel .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .exhibition-carousel .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .exhibition-carousel .wrapper {
    padding-block: 40px;
  }
}
.exhibition-carousel .exhibition-carousel__head {
  margin-inline: auto;
  text-align: center;
}
.exhibition-carousel .exhibition-carousel__head .exhibition-carousel__subtitle {
  color: hsl(30, 3.8%, 10.2%);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.exhibition-carousel .exhibition-carousel__gallery {
  margin-top: 64px;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: clip;
}
@media only screen and (max-width: 1023px) {
  .exhibition-carousel .exhibition-carousel__gallery {
    margin-top: 40px;
  }
}
.exhibition-carousel .exhibition-carousel__item {
  display: flex;
  flex-direction: column;
  height: auto;
  flex-shrink: 0;
}
.exhibition-carousel .exhibition-carousel__item.first-slide {
  width: 370px !important;
  min-width: 370px !important;
  max-width: 370px !important;
}
.exhibition-carousel .exhibition-carousel__item.first-slide img {
  height: 277px;
}
@media only screen and (max-width: 599px) {
  .exhibition-carousel .exhibition-carousel__item.first-slide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
.exhibition-carousel .exhibition-carousel__item.second-slide {
  width: 552px !important;
  min-width: 552px !important;
  max-width: 552px !important;
}
.exhibition-carousel .exhibition-carousel__item.second-slide img {
  height: 413px;
}
@media only screen and (max-width: 599px) {
  .exhibition-carousel .exhibition-carousel__item.second-slide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
.exhibition-carousel .exhibition-carousel__item.third-slide {
  width: 209px !important;
  min-width: 209px !important;
  max-width: 209px !important;
}
.exhibition-carousel .exhibition-carousel__item.third-slide img {
  height: 277px;
}
@media only screen and (max-width: 599px) {
  .exhibition-carousel .exhibition-carousel__item.third-slide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
.exhibition-carousel .keen-slider__slide.first-slide {
  flex: 0 0 370px !important;
}
.exhibition-carousel .keen-slider__slide.second-slide {
  flex: 0 0 552px !important;
}
.exhibition-carousel .keen-slider__slide.third-slide {
  flex: 0 0 209px !important;
}
.exhibition-carousel .exhibition-carousel__item-image {
  position: relative;
}
.exhibition-carousel .exhibition-carousel__item img {
  width: 100%;
  object-fit: cover;
}
.exhibition-carousel .exhibition-carousel__item-subtitle {
  margin-top: 16px;
  font-family: "Kepler Std";
  color: hsl(12, 63.3%, 38.4%);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
}
.exhibition-carousel .exhibition-carousel__item-title {
  font-family: "Kepler Std";
  font-size: 20px;
  line-height: 1.2em;
  color: hsl(30, 3.8%, 10.2%);
}
@media only screen and (max-width: 1023px) {
  .exhibition-carousel .exhibition-carousel__item-title {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.exhibition-carousel .exhibition-carousel__item-content {
  margin-top: 12px;
  font-size: 14px;
  opacity: 0.8;
}
.exhibition-carousel .exhibition-carousel__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 84px;
  margin-top: 76px;
}
@media only screen and (max-width: 1023px) {
  .exhibition-carousel .exhibition-carousel__navigation {
    gap: 40px;
    margin-top: 40px;
  }
}
.exhibition-carousel .exhibition-carousel__navigation .exhibition-carousel__previous {
  position: relative;
  padding-left: 38px;
}
.exhibition-carousel .exhibition-carousel__navigation .exhibition-carousel__previous span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
}
.exhibition-carousel .exhibition-carousel__navigation .exhibition-carousel__previous:disabled {
  cursor: not-allowed;
}
.exhibition-carousel .exhibition-carousel__navigation .exhibition-carousel__previous::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.exhibition-carousel .exhibition-carousel__navigation .exhibition-carousel__next {
  position: relative;
  padding-right: 38px;
}
.exhibition-carousel .exhibition-carousel__navigation .exhibition-carousel__next span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transform: translateX(0px);
  display: flex;
}
.exhibition-carousel .exhibition-carousel__navigation .exhibition-carousel__next:disabled {
  cursor: not-allowed;
}
.exhibition-carousel .exhibition-carousel__navigation .exhibition-carousel__next::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/**
 * Visual Popup Component
 */
.visual-button {
  position: absolute;
  right: 40px;
  bottom: 16px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  padding: 24px;
  background-color: hsl(42, 33.3%, 92.4%);
  box-shadow: 4px 4px 16.1px 0 rgba(0, 0, 0, 0.04);
  color: hsl(30, 3.8%, 10.2%);
  font-weight: 700;
  line-height: 1.4em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}
@media only screen and (max-width: 599px) {
  .visual-button span {
    display: none;
  }
}
.visual-button.has-popup-bottom-24 {
  bottom: 24px;
}
.visual-button.exhibition-style {
  width: 72px;
  height: 72px;
  aspect-ratio: 1;
  padding: 24px;
  justify-content: center;
  align-items: center;
  bottom: 24px;
  right: 24px;
  box-shadow: 4px 4px 14.2px 0 rgba(0, 0, 0, 0.04);
}

.visual-popup {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 22px;
  background-color: #F2EEE5;
  padding: 24px;
  display: none;
  z-index: 20;
  opacity: 0;
}
.visual-popup.is-active {
  display: block;
  opacity: 1;
}
.visual-popup .visual-popup__close {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
  cursor: pointer;
  margin-left: auto;
}
.visual-popup .visual-popup__close svg {
  width: 89px;
  height: 22px;
}
.visual-popup .visual-popup__close svg path {
  transition: all 250ms ease;
}
.visual-popup .visual-popup__close:hover svg path {
  fill: hsl(12, 63.3%, 28.8%);
}
.visual-popup .visual-popup__content {
  color: #555350;
}
.visual-popup .visual-popup__content p, .visual-popup .visual-popup__content div, .visual-popup .visual-popup__content span, .visual-popup .visual-popup__content h1, .visual-popup .visual-popup__content h2, .visual-popup .visual-popup__content h3, .visual-popup .visual-popup__content h4, .visual-popup .visual-popup__content h5, .visual-popup .visual-popup__content h6 {
  color: #555350;
}

/** 
 * Event
 */
.event-select__event--left:first-of-type .event-select__event-date {
  background-color: #5488B5;
}

.event-select__event {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.event-select__event:hover .event-select__event-link {
  padding-left: 42px;
}
.event-select__event:hover img {
  scale: 1.05;
}
.event-select__event .event-select__event-image {
  position: relative;
  overflow: clip;
}
.event-select__event .event-select__event-image .event-select__event-date {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 96px;
  height: 96px;
  background-color: #BD972F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 599px) {
  .event-select__event .event-select__event-image .event-select__event-date {
    top: 10px;
    left: 10px;
  }
}
.event-select__event .event-select__event-image .event-select__event-date span {
  color: hsl(40, 33.3%, 96.5%);
  text-align: center;
  font-family: "Kepler Std";
  text-transform: uppercase;
}
.event-select__event .event-select__event-image .event-select__event-date span:first-child {
  font-size: 48px;
  margin-bottom: -8px;
}
@media only screen and (max-width: 599px) {
  .event-select__event .event-select__event-image .event-select__event-date span:first-child {
    font-size: 36px;
  }
}
.event-select__event .event-select__event-image .event-select__event-date span:last-child {
  font-size: 28px;
  margin-top: -8px;
}
@media only screen and (max-width: 599px) {
  .event-select__event .event-select__event-image .event-select__event-date span:last-child {
    font-size: 20px;
  }
}
.event-select__event .event-select__event-image img {
  object-fit: cover;
  transition: all 250ms ease;
}
.event-select__event .event-select__event-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
  margin-top: 24px;
}
.event-select__event .event-select__event-details .event-select__event-time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: hsl(36, 3%, 32.4%);
  opacity: 0.8;
}
.event-select__event .event-select__event-details .event-select__event-date {
  color: hsl(36, 3%, 32.4%);
  opacity: 0.8;
}
.event-select__event h3 {
  font-size: 24px;
  line-height: 1.2em;
  color: hsl(30, 3.8%, 10.2%);
  margin-block: 16px 24px;
  padding-block: 16px;
  border-top: 1px solid hsl(38, 10.1%, 78.6%);
  text-wrap-style: balance;
}
@media only screen and (max-width: 1023px) {
  .event-select__event h3 {
    font-size: 20px;
    line-height: 1.2em;
  }
}
.event-select__event .event-select__event-link {
  position: relative;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.event-select__event .event-select__event-link span {
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.event-select__event .event-select__event-link::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.event-list__item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.event-list__item:hover .event-list__item-link {
  padding-left: 42px;
}
.event-list__item:hover img {
  scale: 1.05;
}
.event-list__item .event-list__item-image {
  position: relative;
  overflow: clip;
}
.event-list__item .event-list__item-image .event-list__item-date {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 96px;
  height: 96px;
  background-color: #BD972F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 599px) {
  .event-list__item .event-list__item-image .event-list__item-date {
    top: 10px;
    left: 10px;
  }
}
.event-list__item .event-list__item-image .event-list__item-date span {
  color: hsl(40, 33.3%, 96.5%);
  text-align: center;
  font-family: "Kepler Std";
  text-transform: uppercase;
}
.event-list__item .event-list__item-image .event-list__item-date span:first-child {
  font-size: 48px;
  margin-bottom: -8px;
}
@media only screen and (max-width: 599px) {
  .event-list__item .event-list__item-image .event-list__item-date span:first-child {
    font-size: 36px;
  }
}
.event-list__item .event-list__item-image .event-list__item-date span:last-child {
  font-size: 28px;
  margin-top: -8px;
}
@media only screen and (max-width: 599px) {
  .event-list__item .event-list__item-image .event-list__item-date span:last-child {
    font-size: 20px;
  }
}
.event-list__item .event-list__item-image img {
  object-fit: cover;
  height: 420px;
  width: 100%;
  transition: all 250ms ease;
}
@media only screen and (max-width: 1199px) {
  .event-list__item .event-list__item-image img {
    height: 316px;
  }
}
@media only screen and (max-width: 1023px) {
  .event-list__item .event-list__item-image img {
    height: 240px;
  }
}
@media only screen and (max-width: 599px) {
  .event-list__item .event-list__item-image img {
    height: 181px;
    aspect-ratio: 4/3;
  }
}
.event-list__item .event-list__item-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  justify-content: space-between;
  margin-top: 24px;
}
.event-list__item .event-list__item-details .event-list__item-time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: hsl(36, 3%, 32.4%);
  opacity: 0.8;
}
.event-list__item .event-list__item-details .event-list__item-date {
  color: hsl(36, 3%, 32.4%);
  opacity: 0.8;
}
.event-list__item h3 {
  font-size: 24px;
  line-height: 1.2em;
  color: hsl(30, 3.8%, 10.2%);
  margin-block: 16px 24px;
  padding-block: 16px;
  border-top: 1px solid hsl(38, 10.1%, 78.6%);
  text-wrap-style: balance;
}
@media only screen and (max-width: 1023px) {
  .event-list__item h3 {
    font-size: 20px;
    line-height: 1.2em;
  }
}
.event-list__item .event-list__item-link {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
}
.event-list__item .event-list__item-link::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.event-single .wrapper {
  padding-block: 120px 96px;
}
@media only screen and (max-width: 1199px) {
  .event-single .wrapper {
    padding-block: 120px 96px;
  }
}
@media only screen and (max-width: 1023px) {
  .event-single .wrapper {
    padding-block: 120px 80px;
  }
}
@media only screen and (max-width: 599px) {
  .event-single .wrapper {
    padding-block: 104px 40px;
  }
}
.event-single .event-single__back {
  margin-bottom: 40px;
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
  display: flex;
}
.event-single .event-single__back:hover {
  padding-left: 42px;
}
.event-single .event-single__back::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.event-single .event-single__body {
  background-color: hsl(12, 63.3%, 38.4%);
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 599px) {
  .event-single .event-single__body {
    flex-direction: column;
  }
}
.event-single .event-single__image {
  max-width: 50%;
  max-height: 624px;
  height: 100%;
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 599px) {
  .event-single .event-single__image {
    max-width: 100%;
    max-height: 272px;
  }
}
.event-single .event-single__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 624px;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 599px) {
  .event-single .event-single__image img {
    max-height: 272px;
  }
}
.event-single .event-single__content {
  max-width: 50%;
  width: 100%;
  padding: 50px 160px 50px 64px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1199px) {
  .event-single .event-single__content {
    padding: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .event-single .event-single__content {
    padding: 24px;
    max-width: 100%;
  }
}
.event-single .event-single__title {
  font-size: 40px;
  line-height: 1.2em;
  color: hsl(40, 33.3%, 96.5%);
  padding-bottom: 40px;
  border-bottom: 1px solid hsl(38, 10.1%, 78.6%);
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .event-single .event-single__title {
    font-size: 32px;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 599px) {
  .event-single .event-single__title {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
}
.event-single .event-single__details {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 40px;
}
.event-single .event-single__details .event-single__date,
.event-single .event-single__details .event-single__time {
  display: flex;
  flex-direction: row;
  gap: 64px;
  align-items: baseline;
  justify-content: space-between;
}
.event-single .event-single__details .event-single__date span,
.event-single .event-single__details .event-single__time span {
  width: fit-content;
  font-size: 20px;
  line-height: 1.2em;
  color: hsl(40, 33.3%, 96.5%);
  font-family: "Kepler Std";
  text-align: left;
  max-width: 50%;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .event-single .event-single__details .event-single__date span,
  .event-single .event-single__details .event-single__time span {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.event-single .event-single__link {
  margin-top: auto;
  width: fit-content;
}
@media only screen and (max-width: 599px) {
  .event-single .event-single__link {
    margin-inline: auto;
  }
}
.event-single .event-single__link:has(svg) {
  background-color: hsl(40, 33.3%, 96.5%);
  color: hsl(12, 63.3%, 38.4%);
  border: 1px solid hsl(40, 33.3%, 96.5%);
}
.event-single .event-single__link:has(svg) svg path {
  fill: hsl(12, 63.3%, 38.4%);
  transition: all 250ms ease;
}
.event-single .event-single__link:has(svg):hover {
  background-color: hsl(12, 63.1%, 30.8%);
  border: 1px solid hsl(12, 63.1%, 30.8%);
  color: hsl(40, 33.3%, 96.5%);
}
.event-single .event-single__link:has(svg):hover svg path {
  fill: hsl(40, 33.3%, 96.5%);
}

.event__link {
  margin-top: 0;
  margin-inline: auto;
  width: fit-content;
  margin-bottom: 96px;
}
@media only screen and (max-width: 1023px) {
  .event__link {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .event__link {
    margin-bottom: 40px;
  }
}
.event__link:has(svg) {
  background-color: hsl(12, 63.3%, 38.4%);
  color: hsl(40, 33.3%, 96.5%);
  border: 1px solid hsl(12, 63.3%, 38.4%);
}
.event__link:has(svg) svg path {
  fill: hsl(40, 33.3%, 96.5%);
  transition: all 250ms ease;
}
.event__link:has(svg):hover {
  background-color: hsl(12, 63.1%, 30.8%);
  border: 1px solid hsl(12, 63.1%, 30.8%);
  color: hsl(40, 33.3%, 96.5%);
}
.event__link:has(svg):hover svg path {
  fill: hsl(40, 33.3%, 96.5%);
}

/** 
 * Exhibition
 */
.exhibition-select__exhibition {
  padding-block: 24px;
  border-block: 0.5px solid hsl(38, 10.1%, 78.6%);
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
  height: 100%;
}
.exhibition-select__exhibition:hover .exhibition-select__exhibition-link {
  padding-left: 42px;
}
.exhibition-select__exhibition:hover img {
  scale: 1.05;
}
@media only screen and (max-width: 1023px) {
  .exhibition-select__exhibition {
    gap: 40px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 599px) {
  .exhibition-select__exhibition {
    gap: 24px;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-link {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
  margin-top: auto;
}
@media only screen and (max-width: 1023px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-link.desktop {
    display: none;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-link.phone {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-link.phone {
    display: block;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-link::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.exhibition-select__exhibition .exhibition-select__exhibition-content {
  max-width: 647px;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
}
.exhibition-select__exhibition .exhibition-select__exhibition-editor {
  margin-top: 8px;
}
.exhibition-select__exhibition .exhibition-select__exhibition-editor * {
  color: hsl(36, 3%, 32.4%);
}
.exhibition-select__exhibition .exhibition-select__exhibition-image {
  position: relative;
  max-width: 535px;
  max-height: 355px;
  width: 100%;
  height: 100%;
  overflow: clip;
}
@media only screen and (max-width: 1023px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-image {
    max-width: 100%;
    max-height: 324px;
  }
}
@media only screen and (max-width: 599px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-image {
    max-height: 180px;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-image img {
  max-width: 535px;
  max-height: 355px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 250ms ease;
}
@media only screen and (max-width: 1023px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-image img {
    max-width: 100%;
    max-height: 324px;
  }
}
@media only screen and (max-width: 599px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-image img {
    max-height: 180px;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 100%;
  z-index: 1;
}
@media only screen and (max-width: 599px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category {
    width: 50px;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category.exhibition-category--medaille {
  background-color: #BD972F;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='106' viewBox='0 0 60 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-11.406 43.764L-27 12.4706L-2.14286 0L16.5 31.1765L35.1429 0L60 12.4706L44.406 43.764C50.2513 50.3695 53.7857 59.0599 53.7857 68.5882C53.7857 89.2427 37.0848 106 16.5 106C-4.08482 106 -20.7857 89.2427 -20.7857 68.5882C-20.7857 59.0599 -17.2319 50.3695 -11.406 43.764ZM22.7337 60.5408L16.5 48.4794L10.2663 60.5408L-3.69643 62.4699L6.40179 71.8618L4.01317 85.1312L16.5 78.8765L28.9868 85.1312L26.5982 71.8618L36.6964 62.4699L22.7337 60.5408Z' fill='%2394751F'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 87px 106px;
  background-position: 95% 95%;
}
@media only screen and (max-width: 599px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category.exhibition-category--medaille {
    background-size: contain;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category.exhibition-category--helm {
  background-color: #5488B5;
  background-image: url("data:image/svg+xml,%3Csvg width='76' height='106' viewBox='0 0 76 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.2707 52.7444C40.7088 55.8502 31.4486 58.6756 27.7638 59.7001C15.9082 43.3624 7.2568 82.8317 5.97511 85.4199C4.94977 87.4904 5.01385 89.8413 5.17406 90.7579L8.6987 101.758C-5.88048 109.684 -20.1392 104.346 -26.7079 102.89C-31.9628 101.725 -19.9256 88.2776 -13.2502 81.6994C-9.88574 73.2879 -15.9737 57.1119 -20.1392 45.627C-24.3047 34.142 -23.9843 4.53999 8.37827 0.819515C40.7408 -2.90096 51.1545 6.96639 52.1158 11.9809C53.0771 16.9955 51.3147 22.8188 51.1545 19.4219C51.0264 16.7043 48.965 14.8387 47.9503 14.2456C37.3123 10.4928 35.9345 20.5542 36.5754 26.054C61.408 33.1715 57.7232 40.9359 68.7777 43.2006C77.6213 45.0123 76.5212 46.1123 74.8657 46.4358C61.408 47.2446 57.7232 48.8622 48.2707 52.7444Z' fill='%233A6489'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 104px 106px;
  background-position: 95% 95%;
}
@media only screen and (max-width: 599px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category.exhibition-category--helm {
    background-size: contain;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category.exhibition-category--profiel-van-gestel {
  background-color: #76873F;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='106' viewBox='0 0 56 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.9369 20.5951C36.9369 20.5951 38.1092 22.4698 38.2322 23.1084C38.3552 23.7471 39.633 26.6226 39.9044 26.9179C40.1757 27.2131 41.1342 30.0886 40.9123 32.1035C40.6904 34.1184 44.7232 38.7643 44.7232 38.7643L47.7722 43.827C47.7722 43.827 49.3709 46.0637 47.7722 47.2436C46.1735 48.4234 45.8246 48.394 45.4196 48.4555C45.0146 48.5169 43.0095 48.6238 43.3785 49.328C43.6966 49.9373 44.3075 52.19 43.8356 52.2261C43.5295 52.2488 43.3718 52.2074 43.1312 52.1393C43.1312 52.1393 43.3477 52.5548 43.1606 52.7566C42.9734 52.9583 42.2102 54.237 41.1809 54.2678C41.1809 54.2678 42.0378 54.6887 42.0378 55.6694C42.0378 56.6502 41.8667 56.745 41.6474 57.0403C41.4282 57.3356 39.6678 58.9564 39.7614 60.187C39.8549 61.4176 40.4725 63.3149 39.7574 64.4507C39.0422 65.5864 38.4821 66.8184 37.0599 67.1885C35.6376 67.5586 33.7516 67.5853 33.7516 67.5853C33.7516 67.5853 34.1954 67.6588 34.0015 69.0177C33.8077 70.3766 33.8451 73.5727 33.9494 74.3597C34.0537 75.1467 34.3357 76.7193 34.2167 77.1509L34.1459 77.4061C34.1459 77.4061 35.4933 77.2244 36.8928 76.392C38.2923 75.5595 39.4432 76.3278 41.7744 75.2723C44.1056 74.2167 44.524 73.0435 45.9663 74.0483C47.4086 75.0531 48.0115 75.5061 48.3136 77.1322C48.6156 78.7583 50.0071 80.1319 50.0071 80.1319C50.0071 80.1319 51.1808 80.7358 50.5766 82.2764C49.9724 83.817 50.3681 87.136 50.749 87.3538C51.13 87.5716 52.182 91.4706 49.5045 93.9385C49.5045 93.9385 51.8986 95.753 53.0896 96.4211C54.2806 97.0891 55.1615 99.6653 55.3914 100.252C55.6213 100.838 55.5411 101.616 55.775 101.866C56.0089 102.116 56.1346 102.928 55.775 103.833C55.4154 104.737 55.8378 106 55.8378 106H-19.7631C-19.7631 106 -20.9127 104.084 -18.147 99.72C-15.3814 95.3561 -15.8332 92.7065 -14.5954 89.7202C-13.3577 86.7339 -14.8855 82.7855 -10.5947 77.3032L-7.91864 72.9072C-7.91864 72.9072 -8.88774 72.1496 -7.87453 70.4888C-6.86131 68.8279 -6.56323 67.8672 -6.37074 67.115C-6.17826 66.3627 -5.58343 65.3325 -5.58343 65.3325C-5.58343 65.3325 -4.50204 63.7438 -4.18524 62.552C-3.86844 61.3601 -2.82315 60.4609 -2.05722 60.5224L-0.756613 57.8607C-0.756613 57.8607 -4.91641 56.3108 -6.4349 52.7445C-6.4349 52.7445 -8.56159 48.418 -8.94121 47.2035C-9.32083 45.9889 -10.7631 42.8008 -10.1563 38.02C-10.1563 38.02 -10.1389 35.5014 -10.2472 34.7919C-10.3554 34.0824 -11.8606 30.4467 -10.9783 27.0702C-10.0961 23.6937 -10.8714 20.6178 -10.0961 18.8541C-10.0961 18.8541 -9.25667 12.7238 -4.97523 10.5084C-4.97523 10.5084 -0.90766 7.26022 7.35447 6.14185C15.6166 5.02348 22.2533 2.51684 24.1728 1.45726C26.0923 0.397685 33.3118 -1.97935 36.4343 3.31854C39.5568 8.61642 44.1671 12.8187 36.9342 20.5978L36.9369 20.5951Z' fill='%23566527'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 76px 106px;
  background-position: 0% 95%;
}
@media only screen and (max-width: 599px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category.exhibition-category--profiel-van-gestel {
    background-size: contain;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category.exhibition-category--stadskan {
  background-color: #BD6D2F;
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='109' viewBox='0 0 37 109' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9268 0.0986328C11.3628 -0.165637 11.7753 0.167481 11.9141 0.328125C11.9141 0.328125 12.1438 0.45428 12.4541 0.317383C12.7644 0.180525 13.2573 0.191989 13.2227 0.40918C13.1877 0.626459 12.7173 1.18965 12.7969 1.35059C12.8772 1.51121 13.1366 1.62046 13.3027 1.30469C13.4688 0.989172 13.6663 0.966049 13.8232 0.99707C13.8232 0.99707 13.8947 0.514925 14.2178 0.602539C14.2215 0.596223 14.5045 0.114283 14.8418 0.279297C14.8466 0.27276 15.0986 -0.0637656 15.6084 0.272461C15.6084 0.272461 16.3655 -0.0838204 17.2744 1.14062C18.1834 2.3654 17.8281 3.86426 17.8281 3.86426C17.8494 3.86269 18.8396 3.79365 18.9248 4.52637C19.0106 5.26734 18.5306 5.22228 18.2695 5.00879C18.0085 4.79523 17.527 4.63761 17.4248 4.45508C17.4185 4.44627 17.0676 3.95898 16.9971 3.95898C16.9256 3.95942 16.6748 4.20368 16.8955 4.43164C17.1163 4.65968 17.2985 4.7477 17.377 5.32422C17.377 5.32422 17.8586 5.5925 18.5283 5.74219C19.1982 5.89186 20.1552 6.77695 21.9385 6.72949C23.7217 6.68199 24.7021 5.90137 24.7021 5.90137C24.7021 5.90137 23.8659 5.49784 24.3076 4.28223C24.3076 4.28223 24.5278 3.83163 24.6064 3.7998C24.6015 3.77154 24.4067 2.6503 24.7021 2.18164C25.0015 1.7071 25.7365 1.67584 25.8936 1.80176C25.8936 1.80176 26.4232 1.13941 27.0693 1.52637C27.7152 1.91337 27.8029 2.7416 27.5273 3.55371C27.5273 3.55371 28.0472 3.79877 27.9688 4.74609C27.8901 5.69314 27.0527 5.93066 27.0527 5.93066C27.0501 5.94677 26.9319 6.68806 27.3525 6.71875C27.7775 6.7498 28.1801 6.85407 28.2041 7.28613C28.2278 7.71873 28.3546 10.6399 28.7891 10.7275C29.2241 10.8154 30.7417 11.3195 31.0537 12.7646C31.3657 14.2101 30.9316 15.4258 30.9316 15.4258L31.9941 15.8945L31.8496 16.3496C31.8745 16.3677 34.7194 18.435 35.1338 20.3486C35.5499 22.2705 35.9038 23.8735 34.0859 28.0732C32.268 32.2732 30.574 34.0638 29.8877 36.9131C29.2014 39.7623 29.0275 40.5709 29.2246 43.2979C29.4217 46.0247 31.4513 53.4692 32.0137 54.9922C32.5759 56.5145 36.13 63.7706 36.2705 63.9111C36.4114 64.0522 37.1678 65.1887 35.6113 64.9697C34.0546 64.7507 32.6151 64.7653 32.4561 64.9971C32.4613 65.0167 32.7604 66.1399 32.5469 67.3828C32.3315 68.637 32.3278 72.1047 29.6104 75.3662C26.8925 78.628 19.8887 80.9121 19.8887 80.9121C19.8816 80.9683 19.2344 86.1829 20.7285 89.1348C20.7479 89.1441 21.5336 89.5315 21.3047 90.752C21.3047 90.752 21.905 91.1677 21.502 91.9414C21.502 91.9414 22.276 95.3845 24.3896 96.2734C24.3896 96.2734 28.7553 96.7626 29.8652 98.7393C30.9749 100.716 30.7526 102.067 31.3584 102.713C31.9644 103.359 33.0926 104.89 32.0449 105.779C30.9972 106.668 25.4608 109.747 10.4551 108.831C-4.54999 107.915 -5.49963 106.081 -6.7207 105.103C-6.7207 105.103 -7.26051 104.482 -6.83887 104.126C-6.41714 103.77 -5.19071 100.289 -5.125 99.6025C-5.0592 98.9161 -4.09762 96.8063 -1.30176 96.4502C1.49445 96.0943 1.87677 96.0015 2.68164 94.1162C3.4604 92.292 3.43599 92.3928 3.43359 92.4014C3.43314 92.3856 3.42227 91.9858 3.51172 91.6494C3.50883 91.6237 3.3821 90.4668 3.81348 89.8369C4.02088 89.5341 4.10245 89.4192 4.13086 89.3818C4.18475 89.1303 5.07875 84.9156 4.99023 82.377C4.89883 79.76 3.36232 80.1631 0.232422 78.6631C-2.89795 77.1627 -6.43013 73.8642 -6.77148 67.0869C-7.11281 60.3097 -3.0229 54.7421 -0.18457 52.7744C2.65376 50.8067 4.99631 38.7326 5.02734 36.4346C5.02734 36.4346 4.14939 35.2213 5.26465 34.5332C5.26465 34.5332 6.59656 23.739 6.59668 21.2705C6.59668 21.2705 7.00523 20.7997 6.1875 20.2686C6.1875 20.2686 5.9794 18.7497 5.25293 18.0488C4.52652 17.348 4.52734 17.5554 4.52734 17.2178C4.52734 17.2178 4.12748 16.9845 4.17285 16.7783C4.21848 16.5721 4.30929 16.373 4.02637 16.1904C3.74322 16.0071 2.89732 14.2189 4.17285 13.54C4.18278 13.5311 5.41706 12.4251 5.45605 12.2881C5.49439 12.1512 5.34082 11.8057 5.34082 11.8057C5.33452 11.7966 5.19077 11.5835 5.66602 11.5996L5.66797 11.5977C5.66034 11.5726 4.83725 8.83742 8.41113 8.63574C8.41113 8.63574 8.52076 8.22815 9.17969 8.30664C9.83859 8.38508 10.6219 8.13517 10.7168 8.07129C10.8116 8.00701 10.8889 7.74342 11.3447 7.77441C11.8008 7.80439 12.1436 6.1582 12.1436 6.1582C12.1325 6.15518 11.8441 6.07401 11.751 5.78223C11.6562 5.48494 11.7035 5.28063 10.9355 5.07812C10.1671 4.87552 9.75977 3.77637 9.75977 3.77637C9.75252 3.76504 9.47771 3.33691 9.42188 3.33691C9.36501 3.32921 9.21886 1.61377 10.501 0.959961C10.5008 0.948566 10.4947 0.36073 10.9268 0.0986328ZM27.5967 17.8623C24.2859 17.5723 21.9211 20.3516 21.5811 20.541C21.2435 20.7271 21.3758 21.1273 21.376 21.2334C21.3755 21.3383 20.9673 21.4521 20.96 21.4541L21.0566 21.6836V21.6855C20.7998 22.4779 21.5575 34.6983 21.5605 34.748C22.1388 34.8851 21.9664 35.5179 21.9619 35.5342C22.2509 35.7172 22.1358 36.3471 22.1318 36.3682C22.2395 37.0159 21.7449 36.9255 21.792 37.1406C21.8389 37.3535 21.7292 37.7361 21.7266 37.7451C22.0826 43.8433 24.5522 50.2977 25.7715 52.291C26.9907 54.2839 28.3889 54.9974 29.1025 53.9863C29.8159 52.9745 27.6444 44.5564 27.3779 40.749C27.1117 36.9413 30.8096 28.5926 32.4961 25.1064C34.1823 21.6203 30.9095 18.1525 27.5967 17.8623ZM13.9111 4.96582C13.7562 4.76736 13.5151 4.91857 13.4072 5.03711C13.2995 5.15574 12.2115 5.28433 12.6729 5.43945L14.4453 5.44043C14.4522 5.43973 14.9169 5.39168 14.5117 5.19434C14.1029 4.99539 14.0663 5.16478 13.9111 4.96582ZM14.6631 3.80762H14.6611C14.6565 3.81105 14.1222 4.20931 14.4512 4.31836C14.7815 4.42777 15.1666 4.29427 14.9805 4.0625C14.7946 3.83099 14.8178 3.76583 14.6631 3.80762ZM12.752 2.31738C12.7455 2.29706 12.4706 1.46077 11.4521 1.83008C10.4209 2.20426 10.9084 3.52757 11.3301 3.60059C11.7518 3.67351 12.6128 3.65005 12.5967 2.98438C12.5803 2.31836 12.8651 2.74812 12.752 2.31738Z' fill='%239B541E'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 43px 109px;
  background-position: 0% 95%;
}
@media only screen and (max-width: 599px) {
  .exhibition-select__exhibition .exhibition-select__exhibition-image .exhibition-category.exhibition-category--stadskan {
    background-size: contain;
  }
}
.exhibition-select__exhibition .exhibition-select__exhibition-date {
  color: hsl(36, 3%, 32.4%);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2em;
  padding: 8px 12px;
  background-color: hsl(38, 10.1%, 78.6%);
  width: fit-content;
  margin-bottom: 24px;
}

.exhibition-list__exhibition {
  padding-block: 24px;
  border-block: 1px solid hsl(38, 10.1%, 78.6%);
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  .exhibition-list__exhibition {
    gap: 40px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 599px) {
  .exhibition-list__exhibition {
    gap: 24px;
  }
}
.exhibition-list__exhibition:hover .exhibition-list__exhibition-link {
  padding-left: 42px;
}
.exhibition-list__exhibition .exhibition-list__exhibition-link {
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
  margin-top: auto;
}
@media only screen and (max-width: 1023px) {
  .exhibition-list__exhibition .exhibition-list__exhibition-link.desktop {
    display: none;
  }
}
.exhibition-list__exhibition .exhibition-list__exhibition-link.phone {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .exhibition-list__exhibition .exhibition-list__exhibition-link.phone {
    display: block;
  }
}
.exhibition-list__exhibition .exhibition-list__exhibition-link::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.exhibition-list__exhibition .exhibition-list__exhibition-content {
  max-width: 647px;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
}
.exhibition-list__exhibition .exhibition-list__exhibition-editor {
  margin-top: 8px;
}
.exhibition-list__exhibition .exhibition-list__exhibition-image {
  position: relative;
  max-width: 535px;
  max-height: 355px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  .exhibition-list__exhibition .exhibition-list__exhibition-image {
    max-width: 100%;
    max-height: 324px;
  }
}
@media only screen and (max-width: 599px) {
  .exhibition-list__exhibition .exhibition-list__exhibition-image {
    max-height: 180px;
  }
}
.exhibition-list__exhibition .exhibition-list__exhibition-image img {
  max-width: 535px;
  max-height: 355px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1023px) {
  .exhibition-list__exhibition .exhibition-list__exhibition-image img {
    max-width: 100%;
    max-height: 324px;
  }
}
@media only screen and (max-width: 599px) {
  .exhibition-list__exhibition .exhibition-list__exhibition-image img {
    max-height: 180px;
  }
}
.exhibition-list__exhibition .exhibition-list__exhibition-image .exhibition-category {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 100%;
  z-index: 1;
}
.exhibition-list__exhibition .exhibition-list__exhibition-image .exhibition-category.exhibition-category--medaille {
  background-repeat: no-repeat;
  background-size: 87px 106px;
  background-position: 95% 95%;
}
.exhibition-list__exhibition .exhibition-list__exhibition-image .exhibition-category.exhibition-category--helm {
  background-repeat: no-repeat;
  background-size: 104px 106px;
  background-position: 95% 95%;
}
.exhibition-list__exhibition .exhibition-list__exhibition-image .exhibition-category.exhibition-category--profiel-van-gestel {
  background-repeat: no-repeat;
  background-size: 76px 106px;
  background-position: 0% 95%;
}
.exhibition-list__exhibition .exhibition-list__exhibition-image .exhibition-category.exhibition-category--stadskan {
  background-repeat: no-repeat;
  background-size: 43px 109px;
  background-position: 0% 95%;
}
.exhibition-list__exhibition .exhibition-list__exhibition-date {
  color: hsl(36, 3%, 32.4%);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2em;
  padding: 8px 12px;
  background-color: hsl(38, 10.1%, 78.6%);
  width: fit-content;
  margin-bottom: 24px;
}

/** 
 * News
 */
.news-single {
  background-color: hsl(12, 63.3%, 38.4%);
  margin-bottom: 200px;
}
@media only screen and (max-width: 1199px) {
  .news-single {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-single {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 599px) {
  .news-single {
    margin-bottom: 40px;
  }
}
.news-single .wrapper {
  padding-block: 120px 0;
}
@media only screen and (max-width: 599px) {
  .news-single .wrapper {
    padding-block: 104px 0;
  }
}
.news-single .news-single__back {
  margin-bottom: 40px;
  position: relative;
  color: hsl(40, 33.3%, 96.5%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
  display: flex;
}
.news-single .news-single__back:hover {
  padding-left: 42px;
}
.news-single .news-single__back::before {
  content: "";
  background-color: hsl(40, 33.3%, 96.5%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.news-single .news-single__image {
  width: 100%;
  height: 100%;
  max-height: 591px;
}
@media only screen and (max-width: 1199px) {
  .news-single .news-single__image {
    max-height: 448px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-single .news-single__image {
    max-height: 345px;
  }
}
@media only screen and (max-width: 599px) {
  .news-single .news-single__image {
    max-height: 184px;
  }
}
.news-single .news-single__image img {
  margin-bottom: -200px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 591px;
}
@media only screen and (max-width: 1199px) {
  .news-single .news-single__image img {
    margin-bottom: -60px;
    max-height: 448px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-single .news-single__image img {
    max-height: 345px;
    margin-bottom: -50px;
  }
}
@media only screen and (max-width: 599px) {
  .news-single .news-single__image img {
    max-height: 184px;
    margin-bottom: -40px;
  }
}

.news-content .wrapper {
  padding-block: 96px;
}
@media only screen and (max-width: 1199px) {
  .news-content .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-content .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .news-content .wrapper {
    padding-block: 40px;
  }
}
.news-content .news-content__subtitle {
  font-family: "Kepler Std";
  color: #555350;
  opacity: 0.85;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 16px;
}
.news-content .news-content__title {
  padding-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .news-content .news-content__title {
    padding-bottom: 24px;
  }
}
.news-content .news-content__title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: hsl(38, 10.1%, 78.6%);
}
.news-content .news-content__content {
  max-width: 872px;
  width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 1199px) {
  .news-content .news-content__content {
    max-width: 833px;
  }
}
@media only screen and (max-width: 1023px) {
  .news-content .news-content__content {
    max-width: 640px;
  }
}
@media only screen and (max-width: 599px) {
  .news-content .news-content__content {
    max-width: 100%;
  }
}
.news-content .news-content__content span.is-intro {
  color: hsl(30, 3.8%, 10.2%);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  display: flex;
}
.news-content .news-content__content .news-content__editor.cms-output p, .news-content .news-content__content .news-content__editor.cms-output ul, .news-content .news-content__content .news-content__editor.cms-output ol {
  opacity: 0.8;
}
.news-content .news-content__content .news-content__editor.cms-output p:not(:last-child) {
  margin-bottom: 64px;
}
.news-content .news-content__content .news-content__editor.cms-output h2, .news-content .news-content__content .cms-output h3, .news-content .news-content__content .cms-output h4 {
  margin-bottom: 8px;
}
.news-content .news-content__content a {
  color: hsl(30, 3.8%, 10.2%);
  text-decoration: underline;
  transition: all 250ms ease;
}
.news-content .news-content__editor {
  margin-top: 64px;
}

/** 
 * Collection
 */
.collection-single .wrapper {
  padding-block: 120px 96px;
}
@media only screen and (max-width: 1199px) {
  .collection-single .wrapper {
    padding-block: 120px 0;
  }
}
@media only screen and (max-width: 1023px) {
  .collection-single .wrapper {
    padding-block: 120px 0;
  }
}
@media only screen and (max-width: 599px) {
  .collection-single .wrapper {
    padding-block: 104px 0;
  }
}
.collection-single .collection-single__back {
  margin-bottom: 40px;
  position: relative;
  color: hsl(12, 63.3%, 38.4%);
  font-family: "Kepler Std";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding-left: 38px;
  transition: padding-left 250ms ease;
  display: flex;
  width: fit-content;
}
.collection-single .collection-single__back:hover {
  padding-left: 42px;
}
.collection-single .collection-single__back::before {
  content: "";
  background-color: hsl(12, 63.3%, 38.4%);
  width: 26px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.collection-single .collection-single__content {
  display: flex;
  flex-direction: column;
  gap: 128px;
  max-width: calc(50% - 68px);
  width: 100%;
}
.collection-single .collection-single__item-features {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.collection-single .collection-single__item-features .collection-single__item-feature {
  display: flex;
  flex-direction: row;
  gap: 64px;
  font-family: "Kepler Std";
}
.collection-single .collection-single__item-features .collection-single__item-feature p:first-child {
  max-width: 168px;
  width: 100%;
  color: hsl(30, 3.8%, 10.2%);
  font-size: 20px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1023px) {
  .collection-single .collection-single__item-features .collection-single__item-feature p:first-child {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.collection-single .collection-single__item-features .collection-single__item-feature p:last-child {
  max-width: 222px;
  width: 100%;
  font-size: 20px;
  line-height: 1.2em;
  color: hsl(12, 63.3%, 38.4%);
}
@media only screen and (max-width: 1023px) {
  .collection-single .collection-single__item-features .collection-single__item-feature p:last-child {
    font-size: 18px;
    line-height: 1.4em;
  }
}
.collection-single .collection-single__body {
  display: flex;
  flex-direction: row;
  gap: 136px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .collection-single .collection-single__body {
    flex-direction: column;
    gap: 120px;
  }
}
@media only screen and (max-width: 1023px) {
  .collection-single .collection-single__body {
    padding-inline: 64px;
  }
}
@media only screen and (max-width: 599px) {
  .collection-single .collection-single__body {
    padding-inline: 0;
    gap: 40px;
  }
}
.collection-single .collection-single-item__wrap {
  display: flex;
  flex-direction: row;
  max-width: calc(50% - 68px);
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .collection-single .collection-single-item__wrap {
    margin-inline: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .collection-single .collection-single-item__wrap {
    max-width: 100%;
    margin-inline: unset;
  }
}
@media only screen and (max-width: 599px) {
  .collection-single .collection-single-item__wrap {
    flex-direction: column;
  }
}
.collection-single .collection-single__item {
  width: 100%;
}
.collection-single .collection-single__item .collection-single__item-image {
  max-height: 348px;
  width: 100%;
  height: 100%;
  position: relative;
}
.collection-single .collection-single__item .collection-single__item-image button {
  position: absolute;
  bottom: 24px;
  right: 24px;
  padding: 24px;
  background: hsl(42, 33.3%, 92.4%);
  box-shadow: 4px 4px 14.2px 0 rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: center;
  align-items: center;
}
.collection-single .collection-single__item .collection-single__item-image img {
  max-height: 348px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collection-single .collection-single__item-content {
  padding: 24px;
  background-color: hsl(193, 30.3%, 21.4%);
  display: flex;
  flex-direction: column;
  gap: 128px;
}
@media only screen and (max-width: 599px) {
  .collection-single .collection-single__item-content {
    gap: 40px;
    padding: 16px;
  }
}
.collection-single .collection-single__item-content h1 {
  font-size: 24px;
  line-height: 1.2em;
  color: hsl(40, 33.3%, 96.5%);
}
@media only screen and (max-width: 1023px) {
  .collection-single .collection-single__item-content h1 {
    font-size: 20px;
    line-height: 1.2em;
  }
}
.collection-single .collection-single__item-content .collection-single__subtitle {
  display: flex;
  justify-content: flex-end;
  color: hsl(194, 11.3%, 77.5%);
  font-family: "Kepler Std";
  font-size: 16px;
  line-height: 1.2em;
}
@media only screen and (max-width: 1023px) {
  .collection-single .collection-single__item-content .collection-single__subtitle {
    font-size: 16px;
    line-height: 1.4em;
  }
}
.collection-single .collection-single__after-item {
  max-height: 430px;
  height: 430px;
  padding: 24px;
  max-width: 132px;
  background-color: hsl(193, 29.2%, 9.4%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  color: hsl(40, 33.3%, 96.5%);
  font-size: 20px;
  line-height: 1.2em;
  font-family: "Kepler Std";
}
@media only screen and (max-width: 1023px) {
  .collection-single .collection-single__after-item {
    font-size: 18px;
    line-height: 1.4em;
  }
}
@media only screen and (max-width: 599px) {
  .collection-single .collection-single__after-item {
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
  }
}

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

/**
 * `color` hsl(14, 41.9%, 93.9%)-50 color utility.
 */
.color-sw-red-50 {
  color: hsl(14, 41.9%, 93.9%);
}

/**
 * `background-color` hsl(14, 41.9%, 93.9%)-50 color utility.
 */
.background-color-sw-red-50 {
  background-color: hsl(14, 41.9%, 93.9%);
}

/**
 * `color` hsl(13, 40.4%, 90.8%)-100 color utility.
 */
.color-sw-red-100 {
  color: hsl(13, 40.4%, 90.8%);
}

/**
 * `background-color` hsl(13, 40.4%, 90.8%)-100 color utility.
 */
.background-color-sw-red-100 {
  background-color: hsl(13, 40.4%, 90.8%);
}

/**
 * `color` hsl(12, 40.2%, 81%)-200 color utility.
 */
.color-sw-red-200 {
  color: hsl(12, 40.2%, 81%);
}

/**
 * `background-color` hsl(12, 40.2%, 81%)-200 color utility.
 */
.background-color-sw-red-200 {
  background-color: hsl(12, 40.2%, 81%);
}

/**
 * `color` hsl(12, 63.3%, 38.4%)-300 color utility.
 */
.color-sw-red-300 {
  color: hsl(12, 63.3%, 38.4%);
}

/**
 * `background-color` hsl(12, 63.3%, 38.4%)-300 color utility.
 */
.background-color-sw-red-300 {
  background-color: hsl(12, 63.3%, 38.4%);
}

/**
 * `color` hsl(12, 63.6%, 34.5%)-400 color utility.
 */
.color-sw-red-400 {
  color: hsl(12, 63.6%, 34.5%);
}

/**
 * `background-color` hsl(12, 63.6%, 34.5%)-400 color utility.
 */
.background-color-sw-red-400 {
  background-color: hsl(12, 63.6%, 34.5%);
}

/**
 * `color` hsl(12, 63.1%, 30.8%)-500 color utility.
 */
.color-sw-red-500 {
  color: hsl(12, 63.1%, 30.8%);
}

/**
 * `background-color` hsl(12, 63.1%, 30.8%)-500 color utility.
 */
.background-color-sw-red-500 {
  background-color: hsl(12, 63.1%, 30.8%);
}

/**
 * `color` hsl(12, 63.3%, 28.8%)-600 color utility.
 */
.color-sw-red-600 {
  color: hsl(12, 63.3%, 28.8%);
}

/**
 * `background-color` hsl(12, 63.3%, 28.8%)-600 color utility.
 */
.background-color-sw-red-600 {
  background-color: hsl(12, 63.3%, 28.8%);
}

/**
 * `color` hsl(11, 62.7%, 23.1%)-700 color utility.
 */
.color-sw-red-700 {
  color: hsl(11, 62.7%, 23.1%);
}

/**
 * `background-color` hsl(11, 62.7%, 23.1%)-700 color utility.
 */
.background-color-sw-red-700 {
  background-color: hsl(11, 62.7%, 23.1%);
}

/**
 * `color` hsl(12, 63.6%, 17.3%)-800 color utility.
 */
.color-sw-red-800 {
  color: hsl(12, 63.6%, 17.3%);
}

/**
 * `background-color` hsl(12, 63.6%, 17.3%)-800 color utility.
 */
.background-color-sw-red-800 {
  background-color: hsl(12, 63.6%, 17.3%);
}

/**
 * `color` hsl(11, 62.3%, 13.5%)-950 color utility.
 */
.color-sw-red-950 {
  color: hsl(11, 62.3%, 13.5%);
}

/**
 * `background-color` hsl(11, 62.3%, 13.5%)-950 color utility.
 */
.background-color-sw-red-950 {
  background-color: hsl(11, 62.3%, 13.5%);
}

/**
 * `color` hsl(180, 10.5%, 92.5%)-50 color utility.
 */
.color-sw-blue-50 {
  color: hsl(180, 10.5%, 92.5%);
}

/**
 * `background-color` hsl(180, 10.5%, 92.5%)-50 color utility.
 */
.background-color-sw-blue-50 {
  background-color: hsl(180, 10.5%, 92.5%);
}

/**
 * `color` hsl(190, 10.7%, 89%)-100 color utility.
 */
.color-sw-blue-100 {
  color: hsl(190, 10.7%, 89%);
}

/**
 * `background-color` hsl(190, 10.7%, 89%)-100 color utility.
 */
.background-color-sw-blue-100 {
  background-color: hsl(190, 10.7%, 89%);
}

/**
 * `color` hsl(194, 11.3%, 77.5%)-200 color utility.
 */
.color-sw-blue-200 {
  color: hsl(194, 11.3%, 77.5%);
}

/**
 * `background-color` hsl(194, 11.3%, 77.5%)-200 color utility.
 */
.background-color-sw-blue-200 {
  background-color: hsl(194, 11.3%, 77.5%);
}

/**
 * `color` hsl(193, 29.9%, 26.9%)-300 color utility.
 */
.color-sw-blue-300 {
  color: hsl(193, 29.9%, 26.9%);
}

/**
 * `background-color` hsl(193, 29.9%, 26.9%)-300 color utility.
 */
.background-color-sw-blue-300 {
  background-color: hsl(193, 29.9%, 26.9%);
}

/**
 * `color` hsl(193, 30.1%, 24.1%)-400 color utility.
 */
.color-sw-blue-400 {
  color: hsl(193, 30.1%, 24.1%);
}

/**
 * `background-color` hsl(193, 30.1%, 24.1%)-400 color utility.
 */
.background-color-sw-blue-400 {
  background-color: hsl(193, 30.1%, 24.1%);
}

/**
 * `color` hsl(193, 30.3%, 21.4%)-500 color utility.
 */
.color-sw-blue-500 {
  color: hsl(193, 30.3%, 21.4%);
}

/**
 * `background-color` hsl(193, 30.3%, 21.4%)-500 color utility.
 */
.background-color-sw-blue-500 {
  background-color: hsl(193, 30.3%, 21.4%);
}

/**
 * `color` hsl(194, 30.1%, 20.2%)-600 color utility.
 */
.color-sw-blue-600 {
  color: hsl(194, 30.1%, 20.2%);
}

/**
 * `background-color` hsl(194, 30.1%, 20.2%)-600 color utility.
 */
.background-color-sw-blue-600 {
  background-color: hsl(194, 30.1%, 20.2%);
}

/**
 * `color` hsl(193, 29.3%, 16.1%)-700 color utility.
 */
.color-sw-blue-700 {
  color: hsl(193, 29.3%, 16.1%);
}

/**
 * `background-color` hsl(193, 29.3%, 16.1%)-700 color utility.
 */
.background-color-sw-blue-700 {
  background-color: hsl(193, 29.3%, 16.1%);
}

/**
 * `color` hsl(193, 29%, 12.2%)-800 color utility.
 */
.color-sw-blue-800 {
  color: hsl(193, 29%, 12.2%);
}

/**
 * `background-color` hsl(193, 29%, 12.2%)-800 color utility.
 */
.background-color-sw-blue-800 {
  background-color: hsl(193, 29%, 12.2%);
}

/**
 * `color` hsl(193, 29.2%, 9.4%)-950 color utility.
 */
.color-sw-blue-950 {
  color: hsl(193, 29.2%, 9.4%);
}

/**
 * `background-color` hsl(193, 29.2%, 9.4%)-950 color utility.
 */
.background-color-sw-blue-950 {
  background-color: hsl(193, 29.2%, 9.4%);
}

/**
 * `color` hsl(40, 33.3%, 96.5%)-50 color utility.
 */
.color-grey-50 {
  color: hsl(40, 33.3%, 96.5%);
}

/**
 * `background-color` hsl(40, 33.3%, 96.5%)-50 color utility.
 */
.background-color-grey-50 {
  background-color: hsl(40, 33.3%, 96.5%);
}

/**
 * `color` hsl(43, 33.3%, 95.9%)-100 color utility.
 */
.color-grey-100 {
  color: hsl(43, 33.3%, 95.9%);
}

/**
 * `background-color` hsl(43, 33.3%, 95.9%)-100 color utility.
 */
.background-color-grey-100 {
  background-color: hsl(43, 33.3%, 95.9%);
}

/**
 * `color` hsl(40, 36%, 95.1%)-200 color utility.
 */
.color-grey-200 {
  color: hsl(40, 36%, 95.1%);
}

/**
 * `background-color` hsl(40, 36%, 95.1%)-200 color utility.
 */
.background-color-grey-200 {
  background-color: hsl(40, 36%, 95.1%);
}

/**
 * `color` hsl(42, 33.3%, 92.4%)-300 color utility.
 */
.color-grey-300 {
  color: hsl(42, 33.3%, 92.4%);
}

/**
 * `background-color` hsl(42, 33.3%, 92.4%)-300 color utility.
 */
.background-color-grey-300 {
  background-color: hsl(42, 33.3%, 92.4%);
}

/**
 * `color` hsl(38, 10.1%, 78.6%)-400 color utility.
 */
.color-grey-400 {
  color: hsl(38, 10.1%, 78.6%);
}

/**
 * `background-color` hsl(38, 10.1%, 78.6%)-400 color utility.
 */
.background-color-grey-400 {
  background-color: hsl(38, 10.1%, 78.6%);
}

/**
 * `color` hsl(42, 6%, 67.5%)-500 color utility.
 */
.color-grey-500 {
  color: hsl(42, 6%, 67.5%);
}

/**
 * `background-color` hsl(42, 6%, 67.5%)-500 color utility.
 */
.background-color-grey-500 {
  background-color: hsl(42, 6%, 67.5%);
}

/**
 * `color` hsl(36, 3%, 32.4%)-600 color utility.
 */
.color-grey-600 {
  color: hsl(36, 3%, 32.4%);
}

/**
 * `background-color` hsl(36, 3%, 32.4%)-600 color utility.
 */
.background-color-grey-600 {
  background-color: hsl(36, 3%, 32.4%);
}

/**
 * `color` hsl(45, 3.4%, 23.1%)-700 color utility.
 */
.color-grey-700 {
  color: hsl(45, 3.4%, 23.1%);
}

/**
 * `background-color` hsl(45, 3.4%, 23.1%)-700 color utility.
 */
.background-color-grey-700 {
  background-color: hsl(45, 3.4%, 23.1%);
}

/**
 * `color` hsl(30, 3.8%, 10.2%)-800 color utility.
 */
.color-grey-800 {
  color: hsl(30, 3.8%, 10.2%);
}

/**
 * `background-color` hsl(30, 3.8%, 10.2%)-800 color utility.
 */
.background-color-grey-800 {
  background-color: hsl(30, 3.8%, 10.2%);
}

/**
 * `color` hsl(42, 33%, 92%)-100 color utility.
 */
.color-background-100 {
  color: hsl(42, 33%, 92%);
}

/**
 * `background-color` hsl(42, 33%, 92%)-100 color utility.
 */
.background-color-background-100 {
  background-color: hsl(42, 33%, 92%);
}

/**
 * `color` hsl(44, 60%, 46%)-100 color utility.
 */
.color-sw-yellow-100 {
  color: hsl(44, 60%, 46%);
}

/**
 * `background-color` hsl(44, 60%, 46%)-100 color utility.
 */
.background-color-sw-yellow-100 {
  background-color: hsl(44, 60%, 46%);
}

/**
 * `color` hsl(60, 1%, 34%)-100 color utility.
 */
.color-sw-grey-100 {
  color: hsl(60, 1%, 34%);
}

/**
 * `background-color` hsl(60, 1%, 34%)-100 color utility.
 */
.background-color-sw-grey-100 {
  background-color: hsl(60, 1%, 34%);
}

/**
 * `color` hsl(208, 40%, 52%)-100 color utility.
 */
.color-sw-light-blue-100 {
  color: hsl(208, 40%, 52%);
}

/**
 * `background-color` hsl(208, 40%, 52%)-100 color utility.
 */
.background-color-sw-light-blue-100 {
  background-color: hsl(208, 40%, 52%);
}

/**
 * `color` hsl(74, 36%, 39%)-100 color utility.
 */
.color-sw-green-100 {
  color: hsl(74, 36%, 39%);
}

/**
 * `background-color` hsl(74, 36%, 39%)-100 color utility.
 */
.background-color-sw-green-100 {
  background-color: hsl(74, 36%, 39%);
}

/**
 * `color` hsl(26, 60%, 46%)-100 color utility.
 */
.color-sw-orange-100 {
  color: hsl(26, 60%, 46%);
}

/**
 * `background-color` hsl(26, 60%, 46%)-100 color utility.
 */
.background-color-sw-orange-100 {
  background-color: hsl(26, 60%, 46%);
}

/**
 * `color` hsl(218, 65%, 7%)-100 color utility.
 */
.color-sw-dark-blue-100 {
  color: hsl(218, 65%, 7%);
}

/**
 * `background-color` hsl(218, 65%, 7%)-100 color utility.
 */
.background-color-sw-dark-blue-100 {
  background-color: hsl(218, 65%, 7%);
}

/**
 * Screen Reader Text Utility
 */
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

.skip-link {
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0.01;
  z-index: 100000;
  background-color: #fff;
  padding: 4px;
}
.skip-link:focus {
  opacity: 1;
}