a:focus,
button:focus,
[type='button']:focus,
[type='reset']:focus,
[type='submit']:focus {
  outline: none; }

a:focus-visible,
button:focus-visible,
[type='button']:focus-visible,
[type='reset']:focus-visible,
[type='submit']:focus-visible {
  outline: 3px solid black;
  box-shadow: 0 0 0 6px white; }

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

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid black !important;
  box-shadow: 0 0 0 6px white; }

:root {
  --c-black: #000;
  --c-grey: #f5f5f5;
  --c-grey-dark: #696969;
  --c-primary: #ccca70;
  --c-primary-a11y: #7c7a00;
  --c-primary-light: #e9e4c2;
  --c-secondary: #cfca91;
  --c-text: #2b2b24;
  --c-white: #fff;
  --c-red: #b01c1a;
  --c-theme-olive: #9a9132;
  --c-theme-amber: #a97445;
  --c-theme-red: #b01c1a;
  --c-theme-lime: #c1cc00;
  --c-theme-blue: #0059a3; }

/* dm-serif-display-latin-400-normal*/
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/dm-serif-display-latin-400-normal.woff2") format("woff2"), url("/assets/fonts/dm-serif-display-latin-400-normal.woff") format("woff"); }

/* lato-latin-100-normal*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url("/assets/fonts/lato-latin-100-normal.woff2") format("woff2"), url("/assets/fonts/lato-latin-100-normal.woff") format("woff"); }

/* lato-latin-300-normal*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url("/assets/fonts/lato-latin-300-normal.woff2") format("woff2"), url("/assets/fonts/lato-latin-300-normal.woff") format("woff"); }

/* lato-latin-400-normal*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/lato-latin-400-normal.woff2") format("woff2"), url("/assets/fonts/lato-latin-400-normal.woff") format("woff"); }

/* lato-latin-700-normal*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/assets/fonts/lato-latin-700-normal.woff2") format("woff2"), url("/assets/fonts/lato-latin-700-normal.woff") format("woff"); }

/* lato-latin-900-normal*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("/assets/fonts/lato-latin-900-normal.woff2") format("woff2"), url("/assets/fonts/lato-latin-900-normal.woff") format("woff"); }

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
  overflow: hidden; }

.glightbox-container.inactive {
  display: none; }

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden; }

.glightbox-container .gslider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transform: translate3d(0, 0, 0); }

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0; }

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative; }

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999; }

.glightbox-container .gslide-inner-content {
  width: 100%; }

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh; }

.glightbox-container .ginner-container.gvideo-container {
  width: 100%; }

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  flex-direction: column; }

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important; }

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  touch-action: auto; }

.gslide:not(.current) {
  pointer-events: none; }

.gslide-image {
  align-items: center; }

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  touch-action: none;
  margin: auto;
  min-width: 200px; }

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto; }

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%; }

.gslide-image img.zoomable {
  position: relative; }

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  transition: none; }

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important; }

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto; }

.gslide-video::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none; }

.gslide-video.playing::before {
  display: none; }

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh; }

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important; }

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%; }

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%; }

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  transition: none; }

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1; }

.gslide-external {
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%; }

.gslide-media {
  display: flex;
  width: auto; }

.zoomed .gslide-media {
  box-shadow: none !important; }

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  flex-direction: column; }

.gslide-description {
  position: relative;
  flex: 1 0 100%; }

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%; }

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%; }

.gslide-description p {
  margin-bottom: 12px; }

.gslide-description p:last-child {
  margin-bottom: 0; }

.zoomed .gslide-description {
  display: none; }

.glightbox-button-hidden {
  display: none; }

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  transition: opacity 0.3s linear;
  padding-bottom: 50px; }

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em; }

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1; }

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold; }

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit; }

.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff; }

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4; }

.gdesc-open .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 0.4; }

.gdesc-open .gdesc-inner {
  padding-bottom: 30px; }

.gdesc-closed .gslide-media {
  transition: opacity 0.5s ease;
  opacity: 1; }

.greset {
  transition: all 0.3s ease; }

.gabsolute {
  position: absolute; }

.grelative {
  position: relative; }

.glightbox-desc {
  display: none !important; }

.glightbox-open {
  overflow: hidden; }

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%; }

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity; }

.glightbox-mobile .goverlay {
  background: #000; }

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0; }

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1; }

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff; }

.gbtn.focused {
  outline: 2px solid #0f3d81; }

iframe.wait-autoplay {
  opacity: 0; }

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important; }

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff; }

.glightbox-clean .gdesc-inner {
  padding: 22px 20px; }

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em; }

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em; }

.glightbox-clean .gslide-video {
  background: #000; }

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px; }

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff; }

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px; }

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px; }

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute; }

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto; }

.glightbox-clean .gclose:hover {
  opacity: 1; }

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease; }

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease; }

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease; }

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease; }

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease; }

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease; }

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease; }

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease; }

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

@keyframes lightboxLoader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes gfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes gfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInLeft {
  from {
    opacity: 0;
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0); }
  to {
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0); }
  to {
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    transform: translate3d(60%, 0, 0); }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    transform: translate3d(60%, 0, 0); }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0); }
  to {
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0); }
  to {
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@keyframes gzoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes gzoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    flex-direction: row; }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    order: 0; }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    order: 1; }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    order: 0; }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    order: 1; }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%; }
  .gslide-image img.zoomable {
    cursor: zoom-in; }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab; }
  .gslide-inline {
    max-height: 95vh; }
  .gslide-external {
    max-height: 100vh; }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px; }
  .glightbox-open {
    height: auto; }
  .goverlay {
    background: rgba(0, 0, 0, 0.92); }
  .glightbox-clean .gslide-media {
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto; }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32); }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7); }
  .glightbox-clean .gprev {
    top: 45%; }
  .glightbox-clean .gnext {
    top: 45%; } }

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px; } }

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000; } }

/*! 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 */
  -webkit-text-decoration: underline dotted;
          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; }

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-container-pointer-events {
  touch-action: pan-y; }
  .swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px; }
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d; }
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.goverlay {
  background: rgba(255, 255, 255, 0.9); }

.glightbox-clean .gslide-media {
  box-shadow: none;
  overflow: hidden; }

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  border-radius: 0; }

.glightbox-clean .gclose {
  opacity: 1; }

:root {
  --litepicker-container-months-color-bg: #fff;
  --litepicker-container-months-box-shadow-color: #ddd;
  --litepicker-footer-color-bg: #fafafa;
  --litepicker-footer-box-shadow-color: #ddd;
  --litepicker-tooltip-color-bg: #fff;
  --litepicker-month-header-color: #333;
  --litepicker-button-prev-month-color: var(--c-text);
  --litepicker-button-next-month-color: var(--c-text);
  --litepicker-button-prev-month-color-hover: var(--c-primary);
  --litepicker-button-next-month-color-hover: var(--c-primary);
  --litepicker-month-width: calc(var(--litepicker-day-width) * 7);
  --litepicker-month-weekday-color: var(--c-text);
  --litepicker-month-week-number-color: var(--c-text);
  --litepicker-day-width: 38px;
  --litepicker-day-color: var(--c-text);
  --litepicker-day-color-hover: var(--c-primary);
  --litepicker-is-today-color: var(--c-red);
  --litepicker-is-in-range-color: var(--c-primary-light);
  --litepicker-is-locked-color: var(--c-grey-dark);
  --litepicker-is-start-color: #fff;
  --litepicker-is-start-color-bg: var(--c-primary);
  --litepicker-is-end-color: #fff;
  --litepicker-is-end-color-bg: var(--c-primary);
  --litepicker-button-cancel-color: #fff;
  --litepicker-button-cancel-color-bg: var(--c-text);
  --litepicker-button-apply-color: #fff;
  --litepicker-button-apply-color-bg: var(--c-primary);
  --litepicker-button-reset-color: #909090;
  --litepicker-button-reset-color-hover: var(--c-primary);
  --litepicker-highlighted-day-color: #333;
  --litepicker-highlighted-day-color-bg: var(--c-theme-olive);
  --litepicker-border-radius: 0px; }

.litepicker .container__months {
  border-radius: var(--litepicker-border-radius); }
  .litepicker .container__months .month-item-name:focus,
  .litepicker .container__months .month-item-year:focus {
    outline: 2px solid var(--c-black);
    outline-offset: 2px; }

.litepicker .container__days .day-item {
  border-radius: var(--litepicker-border-radius); }
  .litepicker .container__days .day-item.is-start-date {
    border-top-left-radius: var(--litepicker-border-radius);
    border-bottom-left-radius: var(--litepicker-border-radius); }
    .litepicker .container__days .day-item.is-start-date.is-end-date {
      border-top-right-radius: var(--litepicker-border-radius);
      border-bottom-right-radius: var(--litepicker-border-radius); }
  .litepicker .container__days .day-item.is-end-date {
    border-top-right-radius: var(--litepicker-border-radius);
    border-bottom-right-radius: var(--litepicker-border-radius); }
    .litepicker .container__days .day-item.is-end-date.is-start-date {
      border-top-left-radius: var(--litepicker-border-radius);
      border-bottom-left-radius: var(--litepicker-border-radius); }

/* swiper overwrites */
.swiper-container {
  overflow: visible; }

.swiper-slide {
  box-sizing: border-box; }

html {
  box-sizing: border-box; }

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

/*
 |--------------------------------------------------------------------------
 | Headline mixin
 | Example usage: @include headline('h6', 'primary', 'black');
 |--------------------------------------------------------------------------
*/
body,
html {
  width: 100%; }

html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  font-size: unset; }

body {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  padding-bottom: 32px;
  color: var(--c-text);
  overflow-x: hidden; }
  @media (min-width: 375px) and (max-width: 1440px) {
    body {
      font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    body {
      font-size: 1.063rem; } }
  @media screen and (min-width: 375px) {
    body {
      padding-bottom: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    body {
      padding-bottom: 64px; } }

body .mt-none {
  margin-top: 0; }

body .mt-xs {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    body .mt-xs {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    body .mt-xs {
      margin-top: 16px; } }

body .mt-s {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    body .mt-s {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    body .mt-s {
      margin-top: 32px; } }

body .mt-m {
  margin-top: 32px; }
  @media screen and (min-width: 375px) {
    body .mt-m {
      margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    body .mt-m {
      margin-top: 64px; } }

body .mt-l {
  margin-top: 48px; }
  @media screen and (min-width: 375px) {
    body .mt-l {
      margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    body .mt-l {
      margin-top: 96px; } }

body .mt-xl {
  margin-top: 64px; }
  @media screen and (min-width: 375px) {
    body .mt-xl {
      margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    body .mt-xl {
      margin-top: 128px; } }

body .mt-xxl {
  margin-top: 80px; }
  @media screen and (min-width: 375px) {
    body .mt-xxl {
      margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    body .mt-xxl {
      margin-top: 160px; } }

body .mt-xxxl {
  margin-top: 96px; }
  @media screen and (min-width: 375px) {
    body .mt-xxxl {
      margin-top: calc(96px + 96 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    body .mt-xxxl {
      margin-top: 192px; } }

body .mt-xxxxl {
  margin-top: 112px; }
  @media screen and (min-width: 375px) {
    body .mt-xxxxl {
      margin-top: calc(112px + 112 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    body .mt-xxxxl {
      margin-top: 224px; } }

button {
  cursor: pointer; }

input,
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: none; }
  input:active, input:focus,
  select:active,
  select:focus,
  textarea:active,
  textarea:focus {
    outline: none; }

h1,
h2,
h3,
h4,
h5,
h6,
.e-headline--h1,
.e-headline--h2,
.e-headline--h3,
.e-headline--h4,
.e-headline--h5,
.e-headline--h6 {
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0; }

h1,
.e-headline--h1 {
  font-size: 2.31306rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    h1,
    .e-headline--h1 {
      font-size: calc( 2.31306rem + 1.74196 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    h1,
    .e-headline--h1 {
      font-size: 4.05502rem; } }

h2,
.e-headline--h2 {
  font-size: 2.01136rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    h2,
    .e-headline--h2 {
      font-size: calc( 2.01136rem + 1.23266 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    h2,
    .e-headline--h2 {
      font-size: 3.24402rem; } }

h3,
.e-headline--h3 {
  font-size: 1.74901rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    h3,
    .e-headline--h3 {
      font-size: calc( 1.74901rem + 0.84621 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    h3,
    .e-headline--h3 {
      font-size: 2.59521rem; } }

h4,
.e-headline--h4 {
  font-size: 1.52087rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    h4,
    .e-headline--h4 {
      font-size: calc( 1.52087rem + 0.5553 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    h4,
    .e-headline--h4 {
      font-size: 2.07617rem; } }

h5,
.e-headline--h5 {
  font-size: 1.3225rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    h5,
    .e-headline--h5 {
      font-size: calc( 1.3225rem + 0.33844 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    h5,
    .e-headline--h5 {
      font-size: 1.66094rem; } }

h6,
.e-headline--h6 {
  font-size: 1.15rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    h6,
    .e-headline--h6 {
      font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    h6,
    .e-headline--h6 {
      font-size: 1.32875rem; } }

.e-headline--h7 {
  font-size: 1rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .e-headline--h7 {
      font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .e-headline--h7 {
      font-size: 1.063rem; } }

.e-headline--super {
  font-size: 3.05902rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .e-headline--super {
      font-size: calc( 3.05902rem + 3.27695 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .e-headline--super {
      font-size: 6.33597rem; } }

.e-headline--bigger {
  font-size: 2.66002rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .e-headline--bigger {
      font-size: calc( 2.66002rem + 2.40876 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .e-headline--bigger {
      font-size: 5.06878rem; } }

img {
  display: block;
  max-width: 100%; }

a {
  color: inherit;
  outline: none; }

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

ol {
  margin: 0; }

.e-text ul li {
  position: relative;
  padding-left: 1.3225rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .e-text ul li {
      padding-left: calc( 1.3225rem + 0.33844 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .e-text ul li {
      padding-left: 1.66094rem; } }
  .e-text ul li::before {
    background-size: 5px;
    width: 5px;
    height: 9px;
    top: 4px;
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYWY5NTUyZjEtMTllNS00Mjg2LWEyZTctNGM1MTM5YjI4YzdjIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDcuNTIgMTIuMjEiPjxwYXRoIGlkPSJiOTA1MmQ1Yy0wMmNiLTQ2NzgtOTkyMi0zYjY0ZGNiZGFkN2UiIGRhdGEtbmFtZT0iUGZhZCA0NzI0NiIgZD0iTS40MS43MWw1LjQsNS40LTUuNCw1LjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);
    background-repeat: no-repeat;
    position: absolute;
    left: 7px;
    transform: translate3d(-100%, 0%, 0); }
    @media screen and (min-width: 375px) {
      .e-text ul li::before {
        background-size: calc(5px + 2 * (100vw - 375px) / (1065));
        width: calc(5px + 2 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-text ul li::before {
        background-size: 7px;
        width: 7px; } }
    @media screen and (min-width: 375px) {
      .e-text ul li::before {
        height: calc(9px + 5 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-text ul li::before {
        height: 14px; } }
    @media screen and (min-width: 375px) {
      .e-text ul li::before {
        top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-text ul li::before {
        top: 8px; } }

.e-text ol {
  padding: 0;
  list-style: none;
  counter-reset: orderedListCounter; }
  .e-text ol li {
    padding-left: 1.3225rem;
    position: relative;
    counter-increment: orderedListCounter; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-text ol li {
        padding-left: calc( 1.3225rem + 0.33844 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-text ol li {
        padding-left: 1.66094rem; } }
    .e-text ol li::before {
      font-size: 1rem;
      content: counter(orderedListCounter) ". ";
      position: absolute;
      left: 7px;
      top: 7px;
      transform: translate3d(-100%, 0%, 0); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-text ol li::before {
          font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-text ol li::before {
          font-size: 1.063rem; } }

.e-text * + ol,
.e-text * + ul {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .e-text * + ol,
    .e-text * + ul {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-text * + ol,
    .e-text * + ul {
      margin-top: 16px; } }

.e-text.e-text--center ul,
.e-text.e-text--center ol {
  text-align: left; }

mark {
  white-space: nowrap;
  padding: 0 6px; }

p {
  margin-bottom: 0;
  margin-top: 1rem; }
  p:first-child {
    margin-top: 0; }

button {
  border: none;
  background-color: transparent;
  padding: 0;
  outline: none; }

.js-accordionHead {
  cursor: pointer; }

.js-accordionBody {
  display: none; }
  .is-open .js-accordionBody {
    display: block; }

/*
 |--------------------------------------------------------------------------
 | elements
 |--------------------------------------------------------------------------
 */
/*
 |--------------------------------------------------------------------------
 | .e-button
 |--------------------------------------------------------------------------
 */
.e-button {
  display: inline-block; }
  .e-button--link {
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.86957rem;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: color 0.2s ease-out;
    color: var(--c-black); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-button--link {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-button--link {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .e-button--link {
        padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
        padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--link {
        padding-top: 8px;
        padding-bottom: 8px; } }
    .e-button--link:after {
      position: absolute;
      height: 2px;
      width: 100%;
      content: '';
      bottom: 0;
      left: 0;
      transform-origin: center;
      transition: transform .2s ease-out, background-color .2s ease-out; }
    .e-button--link:hover, .e-button--link:focus {
      transition: color 0.2s ease-out; }
      .e-button--link:hover:after, .e-button--link:focus:after {
        transform: scaleX(0.5);
        transition: transform .2s ease-out, background-color .2s ease-out; }
    .e-button--link:after {
      background-color: var(--c-black); }
    .e-button--link:hover, .e-button--link:focus {
      color: var(--c-primary); }
      .e-button--link:hover:after, .e-button--link:focus:after {
        background-color: var(--c-primary); }
    .e-button--link.e-button--white {
      text-decoration: none;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 0.86957rem;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      padding-top: 4px;
      padding-bottom: 4px;
      transition: color 0.2s ease-out;
      color: var(--c-white); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-button--link.e-button--white {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-button--link.e-button--white {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-button--link.e-button--white {
          padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-button--link.e-button--white {
          padding-top: 8px;
          padding-bottom: 8px; } }
      .e-button--link.e-button--white:after {
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        bottom: 0;
        left: 0;
        transform-origin: center;
        transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-button--link.e-button--white:hover, .e-button--link.e-button--white:focus {
        transition: color 0.2s ease-out; }
        .e-button--link.e-button--white:hover:after, .e-button--link.e-button--white:focus:after {
          transform: scaleX(0.5);
          transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-button--link.e-button--white:after {
        background-color: var(--c-white); }
      .e-button--link.e-button--white:hover, .e-button--link.e-button--white:focus {
        color: var(--c-primary); }
        .e-button--link.e-button--white:hover:after, .e-button--link.e-button--white:focus:after {
          background-color: var(--c-primary); }
    .e-button--link.e-button--grey {
      text-decoration: none;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 0.86957rem;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      padding-top: 4px;
      padding-bottom: 4px;
      transition: color 0.2s ease-out;
      color: var(--c-grey-dark); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-button--link.e-button--grey {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-button--link.e-button--grey {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-button--link.e-button--grey {
          padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-button--link.e-button--grey {
          padding-top: 8px;
          padding-bottom: 8px; } }
      .e-button--link.e-button--grey:after {
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        bottom: 0;
        left: 0;
        transform-origin: center;
        transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-button--link.e-button--grey:hover, .e-button--link.e-button--grey:focus {
        transition: color 0.2s ease-out; }
        .e-button--link.e-button--grey:hover:after, .e-button--link.e-button--grey:focus:after {
          transform: scaleX(0.5);
          transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-button--link.e-button--grey:after {
        background-color: var(--c-grey-dark); }
      .e-button--link.e-button--grey:hover, .e-button--link.e-button--grey:focus {
        color: var(--c-black); }
        .e-button--link.e-button--grey:hover:after, .e-button--link.e-button--grey:focus:after {
          background-color: var(--c-black); }
  .e-button--button.e-button--primary {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: transparent;
    text-align: center;
    flex-wrap: wrap;
    display: inline-flex;
    position: relative;
    justify-content: center;
    --button-border-offset: 4px;
    --button-border-width: 2px;
    transition: background-color .3s ease-out, color .3s ease-out;
    background-color: var(--c-black);
    color: var(--c-primary); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-button--button.e-button--primary {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-button--button.e-button--primary {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--primary {
        padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
        padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--button.e-button--primary {
        padding-bottom: 15px;
        padding-top: 15px; } }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--primary {
        padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
        padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--button.e-button--primary {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--primary {
        --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--button.e-button--primary {
        --button-border-offset: 6px; } }
    .e-button--button.e-button--primary:before {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      border-width: var(--button-border-width);
      border-style: solid;
      border-color: transparent;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: width .3s ease-out, height .3s ease-out; }
    .e-button--button.e-button--primary:before {
      border-color: var(--c-black); }
    .e-button--button.e-button--primary:hover:before, .e-button--button.e-button--primary:focus:before {
      width: calc(100% + (var(--button-border-offset) * 2));
      height: calc(100% + (var(--button-border-offset) * 2)); }
  .e-button--button.e-button--secondary {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: transparent;
    text-align: center;
    flex-wrap: wrap;
    display: inline-flex;
    position: relative;
    justify-content: center;
    --button-border-offset: 4px;
    --button-border-width: 2px;
    transition: background-color .3s ease-out, color .3s ease-out;
    color: var(--c-black); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-button--button.e-button--secondary {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-button--button.e-button--secondary {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--secondary {
        padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
        padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--button.e-button--secondary {
        padding-bottom: 15px;
        padding-top: 15px; } }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--secondary {
        padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
        padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--button.e-button--secondary {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--secondary {
        --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--button.e-button--secondary {
        --button-border-offset: 6px; } }
    .e-button--button.e-button--secondary:before {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      border-width: var(--button-border-width);
      border-style: solid;
      border-color: transparent;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: width .3s ease-out, height .3s ease-out; }
    .e-button--button.e-button--secondary:before {
      border-color: var(--c-black); }
    .e-button--button.e-button--secondary:hover, .e-button--button.e-button--secondary:focus {
      background-color: var(--c-black);
      color: var(--c-primary); }
      .e-button--button.e-button--secondary:hover:before, .e-button--button.e-button--secondary:focus:before {
        width: calc(100% + (var(--button-border-offset) * 2));
        height: calc(100% + (var(--button-border-offset) * 2)); }
  .e-button--tab.e-button--primary {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: transparent;
    text-align: center;
    flex-wrap: wrap;
    display: inline-flex;
    position: relative;
    justify-content: center;
    --button-border-offset: 4px;
    --button-border-width: 2px;
    transition: background-color .3s ease-out, color .3s ease-out;
    background-color: var(--c-black);
    color: var(--c-primary); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-button--tab.e-button--primary {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-button--tab.e-button--primary {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .e-button--tab.e-button--primary {
        padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
        padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--tab.e-button--primary {
        padding-bottom: 15px;
        padding-top: 15px; } }
    @media screen and (min-width: 375px) {
      .e-button--tab.e-button--primary {
        padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
        padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--tab.e-button--primary {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 375px) {
      .e-button--tab.e-button--primary {
        --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--tab.e-button--primary {
        --button-border-offset: 6px; } }
    .e-button--tab.e-button--primary:before {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      border-width: var(--button-border-width);
      border-style: solid;
      border-color: transparent;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: width .3s ease-out, height .3s ease-out; }
    .e-button--tab.e-button--primary:before {
      border-left: none;
      border-right: none;
      border-top: none;
      width: calc(100% - var(--button-border-width));
      height: calc(100% - var(--button-border-width)); }
    .e-button--tab.e-button--primary:before {
      border-bottom-color: var(--c-black); }
    .e-button--tab.e-button--primary.is-active {
      font-family: "Lato", sans-serif;
      font-size: 0.86957rem;
      font-weight: 900;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.1em;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
      background-color: transparent;
      text-align: center;
      flex-wrap: wrap;
      display: inline-flex;
      position: relative;
      justify-content: center;
      --button-border-offset: 4px;
      --button-border-width: 2px;
      transition: background-color .3s ease-out, color .3s ease-out;
      color: var(--c-black); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-button--tab.e-button--primary.is-active {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-button--tab.e-button--primary.is-active {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-button--tab.e-button--primary.is-active {
          padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
          padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-button--tab.e-button--primary.is-active {
          padding-bottom: 15px;
          padding-top: 15px; } }
      @media screen and (min-width: 375px) {
        .e-button--tab.e-button--primary.is-active {
          padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
          padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-button--tab.e-button--primary.is-active {
          padding-left: 40px;
          padding-right: 40px; } }
      @media screen and (min-width: 375px) {
        .e-button--tab.e-button--primary.is-active {
          --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-button--tab.e-button--primary.is-active {
          --button-border-offset: 6px; } }
      .e-button--tab.e-button--primary.is-active:before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        border-width: var(--button-border-width);
        border-style: solid;
        border-color: transparent;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: width .3s ease-out, height .3s ease-out; }
      .e-button--tab.e-button--primary.is-active:before {
        border-left: none;
        border-right: none;
        border-top: none;
        width: calc(100% - var(--button-border-width));
        height: calc(100% - var(--button-border-width)); }
      .e-button--tab.e-button--primary.is-active:before {
        border-bottom-color: var(--c-black); }
      .e-button--tab.e-button--primary.is-active:hover, .e-button--tab.e-button--primary.is-active:focus {
        background-color: var(--c-black);
        color: var(--c-primary); }
  .e-button--tab.e-button--secondary {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: transparent;
    text-align: center;
    flex-wrap: wrap;
    display: inline-flex;
    position: relative;
    justify-content: center;
    --button-border-offset: 4px;
    --button-border-width: 2px;
    transition: background-color .3s ease-out, color .3s ease-out;
    color: var(--c-black); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-button--tab.e-button--secondary {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-button--tab.e-button--secondary {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .e-button--tab.e-button--secondary {
        padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
        padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--tab.e-button--secondary {
        padding-bottom: 15px;
        padding-top: 15px; } }
    @media screen and (min-width: 375px) {
      .e-button--tab.e-button--secondary {
        padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
        padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--tab.e-button--secondary {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 375px) {
      .e-button--tab.e-button--secondary {
        --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-button--tab.e-button--secondary {
        --button-border-offset: 6px; } }
    .e-button--tab.e-button--secondary:before {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      border-width: var(--button-border-width);
      border-style: solid;
      border-color: transparent;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: width .3s ease-out, height .3s ease-out; }
    .e-button--tab.e-button--secondary:before {
      border-left: none;
      border-right: none;
      border-top: none;
      width: calc(100% - var(--button-border-width));
      height: calc(100% - var(--button-border-width)); }
    .e-button--tab.e-button--secondary:before {
      border-bottom-color: var(--c-black); }
    .e-button--tab.e-button--secondary:hover, .e-button--tab.e-button--secondary:focus {
      background-color: var(--c-black);
      color: var(--c-primary); }
    .e-button--tab.e-button--secondary.is-active {
      font-family: "Lato", sans-serif;
      font-size: 0.86957rem;
      font-weight: 900;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.1em;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
      background-color: transparent;
      text-align: center;
      flex-wrap: wrap;
      display: inline-flex;
      position: relative;
      justify-content: center;
      --button-border-offset: 4px;
      --button-border-width: 2px;
      transition: background-color .3s ease-out, color .3s ease-out;
      background-color: var(--c-black);
      color: var(--c-primary); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-button--tab.e-button--secondary.is-active {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-button--tab.e-button--secondary.is-active {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-button--tab.e-button--secondary.is-active {
          padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
          padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-button--tab.e-button--secondary.is-active {
          padding-bottom: 15px;
          padding-top: 15px; } }
      @media screen and (min-width: 375px) {
        .e-button--tab.e-button--secondary.is-active {
          padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
          padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-button--tab.e-button--secondary.is-active {
          padding-left: 40px;
          padding-right: 40px; } }
      @media screen and (min-width: 375px) {
        .e-button--tab.e-button--secondary.is-active {
          --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-button--tab.e-button--secondary.is-active {
          --button-border-offset: 6px; } }
      .e-button--tab.e-button--secondary.is-active:before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        border-width: var(--button-border-width);
        border-style: solid;
        border-color: transparent;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: width .3s ease-out, height .3s ease-out; }
      .e-button--tab.e-button--secondary.is-active:before {
        border-left: none;
        border-right: none;
        border-top: none;
        width: calc(100% - var(--button-border-width));
        height: calc(100% - var(--button-border-width)); }
      .e-button--tab.e-button--secondary.is-active:before {
        border-bottom-color: var(--c-black); }

/*
 |--------------------------------------------------------------------------
 | .e-buttonIcon
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/elements/button/icon';
 */
.e-buttonIcon--bgBlack {
  background-color: var(--c-black); }
  .e-buttonIcon--bgBlack * {
    fill: var(--c-white); }

/*
 |--------------------------------------------------------------------------
 | .e-embed
 |--------------------------------------------------------------------------
 */
.e-embed iframe {
  width: 100%;
  border: none; }

/*
 |--------------------------------------------------------------------------
 | .e-formCheckbox
 |--------------------------------------------------------------------------
 */
.e-formCheckbox {
  display: flex;
  flex-direction: column; }
  .e-formCheckbox__checkboxWrapper {
    display: flex;
    align-items: center;
    gap: 16px; }
  .e-formCheckbox__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-out; }
  .e-formCheckbox__inputWrapper:has(.e-formCheckbox__input:user-invalid) + label {
    color: var(--c-red) !important; }
    .e-formCheckbox__inputWrapper:has(.e-formCheckbox__input:user-invalid) + label .e-formCheckbox__error::before {
      content: '\2716';
      color: var(--c-red); }
  .e-formCheckbox__input {
    background-color: var(--c-white);
    width: 22px;
    height: 22px;
    outline: 2px solid transparent;
    transition: outline-color .2s ease-out;
    cursor: pointer;
    position: relative; }
    .e-formCheckbox__input:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDE1LjE3Mmw5LjE5Mi05LjE5MyAxLjQxNSAxLjQxNEwxMCAxOGwtNi4zNjQtNi4zNjQgMS40MTQtMS40MTR6Ii8+PC9zdmc+);
      width: 100%;
      height: 100%;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
    .e-formCheckbox__input:checked:before {
      opacity: 1; }
    .e-formCheckbox__input:focus {
      outline: 2px solid var(--c-black);
      transition: outline-color .2s ease-out; }
    .e-formCheckbox__input:user-invalid {
      outline: 2px solid var(--c-red) !important; }
      .e-formCheckbox__input:user-invalid + label {
        color: var(--c-red) !important; }
        .e-formCheckbox__input:user-invalid + label .e-formCheckbox__error::before {
          content: '\2716';
          color: var(--c-red); }
  .e-formCheckbox--filterTags:first-child .e-formCheckbox__input:checked ~ .e-formCheckbox__text {
    pointer-events: none; }
  .e-formCheckbox--filterTags .e-formCheckbox__input {
    display: none; }
  .e-formCheckbox--filterTags .e-formCheckbox__text {
    cursor: pointer;
    font-size: 1.15rem;
    position: relative;
    z-index: 0; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-formCheckbox--filterTags .e-formCheckbox__text {
        font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-formCheckbox--filterTags .e-formCheckbox__text {
        font-size: 1.32875rem; } }
    .e-formCheckbox--filterTags .e-formCheckbox__text:before {
      width: calc(100% - 10px - 5px);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      content: '';
      border: 1px solid var(--c-white);
      border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
      border-image-slice: 33.3% 11.1%;
      border-image-repeat: stretch;
      border-image-width: 0% 11.1% 100% 11.1%;
      transform: translate(10px, 10%);
      z-index: -1; }
    .e-formCheckbox--filterTags .e-formCheckbox__text:before {
      transition: all .3s .3s ease-in-out;
      opacity: 0; }
    .e-formCheckbox--filterTags .e-formCheckbox__text:focus {
      outline: none; }
    .e-formCheckbox--filterTags .e-formCheckbox__text:focus-visible {
      outline: 3px solid black !important;
      box-shadow: 0 0 0 6px white; }
  .e-formCheckbox--filterTags .e-formCheckbox__input:checked ~ .e-formCheckbox__text {
    position: relative;
    z-index: 0; }
    .e-formCheckbox--filterTags .e-formCheckbox__input:checked ~ .e-formCheckbox__text:before {
      width: calc(100% - 10px - -15px);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      content: '';
      border: 1px solid var(--c-white);
      border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
      border-image-slice: 33.3% 11.1%;
      border-image-repeat: stretch;
      border-image-width: 0% 11.1% 100% 11.1%;
      transform: translate(10px, 10%);
      z-index: -1; }
    .e-formCheckbox--filterTags .e-formCheckbox__input:checked ~ .e-formCheckbox__text:before {
      opacity: 1; }

/*
 |--------------------------------------------------------------------------
 | .e-formDate
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/elements/form/date';
 */
.e-formDate {
  --icon-size: 13px;
  --spacing-right: 10px; }
  @media screen and (min-width: 375px) {
    .e-formDate {
      --spacing-right: calc(10px + 5 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-formDate {
      --spacing-right: 15px; } }
  .e-formDate input {
    padding-right: 16px;
    font-size: 0.86957rem;
    cursor: pointer;
    background: var(--c-white) url(data:image/svg+xml;base64,PHN2ZyBpZD0iYjkzYzAwMDYtNWJkZS00MDdmLWIyYTktZThiYWY2NTc1MjliIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyLjIxIDcuNTIiPjxwYXRoIGlkPSJiYTI2NDU2ZC03YjExLTQ0MTItODc0Mi0zNjdmOTNhNTY5ZmQiIGRhdGEtbmFtZT0iUGZhZCA0NzI0NiIgZD0iTTExLjUxLjcxbC01LjQsNS40TC43MS43MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=) no-repeat calc(100% - var(--spacing-right)) center;
    background-size: var(--icon-size);
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
    text-align: center; }
    @media screen and (min-width: 375px) {
      .e-formDate input {
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formDate input {
        padding-right: 32px; } }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-formDate input {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-formDate input {
        font-size: 0.8504rem; } }
    .e-formDate input::-moz-placeholder {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: bold;
      color: var(--c-black); }
    .e-formDate input:-ms-input-placeholder {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: bold;
      color: var(--c-black); }
    .e-formDate input::placeholder {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: bold;
      color: var(--c-black); }

/*
 |--------------------------------------------------------------------------
 | .e-formInput
 |--------------------------------------------------------------------------
 */
.e-formInput {
  display: flex;
  flex-direction: column;
  position: relative; }
  .e-formInput ::-moz-placeholder {
    color: var(--c-grey-dark); }
  .e-formInput :-ms-input-placeholder {
    color: var(--c-grey-dark); }
  .e-formInput ::placeholder {
    color: var(--c-grey-dark); }
  .e-formInput [type=text],
  .e-formInput [type=email],
  .e-formInput [type=number],
  .e-formInput [type=phone],
  .e-formInput [type=date],
  .e-formInput [type=time],
  .e-formInput .js-startdate,
  .e-formInput .js-birthdate {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 12px;
    padding-left: 12px;
    outline: 2px solid transparent;
    transition: outline-color .2s ease-out; }
    @media screen and (min-width: 375px) {
      .e-formInput [type=text],
      .e-formInput [type=email],
      .e-formInput [type=number],
      .e-formInput [type=phone],
      .e-formInput [type=date],
      .e-formInput [type=time],
      .e-formInput .js-startdate,
      .e-formInput .js-birthdate {
        padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formInput [type=text],
      .e-formInput [type=email],
      .e-formInput [type=number],
      .e-formInput [type=phone],
      .e-formInput [type=date],
      .e-formInput [type=time],
      .e-formInput .js-startdate,
      .e-formInput .js-birthdate {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media screen and (min-width: 375px) {
      .e-formInput [type=text],
      .e-formInput [type=email],
      .e-formInput [type=number],
      .e-formInput [type=phone],
      .e-formInput [type=date],
      .e-formInput [type=time],
      .e-formInput .js-startdate,
      .e-formInput .js-birthdate {
        padding-right: calc(12px + 12 * (100vw - 375px) / (1065));
        padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formInput [type=text],
      .e-formInput [type=email],
      .e-formInput [type=number],
      .e-formInput [type=phone],
      .e-formInput [type=date],
      .e-formInput [type=time],
      .e-formInput .js-startdate,
      .e-formInput .js-birthdate {
        padding-right: 24px;
        padding-left: 24px; } }
    .e-formInput [type=text]:focus,
    .e-formInput [type=email]:focus,
    .e-formInput [type=number]:focus,
    .e-formInput [type=phone]:focus,
    .e-formInput [type=date]:focus,
    .e-formInput [type=time]:focus,
    .e-formInput .js-startdate:focus,
    .e-formInput .js-birthdate:focus {
      outline: 2px solid var(--c-black);
      transition: outline-color .2s ease-out; }
    .e-formInput [type=text]:user-invalid,
    .e-formInput [type=email]:user-invalid,
    .e-formInput [type=number]:user-invalid,
    .e-formInput [type=phone]:user-invalid,
    .e-formInput [type=date]:user-invalid,
    .e-formInput [type=time]:user-invalid,
    .e-formInput .js-startdate:user-invalid,
    .e-formInput .js-birthdate:user-invalid {
      outline: 2px solid var(--c-red) !important; }
      .e-formInput [type=text]:user-invalid ~ .e-formInput__error,
      .e-formInput [type=email]:user-invalid ~ .e-formInput__error,
      .e-formInput [type=number]:user-invalid ~ .e-formInput__error,
      .e-formInput [type=phone]:user-invalid ~ .e-formInput__error,
      .e-formInput [type=date]:user-invalid ~ .e-formInput__error,
      .e-formInput [type=time]:user-invalid ~ .e-formInput__error,
      .e-formInput .js-startdate:user-invalid ~ .e-formInput__error,
      .e-formInput .js-birthdate:user-invalid ~ .e-formInput__error {
        opacity: 1;
        visibility: visible; }
  .e-formInput__error {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 4px;
    padding-left: 4px;
    position: absolute;
    display: grid;
    align-items: end;
    right: 0;
    bottom: 0;
    color: var(--c-red);
    opacity: 0;
    visibility: visible;
    transition: .3s ease;
    transition-property: visible, opacity; }
    @media screen and (min-width: 375px) {
      .e-formInput__error {
        padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formInput__error {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media screen and (min-width: 375px) {
      .e-formInput__error {
        padding-right: calc(4px + 4 * (100vw - 375px) / (1065));
        padding-left: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formInput__error {
        padding-right: 8px;
        padding-left: 8px; } }
    .e-formInput__error::before {
      content: '\2716'; }
  .e-formInput [type=submit] {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: transparent;
    text-align: center;
    flex-wrap: wrap;
    display: inline-flex;
    position: relative;
    justify-content: center;
    --button-border-offset: 4px;
    --button-border-width: 2px;
    transition: background-color .3s ease-out, color .3s ease-out;
    background-color: var(--c-black);
    color: var(--c-primary); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-formInput [type=submit] {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-formInput [type=submit] {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .e-formInput [type=submit] {
        padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
        padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formInput [type=submit] {
        padding-bottom: 15px;
        padding-top: 15px; } }
    @media screen and (min-width: 375px) {
      .e-formInput [type=submit] {
        padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
        padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formInput [type=submit] {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 375px) {
      .e-formInput [type=submit] {
        --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formInput [type=submit] {
        --button-border-offset: 6px; } }
    .e-formInput [type=submit]:before {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      border-width: var(--button-border-width);
      border-style: solid;
      border-color: transparent;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: width .3s ease-out, height .3s ease-out; }
    .e-formInput [type=submit]:before {
      border-color: var(--c-black); }
    .e-formInput [type=submit]:hover:before, .e-formInput [type=submit]:focus:before {
      width: calc(100% + (var(--button-border-offset) * 2));
      height: calc(100% + (var(--button-border-offset) * 2)); }
  @media (min-width: 375px) {
    .e-formInput .litepicker:not(.mobilefriendly) {
      top: 100% !important;
      left: unset !important; } }
  .e-formInput--bgGrey [type=text] {
    background-color: var(--c-grey); }

/*
 |--------------------------------------------------------------------------
 | .e-formLabel
 |--------------------------------------------------------------------------
 */
.e-formLabel {
  color: var(--c-text); }
  .e-formLabel + * {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .e-formLabel + * {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formLabel + * {
        margin-top: 16px; } }
  .e-formLabel[data-required]:after {
    content: '*';
    color: var(--c-red); }
  .e-formLabel--uppercase {
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  .e-formLabel--bold {
    font-weight: bold; }

/*
 |--------------------------------------------------------------------------
 | .e-formSelect
 |--------------------------------------------------------------------------
 */
.e-formSelect,
.e-formSelectSalutation {
  display: flex;
  flex-direction: column;
  --spacing-right: 8px;
  --icon-size: 14px;
  --icon-error-size: 10px; }
  @media screen and (min-width: 375px) {
    .e-formSelect,
    .e-formSelectSalutation {
      --spacing-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-formSelect,
    .e-formSelectSalutation {
      --spacing-right: 16px; } }
  @media screen and (min-width: 375px) {
    .e-formSelect,
    .e-formSelectSalutation {
      --icon-size: calc(14px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-formSelect,
    .e-formSelectSalutation {
      --icon-size: 18px; } }
  @media screen and (min-width: 375px) {
    .e-formSelect,
    .e-formSelectSalutation {
      --icon-error-size: calc(10px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-formSelect,
    .e-formSelectSalutation {
      --icon-error-size: 14px; } }
  .e-formSelect select,
  .e-formSelectSalutation select {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 24px;
    cursor: pointer;
    outline: 2px solid transparent;
    transition: outline-color .2s ease-out;
    background: var(--c-white) url(data:image/svg+xml;base64,PHN2ZyBpZD0iYjkzYzAwMDYtNWJkZS00MDdmLWIyYTktZThiYWY2NTc1MjliIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyLjIxIDcuNTIiPjxwYXRoIGlkPSJiYTI2NDU2ZC03YjExLTQ0MTItODc0Mi0zNjdmOTNhNTY5ZmQiIGRhdGEtbmFtZT0iUGZhZCA0NzI0NiIgZD0iTTExLjUxLjcxbC01LjQsNS40TC43MS43MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=) no-repeat calc(100% - var(--spacing-right)) center;
    background-size: var(--icon-size); }
    @media screen and (min-width: 375px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media screen and (min-width: 375px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-left: 24px; } }
    @media screen and (min-width: 375px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-right: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-right: 48px; } }
    .e-formSelect select:focus,
    .e-formSelectSalutation select:focus {
      outline: 2px solid var(--c-black);
      transition: outline-color .2s ease-out; }
    .e-formSelect select:user-invalid,
    .e-formSelectSalutation select:user-invalid {
      outline: 2px solid var(--c-red) !important;
      background: var(--c-white) url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiIHJvbGU9ImltZyI+PHBhdGggZD0iTTYyIDEwLjU3MUw1My40MjggMkwzMiAyMy40MjlMMTAuNTcxIDJMMiAxMC41NzFMMjMuNDI4IDMyTDIgNTMuNDI5TDEwLjU3MSA2MkwzMiA0MC41NzFMNTMuNDI4IDYyTDYyIDUzLjQyOUw0MC41NyAzMnoiIGZpbGw9IiNiMDFjMWEiPjwvcGF0aD48L3N2Zz4=) no-repeat calc(100% - var(--spacing-right)) center;
      background-size: var(--icon-error-size); }
  .e-formSelect--border select,
  .e-formSelectSalutation--border select {
    outline: 2px solid var(--c-black); }

/*
 |--------------------------------------------------------------------------
 | .e-formTextarea
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/elements/form/textarea';
 */
.e-formTextarea {
  display: flex;
  flex-direction: column; }
  .e-formTextarea__textareaWrapper {
    display: grid;
    outline: 2px solid transparent;
    transition: outline-color .2s ease-out; }
    .e-formTextarea__textareaWrapper::after {
      content: attr(data-replicated-value) " ";
      white-space: pre-wrap;
      visibility: hidden; }
    .e-formTextarea__textareaWrapper .e-formTextarea__textarea {
      resize: none;
      overflow: hidden;
      outline: 2px solid transparent;
      transition: outline-color .2s ease-out; }
      .e-formTextarea__textareaWrapper .e-formTextarea__textarea:focus {
        outline: 2px solid var(--c-black);
        transition: outline-color .2s ease-out; }
    .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
      padding-right: 12px;
      padding-left: 12px;
      padding-top: 8px;
      padding-bottom: 8px;
      min-height: 120px;
      grid-area: 1 / 1 / 2 / 2; }
      @media screen and (min-width: 375px) {
        .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
          padding-right: calc(12px + 12 * (100vw - 375px) / (1065));
          padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
          padding-right: 24px;
          padding-left: 24px; } }
      @media screen and (min-width: 375px) {
        .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
          padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
          padding-top: 16px;
          padding-bottom: 16px; } }
      @media screen and (min-width: 375px) {
        .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
          min-height: calc(120px + 30 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
          min-height: 150px; } }

.js-toggleGrid {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 111111111111;
  background-color: c("black");
  width: 20px;
  height: 20px;
  border-radius: 100%;
  cursor: pointer;
  color: c("white");
  font-family: sans-serif;
  font-size: 10px;
  text-align: center;
  line-height: 18px;
  font-weight: 500;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }

.c-gridOverlay {
  position: fixed !important;
  left: 50%;
  top: 0;
  z-index: 1111111;
  transform: translateX(-50%);
  height: 100vh;
  border-left: 1px dotted rgba(255, 0, 0, 0.2);
  border-right: 1px dotted rgba(255, 0, 0, 0.2);
  pointer-events: none;
  display: none;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .c-gridOverlay {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-gridOverlay {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-gridOverlay {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-gridOverlay {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridOverlay {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-gridOverlay::before, .c-gridOverlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100vh;
    width: 0; }
  .c-gridOverlay::before {
    margin-left: -960px;
    border-left: 1px dotted rgba(255, 0, 0, 0.2); }
  .c-gridOverlay::after {
    margin-left: 960px;
    border-right: 1px dotted rgba(255, 0, 0, 0.2); }
  .c-gridOverlay.is-visible {
    display: block; }
  .c-gridOverlay__row {
    height: 100vh;
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-gridOverlay__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridOverlay__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-gridOverlay__col {
    box-shadow: 1px 0 0 rgba(255, 0, 0, 0.3);
    height: 100vh;
    margin: 0;
    width: calc(1 / 6 * 100%);
    position: relative; }
    @media (min-width: 768px) {
      .c-gridOverlay__col {
        width: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-gridOverlay__col {
        width: calc(1 / 24 * 100%); } }
    .c-gridOverlay__col:first-child {
      box-shadow: 1px 0 0 rgba(255, 0, 0, 0.3), -1px 0 0 rgba(255, 0, 0, 0.3); }
    .c-gridOverlay__col:nth-child(6n) ~ .o-col {
      display: none; }
      @media (min-width: 768px) {
        .c-gridOverlay__col:nth-child(6n) ~ .o-col {
          display: block; } }
    @media (min-width: 768px) {
      .c-gridOverlay__col:nth-child(12n) ~ .o-col {
        display: none; } }
    @media (min-width: 1440px) {
      .c-gridOverlay__col:nth-child(12n) ~ .o-col {
        display: block; } }
    .c-gridOverlay__col::before, .c-gridOverlay__col::after {
      content: '';
      position: absolute;
      height: 100vh;
      width: 8px; }
      @media screen and (min-width: 375px) {
        .c-gridOverlay__col::before, .c-gridOverlay__col::after {
          width: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridOverlay__col::before, .c-gridOverlay__col::after {
          width: 16px; } }
    .c-gridOverlay__col::before {
      left: 0;
      border-right: 1px dotted rgba(255, 0, 0, 0.2); }
    .c-gridOverlay__col::after {
      right: 0;
      border-left: 1px dotted rgba(255, 0, 0, 0.2); }

/*
 |--------------------------------------------------------------------------
 | .e-headline
 |--------------------------------------------------------------------------
 */
.e-headline {
  font-family: "DM Serif Display", serif; }
  .e-headline--center {
    text-align: center; }
  .e-headline--uppercase {
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  .e-headline--sans-serif {
    font-family: "Lato", sans-serif;
    font-weight: bold; }
  .e-headline--primary {
    color: var(--c-primary); }
  .e-headline--white {
    color: var(--c-white); }
  .e-headline--olive {
    color: var(--c-theme-olive); }
  .e-headline--black {
    color: var(--c-text); }
  .e-headline--italic {
    font-style: italic; }
  .e-headline--regular {
    font-weight: normal; }
  .e-headline u {
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    z-index: 0; }
    .e-headline u:before {
      width: calc(100% - 40px - 0px);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      content: '';
      border: 1px solid var(--c-white);
      border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
      border-image-slice: 33.3% 11.1%;
      border-image-repeat: stretch;
      border-image-width: 0% 11.1% 100% 11.1%;
      transform: translate(40px, 30%);
      z-index: -1; }
  .e-headline--12to18 {
    font-size: 12px; }
    @media screen and (min-width: 375px) {
      .e-headline--12to18 {
        font-size: calc(12px + 6 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-headline--12to18 {
        font-size: 18px; } }

/*
 |--------------------------------------------------------------------------
 | .e-image
 |--------------------------------------------------------------------------
 */
.e-image {
  --t-duration: .2s;
  --t-delay: .2s; }
  .e-image img {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .e-image--fullWidth {
    display: block;
    width: 100%; }
    .e-image--fullWidth img {
      width: 100%; }
  .e-image--objectCover {
    display: block;
    height: 100%;
    width: 100%; }
    .e-image--objectCover img {
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%; }
  .e-image--opacity40 img {
    opacity: 0.4; }
  .e-image--opacity40::before {
    opacity: 0.4; }
  .e-image--opacity30 img {
    opacity: 0.3; }
  .e-image--opacity30::before {
    opacity: 0.3; }
  .e-image--opacity20 img {
    opacity: 0.2; }
  .e-image--opacity20::before {
    opacity: 0.2; }
  .e-image--gradientToRight {
    position: relative;
    display: block; }
    .e-image--gradientToRight::before {
      content: '';
      display: block;
      position: absolute;
      background: var(--c-black);
      background: linear-gradient(90deg, var(--c-black) 0%, rgba(0, 0, 0, 0) 75%);
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .e-image--gradientToRight img {
      opacity: 1; }
  .e-image--overlay {
    display: block;
    position: relative; }
    .e-image--overlay:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      background-color: var(--c-black); }
    .e-image--overlay img {
      opacity: 1; }
  .e-image--darken {
    background-color: var(--c-black); }
    .e-image--darken img {
      opacity: .6; }
  @media (min-width: 768px) {
    .e-image--hoverOutline {
      cursor: pointer;
      display: block;
      outline: 2px solid transparent;
      outline-offset: 0px;
      transition: outline-offset var(--t-duration) var(--t-delay) ease-out, outline-color var(--t-duration) var(--t-delay) ease-out; }
      .e-image--hoverOutline:hover {
        outline: 2px solid var(--c-primary);
        outline-offset: 5px;
        transition: outline-offset var(--t-duration) var(--t-delay) ease-out, outline-color var(--t-duration) var(--t-delay) ease-out; } }
  @media (min-width: 768px) {
    .e-image--hoverOpacity60::before {
      transition: opacity var(--t-duration) var(--t-delay) ease-out; }
    .e-image--hoverOpacity60:hover::before {
      opacity: 0.6;
      transition: opacity var(--t-duration) var(--t-delay) ease-out; } }
  @media (min-width: 768px) {
    .e-image--hoverScale {
      overflow: hidden; }
      .e-image--hoverScale img {
        scale: 1;
        transition: transform var(--t-duration) var(--t-delay) ease-out; }
      .e-image--hoverScale:hover img {
        transform: scale(1.1);
        transition: transform var(--t-duration) var(--t-delay) ease-out; } }
  @media (min-width: 768px) {
    .e-image--hoverMaximizeIcon {
      position: relative;
      cursor: pointer; }
      .e-image--hoverMaximizeIcon:after {
        --icon-size: 32px;
        content: ' ';
        position: absolute;
        background-color: rgba(255, 255, 255, 0);
        background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYTA2YjQyM2ItMjk3NC00MmZiLTk0YmQtYjJjY2U3OTJmZTc0IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM0IDM0Ij48ZyBpZD0iYTgzOTAzZTktMmVhYy00MGRjLTlhZjctNjdhNDdkZmE1Njc0IiBkYXRhLW5hbWU9IkdydXBwZSA3MDk0Ij48ZyBpZD0iYmEyNzBjZjgtNzhmNy00NWFmLWJkYmQtMmNjZmZmYjE4NjNkIiBkYXRhLW5hbWU9IkdydXBwZSA3MDkwIj48cGF0aCBpZD0iYmEwZWVlYmMtODkzMi00YWNhLWEzNzUtZDJjNGRiNWNhZWQ0IiBkYXRhLW5hbWU9IlBmYWQgNDcyNDkiIGQ9Ik0xMy4yNSwyLjg0SDIuMzhWMTMuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGlkPSJlYTU1ZDdhNy02ZGQzLTQ4NjAtOGY3ZS1lMDhjNjA3ZWI2NzIiIGRhdGEtbmFtZT0iUGZhZCA0NzI1MCIgZD0iTTIuMzksMi44NCwxMi42MiwxMy4wNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvZz48ZyBpZD0iZmZmNDM5NWQtMjNkYS00NDRlLWIxY2YtZDlhMWRkNTdlOTc0IiBkYXRhLW5hbWU9IkdydXBwZSA3MDkzIj48cGF0aCBpZD0iZmQxOThjZTAtYzFjMC00YTYwLThiZGQtZDZjYmU3NDhkY2VmIiBkYXRhLW5hbWU9IlBmYWQgNDcyNDktMiIgZD0iTTIwLjIzLDIuODRIMzEuMDlWMTMuNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGlkPSJhMjQ3YjMyMy1kNjJiLTRlYjctYjIyOC00M2U5MDA5NmRjYzMiIGRhdGEtbmFtZT0iUGZhZCA0NzI1MC0yIiBkPSJNMzEuMDksMi44NCwyMC44NiwxMy4wNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvZz48ZyBpZD0iYmFmY2RmM2EtNzdjNS00NjM3LTg1MGYtYmRmMmM2YzVjMWU3IiBkYXRhLW5hbWU9IkdydXBwZSA3MDkxIj48cGF0aCBpZD0iZTBlZDA5YzMtNDE1NS00NjA0LTg4ZWEtNTk1YTk0OTM4ZDliIiBkYXRhLW5hbWU9IlBmYWQgNDcyNDktMyIgZD0iTTIuMzgsMjAuNjlWMzEuNTVIMTMuMjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBpZD0iZmY1ODllN2YtYzZmNS00NDEzLThiYWQtMjJhYzM5ZGUyNjQwIiBkYXRhLW5hbWU9IlBmYWQgNDcyNTAtMyIgZD0iTTIuMzgsMzEuNTUsMTIuNjIsMjEuMzIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PGcgaWQ9ImVlY2E1MGIwLTU5OTgtNDM5My1hNjhlLTkyMDA4ZjE3OWRmZCIgZGF0YS1uYW1lPSJHcnVwcGUgNzA5MiI+PHBhdGggaWQ9ImJlMGMxYjdkLTQ5YWYtNDgyMi1iZDg0LTEyZjNkMTYxZGIwNiIgZGF0YS1uYW1lPSJQZmFkIDQ3MjQ5LTQiIGQ9Ik0zMS4xLDIwLjY5VjMxLjU1SDIwLjIzIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggaWQ9ImE4ZWY0ODc5LTE3NWMtNDEzYi05ZmNlLTdhZjcwOGZjZmU1NiIgZGF0YS1uYW1lPSJQZmFkIDQ3MjUwLTQiIGQ9Ik0zMS4xLDMxLjU1LDIwLjg2LDIxLjMyIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9nPjwvZz48L3N2Zz4=);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: var(--icon-size);
        filter: invert(100%);
        opacity: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: opacity var(--t-duration) var(--t-delay) ease-out, background-color var(--t-duration) var(--t-delay) ease-out; }
      .e-image--hoverMaximizeIcon:hover:after {
        background-color: rgba(255, 255, 255, 0.75);
        opacity: 1;
        transition: opacity var(--t-duration) var(--t-delay) ease-out, background-color var(--t-duration) var(--t-delay) ease-out; } }
  .e-image--ornament-olive img {
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYjAxMGVjYTAtMjRhOC00MjEzLWE4ODQtOTU4N2FjMjczYzUwIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJiMDNjODFlMS1iZWIyLTRiOTktYTc5Mi1mMWNlMGJiMDE5ODQiIGRhdGEtbmFtZT0iUGZhZCA0NzU5OCIgZD0iTTQ4My44MSwzMzEuNjdhMTExLjMxLDExMS4zMSwwLDAsMS0xNC4zMywyNS4xM2wtMTIuMTYsMTUuNjQtNC4zMiw1YTg5My45NCw4OTMuOTQsMCwwLDAtNzksMTE0LjkybC0zNS4xOSw2MC44OGMtNi41NCwxMC44Ni0xMi42MiwyMS43Mi0xOS4xLDMyLjEzYTE0Ni4zOSwxNDYuMzksMCwwLDEtMjAuNDEsMzAuMTYsNDMuNDUsNDMuNDUsMCwwLDEtNTkuMDcsNi45NGwtNi45NC01LTE2LjA5LTEzLjg4LTU0LjI5LTQ2LjloMGMtMjUuMTQtMjIuNTctNTEuMjgtNDMuNDMtNzYuNDYtNjkuMDctMTYuMDktMTUuMDgtMzEuNzMtMzAuMTYtNDYuNTEtNDYuMDVBNzEuMjUsNzEuMjUsMCwwLDEsMjMsMzcwLjc4YTc1LjQxLDc1LjQxLDAsMCwwLTUtNTAuMjdsLTkuNTYtMjNhNzIuMDksNzIuMDksMCwwLDEsNy44NS02OS45M2wxOC4yNC0yMywxOC43MS0yMC44NiwxOC43LTIwLjg3YTU4MC43Nyw1ODAuNzcsMCwwLDEsNDMuNDMtNDcuMzUsMzY2LjA3LDM2Ni4wNywwLDAsMCw2NS4zNS03NC4zLDk5LjM4LDk5LjM4LDAsMCwxLDIyLjE3LTI0LjMzLDQwLjgzLDQwLjgzLDAsMCwxLDI3LjgtMTAuMDZoMi42MmE0My40OCw0My40OCwwLDAsMSwyMyw3Ljg0bDE3LjQsMTAuODYsOS4xLDUuNjNBMTMwLjU1LDEzMC41NSwwLDAsMSwzMTgsNjMuMjJsOC4yNCwxMS4zMSwxMS4zMSwxNC4zM2M2Ljk0LDkuNTUsMTUuNjQsMjEuMjYsMjMuODgsMzMuNDNBNDI1LjU4LDQyNS41OCwwLDAsMCw0MTMuMDgsMTg0YTcwNC40NSw3MDQuNDUsMCwwLDEsNTMuNDQsNjUuMzVsMTMsMjAuNDFhNzEuNjcsNzEuNjcsMCwwLDEsMi42MSw2Mi41NCIgZmlsbD0iIzlhOTEzMiIvPjwvc3ZnPg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYjAxMGVjYTAtMjRhOC00MjEzLWE4ODQtOTU4N2FjMjczYzUwIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJiMDNjODFlMS1iZWIyLTRiOTktYTc5Mi1mMWNlMGJiMDE5ODQiIGRhdGEtbmFtZT0iUGZhZCA0NzU5OCIgZD0iTTQ4My44MSwzMzEuNjdhMTExLjMxLDExMS4zMSwwLDAsMS0xNC4zMywyNS4xM2wtMTIuMTYsMTUuNjQtNC4zMiw1YTg5My45NCw4OTMuOTQsMCwwLDAtNzksMTE0LjkybC0zNS4xOSw2MC44OGMtNi41NCwxMC44Ni0xMi42MiwyMS43Mi0xOS4xLDMyLjEzYTE0Ni4zOSwxNDYuMzksMCwwLDEtMjAuNDEsMzAuMTYsNDMuNDUsNDMuNDUsMCwwLDEtNTkuMDcsNi45NGwtNi45NC01LTE2LjA5LTEzLjg4LTU0LjI5LTQ2LjloMGMtMjUuMTQtMjIuNTctNTEuMjgtNDMuNDMtNzYuNDYtNjkuMDctMTYuMDktMTUuMDgtMzEuNzMtMzAuMTYtNDYuNTEtNDYuMDVBNzEuMjUsNzEuMjUsMCwwLDEsMjMsMzcwLjc4YTc1LjQxLDc1LjQxLDAsMCwwLTUtNTAuMjdsLTkuNTYtMjNhNzIuMDksNzIuMDksMCwwLDEsNy44NS02OS45M2wxOC4yNC0yMywxOC43MS0yMC44NiwxOC43LTIwLjg3YTU4MC43Nyw1ODAuNzcsMCwwLDEsNDMuNDMtNDcuMzUsMzY2LjA3LDM2Ni4wNywwLDAsMCw2NS4zNS03NC4zLDk5LjM4LDk5LjM4LDAsMCwxLDIyLjE3LTI0LjMzLDQwLjgzLDQwLjgzLDAsMCwxLDI3LjgtMTAuMDZoMi42MmE0My40OCw0My40OCwwLDAsMSwyMyw3Ljg0bDE3LjQsMTAuODYsOS4xLDUuNjNBMTMwLjU1LDEzMC41NSwwLDAsMSwzMTgsNjMuMjJsOC4yNCwxMS4zMSwxMS4zMSwxNC4zM2M2Ljk0LDkuNTUsMTUuNjQsMjEuMjYsMjMuODgsMzMuNDNBNDI1LjU4LDQyNS41OCwwLDAsMCw0MTMuMDgsMTg0YTcwNC40NSw3MDQuNDUsMCwwLDEsNTMuNDQsNjUuMzVsMTMsMjAuNDFhNzEuNjcsNzEuNjcsMCwwLDEsMi42MSw2Mi41NCIgZmlsbD0iIzlhOTEzMiIvPjwvc3ZnPg==); }
  .e-image--ornament-amber img {
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iZTMzNTIyNmMtMjI2ZS00OTQ3LThkYzgtOTY4ZmI2YmRiZWMwIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJmY2MxZGU1Ni0wMjUzLTQ5NmUtYTgwNC01NWM4NDRkMTM3ZTMiIGRhdGEtbmFtZT0iUGZhZCA0NzU5OSIgZD0iTTI3Mi42OSwyNC40aDBsNS42LDIuMTUsMTIuNTcsNWE3Mi42NSw3Mi42NSwwLDAsMSwyNS41MywyMS42M2wzNS4wNSw0My4yNSwxMywxNi44OGM2LjUxLDkuMDYsMTMuNDIsMTcuNzIsMjAuNzgsMjYuMzhzMjIuOTMsMjguNTQsMzQuNiw0My4yNmwzMi44OSwzOS44YzcuMzYsOS4wNiwxNC4yNywxOC42MiwyMS4xOCwyOC41M2E3NS43NCw3NS43NCwwLDAsMSwxMyw0My4yNiw3OC4zNiw3OC4zNiwwLDAsMSwwLDE3LjMyLDEyMS4wOSwxMjEuMDksMCwwLDAtMi42LDIzLjc4LDEwNi41MywxMDYuNTMsMCwwLDAsMCwxMi4xMiwxMDUuNzMsMTA1LjczLDAsMCwxLDAsMTEuMjYsNzAuNDksNzAuNDksMCwwLDEtMTUsNDMuMjYsMzI1LjksMzI1LjksMCwwLDEtMjIuMDgsMjVsLTk2LDkyLjEyTDMzNC42Nyw1MzVjLTEyLjU3LDExLjI3LTI1LDIyLjkzLTM3LjIsMzUuOWE5OC44Myw5OC44MywwLDAsMS0zMS41OSwyMy4zOGwtMTksNS0xOC42Mi01LTE3LjMyLTE2LjQyYy01LTYuNTEtMTAuMzctMTQuMjctMTYtMjIuOTNhMjUxLjkxLDI1MS45MSwwLDAsMC0zMi40NC00My4yNmMtMjIuMDgtMjIuMDgtNDMuMjUtNDMuMjUtNjkuMTktNjdsLTE5LTE3LjcyYTU0MC41Niw1NDAuNTYsMCwwLDAtNDAuNjUtMzYuMzQsOTEuMzYsOTEuMzYsMCwwLDEtMjQuMjQtMzMuMyw2NS42NCw2NS42NCwwLDAsMS02LTI4LjEzLDY0LjMxLDY0LjMxLDAsMCwxLDUuNi0yNi4zOWwxMC0xOSw0LjMtNy4zNmMxNC43Mi0yNC42MywzMC01MC42Miw0My4yNi03NS43bDY1LjA4LTEwMC4xMywxOC42My0zMGE5OS4wNSw5OS4wNSwwLDAsMSwyMC0yNC4yM0EzMy43NCwzMy43NCwwLDAsMSwyMDcsMzcuNjJoNy4zNmEzMCwzMCwwLDAsMCwxMC4zNiwwQTMyLjUxLDMyLjUxLDAsMCwwLDI0MS41NSwzMmwxMi41Ni03LjgxLDE4LjYzLTYuNTFaIiBmaWxsPSIjYTk3NDQ1Ii8+PC9zdmc+);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iZTMzNTIyNmMtMjI2ZS00OTQ3LThkYzgtOTY4ZmI2YmRiZWMwIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJmY2MxZGU1Ni0wMjUzLTQ5NmUtYTgwNC01NWM4NDRkMTM3ZTMiIGRhdGEtbmFtZT0iUGZhZCA0NzU5OSIgZD0iTTI3Mi42OSwyNC40aDBsNS42LDIuMTUsMTIuNTcsNWE3Mi42NSw3Mi42NSwwLDAsMSwyNS41MywyMS42M2wzNS4wNSw0My4yNSwxMywxNi44OGM2LjUxLDkuMDYsMTMuNDIsMTcuNzIsMjAuNzgsMjYuMzhzMjIuOTMsMjguNTQsMzQuNiw0My4yNmwzMi44OSwzOS44YzcuMzYsOS4wNiwxNC4yNywxOC42MiwyMS4xOCwyOC41M2E3NS43NCw3NS43NCwwLDAsMSwxMyw0My4yNiw3OC4zNiw3OC4zNiwwLDAsMSwwLDE3LjMyLDEyMS4wOSwxMjEuMDksMCwwLDAtMi42LDIzLjc4LDEwNi41MywxMDYuNTMsMCwwLDAsMCwxMi4xMiwxMDUuNzMsMTA1LjczLDAsMCwxLDAsMTEuMjYsNzAuNDksNzAuNDksMCwwLDEtMTUsNDMuMjYsMzI1LjksMzI1LjksMCwwLDEtMjIuMDgsMjVsLTk2LDkyLjEyTDMzNC42Nyw1MzVjLTEyLjU3LDExLjI3LTI1LDIyLjkzLTM3LjIsMzUuOWE5OC44Myw5OC44MywwLDAsMS0zMS41OSwyMy4zOGwtMTksNS0xOC42Mi01LTE3LjMyLTE2LjQyYy01LTYuNTEtMTAuMzctMTQuMjctMTYtMjIuOTNhMjUxLjkxLDI1MS45MSwwLDAsMC0zMi40NC00My4yNmMtMjIuMDgtMjIuMDgtNDMuMjUtNDMuMjUtNjkuMTktNjdsLTE5LTE3LjcyYTU0MC41Niw1NDAuNTYsMCwwLDAtNDAuNjUtMzYuMzQsOTEuMzYsOTEuMzYsMCwwLDEtMjQuMjQtMzMuMyw2NS42NCw2NS42NCwwLDAsMS02LTI4LjEzLDY0LjMxLDY0LjMxLDAsMCwxLDUuNi0yNi4zOWwxMC0xOSw0LjMtNy4zNmMxNC43Mi0yNC42MywzMC01MC42Miw0My4yNi03NS43bDY1LjA4LTEwMC4xMywxOC42My0zMGE5OS4wNSw5OS4wNSwwLDAsMSwyMC0yNC4yM0EzMy43NCwzMy43NCwwLDAsMSwyMDcsMzcuNjJoNy4zNmEzMCwzMCwwLDAsMCwxMC4zNiwwQTMyLjUxLDMyLjUxLDAsMCwwLDI0MS41NSwzMmwxMi41Ni03LjgxLDE4LjYzLTYuNTFaIiBmaWxsPSIjYTk3NDQ1Ii8+PC9zdmc+); }
  .e-image--ornament-red img {
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYTcwYWI4NjAtYWE3Ny00Y2RjLTg0ZDktOTU0YmE2MzA3MGNhIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJiODg3ODA4OS1lNTBiLTQwYzAtODRjYy0wZjNmYzU4NGM4ODkiIGRhdGEtbmFtZT0iUGZhZCA0NzU5NyIgZD0iTTUuNzYsMzAxLjIxQTEzMC4xNSwxMzAuMTUsMCwwLDEsMjAuNTYsMjc2bDEyLjE5LTE1LjY3LDMuOTMtNWE4NTksODU5LDAsMCwwLDc5LjYzLTExNC44OUMxMjcuNjQsMTIwLDEzOS44Myw5OS41NSwxNTEuNTYsNzkuNUwxNzAuMyw0Ny4zMkExNjEuMTQsMTYxLjE0LDAsMCwxLDE5MS4yLDE3LjFhNDMuNTEsNDMuNTEsMCwwLDEsNTkuMTgtN2w2Ljk1LDVMMjczLDI5LjA5bDUzLjUzLDQ3aDBjMjUuMTksMjIuNjEsNTEuMzgsNDUuNjgsNzYuNjEsNjkuMiwxNi4xMiwxNS4xMSwzMS43OCwzMC4yMiw0Ni41OSw0Ni4xM2E3Mi4yMyw3Mi4yMywwLDAsMSwxNyw3MC45Miw3NS41NSw3NS41NSwwLDAsMCw1LDUwLjM2bDkuNTcsMjMuMDdhNzMuNTUsNzMuNTUsMCwwLDEtNi45NSw2Ny44OWwtMTguMjgsMjMuMDctMTguNzQsMjAuOUw0MTguNiw0NjguOTNhNTgyLjc5LDU4Mi43OSwwLDAsMS00Ni4xMyw0N0EzODAuNTIsMzgwLjUyLDAsMCwwLDMwNyw1ODkuNDVhOTcuNzEsOTcuNzEsMCwwLDEtMjEuNzYsMjQuMzgsNDMuNTEsNDMuNTEsMCwwLDEtMjguMywxMC4wN2gtMi40N2E0Ny40NSw0Ny40NSwwLDAsMS0yMy41Mi03Ljg1bC0xNi43Ny0xMC4yMy05LjU3LTYuMDlhMTM0LDEzNCwwLDAsMS0zNC44LTMyLjE5bC04LjcyLTExLjMzTDE1MC4yLDU0MS44NmMtNi45NS05LjU3LTE2LjExLTIxLjMxLTIzLjkyLTMzLjVBNDI2LjEzLDQyNi4xMywwLDAsMCw3Ni42Nyw0NDdhNjQzLjgzLDY0My44MywwLDAsMS01NC44NS02NGwtMTMtMjAuNDRhNzEuODEsNzEuODEsMCwwLDEtMy02Mi42NiIgZmlsbD0iI2IwMWMxYSIvPjwvc3ZnPg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYTcwYWI4NjAtYWE3Ny00Y2RjLTg0ZDktOTU0YmE2MzA3MGNhIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJiODg3ODA4OS1lNTBiLTQwYzAtODRjYy0wZjNmYzU4NGM4ODkiIGRhdGEtbmFtZT0iUGZhZCA0NzU5NyIgZD0iTTUuNzYsMzAxLjIxQTEzMC4xNSwxMzAuMTUsMCwwLDEsMjAuNTYsMjc2bDEyLjE5LTE1LjY3LDMuOTMtNWE4NTksODU5LDAsMCwwLDc5LjYzLTExNC44OUMxMjcuNjQsMTIwLDEzOS44Myw5OS41NSwxNTEuNTYsNzkuNUwxNzAuMyw0Ny4zMkExNjEuMTQsMTYxLjE0LDAsMCwxLDE5MS4yLDE3LjFhNDMuNTEsNDMuNTEsMCwwLDEsNTkuMTgtN2w2Ljk1LDVMMjczLDI5LjA5bDUzLjUzLDQ3aDBjMjUuMTksMjIuNjEsNTEuMzgsNDUuNjgsNzYuNjEsNjkuMiwxNi4xMiwxNS4xMSwzMS43OCwzMC4yMiw0Ni41OSw0Ni4xM2E3Mi4yMyw3Mi4yMywwLDAsMSwxNyw3MC45Miw3NS41NSw3NS41NSwwLDAsMCw1LDUwLjM2bDkuNTcsMjMuMDdhNzMuNTUsNzMuNTUsMCwwLDEtNi45NSw2Ny44OWwtMTguMjgsMjMuMDctMTguNzQsMjAuOUw0MTguNiw0NjguOTNhNTgyLjc5LDU4Mi43OSwwLDAsMS00Ni4xMyw0N0EzODAuNTIsMzgwLjUyLDAsMCwwLDMwNyw1ODkuNDVhOTcuNzEsOTcuNzEsMCwwLDEtMjEuNzYsMjQuMzgsNDMuNTEsNDMuNTEsMCwwLDEtMjguMywxMC4wN2gtMi40N2E0Ny40NSw0Ny40NSwwLDAsMS0yMy41Mi03Ljg1bC0xNi43Ny0xMC4yMy05LjU3LTYuMDlhMTM0LDEzNCwwLDAsMS0zNC44LTMyLjE5bC04LjcyLTExLjMzTDE1MC4yLDU0MS44NmMtNi45NS05LjU3LTE2LjExLTIxLjMxLTIzLjkyLTMzLjVBNDI2LjEzLDQyNi4xMywwLDAsMCw3Ni42Nyw0NDdhNjQzLjgzLDY0My44MywwLDAsMS01NC44NS02NGwtMTMtMjAuNDRhNzEuODEsNzEuODEsMCwwLDEtMy02Mi42NiIgZmlsbD0iI2IwMWMxYSIvPjwvc3ZnPg==); }
  .e-image--ornament-lime img {
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYTdkMjI0ZjQtYmIwYi00YWZiLThiZDMtZmU4NjRlMTRlOGQyIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJhODQ5ZjNkOS1mM2Q0LTQyZjUtOTU5YS1jZWM4N2I0OTAyZDUiIGRhdGEtbmFtZT0iUGZhZCA0NzU5NiIgZD0iTTI4My43OCw0My4zMmEzNC41OCwzNC41OCwwLDAsMSwxOS4zNiw2LjJsMTUuNjUsMTMuNiw5LjU0LDEyLDIuNDgsNC4xLDkuNTQsMTMuMjJjNS43Nyw5LjA2LDEyLDE3Ljc0LDE4LjU2LDI2LjM4bDQ5Ljg1LDYyYzcsOS4wNiwxNC4zMSwxOC4xMiwyMS44NCwyNi44MWw5Ljg4LDEyLjc4YzkuNTQsMTEuNTQsMTkuMzcsMjMuNTIsMjguNjIsMzUuODdsMTMuNTksMjIuNjZBNTkuMzQsNTkuMzQsMCwwLDEsNDg4LDMwMy42Myw1Ni40OSw1Ni40OSwwLDAsMSw0ODIuNjksMzI4bC0xMS4xMSwyMC42LTE3LjMyLDIzLjUyLTIuODYsMy43MkEzOTQuNjUsMzk0LjY1LDAsMCwwLDQxOC44Miw0MjRsLTM0LjIsNjMuNDloMGMtNS43NywxMS41NC0xMiwyMi42Ni0xOC4xMywzMy44MmwtMzUuNDQsNjUuOTItMTQuODMsMjFhNDEuMjQsNDEuMjQsMCwwLDEtMzEuMzQsMTQuODRIMjgybC0xMi0zLjcyLTE2LjUtMTEuMTJhNDIwLjQxLDQyMC40MSwwLDAsMC01Mi43Ni0zNi42OCwxMjcuNDEsMTI3LjQxLDAsMCwxLTMxLjM0LTI1LjU3LDQ5MC4xMyw0OTAuMTMsMCwwLDAtNjUuOTMtNjAuNThMODEuMjQsNDY2LjkxbC0yLjQ4LTIuMDVMNjgsNDU0LjEzYTYzLDYzLDAsMCwxLTE1LjY0LTMwLjkxVjQxMi45MWE3My40NSw3My40NSwwLDAsMC0xMy42LTMxLjM0bC01LjY4LTcuNzItOC42My0xMS4xMnYtMi40OGwtMTEuMTEtMTYuNWE2My41Myw2My41MywwLDAsMS05Ljg4LTMyLjU4LDY1LjQ1LDY1LjQ1LDAsMCwxLDguNjQtMzEuMzQsMjAwLjA5LDIwMC4wOSwwLDAsMSwxNi4wNy0yMy41MkwxNDAuNzIsMTE0LjkyYzEwLjMtMTMuMTYsMjEtMjUuNTcsMzEuNzItMzcuNDlsMTQtMTMuNkEzNi4yMiwzNi4yMiwwLDAsMSwyMTAuNzksNTRhMzQuNjQsMzQuNjQsMCwwLDEsOS41NCwwbDExLjEyLDIuOTFhMjcuNzQsMjcuNzQsMCwwLDAsOS44NywwLDM3LjE5LDM3LjE5LDAsMCwwLDE3Ljc1LTQuNzdoMy4yOWwxMy41OS03YTM0Ljc3LDM0Ljc3LDAsMCwxLDE0LTMuMyIgZmlsbD0iI2MxY2MwMCIvPjwvc3ZnPg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYTdkMjI0ZjQtYmIwYi00YWZiLThiZDMtZmU4NjRlMTRlOGQyIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJhODQ5ZjNkOS1mM2Q0LTQyZjUtOTU5YS1jZWM4N2I0OTAyZDUiIGRhdGEtbmFtZT0iUGZhZCA0NzU5NiIgZD0iTTI4My43OCw0My4zMmEzNC41OCwzNC41OCwwLDAsMSwxOS4zNiw2LjJsMTUuNjUsMTMuNiw5LjU0LDEyLDIuNDgsNC4xLDkuNTQsMTMuMjJjNS43Nyw5LjA2LDEyLDE3Ljc0LDE4LjU2LDI2LjM4bDQ5Ljg1LDYyYzcsOS4wNiwxNC4zMSwxOC4xMiwyMS44NCwyNi44MWw5Ljg4LDEyLjc4YzkuNTQsMTEuNTQsMTkuMzcsMjMuNTIsMjguNjIsMzUuODdsMTMuNTksMjIuNjZBNTkuMzQsNTkuMzQsMCwwLDEsNDg4LDMwMy42Myw1Ni40OSw1Ni40OSwwLDAsMSw0ODIuNjksMzI4bC0xMS4xMSwyMC42LTE3LjMyLDIzLjUyLTIuODYsMy43MkEzOTQuNjUsMzk0LjY1LDAsMCwwLDQxOC44Miw0MjRsLTM0LjIsNjMuNDloMGMtNS43NywxMS41NC0xMiwyMi42Ni0xOC4xMywzMy44MmwtMzUuNDQsNjUuOTItMTQuODMsMjFhNDEuMjQsNDEuMjQsMCwwLDEtMzEuMzQsMTQuODRIMjgybC0xMi0zLjcyLTE2LjUtMTEuMTJhNDIwLjQxLDQyMC40MSwwLDAsMC01Mi43Ni0zNi42OCwxMjcuNDEsMTI3LjQxLDAsMCwxLTMxLjM0LTI1LjU3LDQ5MC4xMyw0OTAuMTMsMCwwLDAtNjUuOTMtNjAuNThMODEuMjQsNDY2LjkxbC0yLjQ4LTIuMDVMNjgsNDU0LjEzYTYzLDYzLDAsMCwxLTE1LjY0LTMwLjkxVjQxMi45MWE3My40NSw3My40NSwwLDAsMC0xMy42LTMxLjM0bC01LjY4LTcuNzItOC42My0xMS4xMnYtMi40OGwtMTEuMTEtMTYuNWE2My41Myw2My41MywwLDAsMS05Ljg4LTMyLjU4LDY1LjQ1LDY1LjQ1LDAsMCwxLDguNjQtMzEuMzQsMjAwLjA5LDIwMC4wOSwwLDAsMSwxNi4wNy0yMy41MkwxNDAuNzIsMTE0LjkyYzEwLjMtMTMuMTYsMjEtMjUuNTcsMzEuNzItMzcuNDlsMTQtMTMuNkEzNi4yMiwzNi4yMiwwLDAsMSwyMTAuNzksNTRhMzQuNjQsMzQuNjQsMCwwLDEsOS41NCwwbDExLjEyLDIuOTFhMjcuNzQsMjcuNzQsMCwwLDAsOS44NywwLDM3LjE5LDM3LjE5LDAsMCwwLDE3Ljc1LTQuNzdoMy4yOWwxMy41OS03YTM0Ljc3LDM0Ljc3LDAsMCwxLDE0LTMuMyIgZmlsbD0iI2MxY2MwMCIvPjwvc3ZnPg==); }
  .e-image--ornament-blue img {
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iZmIyZDQ5YjQtY2YyMS00Y2I5LTgxYTctYTI2OTNjNWI1ODE3IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJmZWQzNzFiMi1iY2I3LTQ1ZDctYjQwZC0wMTZiOWViMmJiMmIiIGRhdGEtbmFtZT0iUGZhZCA0NzYwMCIgZD0iTTI2OS41NiwxMS43YTQxLjA2LDQxLjA2LDAsMCwxLDMwLjM3LDE2QTExNS4yNywxMTUuMjcsMCwwLDEsMzE1LjUxLDQ5LjlhNjUzLjg0LDY1My44NCwwLDAsMCw1NS40MSw3OS4yNkw0NDQuODEsMjIybDIxLjMzLDI1Ljg1LDksMTIuNzRhNzUuNTUsNzUuNTUsMCwwLDEsOC4yMiw2OS4zOCwyMDUsMjA1LDAsMCwxLTEzLjU0LDMxLjIxYy03Ljc5LDEzLjU1LTE2LDI2LjI4LTI0LjYxLDQxLjA2TDM1NC40OCw1MzguNTMsMzQ1LDU1Mi43OGwtMTMuNTQsMTkuMy0xNy4yNSwxNy42N0wyOTIsNTk4bC0yMC41My03LTEzLjE2LTkuODRhNDEsNDEsMCwwLDAtMjYuNzEtMTEuOTJoLTdhNDcuNzcsNDcuNzcsMCwwLDEtMTAuNjksMCw1Mi4zLDUyLjMsMCwwLDEtNDEuMDYtMjIuNThsLTMuNy00LjA4LTctOC4yMkMxMTcuNDEsNDc4LjUxLDcyLjI3LDQyMi42OCwyNy41LDM2Ni40MkwxNiwzNTAuNDEsNywzMzMuMTZhNjQsNjQsMCwwLDEtNC4wOS0yMi41Nyw2MCw2MCwwLDAsMSw2LjE4LTI2LjI4bDcuNDEtMTMuMTJhODYuNTQsODYuNTQsMCwwLDAsMTYuNDQtNDYsNjUuNzEsNjUuNzEsMCwwLDEsMTguNDktNDEuMDZsMTIuNzMtMTIuMzEsMjAuNTMtMTcuNjdMMTE1LDEyNy44OGw2MS4xNi01NWE0OTUsNDk1LDAsMCwxLDUzLTQxbDE3LjY4LTEzLjEyaDBhMzgsMzgsMCwwLDEsMjAuNTMtNi41NSIgZmlsbD0iIzAwNTlhMyIvPjwvc3ZnPg==);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iZmIyZDQ5YjQtY2YyMS00Y2I5LTgxYTctYTI2OTNjNWI1ODE3IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ5MC42MSA2MzIuMDUiPjxwYXRoIGlkPSJmZWQzNzFiMi1iY2I3LTQ1ZDctYjQwZC0wMTZiOWViMmJiMmIiIGRhdGEtbmFtZT0iUGZhZCA0NzYwMCIgZD0iTTI2OS41NiwxMS43YTQxLjA2LDQxLjA2LDAsMCwxLDMwLjM3LDE2QTExNS4yNywxMTUuMjcsMCwwLDEsMzE1LjUxLDQ5LjlhNjUzLjg0LDY1My44NCwwLDAsMCw1NS40MSw3OS4yNkw0NDQuODEsMjIybDIxLjMzLDI1Ljg1LDksMTIuNzRhNzUuNTUsNzUuNTUsMCwwLDEsOC4yMiw2OS4zOCwyMDUsMjA1LDAsMCwxLTEzLjU0LDMxLjIxYy03Ljc5LDEzLjU1LTE2LDI2LjI4LTI0LjYxLDQxLjA2TDM1NC40OCw1MzguNTMsMzQ1LDU1Mi43OGwtMTMuNTQsMTkuMy0xNy4yNSwxNy42N0wyOTIsNTk4bC0yMC41My03LTEzLjE2LTkuODRhNDEsNDEsMCwwLDAtMjYuNzEtMTEuOTJoLTdhNDcuNzcsNDcuNzcsMCwwLDEtMTAuNjksMCw1Mi4zLDUyLjMsMCwwLDEtNDEuMDYtMjIuNThsLTMuNy00LjA4LTctOC4yMkMxMTcuNDEsNDc4LjUxLDcyLjI3LDQyMi42OCwyNy41LDM2Ni40MkwxNiwzNTAuNDEsNywzMzMuMTZhNjQsNjQsMCwwLDEtNC4wOS0yMi41Nyw2MCw2MCwwLDAsMSw2LjE4LTI2LjI4bDcuNDEtMTMuMTJhODYuNTQsODYuNTQsMCwwLDAsMTYuNDQtNDYsNjUuNzEsNjUuNzEsMCwwLDEsMTguNDktNDEuMDZsMTIuNzMtMTIuMzEsMjAuNTMtMTcuNjdMMTE1LDEyNy44OGw2MS4xNi01NWE0OTUsNDk1LDAsMCwxLDUzLTQxbDE3LjY4LTEzLjEyaDBhMzgsMzgsMCwwLDEsMjAuNTMtNi41NSIgZmlsbD0iIzAwNTlhMyIvPjwvc3ZnPg==); }

/*
 |--------------------------------------------------------------------------
 | .e-link
 |--------------------------------------------------------------------------
 */
.e-link {
  display: inline-block; }
  .e-link--link {
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.86957rem;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: color 0.2s ease-out;
    color: var(--c-black); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-link--link {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-link--link {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .e-link--link {
        padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
        padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-link--link {
        padding-top: 8px;
        padding-bottom: 8px; } }
    .e-link--link:after {
      position: absolute;
      height: 2px;
      width: 100%;
      content: '';
      bottom: 0;
      left: 0;
      transform-origin: center;
      transition: transform .2s ease-out, background-color .2s ease-out; }
    .e-link--link:hover, .e-link--link:focus {
      transition: color 0.2s ease-out; }
      .e-link--link:hover:after, .e-link--link:focus:after {
        transform: scaleX(0.5);
        transition: transform .2s ease-out, background-color .2s ease-out; }
    .e-link--link:after {
      background-color: var(--c-black); }
    .e-link--link:hover, .e-link--link:focus {
      color: var(--c-primary); }
      .e-link--link:hover:after, .e-link--link:focus:after {
        background-color: var(--c-primary); }
    .e-link--link.e-link--white {
      text-decoration: none;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 0.86957rem;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      padding-top: 4px;
      padding-bottom: 4px;
      transition: color 0.2s ease-out;
      color: var(--c-white); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-link--link.e-link--white {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-link--link.e-link--white {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-link--link.e-link--white {
          padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-link--link.e-link--white {
          padding-top: 8px;
          padding-bottom: 8px; } }
      .e-link--link.e-link--white:after {
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        bottom: 0;
        left: 0;
        transform-origin: center;
        transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--white:hover, .e-link--link.e-link--white:focus {
        transition: color 0.2s ease-out; }
        .e-link--link.e-link--white:hover:after, .e-link--link.e-link--white:focus:after {
          transform: scaleX(0.5);
          transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--white:after {
        background-color: var(--c-white); }
      .e-link--link.e-link--white:hover, .e-link--link.e-link--white:focus {
        color: var(--c-primary); }
        .e-link--link.e-link--white:hover:after, .e-link--link.e-link--white:focus:after {
          background-color: var(--c-primary); }
    .e-link--link.e-link--grey {
      text-decoration: none;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 0.86957rem;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      padding-top: 4px;
      padding-bottom: 4px;
      transition: color 0.2s ease-out;
      color: var(--c-grey-dark); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-link--link.e-link--grey {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-link--link.e-link--grey {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-link--link.e-link--grey {
          padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-link--link.e-link--grey {
          padding-top: 8px;
          padding-bottom: 8px; } }
      .e-link--link.e-link--grey:after {
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        bottom: 0;
        left: 0;
        transform-origin: center;
        transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--grey:hover, .e-link--link.e-link--grey:focus {
        transition: color 0.2s ease-out; }
        .e-link--link.e-link--grey:hover:after, .e-link--link.e-link--grey:focus:after {
          transform: scaleX(0.5);
          transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--grey:after {
        background-color: var(--c-grey-dark); }
      .e-link--link.e-link--grey:hover, .e-link--link.e-link--grey:focus {
        color: var(--c-black); }
        .e-link--link.e-link--grey:hover:after, .e-link--link.e-link--grey:focus:after {
          background-color: var(--c-black); }
    .e-link--link.e-link--primary {
      text-decoration: none;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 0.86957rem;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      padding-top: 4px;
      padding-bottom: 4px;
      transition: color 0.2s ease-out;
      color: var(--c-primary); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-link--link.e-link--primary {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-link--link.e-link--primary {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-link--link.e-link--primary {
          padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-link--link.e-link--primary {
          padding-top: 8px;
          padding-bottom: 8px; } }
      .e-link--link.e-link--primary:after {
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        bottom: 0;
        left: 0;
        transform-origin: center;
        transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--primary:hover, .e-link--link.e-link--primary:focus {
        transition: color 0.2s ease-out; }
        .e-link--link.e-link--primary:hover:after, .e-link--link.e-link--primary:focus:after {
          transform: scaleX(0.5);
          transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--primary:after {
        background-color: var(--c-primary); }
      .e-link--link.e-link--primary:hover, .e-link--link.e-link--primary:focus {
        color: var(--c-grey-dark); }
        .e-link--link.e-link--primary:hover:after, .e-link--link.e-link--primary:focus:after {
          background-color: var(--c-grey-dark); }
    .e-link--link.e-link--primary-a11y {
      text-decoration: none;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 0.86957rem;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      padding-top: 4px;
      padding-bottom: 4px;
      transition: color 0.2s ease-out;
      color: var(--c-primary-a11y); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-link--link.e-link--primary-a11y {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-link--link.e-link--primary-a11y {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-link--link.e-link--primary-a11y {
          padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-link--link.e-link--primary-a11y {
          padding-top: 8px;
          padding-bottom: 8px; } }
      .e-link--link.e-link--primary-a11y:after {
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        bottom: 0;
        left: 0;
        transform-origin: center;
        transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--primary-a11y:hover, .e-link--link.e-link--primary-a11y:focus {
        transition: color 0.2s ease-out; }
        .e-link--link.e-link--primary-a11y:hover:after, .e-link--link.e-link--primary-a11y:focus:after {
          transform: scaleX(0.5);
          transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--primary-a11y:after {
        background-color: var(--c-primary-a11y); }
      .e-link--link.e-link--primary-a11y:hover, .e-link--link.e-link--primary-a11y:focus {
        color: var(--c-grey-dark); }
        .e-link--link.e-link--primary-a11y:hover:after, .e-link--link.e-link--primary-a11y:focus:after {
          background-color: var(--c-grey-dark); }
    .e-link--link.e-link--blackPrimary {
      text-decoration: none;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 0.86957rem;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      padding-top: 4px;
      padding-bottom: 4px;
      transition: color 0.2s ease-out;
      color: var(--c-black); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-link--link.e-link--blackPrimary {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-link--link.e-link--blackPrimary {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-link--link.e-link--blackPrimary {
          padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-link--link.e-link--blackPrimary {
          padding-top: 8px;
          padding-bottom: 8px; } }
      .e-link--link.e-link--blackPrimary:after {
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        bottom: 0;
        left: 0;
        transform-origin: center;
        transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--blackPrimary:hover, .e-link--link.e-link--blackPrimary:focus {
        transition: color 0.2s ease-out; }
        .e-link--link.e-link--blackPrimary:hover:after, .e-link--link.e-link--blackPrimary:focus:after {
          transform: scaleX(0.5);
          transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--blackPrimary:after {
        background-color: var(--c-black);
        height: 1px;
        transition: height .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--blackPrimary:hover:after, .e-link--link.e-link--blackPrimary:focus:after {
        background-color: var(--c-primary);
        transform: none;
        height: 4px; }
    .e-link--link.e-link--blackSecondary {
      text-decoration: none;
      position: relative;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 0.86957rem;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      padding-top: 4px;
      padding-bottom: 4px;
      transition: color 0.2s ease-out;
      color: var(--c-black); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .e-link--link.e-link--blackSecondary {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .e-link--link.e-link--blackSecondary {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .e-link--link.e-link--blackSecondary {
          padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .e-link--link.e-link--blackSecondary {
          padding-top: 8px;
          padding-bottom: 8px; } }
      .e-link--link.e-link--blackSecondary:after {
        position: absolute;
        height: 2px;
        width: 100%;
        content: '';
        bottom: 0;
        left: 0;
        transform-origin: center;
        transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--blackSecondary:hover, .e-link--link.e-link--blackSecondary:focus {
        transition: color 0.2s ease-out; }
        .e-link--link.e-link--blackSecondary:hover:after, .e-link--link.e-link--blackSecondary:focus:after {
          transform: scaleX(0.5);
          transition: transform .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--blackSecondary:after {
        background-color: var(--c-black);
        height: 1px;
        transition: height .2s ease-out, background-color .2s ease-out; }
      .e-link--link.e-link--blackSecondary:hover:after, .e-link--link.e-link--blackSecondary:focus:after {
        background-color: var(--c-secondary);
        transform: none;
        height: 4px; }
  .e-link--button.e-link--primary {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: transparent;
    text-align: center;
    flex-wrap: wrap;
    display: inline-flex;
    position: relative;
    justify-content: center;
    --button-border-offset: 4px;
    --button-border-width: 2px;
    transition: background-color .3s ease-out, color .3s ease-out;
    background-color: var(--c-black);
    color: var(--c-primary); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-link--button.e-link--primary {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-link--button.e-link--primary {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--primary {
        padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
        padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-link--button.e-link--primary {
        padding-bottom: 15px;
        padding-top: 15px; } }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--primary {
        padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
        padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-link--button.e-link--primary {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--primary {
        --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-link--button.e-link--primary {
        --button-border-offset: 6px; } }
    .e-link--button.e-link--primary:before {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      border-width: var(--button-border-width);
      border-style: solid;
      border-color: transparent;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: width .3s ease-out, height .3s ease-out; }
    .e-link--button.e-link--primary:before {
      border-color: var(--c-black); }
    .e-link--button.e-link--primary:hover:before, .e-link--button.e-link--primary:focus:before {
      width: calc(100% + (var(--button-border-offset) * 2));
      height: calc(100% + (var(--button-border-offset) * 2)); }
  .e-link--button.e-link--secondary {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: transparent;
    text-align: center;
    flex-wrap: wrap;
    display: inline-flex;
    position: relative;
    justify-content: center;
    --button-border-offset: 4px;
    --button-border-width: 2px;
    transition: background-color .3s ease-out, color .3s ease-out;
    color: var(--c-black); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-link--button.e-link--secondary {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-link--button.e-link--secondary {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--secondary {
        padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
        padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-link--button.e-link--secondary {
        padding-bottom: 15px;
        padding-top: 15px; } }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--secondary {
        padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
        padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-link--button.e-link--secondary {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--secondary {
        --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-link--button.e-link--secondary {
        --button-border-offset: 6px; } }
    .e-link--button.e-link--secondary:before {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      border-width: var(--button-border-width);
      border-style: solid;
      border-color: transparent;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: width .3s ease-out, height .3s ease-out; }
    .e-link--button.e-link--secondary:before {
      border-color: var(--c-black); }
    .e-link--button.e-link--secondary:hover, .e-link--button.e-link--secondary:focus {
      background-color: var(--c-black);
      color: var(--c-primary); }
      .e-link--button.e-link--secondary:hover:before, .e-link--button.e-link--secondary:focus:before {
        width: calc(100% + (var(--button-border-offset) * 2));
        height: calc(100% + (var(--button-border-offset) * 2)); }
  .e-link--footerWebsline {
    text-decoration: none;
    font-family: "DM Serif Display", serif;
    font-size: 1.15rem; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-link--footerWebsline {
        font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-link--footerWebsline {
        font-size: 1.32875rem; } }
  .e-link--footerNavigation {
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    transition: color .2s ease-in-out; }
    .e-link--footerNavigation:hover {
      color: var(--c-primary-a11y); }
  .e-link--footerContactLink {
    font-size: 1.15rem;
    line-height: 1.5;
    text-decoration: none;
    transition: color .2s ease-in-out; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-link--footerContactLink {
        font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-link--footerContactLink {
        font-size: 1.32875rem; } }
    .e-link--footerContactLink:hover {
      color: var(--c-primary-a11y); }
  .e-link--categorieItem {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-link--categorieItem {
        font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-link--categorieItem {
        font-size: 1.063rem; } }
  .e-link--categorieTags {
    font-size: 0.86957rem;
    color: var(--c-primary); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-link--categorieTags {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-link--categorieTags {
        font-size: 0.8504rem; } }
  .e-link--breadcrumb {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    text-decoration: none;
    color: var(--c-text);
    text-transform: uppercase;
    font-weight: 700;
    transition: color .3s ease-in-out;
    font-size: 0.86957rem;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 600;
    color: inherit; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-link--breadcrumb {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-link--breadcrumb {
        font-size: 0.8504rem; } }
    .e-link--breadcrumb:hover {
      color: var(--c-primary); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-link--breadcrumb {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-link--breadcrumb {
        font-size: 0.8504rem; } }

/*
 |--------------------------------------------------------------------------
 | .e-section
 |--------------------------------------------------------------------------
 */
.e-section {
  max-width: 100vw;
  overflow: hidden; }

/*
 |--------------------------------------------------------------------------
 | .e-svg
 |--------------------------------------------------------------------------
 */
.e-svg svg {
  display: block; }

.e-svg--center {
  margin: 0 auto; }

.e-svg--16 svg {
  width: 16px;
  height: 16px; }

.e-svg--18 svg {
  width: 18px;
  height: 18px; }

.e-svg--24 svg {
  width: 24px;
  height: 24px; }

.e-svg--32 svg {
  width: 32px;
  height: 32px; }

.e-svg--36 svg {
  width: 36px;
  height: 36px; }

.e-svg--42 svg {
  width: 42px;
  height: 42px; }

.e-svg--80to170 {
  width: 80px; }
  @media screen and (min-width: 375px) {
    .e-svg--80to170 {
      width: calc(80px + 90 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-svg--80to170 {
      width: 170px; } }
  .e-svg--80to170 svg {
    width: 100%; }

.e-svg--38to58 {
  width: 38px; }
  @media screen and (min-width: 375px) {
    .e-svg--38to58 {
      width: calc(38px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-svg--38to58 {
      width: 58px; } }
  .e-svg--38to58 svg {
    width: 100%; }

.e-svg--27to44 {
  width: 27px; }
  @media screen and (min-width: 375px) {
    .e-svg--27to44 {
      width: calc(27px + 17 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-svg--27to44 {
      width: 44px; } }
  .e-svg--27to44 svg {
    width: 100%; }

.e-svg--16to18 {
  width: 16px; }
  @media screen and (min-width: 375px) {
    .e-svg--16to18 {
      width: calc(16px + 2 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-svg--16to18 {
      width: 18px; } }
  .e-svg--16to18 svg {
    width: 100%; }

.e-svg--16to30 {
  width: 16px; }
  @media screen and (min-width: 375px) {
    .e-svg--16to30 {
      width: calc(16px + 14 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-svg--16to30 {
      width: 30px; } }
  .e-svg--16to30 svg {
    width: 100%; }

.e-svg--130to200 {
  width: 130px; }
  @media screen and (min-width: 375px) {
    .e-svg--130to200 {
      width: calc(130px + 70 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-svg--130to200 {
      width: 200px; } }
  .e-svg--130to200 svg {
    width: 100%; }

.e-svg--4to6 {
  width: 4px; }
  @media screen and (min-width: 375px) {
    .e-svg--4to6 {
      width: calc(4px + 2 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-svg--4to6 {
      width: 6px; } }
  .e-svg--4to6 svg {
    width: 100%; }

.e-svg--24to35 {
  width: 24px; }
  @media screen and (min-width: 375px) {
    .e-svg--24to35 {
      width: calc(24px + 11 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .e-svg--24to35 {
      width: 35px; } }
  .e-svg--24to35 svg {
    width: 100%; }

.e-svg--full svg {
  height: 100%;
  width: 100%; }

.e-svg--13deg svg {
  transform: rotate(13deg); }

.e-svg--fillWhite * {
  fill: var(--c-white); }

.e-svg--fillPrimary * {
  fill: var(--c-primary); }

.e-svg--fillGrey * {
  fill: var(--c-grey); }

.e-svg--fillColor * {
  fill: currentColor; }

.e-svg--strokeColor * {
  stroke: currentColor; }

.e-svg--hoverFillPrimary * {
  transition: fill .2s ease-in-out; }

.e-svg--hoverFillPrimary:hover * {
  fill: var(--c-primary); }

.e-svg--hoverFillPrimary-a11y * {
  transition: fill .2s ease-in-out; }

.e-svg--hoverFillPrimary-a11y:hover * {
  fill: var(--c-primary-a11y); }

/*
 |--------------------------------------------------------------------------
 | .e-table
 |--------------------------------------------------------------------------
 */
/*
 |--------------------------------------------------------------------------
 | .e-text
 |--------------------------------------------------------------------------
 */
.e-text {
  line-height: 1.45455;
  font-family: "Lato", sans-serif; }
  .e-text--xs {
    font-size: 0.75614rem;
    line-height: 1.7; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-text--xs {
        font-size: calc( 0.75614rem + -0.07582 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-text--xs {
        font-size: 0.68032rem; } }
  .e-text--sm {
    font-size: 0.86957rem;
    line-height: 1.6; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-text--sm {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-text--sm {
        font-size: 0.8504rem; } }
  .e-text--md {
    font-size: 1.15rem;
    line-height: 1.5; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-text--md {
        font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-text--md {
        font-size: 1.32875rem; } }
  .e-text--lg {
    font-size: 1.3225rem;
    line-height: 1.4; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-text--lg {
        font-size: calc( 1.3225rem + 0.33844 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-text--lg {
        font-size: 1.66094rem; } }
  .e-text--xl {
    font-size: 1.52087rem;
    line-height: 1.3; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .e-text--xl {
        font-size: calc( 1.52087rem + 0.5553 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .e-text--xl {
        font-size: 2.07617rem; } }
  .e-text--10to14 {
    font-size: 10px; }
    @media screen and (min-width: 375px) {
      .e-text--10to14 {
        font-size: calc(10px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-text--10to14 {
        font-size: 14px; } }
  .e-text--12to18 {
    font-size: 12px; }
    @media screen and (min-width: 375px) {
      .e-text--12to18 {
        font-size: calc(12px + 6 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .e-text--12to18 {
        font-size: 18px; } }
  .e-text--light {
    font-weight: 300; }
  .e-text--bold {
    font-weight: bold; }
  .e-text--center {
    text-align: center; }
  .e-text--primary {
    color: var(--c-primary); }
  .e-text--primary-a11y {
    color: var(--c-primary-a11y); }
  .e-text--white {
    color: var(--c-white); }
  .e-text--olive {
    color: var(--c-theme-olive); }
  .e-text--black {
    color: var(--c-text); }
  .e-text--uppercase {
    text-transform: uppercase;
    letter-spacing: 0.1em; }

/*
 |--------------------------------------------------------------------------
 | .e-video
 |--------------------------------------------------------------------------
 */
.e-video--objectCover {
  display: block;
  height: 100%;
  width: 100%; }
  .e-video--objectCover video {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; }

/*
 |--------------------------------------------------------------------------
 | components
 |--------------------------------------------------------------------------
*/
/*
 |--------------------------------------------------------------------------
 | .c-a11yNav
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/a11y/nav';
 */
.c-a11yNav {
  position: absolute;
  top: -20em;
  width: 100%;
  z-index: 99999999; }
  .c-a11yNav a {
    background-color: var(--c-white);
    left: 0;
    padding: 0.8rem;
    position: absolute;
    right: 0;
    text-align: center; }
    .c-a11yNav a:focus {
      text-decoration: none;
      top: 20em; }

/*
 |--------------------------------------------------------------------------
 | .c-a11ySkipBar
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/a11y/skipBar';
 */
.c-a11ySkipBar a {
  opacity: 0;
  position: absolute;
  bottom: 0;
  z-index: -1;
  background: var(--c-white);
  transition: bottom .3s ease, opacity .3s ease;
  padding: 1rem;
  text-decoration: none; }
  .c-a11ySkipBar a:focus {
    opacity: 1;
    bottom: 100%; }

/*
 |--------------------------------------------------------------------------
 | .c-accordion
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/accordion/accordion';
 */
.c-accordion {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 20px; }
  @media (min-width: 768px) {
    .c-accordion {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-accordion {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-accordion {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-accordion {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-accordion {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-accordion {
      margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-accordion {
      margin-top: 40px; } }
  .c-accordion__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-accordion__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-accordion__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-accordion__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-accordion__content {
        margin-left: calc(1 / 12 * 100%);
        width: calc(10 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-accordion__content {
        margin-left: calc(2 / 12 * 100%);
        width: calc(8 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-accordion__content {
        margin-left: calc(5 / 24 * 100%);
        width: calc(16 / 24 * 100%); } }
  .c-accordion__headline +
.c-accordion__items {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-accordion__headline +
.c-accordion__items {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__headline +
.c-accordion__items {
        margin-top: 32px; } }
  .c-accordion__item {
    border-bottom: 1px solid var(--c-black); }
  .c-accordion__bodyRow {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    padding-bottom: 16px; }
    @media screen and (min-width: 375px) {
      .c-accordion__bodyRow {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__bodyRow {
        margin-left: -16px;
        margin-right: -16px; } }
    @media screen and (min-width: 375px) {
      .c-accordion__bodyRow {
        padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__bodyRow {
        padding-bottom: 32px; } }
    @media (min-width: 768px) {
      .c-accordion__bodyRow {
        flex-wrap: nowrap; } }
  .c-accordion__bodyImage {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: calc(6 / 6 * 100%);
    flex-shrink: 0; }
    @media screen and (min-width: 375px) {
      .c-accordion__bodyImage {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__bodyImage {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-accordion__bodyImage {
        width: calc(8 / 24 * 100%);
        order: 2; } }
    @media (min-width: 1024px) {
      .c-accordion__bodyImage {
        width: calc(3 / 8 * 100%); } }
    @media (min-width: 1440px) {
      .c-accordion__bodyImage {
        width: calc(2 / 8 * 100%); } }
  .c-accordion__bodyText {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 16px;
    width: 100%; }
    @media screen and (min-width: 375px) {
      .c-accordion__bodyText {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__bodyText {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-accordion__bodyText {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__bodyText {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-accordion__bodyText {
        margin-top: 0; } }
  .c-accordion__ctas {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-accordion__ctas {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__ctas {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-accordion__cta {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-accordion__cta {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__cta {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-accordion__cta {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordion__cta {
        margin-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .c-accordionHead
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/accordion/head';
 */
.c-accordionHead {
  display: flex;
  align-items: center;
  position: relative;
  flex-flow: row-reverse;
  justify-content: space-between;
  width: 100%; }
  @media (min-width: 768px) {
    .c-accordionHead {
      flex-flow: row; } }
  .c-accordionHead__title {
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
    padding-top: 28px;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-accordionHead__title {
        font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-accordionHead__title {
        font-size: 1.063rem; } }
    @media screen and (min-width: 375px) {
      .c-accordionHead__title {
        padding-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordionHead__title {
        padding-top: 56px; } }
    @media screen and (min-width: 375px) {
      .c-accordionHead__title {
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordionHead__title {
        padding-bottom: 16px; } }
  .c-accordionHead__icon {
    padding-top: 28px;
    padding-bottom: 8px;
    width: 17px;
    flex: 0 0 17px; }
    @media screen and (min-width: 375px) {
      .c-accordionHead__icon {
        padding-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordionHead__icon {
        padding-top: 56px; } }
    @media screen and (min-width: 375px) {
      .c-accordionHead__icon {
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordionHead__icon {
        padding-bottom: 16px; } }
    @media (min-width: 768px) {
      .c-accordionHead__icon {
        position: absolute;
        left: calc(-1 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-accordionHead__icon {
        left: calc(-3 / 34 * 100%); } }
    @media (min-width: 1440px) {
      .c-accordionHead__icon {
        left: calc(-2 / 34 * 100%); } }
    .c-accordionHead__icon .horizontalLine {
      transition: transform .3s;
      transform-origin: 50% 50%; }
      .is-open .c-accordionHead__icon .horizontalLine {
        transform: rotate(90deg); }
  .c-accordionHead__details {
    margin-top: 4px;
    font-weight: normal;
    text-transform: none; }
    @media screen and (min-width: 375px) {
      .c-accordionHead__details {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-accordionHead__details {
        margin-top: 8px; } }
  .c-accordionHead.js-accordionHead--noIcon {
    flex-flow: row; }
    .c-accordionHead.js-accordionHead--noIcon .c-accordionHead__icon {
      display: none; }

/*
 |--------------------------------------------------------------------------
 | .c-ajaxContainer
 |--------------------------------------------------------------------------
 */
.c-ajaxContainer {
  margin-top: 35px;
  aspect-ratio: 8/1; }
  .c-ajaxContainer__loader {
    display: flex;
    justify-content: center; }

/*
 |--------------------------------------------------------------------------
 | .c-badge
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/badge/badge';
 */
.c-badge {
  --t-duration: .2s;
  --t-delay: .2s;
  --badge-border-width: 2px;
  --badge-border-offset: 5px;
  --badge-border-hoverOffset: 10px;
  display: block;
  text-decoration: none;
  width: 110px;
  height: 110px;
  padding: 15px;
  overflow: hidden;
  text-align: center;
  position: relative;
  overflow: visible;
  background-color: transparent;
  border-radius: 50%; }
  @media screen and (min-width: 375px) {
    .c-badge {
      width: calc(110px + 70 * (100vw - 375px) / (1065));
      height: calc(110px + 70 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-badge {
      width: 180px;
      height: 180px; } }
  @media screen and (min-width: 375px) {
    .c-badge {
      padding: calc(15px + 15 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-badge {
      padding: 30px; } }
  .c-badge__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%; }
  .c-badge__link {
    text-decoration: none; }
  .c-badge__headline {
    font-size: 2.01136rem; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-badge__headline {
        font-size: calc( 2.01136rem + 1.23266 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-badge__headline {
        font-size: 3.24402rem; } }
  .c-badge__topline, .c-badge__subline {
    font-size: 1rem; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-badge__topline, .c-badge__subline {
        font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-badge__topline, .c-badge__subline {
        font-size: 1.063rem; } }
  .c-badge__topline + .c-badge__headline {
    margin-top: 2px;
    line-height: 1; }
    @media screen and (min-width: 375px) {
      .c-badge__topline + .c-badge__headline {
        margin-top: calc(2px + 2 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-badge__topline + .c-badge__headline {
        margin-top: 4px; } }
  .c-badge__headline + .c-badge__subline {
    margin-top: 4px;
    line-height: 1; }
    @media screen and (min-width: 375px) {
      .c-badge__headline + .c-badge__subline {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-badge__headline + .c-badge__subline {
        margin-top: 8px; } }
  .c-badge__svg {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-badge__svg {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-badge__svg {
        margin-top: 16px; } }
  .c-badge--border {
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    margin: calc(var(--badge-border-offset) + var(--badge-border-width)); }
    .c-badge--border:before {
      border-radius: 50%;
      border-width: var(--badge-border-width);
      border-style: solid;
      border-color: transparent;
      height: calc(100% + (var(--badge-border-width) + var(--badge-border-offset)) * 2);
      width: calc(100% + (var(--badge-border-width) + var(--badge-border-offset)) * 2);
      content: '';
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute; }
  .c-badge--borderDouble {
    border-width: var(--badge-border-width);
    margin: calc(var(--badge-border-offset) + (var(--badge-border-width) * 2)); }
    .c-badge--borderDouble:before {
      height: calc(100% + ((var(--badge-border-width) * 2) + var(--badge-border-offset)) * 2);
      width: calc(100% + ((var(--badge-border-width) * 2) + var(--badge-border-offset)) * 2); }
  .c-badge--sm {
    width: 110px;
    height: 110px; }
    @media screen and (min-width: 375px) {
      .c-badge--sm {
        width: calc(110px + 50 * (100vw - 375px) / (1065));
        height: calc(110px + 50 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-badge--sm {
        width: 160px;
        height: 160px; } }
    .c-badge--sm .c-badge__topline + .c-badge__headline {
      margin-top: 2px; }
      @media screen and (min-width: 375px) {
        .c-badge--sm .c-badge__topline + .c-badge__headline {
          margin-top: calc(2px + 2 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-badge--sm .c-badge__topline + .c-badge__headline {
          margin-top: 4px; } }
    .c-badge--sm .c-badge__headline + .c-badge__subline {
      margin-top: 2px; }
      @media screen and (min-width: 375px) {
        .c-badge--sm .c-badge__headline + .c-badge__subline {
          margin-top: calc(2px + 2 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-badge--sm .c-badge__headline + .c-badge__subline {
          margin-top: 4px; } }
    .c-badge--sm .c-badge__headline {
      font-size: 2.01136rem;
      line-height: 1; }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-badge--sm .c-badge__headline {
          font-size: calc( 2.01136rem + 1.23266 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-badge--sm .c-badge__headline {
          font-size: 3.24402rem; } }
    .c-badge--sm .c-badge__topline,
    .c-badge--sm .c-badge__subline {
      font-size: 1rem;
      line-height: 1; }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-badge--sm .c-badge__topline,
        .c-badge--sm .c-badge__subline {
          font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-badge--sm .c-badge__topline,
        .c-badge--sm .c-badge__subline {
          font-size: 1.063rem; } }
  .c-badge--lg {
    width: 160px;
    height: 160px; }
    @media screen and (min-width: 375px) {
      .c-badge--lg {
        width: calc(160px + 60 * (100vw - 375px) / (1065));
        height: calc(160px + 60 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-badge--lg {
        width: 220px;
        height: 220px; } }
    .c-badge--lg .c-badge__topline + .c-badge__headline {
      margin-top: 4px; }
      @media screen and (min-width: 375px) {
        .c-badge--lg .c-badge__topline + .c-badge__headline {
          margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-badge--lg .c-badge__topline + .c-badge__headline {
          margin-top: 8px; } }
    .c-badge--lg .c-badge__headline {
      font-size: 1.3225rem;
      line-height: 1; }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-badge--lg .c-badge__headline {
          font-size: calc( 1.3225rem + 0.33844 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-badge--lg .c-badge__headline {
          font-size: 1.66094rem; } }
    .c-badge--lg .c-badge__topline,
    .c-badge--lg .c-badge__subline {
      font-size: 0.86957rem; }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-badge--lg .c-badge__topline,
        .c-badge--lg .c-badge__subline {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-badge--lg .c-badge__topline,
        .c-badge--lg .c-badge__subline {
          font-size: 0.8504rem; } }
  .c-badge--xl {
    width: 160px;
    height: 160px; }
    @media screen and (min-width: 375px) {
      .c-badge--xl {
        width: calc(160px + 100 * (100vw - 375px) / (1065));
        height: calc(160px + 100 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-badge--xl {
        width: 260px;
        height: 260px; } }
    .c-badge--xl .c-badge__topline + .c-badge__headline {
      margin-top: 8px; }
      @media screen and (min-width: 375px) {
        .c-badge--xl .c-badge__topline + .c-badge__headline {
          margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-badge--xl .c-badge__topline + .c-badge__headline {
          margin-top: 16px; } }
    .c-badge--xl .c-badge__headline {
      font-size: 1.52087rem;
      line-height: 1; }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-badge--xl .c-badge__headline {
          font-size: calc( 1.52087rem + 0.5553 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-badge--xl .c-badge__headline {
          font-size: 2.07617rem; } }
    .c-badge--xl .c-badge__topline,
    .c-badge--xl .c-badge__subline {
      font-size: 0.75614rem; }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-badge--xl .c-badge__topline,
        .c-badge--xl .c-badge__subline {
          font-size: calc( 0.75614rem + -0.07582 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-badge--xl .c-badge__topline,
        .c-badge--xl .c-badge__subline {
          font-size: 0.68032rem; } }
  .c-badge--primary {
    color: var(--c-primary); }
    .c-badge--primary .c-badge__svg * {
      stroke: var(--c-primary); }
  .c-badge--borderPrimary {
    border-color: var(--c-primary); }
    .c-badge--borderPrimary:before {
      border-color: var(--c-primary); }
  .c-badge--bgPrimary {
    background-color: var(--c-primary); }
  .c-badge--white {
    color: var(--c-white); }
    .c-badge--white .c-badge__svg * {
      stroke: var(--c-white); }
  .c-badge--borderWhite {
    border-color: var(--c-white); }
    .c-badge--borderWhite:before {
      border-color: var(--c-white); }
  .c-badge--bgWhite {
    background-color: var(--c-white); }
  .c-badge--primaryLight {
    color: var(--c-primary-light); }
    .c-badge--primaryLight .c-badge__svg * {
      stroke: var(--c-primary-light); }
  .c-badge--borderPrimaryLight {
    border-color: var(--c-primary-light); }
    .c-badge--borderPrimaryLight:before {
      border-color: var(--c-primary-light); }
  .c-badge--bgPrimaryLight {
    background-color: var(--c-primary-light); }
  .c-badge--olive {
    color: var(--c-theme-olive); }
    .c-badge--olive .c-badge__svg * {
      stroke: var(--c-theme-olive); }
  .c-badge--borderOlive {
    border-color: var(--c-theme-olive); }
    .c-badge--borderOlive:before {
      border-color: var(--c-theme-olive); }
  .c-badge--bgOlive {
    background-color: var(--c-theme-olive); }
  .c-badge---4deg {
    transform: rotate(-4deg); }
  .c-badge---13deg {
    transform: rotate(-13deg); }
  @media (min-width: 768px) {
    .c-badge--hoverBorder:before {
      transition: width var(--t-duration) var(--t-delay) ease-in-out, height var(--t-duration) var(--t-delay) ease-in-out; }
    .c-badge--hoverBorder:hover:before {
      height: calc(100% + (var(--badge-border-width) + var(--badge-border-hoverOffset)) * 2);
      width: calc(100% + (var(--badge-border-width) + var(--badge-border-hoverOffset)) * 2);
      transition: width var(--t-duration) var(--t-delay) ease-in-out, height var(--t-duration) var(--t-delay) ease-in-out; } }
  .c-badge--hoverBorder.c-badge--borderDouble:hover:before {
    height: calc(100% + ((var(--badge-border-width) * 2) + var(--badge-border-hoverOffset)) * 2);
    width: calc(100% + ((var(--badge-border-width) * 2) + var(--badge-border-hoverOffset)) * 2); }
  @media (min-width: 768px) {
    .c-badge--hoverArrow .c-badge__svg {
      transition: transform var(--t-duration) var(--t-delay) ease-in-out; }
    .c-badge--hoverArrow:hover .c-badge__svg {
      transition: transform var(--t-duration) var(--t-delay) ease-in-out;
      transform: translateX(10px); } }
  .c-badge--stage .c-badge__topline,
  .c-badge--stage .c-badge__subline,
  .c-badge--stage .c-badge__headline {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); }

/*
 |--------------------------------------------------------------------------
 | .c-badgeLink
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/badge/link';
 */
.c-badgeLink {
  text-decoration: none;
  display: inline-block; }

/*
 |--------------------------------------------------------------------------
 | .c-breadcrumb
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/breadcrumb/breadcrumb';
 */
.c-breadcrumb {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 24px; }
  @media (min-width: 768px) {
    .c-breadcrumb {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-breadcrumb {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-breadcrumb {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-breadcrumb {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-breadcrumb {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-breadcrumb {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-breadcrumb {
      margin-top: 48px; } }
  .c-breadcrumb__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--c-text); }
  .c-breadcrumb__item {
    display: flex;
    align-items: center; }
  .c-breadcrumb__divider {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    color: var(--c-text); }
    @media screen and (min-width: 375px) {
      .c-breadcrumb__divider {
        margin-left: calc(10px + 8 * (100vw - 375px) / (1065));
        margin-right: calc(10px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-breadcrumb__divider {
        margin-left: 18px;
        margin-right: 18px; } }
  .c-breadcrumb__link {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    text-decoration: none;
    color: var(--c-text);
    text-transform: uppercase;
    font-weight: 700;
    transition: color .3s ease-in-out;
    font-size: 0.86957rem;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 600; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-breadcrumb__link {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-breadcrumb__link {
        font-size: 0.8504rem; } }
    .c-breadcrumb__link:hover {
      color: var(--c-primary); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-breadcrumb__link {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-breadcrumb__link {
        font-size: 0.8504rem; } }
  .c-breadcrumb__current {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    color: var(--c-primary);
    text-transform: uppercase;
    font-weight: 600; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-breadcrumb__current {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-breadcrumb__current {
        font-size: 0.8504rem; } }
  .c-breadcrumb--roomDetail, .c-breadcrumb--packageDetail, .c-breadcrumb--blogDetail {
    float: none;
    margin-left: unset;
    margin-right: unset;
    width: unset;
    max-width: unset;
    padding-left: unset;
    padding-right: unset;
    margin-top: unset; }
  .c-breadcrumb--roomDetail .c-breadcrumb__divider, .c-breadcrumb--packageDetail .c-breadcrumb__divider {
    color: var(--c-white); }
  .c-breadcrumb--roomDetail .c-breadcrumb__link, .c-breadcrumb--packageDetail .c-breadcrumb__link {
    color: var(--c-white); }
    .c-breadcrumb--roomDetail .c-breadcrumb__link:hover, .c-breadcrumb--packageDetail .c-breadcrumb__link:hover {
      color: var(--c-primary); }

/*
 |--------------------------------------------------------------------------
 | .c-breadcrumbContainer
 |--------------------------------------------------------------------------
 */
.c-breadcrumbContainer {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 24px; }
  @media (min-width: 768px) {
    .c-breadcrumbContainer {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-breadcrumbContainer {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-breadcrumbContainer {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-breadcrumbContainer {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-breadcrumbContainer {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-breadcrumbContainer {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-breadcrumbContainer {
      margin-top: 48px; } }
  .c-breadcrumbContainer__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--c-text); }
  .c-breadcrumbContainer__item {
    display: flex;
    align-items: center; }
  .c-breadcrumbContainer__link {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    text-decoration: none;
    color: var(--c-text);
    text-transform: uppercase;
    font-weight: 700;
    transition: color .3s ease-in-out;
    font-size: 0.86957rem;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 600; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-breadcrumbContainer__link {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-breadcrumbContainer__link {
        font-size: 0.8504rem; } }
    .c-breadcrumbContainer__link:hover {
      color: var(--c-primary); }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-breadcrumbContainer__link {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-breadcrumbContainer__link {
        font-size: 0.8504rem; } }
  .c-breadcrumbContainer__current {
    font-family: "Lato", sans-serif;
    font-size: 0.86957rem;
    color: var(--c-primary);
    text-transform: uppercase;
    font-weight: 600; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-breadcrumbContainer__current {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-breadcrumbContainer__current {
        font-size: 0.8504rem; } }
  .c-breadcrumbContainer--roomDetail, .c-breadcrumbContainer--packageDetail, .c-breadcrumbContainer--blogDetail {
    float: none;
    margin-left: unset;
    margin-right: unset;
    width: unset;
    max-width: unset;
    padding-left: unset;
    padding-right: unset;
    margin-top: unset; }
  .c-breadcrumbContainer--roomDetail .c-breadcrumbContainer__divider, .c-breadcrumbContainer--packageDetail .c-breadcrumbContainer__divider {
    color: var(--c-white); }
  .c-breadcrumbContainer--roomDetail .c-breadcrumbContainer__link, .c-breadcrumbContainer--packageDetail .c-breadcrumbContainer__link {
    color: var(--c-white); }
    .c-breadcrumbContainer--roomDetail .c-breadcrumbContainer__link:hover, .c-breadcrumbContainer--packageDetail .c-breadcrumbContainer__link:hover {
      color: var(--c-primary); }

/*
 |--------------------------------------------------------------------------
 | .c-breadcrumbLink
 |--------------------------------------------------------------------------
 */
.c-breadcrumbLink {
  margin-top: 8px;
  color: var(--c-text);
  text-align: center; }
  @media screen and (min-width: 375px) {
    .c-breadcrumbLink {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-breadcrumbLink {
      margin-top: 16px; } }
  .c-breadcrumbLink__icon {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    display: inline-block;
    align-items: center;
    color: var(--c-text); }
    @media screen and (min-width: 375px) {
      .c-breadcrumbLink__icon {
        margin-left: calc(10px + 8 * (100vw - 375px) / (1065));
        margin-right: calc(10px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-breadcrumbLink__icon {
        margin-left: 18px;
        margin-right: 18px; } }
    .c-breadcrumbContainer--roomDetail .c-breadcrumbLink__icon,
    .c-breadcrumbContainer--packageDetail .c-breadcrumbLink__icon {
      color: var(--c-white); }
  .c-breadcrumbLink__item {
    color: var(--c-text); }
    .c-breadcrumbContainer--roomDetail .c-breadcrumbLink__item,
    .c-breadcrumbContainer--packageDetail .c-breadcrumbLink__item {
      color: var(--c-white); }
    .c-breadcrumbLink--active .c-breadcrumbLink__item {
      color: var(--c-primary-a11y);
      font-weight: bold; }
    .c-breadcrumbLink__item:hover {
      color: var(--c-primary-a11y); }

/*
 |--------------------------------------------------------------------------
 | .c-cardContact
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/contact';
 */
.c-cardContact__text {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-cardContact__text {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardContact__text {
      margin-top: 16px; } }

.c-cardContact__text +
.c-cardContact__info {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-cardContact__text +
.c-cardContact__info {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardContact__text +
.c-cardContact__info {
      margin-top: 32px; } }

.c-cardContact__info {
  margin-top: 4px; }
  @media screen and (min-width: 375px) {
    .c-cardContact__info {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardContact__info {
      margin-top: 8px; } }

/*
 |--------------------------------------------------------------------------
 | .c-cardImageOverlay
 |--------------------------------------------------------------------------
 */
.c-cardImageOverlay {
  color: var(--c-white);
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-decoration: none; }
  .c-cardImageOverlay::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    background: transparent linear-gradient(255deg, transparent, rgba(0, 0, 0, 0.5) 80%) 0% 0% no-repeat padding-box; }
  .c-cardImageOverlay__wrapper {
    height: 100%; }
    .c-cardImageOverlay__wrapper::before, .c-cardImageOverlay__wrapper::after {
      content: '';
      opacity: 0;
      width: 100%;
      height: 1px;
      min-width: 0;
      display: block;
      position: absolute;
      background-color: var(--c-white);
      left: 50%;
      transition: opacity .3s ease-in-out, min-height .4s ease-in-out .2s;
      z-index: 1; }
      @media (min-width: 768px) {
        .c-cardImageOverlay__wrapper::before, .c-cardImageOverlay__wrapper::after {
          left: 50%;
          width: 1px;
          height: 0;
          min-height: 0;
          min-width: unset; } }
    .c-cardImageOverlay__wrapper::before {
      left: 0;
      top: 50%;
      transform: translate3d(-90%, -50%, 0);
      transform-origin: left; }
      @media (min-width: 375px) {
        .c-cardImageOverlay__wrapper::before {
          transform: translate3d(-80%, -50%, 0); } }
      @media (min-width: 768px) {
        .c-cardImageOverlay__wrapper::before {
          left: 50%;
          top: 0px;
          transform: translate3d(-50%, 0, 0);
          transform-origin: top; } }
    .c-cardImageOverlay__wrapper::after {
      right: 0;
      transform: translate3d(40%, -50%, 0);
      transform-origin: right; }
      @media (min-width: 375px) {
        .c-cardImageOverlay__wrapper::after {
          transform: translate3d(30%, -50%, 0); } }
      @media (min-width: 768px) {
        .c-cardImageOverlay__wrapper::after {
          bottom: 0;
          right: unset;
          transform: translate3d(-50%, 0, 0);
          transform-origin: bottom; } }
  .c-cardImageOverlay__text {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: left;
    top: 50%;
    transform: translate3d(0, -50%, 0); }
  .c-cardImageOverlay__headline, .c-cardImageOverlay__linkText {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); }
    @media (min-width: 768px) {
      .c-cardImageOverlay__headline, .c-cardImageOverlay__linkText {
        text-align: left; } }
  .c-cardImageOverlay__linkText {
    margin-top: 16px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.86957rem;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: color 0.2s ease-out;
    color: var(--c-white);
    opacity: 0;
    transition: opacity .3s ease-in .3s;
    display: none; }
    @media screen and (min-width: 375px) {
      .c-cardImageOverlay__linkText {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-cardImageOverlay__linkText {
        margin-top: 32px; } }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-cardImageOverlay__linkText {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-cardImageOverlay__linkText {
        font-size: 0.8504rem; } }
    @media screen and (min-width: 375px) {
      .c-cardImageOverlay__linkText {
        padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
        padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-cardImageOverlay__linkText {
        padding-top: 8px;
        padding-bottom: 8px; } }
    .c-cardImageOverlay__linkText:after {
      position: absolute;
      height: 2px;
      width: 100%;
      content: '';
      bottom: 0;
      left: 0;
      transform-origin: center;
      transition: transform .2s ease-out, background-color .2s ease-out; }
    .c-cardImageOverlay__linkText:hover, .c-cardImageOverlay__linkText:focus {
      transition: color 0.2s ease-out; }
      .c-cardImageOverlay__linkText:hover:after, .c-cardImageOverlay__linkText:focus:after {
        transform: scaleX(0.5);
        transition: transform .2s ease-out, background-color .2s ease-out; }
    .c-cardImageOverlay__linkText:after {
      background-color: var(--c-white); }
    .c-cardImageOverlay__linkText:hover, .c-cardImageOverlay__linkText:focus {
      color: var(--c-primary); }
      .c-cardImageOverlay__linkText:hover:after, .c-cardImageOverlay__linkText:focus:after {
        background-color: var(--c-primary); }
    @media (min-width: 1024px) {
      .c-cardImageOverlay__linkText {
        display: block; } }
  .c-cardImageOverlay:hover::before, .c-cardImageOverlay:focus-visible::before {
    opacity: 1; }
  .c-cardImageOverlay:hover .c-cardImageOverlay__wrapper::before, .c-cardImageOverlay:hover .c-cardImageOverlay__wrapper::after, .c-cardImageOverlay:focus-visible .c-cardImageOverlay__wrapper::before, .c-cardImageOverlay:focus-visible .c-cardImageOverlay__wrapper::after {
    opacity: 1; }
    @media (min-width: 768px) {
      .c-cardImageOverlay:hover .c-cardImageOverlay__wrapper::before, .c-cardImageOverlay:hover .c-cardImageOverlay__wrapper::after, .c-cardImageOverlay:focus-visible .c-cardImageOverlay__wrapper::before, .c-cardImageOverlay:focus-visible .c-cardImageOverlay__wrapper::after {
        min-height: 80px; } }
    @media (min-width: 1024px) {
      .c-cardImageOverlay:hover .c-cardImageOverlay__wrapper::before, .c-cardImageOverlay:hover .c-cardImageOverlay__wrapper::after, .c-cardImageOverlay:focus-visible .c-cardImageOverlay__wrapper::before, .c-cardImageOverlay:focus-visible .c-cardImageOverlay__wrapper::after {
        min-height: 180px; } }
  .c-cardImageOverlay:hover .c-cardImageOverlay__linkText, .c-cardImageOverlay:focus-visible .c-cardImageOverlay__linkText {
    opacity: .6; }

/*
 |--------------------------------------------------------------------------
 | .c-cardInclusive
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/inclusive';
 */
.c-cardInclusive__image {
  width: 70px;
  height: 70px;
  margin: 0 auto; }

.c-cardInclusive__caption {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-cardInclusive__caption {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardInclusive__caption {
      margin-top: 24px; } }

.c-cardInclusive__description {
  margin-top: 8px;
  max-width: 415px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 375px) {
    .c-cardInclusive__description {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardInclusive__description {
      margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-cardPackage
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/package';
 */
.c-cardPackage__imageContainer {
  position: relative;
  margin-top: 55px; }
  @media screen and (min-width: 375px) {
    .c-cardPackage__imageContainer {
      margin-top: calc(55px + 25 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackage__imageContainer {
      margin-top: 80px; } }

.c-cardPackage__badge {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 10%; }

.c-cardPackage__timespan {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-cardPackage__timespan {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackage__timespan {
      margin-top: 24px; } }

.c-cardPackage__caption {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-cardPackage__caption {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackage__caption {
      margin-top: 16px; } }

.c-cardPackage__ctas {
  margin-top: 16px;
  display: flex;
  align-items: flex-start;
  gap: 15px; }
  @media screen and (min-width: 375px) {
    .c-cardPackage__ctas {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackage__ctas {
      margin-top: 32px; } }
  @media screen and (min-width: 375px) {
    .c-cardPackage__ctas {
      gap: calc(15px + 5 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackage__ctas {
      gap: 20px; } }

/*
 |--------------------------------------------------------------------------
 | .c-cardPackageSmall
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/packageSmall';
 */
.c-cardPackageSmall__content {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 768px) {
    .c-cardPackageSmall__content {
      padding-right: 8px;
      padding-left: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-cardPackageSmall__content {
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-cardPackageSmall__content {
      padding-right: 16px;
      padding-left: 16px; } }

.c-cardPackageSmall__timespan {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-cardPackageSmall__timespan {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackageSmall__timespan {
      margin-top: 24px; } }

.c-cardPackageSmall__caption {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-cardPackageSmall__caption {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackageSmall__caption {
      margin-top: 16px; } }

.c-cardPackageSmall__properties {
  display: flex;
  margin-top: 16px;
  align-items: center;
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto; }
  @media screen and (min-width: 375px) {
    .c-cardPackageSmall__properties {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackageSmall__properties {
      margin-top: 32px; } }
  @media screen and (min-width: 375px) {
    .c-cardPackageSmall__properties {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackageSmall__properties {
      margin-left: -16px;
      margin-right: -16px; } }

.c-cardPackageSmall__nights, .c-cardPackageSmall__topic {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px; }
  @media screen and (min-width: 375px) {
    .c-cardPackageSmall__nights, .c-cardPackageSmall__topic {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackageSmall__nights, .c-cardPackageSmall__topic {
      padding-left: 16px;
      padding-right: 16px; } }

.c-cardPackageSmall__nightsText span {
  font-size: 0.86957rem; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .c-cardPackageSmall__nightsText span {
      font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .c-cardPackageSmall__nightsText span {
      font-size: 0.8504rem; } }

.c-cardPackageSmall__price {
  padding-right: 12px;
  padding-left: 12px;
  border-left: 1px solid var(--c-black);
  border-right: 1px solid var(--c-black); }
  @media screen and (min-width: 375px) {
    .c-cardPackageSmall__price {
      padding-right: calc(12px + 12 * (100vw - 375px) / (1065));
      padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackageSmall__price {
      padding-right: 24px;
      padding-left: 24px; } }
  .c-cardPackageSmall__price span {
    font-size: 0.86957rem; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-cardPackageSmall__price span {
        font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-cardPackageSmall__price span {
        font-size: 0.8504rem; } }

.c-cardPackageSmall__priceText {
  position: relative;
  z-index: 0; }
  .c-cardPackageSmall__priceText:before {
    width: calc(100% - 10px - -10px);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    content: '';
    border: 1px solid var(--c-white);
    border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
    border-image-slice: 33.3% 11.1%;
    border-image-repeat: stretch;
    border-image-width: 0% 11.1% 100% 11.1%;
    transform: translate(10px, 20%);
    z-index: -1; }

.c-cardPackageSmall__topicIcon {
  width: 24px;
  height: 24px; }
  @media screen and (min-width: 375px) {
    .c-cardPackageSmall__topicIcon {
      width: calc(24px + 18 * (100vw - 375px) / (1065));
      height: calc(24px + 18 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackageSmall__topicIcon {
      width: 42px;
      height: 42px; } }

.c-cardPackageSmall__link {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-cardPackageSmall__link {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPackageSmall__link {
      margin-top: 24px; } }

/*
 |--------------------------------------------------------------------------
 | .c-cardPlatform
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/platform';
 */
.c-cardPlatform__value {
  margin-top: 4px;
  position: relative;
  padding-bottom: 4px; }
  @media screen and (min-width: 375px) {
    .c-cardPlatform__value {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPlatform__value {
      margin-top: 8px; } }
  @media screen and (min-width: 375px) {
    .c-cardPlatform__value {
      padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPlatform__value {
      padding-bottom: 8px; } }
  .c-cardPlatform__value:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 35px;
    height: 1px;
    background-color: var(--c-black); }
    @media screen and (min-width: 375px) {
      .c-cardPlatform__value:after {
        width: calc(35px + 15 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-cardPlatform__value:after {
        width: 50px; } }

.c-cardPlatform__max {
  margin-top: 4px; }
  @media screen and (min-width: 375px) {
    .c-cardPlatform__max {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPlatform__max {
      margin-top: 8px; } }

.c-cardPlatform__max + .c-cardPlatform__satisfaction,
.c-cardPlatform__max + .c-cardPlatform__reviews {
  margin-top: 4px; }
  @media screen and (min-width: 375px) {
    .c-cardPlatform__max + .c-cardPlatform__satisfaction,
    .c-cardPlatform__max + .c-cardPlatform__reviews {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardPlatform__max + .c-cardPlatform__satisfaction,
    .c-cardPlatform__max + .c-cardPlatform__reviews {
      margin-top: 8px; } }

/*
 |--------------------------------------------------------------------------
 | .c-cardPlatformSummary
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/platformSummary';
 */
.c-cardPlatformSummary {
  outline: 1px solid var(--c-theme-olive); }
  .c-cardPlatformSummary__value {
    margin-top: 4px;
    position: relative;
    padding-bottom: 4px; }
    @media screen and (min-width: 375px) {
      .c-cardPlatformSummary__value {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-cardPlatformSummary__value {
        margin-top: 8px; } }
    @media screen and (min-width: 375px) {
      .c-cardPlatformSummary__value {
        padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-cardPlatformSummary__value {
        padding-bottom: 8px; } }
    .c-cardPlatformSummary__value:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 35px;
      height: 1px;
      background-color: var(--c-primary); }
      @media screen and (min-width: 375px) {
        .c-cardPlatformSummary__value:after {
          width: calc(35px + 15 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-cardPlatformSummary__value:after {
          width: 50px; } }
  .c-cardPlatformSummary__max {
    margin-top: 4px; }
    @media screen and (min-width: 375px) {
      .c-cardPlatformSummary__max {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-cardPlatformSummary__max {
        margin-top: 8px; } }
  .c-cardPlatformSummary__max + .c-cardPlatformSummary__satisfaction,
  .c-cardPlatformSummary__max + .c-cardPlatformSummary__reviews {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-cardPlatformSummary__max + .c-cardPlatformSummary__satisfaction,
      .c-cardPlatformSummary__max + .c-cardPlatformSummary__reviews {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-cardPlatformSummary__max + .c-cardPlatformSummary__satisfaction,
      .c-cardPlatformSummary__max + .c-cardPlatformSummary__reviews {
        margin-top: 24px; } }

/*
 |--------------------------------------------------------------------------
 | .c-cardRating
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/rating';
 */
.c-cardRating__info {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-cardRating__info {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRating__info {
      margin-top: 16px; } }

.c-cardRating__points {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-cardRating__points {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRating__points {
      margin-top: 16px; } }

.c-cardRating__pointsContainer {
  position: relative;
  display: inline-block; }

.c-cardRating__pointsInactive {
  display: flex; }

.c-cardRating__pointsActive {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  width: 100%; }

.c-cardRating__conclusion {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-cardRating__conclusion {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRating__conclusion {
      margin-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .c-cardRoom
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/room';
 */
.c-cardRoom__imageCol {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px; }
  @media screen and (min-width: 375px) {
    .c-cardRoom__imageCol {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoom__imageCol {
      padding-left: 16px;
      padding-right: 16px; } }

.c-cardRoom__content {
  width: calc(6 / 6 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px; }
  @media screen and (min-width: 375px) {
    .c-cardRoom__content {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoom__content {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .c-cardRoom__content {
      width: calc(9 / 11 * 100%);
      margin-left: calc(1 / 11 * 100%); } }

.c-cardRoom__caption {
  margin-top: 20px; }
  @media screen and (min-width: 375px) {
    .c-cardRoom__caption {
      margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoom__caption {
      margin-top: 40px; } }

.c-cardRoom__properties {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (min-width: 375px) {
    .c-cardRoom__properties {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoom__properties {
      margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-cardRoom__properties {
      justify-content: flex-start; } }

.c-cardRoom__priceFrom {
  display: flex;
  align-items: flex-end; }
  @media (min-width: 768px) {
    .c-cardRoom__priceFrom {
      margin-left: 28px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-cardRoom__priceFrom {
      margin-left: calc(28px + 28 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-cardRoom__priceFrom {
      margin-left: 56px; } }

.c-cardRoom__price {
  margin-left: 8px;
  --underline-width: 0px;
  z-index: -1; }
  @media screen and (min-width: 375px) {
    .c-cardRoom__price {
      margin-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoom__price {
      margin-left: 16px; } }
  @media screen and (min-width: 375px) {
    .c-cardRoom__price {
      --underline-width: calc(0px + -35 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoom__price {
      --underline-width: -35px; } }
  .c-cardRoom__price u {
    position: relative;
    z-index: 0; }
    .c-cardRoom__price u:before {
      width: calc(100% - -30px - var(--underline-width));
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      content: '';
      border: 1px solid var(--c-white);
      border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
      border-image-slice: 33.3% 11.1%;
      border-image-repeat: stretch;
      border-image-width: 0% 11.1% 100% 11.1%;
      transform: translate(-30px, 30%);
      z-index: -1; }

.c-cardRoom__ctas {
  display: flex;
  margin-top: 20px;
  gap: 16px; }
  @media screen and (min-width: 375px) {
    .c-cardRoom__ctas {
      margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoom__ctas {
      margin-top: 40px; } }
  @media screen and (min-width: 375px) {
    .c-cardRoom__ctas {
      gap: calc(16px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoom__ctas {
      gap: 24px; } }

/*
 |--------------------------------------------------------------------------
 | .c-cardRoomBig
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/roomBig';
 */
.c-cardRoomBig__content {
  display: flex;
  flex-direction: column;
  align-items: center; }

.c-cardRoomBig__caption {
  margin-top: 20px;
  text-align: center; }
  @media screen and (min-width: 375px) {
    .c-cardRoomBig__caption {
      margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoomBig__caption {
      margin-top: 40px; } }

.c-cardRoomBig__properties {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 375px) {
    .c-cardRoomBig__properties {
      margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoomBig__properties {
      margin-top: 40px; } }
  @media (min-width: 768px) {
    .c-cardRoomBig__properties {
      flex-wrap: nowrap; } }

.c-cardRoomBig__area, .c-cardRoomBig__occupation, .c-cardRoomBig__priceBox, .c-cardRoomBig__ctas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px; }
  @media (min-width: 768px) {
    .c-cardRoomBig__area, .c-cardRoomBig__occupation, .c-cardRoomBig__priceBox, .c-cardRoomBig__ctas {
      padding-right: 16px;
      padding-left: 16px; }
      .c-cardRoomBig__area:not(:first-child), .c-cardRoomBig__occupation:not(:first-child), .c-cardRoomBig__priceBox:not(:first-child), .c-cardRoomBig__ctas:not(:first-child) {
        border-left: 1px solid var(--c-black); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-cardRoomBig__area, .c-cardRoomBig__occupation, .c-cardRoomBig__priceBox, .c-cardRoomBig__ctas {
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-cardRoomBig__area, .c-cardRoomBig__occupation, .c-cardRoomBig__priceBox, .c-cardRoomBig__ctas {
      padding-right: 32px;
      padding-left: 32px; } }

.c-cardRoomBig__area, .c-cardRoomBig__occupation {
  flex-basis: 65px; }
  @media screen and (min-width: 375px) {
    .c-cardRoomBig__area, .c-cardRoomBig__occupation {
      flex-basis: calc(65px + 15 * (100vw - 375px) / (393)); } }
  @media screen and (min-width: 768px) {
    .c-cardRoomBig__area, .c-cardRoomBig__occupation {
      flex-basis: 80px; } }
  @media (min-width: 768px) {
    .c-cardRoomBig__area, .c-cardRoomBig__occupation {
      flex-basis: auto; } }

.c-cardRoomBig__area {
  order: 1; }

.c-cardRoomBig__occupation {
  order: 3; }
  .c-cardRoomBig__occupation span {
    display: none; }
  @media (min-width: 768px) {
    .c-cardRoomBig__occupation {
      order: 2; }
      .c-cardRoomBig__occupation span {
        display: inline; } }

.c-cardRoomBig__priceBox {
  flex: 1 1 auto;
  order: 2;
  border-left: 1px solid var(--c-black);
  border-right: 1px solid var(--c-black); }
  @media (min-width: 768px) {
    .c-cardRoomBig__priceBox {
      order: 3;
      border-right: 1px solid transparent; } }

.c-cardRoomBig__ctas {
  flex-basis: 100%;
  order: 4;
  flex-direction: row;
  margin-top: 24px;
  -moz-column-gap: 26px;
       column-gap: 26px; }
  @media screen and (min-width: 375px) {
    .c-cardRoomBig__ctas {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-cardRoomBig__ctas {
      margin-top: 48px; } }
  @media (min-width: 768px) {
    .c-cardRoomBig__ctas {
      flex-basis: auto;
      border-left: 1px solid var(--c-black);
      flex-direction: column;
      margin-top: 0;
      -moz-column-gap: 0;
           column-gap: 0; } }

.c-cardRoomBig__priceFrom {
  display: flex;
  align-items: flex-end;
  gap: 8px; }

.c-cardRoomBig__price u {
  position: relative;
  z-index: 0; }
  .c-cardRoomBig__price u:before {
    width: calc(100% - 0px - 0px);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    content: '';
    border: 1px solid var(--c-white);
    border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
    border-image-slice: 33.3% 11.1%;
    border-image-repeat: stretch;
    border-image-width: 0% 11.1% 100% 11.1%;
    transform: translate(0px, 30%);
    z-index: -1; }

/*
 |--------------------------------------------------------------------------
 | .c-childPriceTable
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/childPrice/table';
 */
.c-childPriceTable__container {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .c-childPriceTable__container {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-childPriceTable__container {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-childPriceTable__container {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-childPriceTable__container {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-childPriceTable__container {
      padding-left: 32px;
      padding-right: 32px; } }

.c-childPriceTable__row {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto; }
  @media screen and (min-width: 375px) {
    .c-childPriceTable__row {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-childPriceTable__row {
      margin-left: -16px;
      margin-right: -16px; } }

.c-childPriceTable__col {
  width: calc(6 / 6 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  position: relative; }
  @media screen and (min-width: 375px) {
    .c-childPriceTable__col {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-childPriceTable__col {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 1024px) {
    .c-childPriceTable__col {
      width: calc(10 / 12 * 100%);
      margin-left: calc(1 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .c-childPriceTable__col {
      width: calc(20 / 24 * 100%);
      margin-left: calc(2 / 24 * 100%); } }

.c-childPriceTable__controls {
  display: none; }
  @media (min-width: 768px) {
    .c-childPriceTable__controls {
      padding-top: 16px;
      padding-bottom: 8px;
      display: block;
      z-index: 9;
      background-color: var(--c-white); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-childPriceTable__controls {
      padding-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-childPriceTable__controls {
      padding-top: 32px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-childPriceTable__controls {
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-childPriceTable__controls {
      padding-bottom: 16px; } }

@media (min-width: 768px) {
  .c-childPriceTable__wrapper {
    overflow: auto;
    cursor: -webkit-grab;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .c-childPriceTable__wrapper::-webkit-scrollbar {
      display: none; } }

.c-childPriceTable__thead {
  display: none; }
  @media (min-width: 768px) {
    .c-childPriceTable__thead {
      display: block; } }

.c-childPriceTable__tr {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px; }
  @media screen and (min-width: 375px) {
    .c-childPriceTable__tr {
      padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-childPriceTable__tr {
      padding-top: 16px;
      padding-bottom: 16px; } }
  @media (min-width: 768px) {
    .c-childPriceTable__tr {
      flex-wrap: nowrap;
      flex-direction: row;
      padding-top: 0;
      padding-bottom: 0; } }
  .c-childPriceTable__tr:nth-child(odd):before {
    content: '';
    width: calc(6 / 6 * 100vw);
    left: calc(3 / 6 * 100%);
    position: absolute;
    transform: translateX(-50%);
    background-color: var(--c-grey);
    height: 100%;
    z-index: -1;
    top: 0; }
  @media (min-width: 768px) {
    .c-childPriceTable__tr:nth-child(odd):before {
      content: none; } }

.c-childPriceTable__td, .c-childPriceTable__th {
  flex-basis: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 12px;
  padding-left: 12px; }
  @media screen and (min-width: 375px) {
    .c-childPriceTable__td, .c-childPriceTable__th {
      padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-childPriceTable__td, .c-childPriceTable__th {
      padding-top: 16px;
      padding-bottom: 16px; } }
  @media screen and (min-width: 375px) {
    .c-childPriceTable__td, .c-childPriceTable__th {
      padding-right: calc(12px + 12 * (100vw - 375px) / (1065));
      padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-childPriceTable__td, .c-childPriceTable__th {
      padding-right: 24px;
      padding-left: 24px; } }
  @media (min-width: 768px) {
    .c-childPriceTable__td, .c-childPriceTable__th {
      flex-basis: 175px;
      flex-shrink: 0;
      flex-grow: 0;
      background-color: var(--c-white);
      transition: background-color .2s ease-in-out; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-childPriceTable__td, .c-childPriceTable__th {
      flex-basis: calc(175px + 100 * (100vw - 768px) / (672)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-childPriceTable__td, .c-childPriceTable__th {
      flex-basis: 275px; } }
  @media (min-width: 768px) {
    .c-childPriceTable__td:first-child, .c-childPriceTable__th:first-child {
      flex-basis: 184px;
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      flex-basis: 275px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-childPriceTable__td:first-child, .c-childPriceTable__th:first-child {
      flex-basis: calc(184px + 91 * (100vw - 768px) / (672)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-childPriceTable__td:first-child, .c-childPriceTable__th:first-child {
      flex-basis: 275px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-childPriceTable__td:first-child, .c-childPriceTable__th:first-child {
      flex-basis: calc(275px + 100 * (100vw - 768px) / (672)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-childPriceTable__td:first-child, .c-childPriceTable__th:first-child {
      flex-basis: 375px; } }

.c-childPriceTable__th {
  border-top: 1px solid var(--c-black);
  border-bottom: 1px solid var(--c-black); }

.c-childPriceTable__tbody .c-childPriceTable__td:nth-child(even) {
  background-color: var(--c-grey); }

.c-childPriceTable__tbody .c-childPriceTable__tr {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-childPriceTable__tbody .c-childPriceTable__tr {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-childPriceTable__tbody .c-childPriceTable__tr {
      margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-childPriceTable__tbody .c-childPriceTable__tr {
      margin-top: 0; }
      .c-childPriceTable__tbody .c-childPriceTable__tr:hover .c-childPriceTable__td {
        background-color: var(--c-grey); } }

.c-childPriceTable__priceInfo {
  margin-bottom: 8px; }
  @media screen and (min-width: 375px) {
    .c-childPriceTable__priceInfo {
      margin-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-childPriceTable__priceInfo {
      margin-bottom: 16px; } }
  @media (min-width: 768px) {
    .c-childPriceTable__priceInfo {
      margin-bottom: 0; } }

.c-childPriceTable__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--c-black); }
  @media (min-width: 768px) {
    .c-childPriceTable__price {
      border-bottom: none; } }
  .c-childPriceTable__price:last-child {
    border-bottom: none; }
  @media (min-width: 768px) {
    .c-childPriceTable__price {
      justify-content: center; } }

.c-childPriceTable__seasonTime {
  display: inline-block; }
  @media (min-width: 768px) {
    .c-childPriceTable__seasonTime {
      display: none; } }

/*
 |--------------------------------------------------------------------------
 | .c-code
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/code/code';
 */
.c-code {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .c-code {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-code {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-code {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-code {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-code {
      padding-left: 32px;
      padding-right: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .c-ctaBar
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/cta/bar';
 */
.c-ctaBar {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 32px;
  padding-right: 32px;
  box-shadow: 0 3px 26px rgba(0, 0, 0, 0.16);
  background: var(--c-white); }
  @media screen and (min-width: 375px) {
    .c-ctaBar {
      padding-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-ctaBar {
      padding-top: 24px; } }
  @media screen and (min-width: 375px) {
    .c-ctaBar {
      padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-ctaBar {
      padding-bottom: 24px; } }
  @media screen and (min-width: 375px) {
    .c-ctaBar {
      padding-left: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-ctaBar {
      padding-left: 64px; } }
  @media screen and (min-width: 375px) {
    .c-ctaBar {
      padding-right: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-ctaBar {
      padding-right: 64px; } }
  .c-ctaBar__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-ctaBar__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ctaBar__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-ctaBar__ctas {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-ctaBar__ctas {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ctaBar__ctas {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-ctaBar__ctas {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ctaBar__ctas {
        margin-top: 16px; } }
    @media (min-width: 768px) {
      .c-ctaBar__ctas {
        width: calc(6 / 12 * 100%);
        margin-top: 0; } }
    @media (min-width: 1440px) {
      .c-ctaBar__ctas {
        width: auto; } }
  .c-ctaBar__cta {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-ctaBar__cta {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ctaBar__cta {
        padding-left: 16px;
        padding-right: 16px; } }
  .c-ctaBar__date {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 375px) {
      .c-ctaBar__date {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ctaBar__date {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-ctaBar__date {
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-ctaBar__date {
        width: 280px; } }
    .c-ctaBar__date input::-moz-placeholder {
      color: var(--c-text); }
    .c-ctaBar__date input:-ms-input-placeholder {
      color: var(--c-text); }
    .c-ctaBar__date input::placeholder {
      color: var(--c-text); }

/*
 |--------------------------------------------------------------------------
 | .c-embed
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/embed/embed';
 */
.c-embed {
  margin-top: 76px; }
  @media screen and (min-width: 375px) {
    .c-embed {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-embed {
      margin-top: 152px; } }
  .c-embed__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-embed__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-embed__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-embed__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-embed__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-embed__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-embed__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-embed__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-embed__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-embed__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-embed__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-embed__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1440px) {
      .c-embed__col {
        width: calc(20 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-embed__embed {
    position: relative; }
    .c-embed__embed::before {
      content: '';
      display: block;
      padding-top: calc(9/16 * 100%); }
    .c-embed__embed iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/*
 |--------------------------------------------------------------------------
 | .c-embedOverlay
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/embed/overlay';
 */
.c-embedOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--c-grey-dark);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  .c-embedOverlay__content {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 1000px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px; }
    @media screen and (min-width: 375px) {
      .c-embedOverlay__content {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-embedOverlay__content {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-embedOverlay__cta {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-embedOverlay__cta {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-embedOverlay__cta {
        margin-top: 32px; } }
  .c-embedOverlay__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

/*
 |--------------------------------------------------------------------------
 | .c-gridImages
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/images';
 */
.c-gridImages {
  margin-top: 40px; }
  @media screen and (min-width: 375px) {
    .c-gridImages {
      margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridImages {
      margin-top: 80px; } }
  .c-gridImages__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-gridImages__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-gridImages__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-gridImages__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-gridImages__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridImages__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-gridImages__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -4px;
    margin-right: -4px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-gridImages__row {
        margin-left: calc(-4px + -4 * (100vw - 375px) / (1065));
        margin-right: calc(-4px + -4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridImages__row {
        margin-left: -8px;
        margin-right: -8px; } }
    @media (min-width: 768px) {
      .c-gridImages__row {
        /*margin-left: $spacing;
  margin-right: $spacing;*/
        margin-left: -8px;
        margin-right: -8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-gridImages__row {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-gridImages__row {
      margin-left: -16px;
      margin-right: -16px; } }
    .c-gridImages__row > div {
      display: flex;
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 4px;
      padding-right: 4px;
      margin-top: 8px; }
      @media screen and (min-width: 375px) {
        .c-gridImages__row > div {
          padding-left: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-right: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridImages__row > div {
          padding-left: 8px;
          padding-right: 8px; } }
      @media screen and (min-width: 375px) {
        .c-gridImages__row > div {
          margin-top: calc(8px + 24 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridImages__row > div {
          margin-top: 32px; } }
      @media (min-width: 768px) {
        .c-gridImages__row > div {
          /*padding-left: $spacing;
  padding-right: $spacing;*/
          padding-left: 8px;
          padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-gridImages__row > div {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-gridImages__row > div {
      padding-left: 16px;
      padding-right: 16px; } }
      .c-gridImages__row > div picture {
        position: relative;
        height: 0; }
        .c-gridImages__row > div picture img {
          top: 0;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          position: absolute; }
  .c-gridImages__top > div {
    align-items: center; }
    @media (min-width: 768px) {
      .c-gridImages__top > div {
        margin-top: 0;
        align-items: flex-end; } }
    .c-gridImages__top > div:first-child {
      width: calc(5 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__top > div:first-child {
          width: calc(6 / 24 * 100%); } }
      .c-gridImages__top > div:first-child picture {
        padding-top: calc(2/3 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__top > div:first-child picture {
            padding-top: calc(1/1 * 100%); } }
    .c-gridImages__top > div:nth-child(2) {
      width: calc(2 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__top > div:nth-child(2) {
          width: calc(8 / 24 * 100%); } }
      .c-gridImages__top > div:nth-child(2) picture {
        padding-top: calc(100/59 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__top > div:nth-child(2) picture {
            padding-top: calc(4/3 * 100%); } }
    .c-gridImages__top > div:last-child {
      width: calc(4 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__top > div:last-child {
          width: calc(10 / 24 * 100%); } }
      .c-gridImages__top > div:last-child picture {
        padding-top: calc(82/100 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__top > div:last-child picture {
            padding-top: calc(3/4 * 100%); } }
  .c-gridImages__middle > div {
    align-items: center; }
    .c-gridImages__middle > div:nth-child(odd) {
      width: calc(3 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__middle > div:nth-child(odd) {
          width: calc(14 / 24 * 100%); } }
      .c-gridImages__middle > div:nth-child(odd) picture {
        padding-top: calc(1/1 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__middle > div:nth-child(odd) picture {
            padding-top: calc(47/100 * 100%); } }
    .c-gridImages__middle > div:nth-child(even) {
      width: calc(3 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__middle > div:nth-child(even) {
          width: calc(10 / 24 * 100%); } }
      .c-gridImages__middle > div:nth-child(even) picture {
        padding-top: calc(1/1 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__middle > div:nth-child(even) picture {
            padding-top: calc(67/100 * 100%); } }
  .c-gridImages__middle_switched > div {
    align-items: center; }
    .c-gridImages__middle_switched > div:nth-child(odd) {
      width: calc(3 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__middle_switched > div:nth-child(odd) {
          width: calc(10 / 24 * 100%); } }
      .c-gridImages__middle_switched > div:nth-child(odd) picture {
        padding-top: calc(1/1 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__middle_switched > div:nth-child(odd) picture {
            padding-top: calc(67/100 * 100%); } }
    .c-gridImages__middle_switched > div:nth-child(even) {
      width: calc(3 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__middle_switched > div:nth-child(even) {
          width: calc(14 / 24 * 100%); } }
      .c-gridImages__middle_switched > div:nth-child(even) picture {
        padding-top: calc(1/1 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__middle_switched > div:nth-child(even) picture {
            padding-top: calc(47/100 * 100%); } }
  .c-gridImages__bottom > div {
    align-items: center; }
    @media (min-width: 768px) {
      .c-gridImages__bottom > div {
        align-items: flex-start; } }
    .c-gridImages__bottom > div:first-child {
      width: calc(4 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__bottom > div:first-child {
          width: calc(10 / 24 * 100%); } }
      .c-gridImages__bottom > div:first-child picture {
        padding-top: calc(82/100 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__bottom > div:first-child picture {
            padding-top: calc(3/4 * 100%); } }
    .c-gridImages__bottom > div:nth-child(2) {
      width: calc(2 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__bottom > div:nth-child(2) {
          width: calc(8 / 24 * 100%); } }
      .c-gridImages__bottom > div:nth-child(2) picture {
        padding-top: calc(100/59 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__bottom > div:nth-child(2) picture {
            padding-top: calc(4/3 * 100%); } }
    .c-gridImages__bottom > div:last-child {
      width: calc(5 / 6 * 100%);
      margin-left: calc(1 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-gridImages__bottom > div:last-child {
          width: calc(6 / 24 * 100%);
          margin-left: calc(0 / 24 * 100%); } }
      .c-gridImages__bottom > div:last-child picture {
        padding-top: calc(2/3 * 100%); }
        @media (min-width: 768px) {
          .c-gridImages__bottom > div:last-child picture {
            padding-top: calc(1/1 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-gridInclusive
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/inclusive';
 */
.c-gridInclusive {
  margin-top: 68px;
  overflow: hidden; }
  @media screen and (min-width: 375px) {
    .c-gridInclusive {
      margin-top: calc(68px + 68 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridInclusive {
      margin-top: 136px; } }
  .c-gridInclusive__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-gridInclusive__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-gridInclusive__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-gridInclusive__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-gridInclusive__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridInclusive__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-gridInclusive__topline + .c-gridInclusive__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-gridInclusive__topline + .c-gridInclusive__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridInclusive__topline + .c-gridInclusive__headline {
        margin-top: 16px; } }
  .c-gridInclusive__wrapper {
    margin-top: 44px; }
    @media screen and (min-width: 375px) {
      .c-gridInclusive__wrapper {
        margin-top: calc(44px + 44 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridInclusive__wrapper {
        margin-top: 88px; } }
    @media (min-width: 768px) {
      .c-gridInclusive__wrapper {
        width: auto;
        /*margin-left: $spacing;
  margin-right: $spacing;*/
        margin-left: -8px;
        margin-right: -8px;
        flex-flow: row wrap;
        display: flex;
        flex: 1 1 auto; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-gridInclusive__wrapper {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-gridInclusive__wrapper {
      margin-left: -16px;
      margin-right: -16px; } }
    .c-gridInclusive__wrapper > div {
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px;
      width: calc(6 / 6 * 100%); }
      @media screen and (min-width: 375px) {
        .c-gridInclusive__wrapper > div {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridInclusive__wrapper > div {
          padding-left: 16px;
          padding-right: 16px; } }
      @media (min-width: 768px) {
        .c-gridInclusive__wrapper > div {
          margin-top: 56px;
          width: calc(8 / 24 * 100%); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-gridInclusive__wrapper > div {
      margin-top: calc(56px + 56 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-gridInclusive__wrapper > div {
      margin-top: 112px; } }
      @media (min-width: 768px) {
          .c-gridInclusive__wrapper > div:nth-child(-n+3) {
            margin-top: 0; } }
  .c-gridInclusive__controls {
    margin-top: 28px; }
    @media screen and (min-width: 375px) {
      .c-gridInclusive__controls {
        margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridInclusive__controls {
        margin-top: 56px; } }
    @media (min-width: 768px) {
      .c-gridInclusive__controls {
        display: none; } }
  .c-gridInclusive--hasBackground .c-gridInclusive__container {
    position: relative;
    padding-top: 44px;
    padding-bottom: 80px; }
    @media screen and (min-width: 375px) {
      .c-gridInclusive--hasBackground .c-gridInclusive__container {
        padding-top: calc(44px + 44 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridInclusive--hasBackground .c-gridInclusive__container {
        padding-top: 88px; } }
    @media screen and (min-width: 375px) {
      .c-gridInclusive--hasBackground .c-gridInclusive__container {
        padding-bottom: calc(80px + 80 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridInclusive--hasBackground .c-gridInclusive__container {
        padding-bottom: 160px; } }
    .c-gridInclusive--hasBackground .c-gridInclusive__container:before {
      content: '';
      width: calc(6 / 6 * 100vw);
      left: calc(3 / 6 * 100%);
      transform: translateX(-50%);
      background-color: var(--c-grey);
      position: absolute;
      z-index: -1;
      top: 0;
      height: 100%; }
  .c-gridInclusive .swiper-slide {
    opacity: 0;
    transition: opacity .3s ease-out, transform .6s ease-out; }
    @media (min-width: 768px) {
      .c-gridInclusive .swiper-slide {
        opacity: 1;
        transition: none; } }
  .c-gridInclusive .swiper-slide-prev {
    transform: translateX(-35px); }
  .c-gridInclusive .swiper-slide-next {
    transform: translateX(35px); }
  .c-gridInclusive .swiper-slide-active {
    opacity: 1;
    transform: translateX(0); }

/*
 |--------------------------------------------------------------------------
 | .c-gridLogos
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/logos';
 */
.c-gridLogos {
  margin-top: 32px; }
  @media screen and (min-width: 375px) {
    .c-gridLogos {
      margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridLogos {
      margin-top: 64px; } }
  .c-gridLogos__container {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px; }
    @media screen and (min-width: 375px) {
      .c-gridLogos__container {
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridLogos__container {
        padding-right: 32px;
        padding-left: 32px; } }
    @media screen and (min-width: 375px) {
      .c-gridLogos__container {
        gap: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridLogos__container {
        gap: 32px; } }
    @media (min-width: 768px) {
      .c-gridLogos__container {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100vw;
        max-width: 375px;
        padding-left: 16px;
        padding-right: 16px;
        flex-wrap: nowrap; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .c-gridLogos__container {
      max-width: 800px; } }
  @media (min-width: 768px) and (min-width: 1024px) {
    .c-gridLogos__container {
      max-width: 1200px; } }
  @media (min-width: 768px) and (min-width: 1440px) {
    .c-gridLogos__container {
      max-width: 1500px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-gridLogos__container {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-gridLogos__container {
      padding-left: 32px;
      padding-right: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .c-gridPackageDetail
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/packageDetail';
 */
.c-gridPackageDetail {
  margin-top: 44px; }
  @media screen and (min-width: 375px) {
    .c-gridPackageDetail {
      margin-top: calc(44px + 44 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridPackageDetail {
      margin-top: 88px; } }

/*
 |--------------------------------------------------------------------------
 | .c-gridPackages
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/packages';
 */
.c-gridPackages {
  margin-top: 32px;
  background-color: var(--c-grey);
  padding-top: 10px;
  padding-bottom: 60px; }
  @media screen and (min-width: 375px) {
    .c-gridPackages {
      margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridPackages {
      margin-top: 64px; } }
  @media screen and (min-width: 375px) {
    .c-gridPackages {
      padding-top: calc(10px + 60 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridPackages {
      padding-top: 70px; } }
  @media screen and (min-width: 375px) {
    .c-gridPackages {
      padding-bottom: calc(60px + 90 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridPackages {
      padding-bottom: 150px; } }
  .c-gridPackages__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-gridPackages__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-gridPackages__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-gridPackages__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-gridPackages__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackages__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-gridPackages__items {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-gridPackages__items {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackages__items {
        margin-left: -16px;
        margin-right: -16px; } }
    .c-gridPackages__items > div {
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px;
      margin-top: 48px; }
      @media screen and (min-width: 375px) {
        .c-gridPackages__items > div {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridPackages__items > div {
          padding-left: 16px;
          padding-right: 16px; } }
      @media screen and (min-width: 375px) {
        .c-gridPackages__items > div {
          margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridPackages__items > div {
          margin-top: 96px; } }
      .c-gridPackages__items > div:first-child {
        margin-top: 0px; }
        @media screen and (min-width: 375px) {
          .c-gridPackages__items > div:first-child {
            margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
        @media screen and (min-width: 1440px) {
          .c-gridPackages__items > div:first-child {
            margin-top: 0px; } }
      @media (min-width: 768px) {
        .c-gridPackages__items > div {
          width: calc(6 / 12 * 100%); }
          .c-gridPackages__items > div:nth-child(2) {
            margin-top: 0px; } }
    @media screen and (min-width: 768px) and (min-width: 375px) {
      .c-gridPackages__items > div:nth-child(2) {
        margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 768px) and (min-width: 1440px) {
      .c-gridPackages__items > div:nth-child(2) {
        margin-top: 0px; } }
      @media (min-width: 1440px) {
        .c-gridPackages__items > div {
          width: calc(11 / 24 * 100%); }
          .c-gridPackages__items > div:nth-child(odd) {
            margin-left: calc(1 / 24 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-gridPackagesFilter
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/packagesFilter';
 */
.c-gridPackagesFilter {
  margin-top: 32px;
  position: relative; }
  @media screen and (min-width: 375px) {
    .c-gridPackagesFilter {
      margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridPackagesFilter {
      margin-top: 64px; } }
  .c-gridPackagesFilter__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-gridPackagesFilter__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-gridPackagesFilter__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-gridPackagesFilter__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-gridPackagesFilter__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-gridPackagesFilter__filter {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: calc(6 / 6 * 100%);
    display: flex;
    flex-direction: column;
    gap: 16px; }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__filter {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__filter {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__filter {
        gap: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__filter {
        gap: 32px; } }
    @media (min-width: 768px) {
      .c-gridPackagesFilter__filter {
        flex-direction: row; } }
    @media (min-width: 1440px) {
      .c-gridPackagesFilter__filter {
        width: calc(22 / 24 * 100%);
        margin-left: calc(1 / 24 * 100%); } }
  .c-gridPackagesFilter__tags {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column; }
  .c-gridPackagesFilter__tagList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    -moz-column-gap: 20px;
         column-gap: 20px; }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__tagList {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__tagList {
        margin-top: 24px; } }
  .c-gridPackagesFilter__time {
    display: flex;
    flex: 0 1 100%;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .c-gridPackagesFilter__time {
        flex: 0 1 auto; } }
  .c-gridPackagesFilter__monthSelector {
    margin-top: 12px;
    margin-right: 16px; }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__monthSelector {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__monthSelector {
        margin-top: 24px; } }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__monthSelector {
        margin-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__monthSelector {
        margin-right: 32px; } }
  .c-gridPackagesFilter__durationSelector {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__durationSelector {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__durationSelector {
        margin-top: 24px; } }
  .c-gridPackagesFilter__items {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    position: relative;
    padding-top: 10px;
    padding-bottom: 60px;
    margin-top: 28px; }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__items {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__items {
        margin-left: -16px;
        margin-right: -16px; } }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__items {
        padding-top: calc(10px + 60 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__items {
        padding-top: 70px; } }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__items {
        padding-bottom: calc(60px + 90 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__items {
        padding-bottom: 150px; } }
    @media screen and (min-width: 375px) {
      .c-gridPackagesFilter__items {
        margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPackagesFilter__items {
        margin-top: 56px; } }
    .c-gridPackagesFilter__items::before {
      content: '';
      display: block;
      position: absolute;
      background: var(--c-grey);
      top: 0;
      bottom: 0;
      z-index: -1;
      left: 50%;
      transform: translateX(-50%);
      width: calc(6 / 6 * 100vw); }
    .c-gridPackagesFilter__items > div {
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px;
      margin-top: 48px; }
      @media screen and (min-width: 375px) {
        .c-gridPackagesFilter__items > div {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridPackagesFilter__items > div {
          padding-left: 16px;
          padding-right: 16px; } }
      @media screen and (min-width: 375px) {
        .c-gridPackagesFilter__items > div {
          margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridPackagesFilter__items > div {
          margin-top: 96px; } }
      .c-gridPackagesFilter__items > div:first-child {
        margin-top: 0px; }
        @media screen and (min-width: 375px) {
          .c-gridPackagesFilter__items > div:first-child {
            margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
        @media screen and (min-width: 1440px) {
          .c-gridPackagesFilter__items > div:first-child {
            margin-top: 0px; } }
      @media (min-width: 768px) {
        .c-gridPackagesFilter__items > div {
          width: calc(6 / 12 * 100%); }
          .c-gridPackagesFilter__items > div:nth-child(2) {
            margin-top: 0px; } }
    @media screen and (min-width: 768px) and (min-width: 375px) {
      .c-gridPackagesFilter__items > div:nth-child(2) {
        margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 768px) and (min-width: 1440px) {
      .c-gridPackagesFilter__items > div:nth-child(2) {
        margin-top: 0px; } }
      @media (min-width: 1440px) {
        .c-gridPackagesFilter__items > div {
          width: calc(11 / 24 * 100%); }
          .c-gridPackagesFilter__items > div:nth-child(odd) {
            margin-left: calc(1 / 24 * 100%); } }
    .c-gridPackagesFilter__items::after {
      content: '';
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMTIwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGZyb209IjE1IiB0bz0iMTUiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjAuOHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxNTs5OzE1IiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgZnJvbT0iMSIgdG89IjEiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjAuOHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxOy41OzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjYwIiBjeT0iMTUiIHI9IjkiIGZpbGwtb3BhY2l0eT0iMC4zIj4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBmcm9tPSI5IiB0bz0iOSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9Ijk7MTU7OSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGZyb209IjAuNSIgdG89IjAuNSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9Ii41OzE7LjUiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjEwNSIgY3k9IjE1IiByPSIxNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgZnJvbT0iMTUiIHRvPSIxNSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE1Ozk7MTUiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBmcm9tPSIxIiB0bz0iMSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7LjU7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgo8L3N2Zz4=);
      position: absolute;
      transform: translateX(-50%);
      left: 50%;
      z-index: 0;
      pointer-events: none;
      opacity: 0;
      transition: .3s ease-in-out;
      width: 50px;
      height: 50px;
      background-size: 50px auto;
      background-repeat: no-repeat;
      background-position: center;
      fill: var(--c-primary); }
    .c-gridPackagesFilter__items.is-loading::after {
      opacity: 1; }
    .c-gridPackagesFilter__items.is-loading > * {
      opacity: 0; }

/*
 |--------------------------------------------------------------------------
 | .c-gridPlatforms
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/platforms';
 */
.c-gridPlatforms {
  margin-top: 72px;
  overflow: hidden; }
  @media screen and (min-width: 375px) {
    .c-gridPlatforms {
      margin-top: calc(72px + 72 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridPlatforms {
      margin-top: 144px; } }
  @media (min-width: 768px) {
    .c-gridPlatforms__container {
      float: none;
      margin-left: auto;
      margin-right: auto;
      width: 100vw;
      max-width: 375px;
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .c-gridPlatforms__container {
      max-width: 800px; } }
  @media (min-width: 768px) and (min-width: 1024px) {
    .c-gridPlatforms__container {
      max-width: 1200px; } }
  @media (min-width: 768px) and (min-width: 1440px) {
    .c-gridPlatforms__container {
      max-width: 1500px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-gridPlatforms__container {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-gridPlatforms__container {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-gridPlatforms__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-gridPlatforms__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPlatforms__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-gridPlatforms__ratings {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px;
    width: calc(6 / 6 * 100%);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    --rating-row-gap: 16px;
    row-gap: var(--rating-row-gap); }
    @media screen and (min-width: 375px) {
      .c-gridPlatforms__ratings {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPlatforms__ratings {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .c-gridPlatforms__ratings {
        --rating-row-gap: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPlatforms__ratings {
        --rating-row-gap: 32px; } }
    @media (min-width: 375px) {
      .c-gridPlatforms__ratings {
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px;
        justify-content: space-evenly; } }
  @media screen and (min-width: 375px) and (min-width: 375px) {
    .c-gridPlatforms__ratings {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 375px) and (min-width: 1440px) {
    .c-gridPlatforms__ratings {
      padding-left: 16px;
      padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-gridPlatforms__ratings {
        width: calc(7 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-gridPlatforms__ratings {
        width: calc(17 / 24 * 100%); } }
    .c-gridPlatforms__ratings > div {
      padding-right: 8px;
      padding-left: 8px;
      flex-basis: 50%; }
      @media screen and (min-width: 375px) {
        .c-gridPlatforms__ratings > div {
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridPlatforms__ratings > div {
          padding-right: 16px;
          padding-left: 16px; } }
      @media (min-width: 375px) {
        .c-gridPlatforms__ratings > div {
          flex-basis: auto; } }
      @media (min-width: 768px) {
        .c-gridPlatforms__ratings > div {
          margin-top: 0; } }
  .c-gridPlatforms__content {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 24px;
    padding-right: 24px;
    width: calc(6 / 6 * 100%);
    text-align: center;
    margin-top: 48px; }
    @media screen and (min-width: 375px) {
      .c-gridPlatforms__content {
        padding-left: calc(24px + 24 * (100vw - 375px) / (1065));
        padding-right: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPlatforms__content {
        padding-left: 48px;
        padding-right: 48px; } }
    @media screen and (min-width: 375px) {
      .c-gridPlatforms__content {
        margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPlatforms__content {
        margin-top: 96px; } }
    @media (min-width: 768px) {
      .c-gridPlatforms__content {
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-gridPlatforms__content {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-gridPlatforms__content {
      padding-left: 16px;
      padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-gridPlatforms__content {
        width: calc(5 / 12 * 100%);
        text-align: unset;
        margin-top: 0; } }
    @media (min-width: 1440px) {
      .c-gridPlatforms__content {
        width: calc(7 / 24 * 100%); } }
  .c-gridPlatforms__headline + .c-gridPlatforms__text {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-gridPlatforms__headline + .c-gridPlatforms__text {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPlatforms__headline + .c-gridPlatforms__text {
        margin-top: 24px; } }
  .c-gridPlatforms__text + .c-gridPlatforms__link {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-gridPlatforms__text + .c-gridPlatforms__link {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPlatforms__text + .c-gridPlatforms__link {
        margin-top: 24px; } }
  .c-gridPlatforms--hasBackground .c-gridPlatforms__container {
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px; }
    @media screen and (min-width: 375px) {
      .c-gridPlatforms--hasBackground .c-gridPlatforms__container {
        padding-top: calc(48px + 48 * (100vw - 375px) / (1065));
        padding-bottom: calc(48px + 48 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPlatforms--hasBackground .c-gridPlatforms__container {
        padding-top: 96px;
        padding-bottom: 96px; } }
    .c-gridPlatforms--hasBackground .c-gridPlatforms__container:before {
      content: '';
      width: calc(6 / 6 * 100vw);
      left: calc(3 / 6 * 100%);
      transform: translateX(-50%);
      background-color: var(--c-grey);
      position: absolute;
      z-index: -1;
      top: 0;
      height: 100%; }

/*
 |--------------------------------------------------------------------------
 | .c-gridPriceOverview
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/priceOverview';
 */
.c-gridPriceOverview {
  margin-top: 48px; }
  @media screen and (min-width: 375px) {
    .c-gridPriceOverview {
      margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridPriceOverview {
      margin-top: 96px; } }
  .c-gridPriceOverview__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-gridPriceOverview__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-gridPriceOverview__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-gridPriceOverview__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-gridPriceOverview__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPriceOverview__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-gridPriceOverview__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-gridPriceOverview__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPriceOverview__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-gridPriceOverview__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    position: relative; }
    @media screen and (min-width: 375px) {
      .c-gridPriceOverview__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridPriceOverview__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-gridPriceOverview__col {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-gridPriceOverview__col {
        width: calc(20 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-gridPriceOverview__controls {
    display: none; }
    @media (min-width: 768px) {
      .c-gridPriceOverview__controls {
        top: 84px;
        padding-top: 16px;
        padding-bottom: 8px;
        display: block;
        position: -webkit-sticky;
        position: sticky;
        z-index: 9;
        background-color: var(--c-white); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-gridPriceOverview__controls {
      padding-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-gridPriceOverview__controls {
      padding-top: 32px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-gridPriceOverview__controls {
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-gridPriceOverview__controls {
      padding-bottom: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-gridRoomDetailCalender
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/roomDetailCalender';
 */
.c-gridRoomDetailCalender {
  margin-top: 56px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media screen and (min-width: 375px) {
    .c-gridRoomDetailCalender {
      margin-top: calc(56px + 56 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridRoomDetailCalender {
      margin-top: 112px; } }
  @media (min-width: 768px) {
    .c-gridRoomDetailCalender {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-gridRoomDetailCalender {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-gridRoomDetailCalender {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-gridRoomDetailCalender {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridRoomDetailCalender {
      padding-left: 32px;
      padding-right: 32px; } }
  @media (min-width: 768px) {
    .c-gridRoomDetailCalender {
      max-width: unset;
      padding: 0; } }
  .c-gridRoomDetailCalender__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-gridRoomDetailCalender__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridRoomDetailCalender__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-gridRoomDetailCalender__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-gridRoomDetailCalender__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridRoomDetailCalender__content {
        padding-left: 16px;
        padding-right: 16px; } }
  .c-gridRoomDetailCalender__calender {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 40px; }
    @media screen and (min-width: 375px) {
      .c-gridRoomDetailCalender__calender {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridRoomDetailCalender__calender {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-gridRoomDetailCalender__calender {
        margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridRoomDetailCalender__calender {
        margin-top: 80px; } }
    @media (min-width: 768px) {
      .c-gridRoomDetailCalender__calender {
        width: calc(6 / 12 * 100%);
        margin-left: calc(3 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-gridRoomDetailCalender__calender {
        width: calc(24 / 24 * 100%);
        margin-left: calc(0 / 24 * 100%); } }
    @media (min-width: 1440px) {
      .c-gridRoomDetailCalender__calender {
        width: calc(18 / 24 * 100%);
        margin-left: calc(3 / 24 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-gridRoomDetailInfo
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/roomDetailInfo';
 */
.c-gridRoomDetailInfo {
  margin-top: 40px; }
  @media screen and (min-width: 375px) {
    .c-gridRoomDetailInfo {
      margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridRoomDetailInfo {
      margin-top: 80px; } }

/*
 |--------------------------------------------------------------------------
 | .c-gridRooms
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/grid/rooms';
 */
.c-gridRooms {
  margin-top: 24px;
  overflow: hidden; }
  @media screen and (min-width: 375px) {
    .c-gridRooms {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-gridRooms {
      margin-top: 48px; } }
  .c-gridRooms__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-gridRooms__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-gridRooms__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-gridRooms__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-gridRooms__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridRooms__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-gridRooms__items {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    position: relative;
    padding-bottom: 60px; }
    @media screen and (min-width: 375px) {
      .c-gridRooms__items {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridRooms__items {
        margin-left: -16px;
        margin-right: -16px; } }
    @media screen and (min-width: 375px) {
      .c-gridRooms__items {
        padding-bottom: calc(60px + 90 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-gridRooms__items {
        padding-bottom: 150px; } }
    .c-gridRooms__items::before {
      content: '';
      display: block;
      position: absolute;
      background: var(--c-grey);
      top: 80px;
      bottom: 0;
      z-index: -1;
      left: 50%;
      transform: translateX(-50%);
      width: calc(6 / 6 * 100vw); }
      @media screen and (min-width: 375px) {
        .c-gridRooms__items::before {
          top: calc(80px + 60 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridRooms__items::before {
          top: 140px; } }
    .c-gridRooms__items > div {
      width: calc(6 / 6 * 100%);
      margin-top: 48px; }
      @media screen and (min-width: 375px) {
        .c-gridRooms__items > div {
          margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-gridRooms__items > div {
          margin-top: 96px; } }
      .c-gridRooms__items > div:first-child {
        margin-top: 0; }
      @media (min-width: 1024px) {
        .c-gridRooms__items > div {
          margin-top: 80px;
          width: calc(6 / 12 * 100%); } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .c-gridRooms__items > div {
      margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1024px) and (min-width: 1440px) {
    .c-gridRooms__items > div {
      margin-top: 160px; } }
      @media (min-width: 1024px) {
          .c-gridRooms__items > div:first-child, .c-gridRooms__items > div:nth-child(2) {
            margin-top: 0; } }
      @media (min-width: 1440px) {
        .c-gridRooms__items > div {
          width: calc(11 / 24 * 100%); } }
      @media (min-width: 1440px) {
        .c-gridRooms__items > div:nth-child(odd) {
          margin-left: calc(1 / 24 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-illustrationDivider
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/illustration/divider';
 */
.c-illustrationDivider {
  margin-top: 64px; }
  @media screen and (min-width: 375px) {
    .c-illustrationDivider {
      margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-illustrationDivider {
      margin-top: 128px; } }
  .c-illustrationDivider__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-illustrationDivider__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-illustrationDivider__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-illustrationDivider__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-illustrationDivider__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-illustrationDivider__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-illustrationDivider__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-illustrationDivider__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-illustrationDivider__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-illustrationDivider__col {
    width: calc(24 / 24 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-illustrationDivider__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-illustrationDivider__col {
        padding-left: 16px;
        padding-right: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-imageGallery
 |--------------------------------------------------------------------------
 */
.c-imageGallery {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto; }
  @media screen and (min-width: 375px) {
    .c-imageGallery {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-imageGallery {
      margin-left: -16px;
      margin-right: -16px; } }
  .c-imageGallery__item {
    display: flex;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 4px;
    padding-right: 4px;
    width: calc(3 / 6 * 100%);
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-imageGallery__item {
        padding-left: calc(4px + 4 * (100vw - 375px) / (1065));
        padding-right: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-imageGallery__item {
        padding-left: 8px;
        padding-right: 8px; } }
    @media screen and (min-width: 375px) {
      .c-imageGallery__item {
        margin-top: calc(8px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-imageGallery__item {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-imageGallery__item {
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-imageGallery__item {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-imageGallery__item {
      padding-left: 16px;
      padding-right: 16px; } }
    .c-imageGallery__item .c-imageGallery__image {
      position: relative;
      height: 0; }
      .c-imageGallery__item .c-imageGallery__image img {
        top: 0;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute; }
    @media (min-width: 768px) {
      .c-imageGallery__item:nth-child(odd) {
        width: calc(7 / 24 * 100%); } }
    .c-imageGallery__item:nth-child(odd) .c-imageGallery__image {
      padding-top: calc(1/1 * 100%); }
      @media (min-width: 768px) {
        .c-imageGallery__item:nth-child(odd) .c-imageGallery__image {
          padding-top: calc(98/100 * 100%); } }
    @media (min-width: 768px) {
      .c-imageGallery__item:nth-child(even) {
        width: calc(10 / 24 * 100%); } }
    .c-imageGallery__item:nth-child(even) .c-imageGallery__image {
      padding-top: calc(1/1 * 100%); }
      @media (min-width: 768px) {
        .c-imageGallery__item:nth-child(even) .c-imageGallery__image {
          padding-top: calc(67/100 * 100%); } }
    @media (min-width: 768px) {
      .c-imageGallery__item:nth-child(3n+3) {
        width: calc(7 / 24 * 100%); } }
    .c-imageGallery__item:nth-child(3n+3) .c-imageGallery__image {
      padding-top: calc(1/1 * 100%); }
      @media (min-width: 768px) {
        .c-imageGallery__item:nth-child(3n+3) .c-imageGallery__image {
          padding-top: calc(98/100 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-imageGrid
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/image/grid';
 */
.c-imageGrid__item {
  position: relative;
  display: block;
  width: 100%; }

/*
 |--------------------------------------------------------------------------
 | .c-imageSingle
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/image/single';
 */
.c-imageSingle {
  margin-top: 76px; }
  @media screen and (min-width: 375px) {
    .c-imageSingle {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-imageSingle {
      margin-top: 152px; } }
  .c-imageSingle__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-imageSingle__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-imageSingle__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-imageSingle__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-imageSingle__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-imageSingle__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-imageSingle__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-imageSingle__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-imageSingle__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-imageSingle__col {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: calc(6 / 6 * 100%); }
    @media screen and (min-width: 375px) {
      .c-imageSingle__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-imageSingle__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1440px) {
      .c-imageSingle__col {
        width: calc(20 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-imageSingle--fullwidth .c-imageSingle__container {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    padding: 0; }
  .c-imageSingle--fullwidth .c-imageSingle__row {
    margin: 0; }
  .c-imageSingle--fullwidth .c-imageSingle__col {
    padding: 0; }
    @media (min-width: 1440px) {
      .c-imageSingle--fullwidth .c-imageSingle__col {
        width: 100%;
        margin: 0; } }

/*
 |--------------------------------------------------------------------------
 | .c-imageSliderFraction
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/image/sliderFraction';
 */
.c-imageSliderFraction {
  overflow: hidden; }
  .c-imageSliderFraction__controls {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-imageSliderFraction__controls {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-imageSliderFraction__controls {
        margin-top: 24px; } }

/*
 |--------------------------------------------------------------------------
 | .c-imageSliderFullwidth
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/image/sliderFullwidth';
 */
.c-imageSliderFullwidth {
  transition-property: transform, opacity; }

/*
 |--------------------------------------------------------------------------
 | .c-imprint
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/imprint/imprint';
 */
.c-imprint {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 40px;
  position: relative; }
  @media (min-width: 768px) {
    .c-imprint {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-imprint {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-imprint {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-imprint {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-imprint {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-imprint {
      margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-imprint {
      margin-top: 80px; } }
  .c-imprint__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-imprint__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-imprint__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-imprint__text {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-imprint__text {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-imprint__text {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-imprint__text {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    .c-imprint__text h1 {
      font-family: "DM Serif Display", serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 1.52087rem;
      font-family: "DM Serif Display", serif;
      color: var(--c-black); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-imprint__text h1 {
          font-size: calc( 1.52087rem + 0.5553 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-imprint__text h1 {
          font-size: 2.07617rem; } }
      .c-imprint__text h1 u {
        display: inline-block;
        text-decoration: none;
        white-space: nowrap;
        position: relative;
        z-index: 0; }
        .c-imprint__text h1 u:before {
          width: calc(100% - 40px - 0px);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          content: '';
          border: 1px solid var(--c-white);
          border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
          border-image-slice: 33.3% 11.1%;
          border-image-repeat: stretch;
          border-image-width: 0% 11.1% 100% 11.1%;
          transform: translate(40px, 30%);
          z-index: -1; }
    .c-imprint__text h2 {
      margin-top: 4px;
      font-family: "DM Serif Display", serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 1.3225rem;
      font-family: "DM Serif Display", serif;
      color: var(--c-black); }
      @media screen and (min-width: 375px) {
        .c-imprint__text h2 {
          margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-imprint__text h2 {
          margin-top: 8px; } }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-imprint__text h2 {
          font-size: calc( 1.3225rem + 0.33844 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-imprint__text h2 {
          font-size: 1.66094rem; } }
      .c-imprint__text h2 u {
        display: inline-block;
        text-decoration: none;
        white-space: nowrap;
        position: relative;
        z-index: 0; }
        .c-imprint__text h2 u:before {
          width: calc(100% - 40px - 0px);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          content: '';
          border: 1px solid var(--c-white);
          border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
          border-image-slice: 33.3% 11.1%;
          border-image-repeat: stretch;
          border-image-width: 0% 11.1% 100% 11.1%;
          transform: translate(40px, 30%);
          z-index: -1; }
    .c-imprint__text h3,
    .c-imprint__text h4 {
      font-family: "DM Serif Display", serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 1rem;
      font-family: "Lato", sans-serif;
      font-weight: bold;
      color: var(--c-black);
      font-weight: bold;
      text-transform: uppercase; }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-imprint__text h3,
        .c-imprint__text h4 {
          font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-imprint__text h3,
        .c-imprint__text h4 {
          font-size: 1.063rem; } }
      .c-imprint__text h3 + p,
      .c-imprint__text h4 + p {
        margin-top: 8px; }
        @media screen and (min-width: 375px) {
          .c-imprint__text h3 + p,
          .c-imprint__text h4 + p {
            margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
        @media screen and (min-width: 1440px) {
          .c-imprint__text h3 + p,
          .c-imprint__text h4 + p {
            margin-top: 16px; } }
    .c-imprint__text p + h3,
    .c-imprint__text p + h4,
    .c-imprint__text ol + h3,
    .c-imprint__text ol + h4,
    .c-imprint__text ul + h3,
    .c-imprint__text ul + h4 {
      margin-top: 8px; }
      @media screen and (min-width: 375px) {
        .c-imprint__text p + h3,
        .c-imprint__text p + h4,
        .c-imprint__text ol + h3,
        .c-imprint__text ol + h4,
        .c-imprint__text ul + h3,
        .c-imprint__text ul + h4 {
          margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-imprint__text p + h3,
        .c-imprint__text p + h4,
        .c-imprint__text ol + h3,
        .c-imprint__text ol + h4,
        .c-imprint__text ul + h3,
        .c-imprint__text ul + h4 {
          margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-jobsAccordion
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/jobs/accordion';
 */
.c-jobsAccordion__item {
  border-bottom: 1px solid var(--c-black); }

.c-jobsAccordion__bodyRow {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto;
  padding-bottom: 16px; }
  @media screen and (min-width: 375px) {
    .c-jobsAccordion__bodyRow {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-jobsAccordion__bodyRow {
      margin-left: -16px;
      margin-right: -16px; } }
  @media screen and (min-width: 375px) {
    .c-jobsAccordion__bodyRow {
      padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-jobsAccordion__bodyRow {
      padding-bottom: 32px; } }

.c-jobsAccordion__bodyCol {
  width: calc(6 / 6 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px; }
  @media screen and (min-width: 375px) {
    .c-jobsAccordion__bodyCol {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-jobsAccordion__bodyCol {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .c-jobsAccordion__bodyCol {
      width: calc(6 / 12 * 100%); } }

.c-jobsAccordion__intro {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  width: calc(6 / 6 * 100%); }
  @media screen and (min-width: 375px) {
    .c-jobsAccordion__intro {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-jobsAccordion__intro {
      padding-left: 16px;
      padding-right: 16px; } }

.c-jobsAccordion__offer, .c-jobsAccordion__tasks, .c-jobsAccordion__requirements, .c-jobsAccordion__contact {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-jobsAccordion__offer, .c-jobsAccordion__tasks, .c-jobsAccordion__requirements, .c-jobsAccordion__contact {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-jobsAccordion__offer, .c-jobsAccordion__tasks, .c-jobsAccordion__requirements, .c-jobsAccordion__contact {
      margin-top: 32px; } }

.c-jobsAccordion__contactFooter {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-jobsAccordion__contactFooter {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-jobsAccordion__contactFooter {
      margin-top: 32px; } }

.c-jobsAccordion__btn {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-jobsAccordion__btn {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-jobsAccordion__btn {
      margin-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .c-jobsContainer
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/jobs/container';
 */
.c-jobsContainer {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 40px; }
  @media (min-width: 768px) {
    .c-jobsContainer {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-jobsContainer {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-jobsContainer {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-jobsContainer {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-jobsContainer {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-jobsContainer {
      margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-jobsContainer {
      margin-top: 80px; } }
  .c-jobsContainer__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-jobsContainer__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-jobsContainer__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-jobsContainer__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-jobsContainer__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-jobsContainer__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-jobsContainer__col {
        margin-left: calc(1 / 12 * 100%);
        width: calc(10 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-jobsContainer__col {
        margin-left: calc(2 / 12 * 100%);
        width: calc(8 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-jobsContainer__col {
        margin-left: calc(5 / 24 * 100%);
        width: calc(16 / 24 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-languageSwitch
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/languageSwitch/languageSwitch';
 */
.c-languageSwitch {
  height: 100%;
  display: flex;
  align-items: center; }
  .c-languageSwitch__language {
    font-family: "Lato", sans-serif;
    margin-right: 14px;
    margin-left: 14px;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out;
    text-decoration: none;
    color: currentColor; }
    @media screen and (min-width: 375px) {
      .c-languageSwitch__language {
        margin-right: calc(14px + 14 * (100vw - 375px) / (1065));
        margin-left: calc(14px + 14 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-languageSwitch__language {
        margin-right: 28px;
        margin-left: 28px; } }
    .c-languageSwitch__language:hover {
      color: var(--c-primary); }

/*
 |--------------------------------------------------------------------------
 | .c-linkPhone
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/link/phone';
 */
.c-linkPhone {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: color .3s ease-in-out; }
  .c-linkPhone:hover {
    color: var(--c-primary); }
  .c-linkPhone__icon {
    margin-right: 8px;
    color: currentColor; }
    @media screen and (min-width: 375px) {
      .c-linkPhone__icon {
        margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-linkPhone__icon {
        margin-right: 16px; } }
  .c-linkPhone__text {
    display: none; }
    @media (min-width: 768px) {
      .c-linkPhone__text {
        display: block;
        text-decoration: none;
        color: currentColor; } }

/*
 |--------------------------------------------------------------------------
 | .c-linkTextIcon
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/link/textIcon';
 */
.c-linkTextIcon {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 0.86957rem;
  display: inline-flex;
  align-items: center; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .c-linkTextIcon {
      font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .c-linkTextIcon {
      font-size: 0.8504rem; } }
  @media (min-width: 768px) {
    .c-linkTextIcon--hoverColorChange {
      color: var(--c-text);
      transition: color .3s ease-out; }
      .c-linkTextIcon--hoverColorChange:hover {
        color: var(--c-primary); } }

/*
 |--------------------------------------------------------------------------
 | .c-listDownloads
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/list/downloads';
 */
.c-listDownloads {
  margin-top: 48px; }
  @media screen and (min-width: 375px) {
    .c-listDownloads {
      margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-listDownloads {
      margin-top: 96px; } }
  .c-listDownloads__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-listDownloads__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-listDownloads__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-listDownloads__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-listDownloads__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-listDownloads__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-listDownloads__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-listDownloads__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-listDownloads__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-listDownloads__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-listDownloads__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-listDownloads__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-listDownloads__col {
        margin-left: calc(1 / 12 * 100%);
        width: calc(10 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-listDownloads__col {
        margin-left: calc(2 / 12 * 100%);
        width: calc(8 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-listDownloads__col {
        margin-left: calc(4 / 24 * 100%);
        width: calc(16 / 24 * 100%); } }
  .c-listDownloads__item {
    border-bottom: 1px solid var(--c-black);
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    @media screen and (min-width: 375px) {
      .c-listDownloads__item {
        padding-top: calc(12px + 12 * (100vw - 375px) / (1065));
        padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-listDownloads__item {
        padding-top: 24px;
        padding-bottom: 24px; } }
    .c-listDownloads__item:first-child {
      border-top: 1px solid var(--c-black); }

/*
 |--------------------------------------------------------------------------
 | .c-logo
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/logo/logo';
 */
.c-logo {
  display: block; }
  .nav-open .c-logo .c-logo__svg {
    transition: visibility 0s .6s, opacity .5s linear;
    visibility: hidden;
    opacity: 0; }
  .c-logo__svg {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s linear; }
    .c-logo__svg svg .familiengut__box {
      fill: transparent; }
      .c-pageHeader--white .c-logo__svg svg .familiengut__box,
      .nav-open .c-logo__svg svg .familiengut__box {
        fill: var(--c-theme-olive); }
    .c-logo__svg svg .familiengut__border {
      fill: currentColor; }
      .c-pageHeader--white .c-logo__svg svg .familiengut__border,
      .nav-open .c-logo__svg svg .familiengut__border {
        stroke: var(--c-white); }
    .c-logo__svg svg .familiengut__typo {
      fill: var(--c-white); }
    .c-logo__svg svg .burgstaller__box {
      fill: transparent; }
      .c-pageHeader--white .c-logo__svg svg .burgstaller__box,
      .nav-open .c-logo__svg svg .burgstaller__box {
        fill: var(--c-white); }
    .c-logo__svg svg .burgstaller__border {
      fill: currentColor; }
    .c-logo__svg svg .burgstaller__typo {
      fill: currentColor; }

/*
@keyframes fade-out {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}*/
/*
 |--------------------------------------------------------------------------
 | .c-modalDataPrivacy
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/modal/dataPrivacy';
 */
#modalPrivacyPolicy {
  z-index: 20000; }
  #modalPrivacyPolicy .modal-body {
    overflow: auto; }
  #modalPrivacyPolicy .e-text {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      #modalPrivacyPolicy .e-text {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      #modalPrivacyPolicy .e-text {
        padding-left: 16px;
        padding-right: 16px; } }
    #modalPrivacyPolicy .e-text h1 {
      font-family: "DM Serif Display", serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 2.01136rem;
      font-family: "DM Serif Display", serif;
      color: var(--c-black); }
      @media (min-width: 375px) and (max-width: 1440px) {
        #modalPrivacyPolicy .e-text h1 {
          font-size: calc( 2.01136rem + 1.23266 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        #modalPrivacyPolicy .e-text h1 {
          font-size: 3.24402rem; } }
      #modalPrivacyPolicy .e-text h1 u {
        display: inline-block;
        text-decoration: none;
        white-space: nowrap;
        position: relative;
        z-index: 0; }
        #modalPrivacyPolicy .e-text h1 u:before {
          width: calc(100% - 40px - 0px);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          content: '';
          border: 1px solid var(--c-white);
          border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
          border-image-slice: 33.3% 11.1%;
          border-image-repeat: stretch;
          border-image-width: 0% 11.1% 100% 11.1%;
          transform: translate(40px, 30%);
          z-index: -1; }
    #modalPrivacyPolicy .e-text h2 {
      font-family: "DM Serif Display", serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 1.52087rem;
      font-family: "Lato", sans-serif;
      font-weight: bold;
      color: var(--c-black);
      margin-top: 6.4px; }
      @media (min-width: 375px) and (max-width: 1440px) {
        #modalPrivacyPolicy .e-text h2 {
          font-size: calc( 1.52087rem + 0.5553 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        #modalPrivacyPolicy .e-text h2 {
          font-size: 2.07617rem; } }
      @media screen and (min-width: 375px) {
        #modalPrivacyPolicy .e-text h2 {
          margin-top: calc(6.4px + 6.4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        #modalPrivacyPolicy .e-text h2 {
          margin-top: 12.8px; } }
    #modalPrivacyPolicy .e-text h3,
    #modalPrivacyPolicy .e-text h4 {
      margin-top: 16px;
      font-family: "DM Serif Display", serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 1rem;
      font-family: "Lato", sans-serif;
      font-weight: bold;
      color: var(--c-black);
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 0.1em; }
      @media screen and (min-width: 375px) {
        #modalPrivacyPolicy .e-text h3,
        #modalPrivacyPolicy .e-text h4 {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        #modalPrivacyPolicy .e-text h3,
        #modalPrivacyPolicy .e-text h4 {
          margin-top: 32px; } }
      @media (min-width: 375px) and (max-width: 1440px) {
        #modalPrivacyPolicy .e-text h3,
        #modalPrivacyPolicy .e-text h4 {
          font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        #modalPrivacyPolicy .e-text h3,
        #modalPrivacyPolicy .e-text h4 {
          font-size: 1.063rem; } }
      #modalPrivacyPolicy .e-text h3 + p,
      #modalPrivacyPolicy .e-text h4 + p {
        margin-top: 4px; }
        @media screen and (min-width: 375px) {
          #modalPrivacyPolicy .e-text h3 + p,
          #modalPrivacyPolicy .e-text h4 + p {
            margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
        @media screen and (min-width: 1440px) {
          #modalPrivacyPolicy .e-text h3 + p,
          #modalPrivacyPolicy .e-text h4 + p {
            margin-top: 8px; } }
    #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table {
      font-size: 1rem; }
      @media (min-width: 375px) and (max-width: 1440px) {
        #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table {
          font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table {
          font-size: 1.063rem; } }

.cookiefirst-cookie-declaration button {
  font-family: "Lato", sans-serif;
  font-size: 0.86957rem;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: transparent;
  text-align: center;
  flex-wrap: wrap;
  display: inline-flex;
  position: relative;
  justify-content: center;
  --button-border-offset: 4px;
  --button-border-width: 2px;
  transition: background-color .3s ease-out, color .3s ease-out;
  color: var(--c-black);
  margin-right: 8px; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .cookiefirst-cookie-declaration button {
      font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .cookiefirst-cookie-declaration button {
      font-size: 0.8504rem; } }
  @media screen and (min-width: 375px) {
    .cookiefirst-cookie-declaration button {
      padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
      padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .cookiefirst-cookie-declaration button {
      padding-bottom: 15px;
      padding-top: 15px; } }
  @media screen and (min-width: 375px) {
    .cookiefirst-cookie-declaration button {
      padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
      padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .cookiefirst-cookie-declaration button {
      padding-left: 40px;
      padding-right: 40px; } }
  @media screen and (min-width: 375px) {
    .cookiefirst-cookie-declaration button {
      --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .cookiefirst-cookie-declaration button {
      --button-border-offset: 6px; } }
  .cookiefirst-cookie-declaration button:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    border-width: var(--button-border-width);
    border-style: solid;
    border-color: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: width .3s ease-out, height .3s ease-out; }
  .cookiefirst-cookie-declaration button:before {
    border-color: var(--c-black); }
  .cookiefirst-cookie-declaration button:hover, .cookiefirst-cookie-declaration button:focus {
    background-color: var(--c-black);
    color: var(--c-primary); }
    .cookiefirst-cookie-declaration button:hover:before, .cookiefirst-cookie-declaration button:focus:before {
      width: calc(100% + (var(--button-border-offset) * 2));
      height: calc(100% + (var(--button-border-offset) * 2)); }
  @media screen and (min-width: 375px) {
    .cookiefirst-cookie-declaration button {
      margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .cookiefirst-cookie-declaration button {
      margin-right: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-navigation
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/navigation/navigation';
 */
.c-navigation {
  position: fixed;
  top: -100vh;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--c-white);
  transition: top 0.5s ease-in-out;
  z-index: -1; }
  .nav-open .c-navigation {
    top: 0; }
  .c-navigation__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 64px; }
    @media (min-width: 768px) {
      .c-navigation__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-navigation__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-navigation__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-navigation__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-navigation__container {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .c-navigation__container {
        margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-navigation__container {
        margin-top: 128px; } }
    @media (min-width: 768px) {
      .c-navigation__container {
        margin-top: 0; } }
  .c-navigation__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-navigation__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-navigation__row {
        margin-left: -16px;
        margin-right: -16px; } }
    .c-navigation__row:after {
      content: '';
      position: absolute;
      display: block;
      z-index: 1;
      bottom: 0;
      left: 0;
      width: 100%;
      height: calc(8px * 12);
      background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0) 100%);
      pointer-events: none; }
      @media (min-width: 768px) {
        .c-navigation__row:after {
          width: 50%; } }
  .c-navigation__menu {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 112px;
    position: relative;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: auto; }
    @media screen and (min-width: 375px) {
      .c-navigation__menu {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-navigation__menu {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-navigation__menu {
        padding-bottom: calc(112px + 112 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-navigation__menu {
        padding-bottom: 224px; } }
    .c-navigation__menu::-webkit-scrollbar {
      display: none; }
    @media (min-width: 768px) {
      .c-navigation__menu {
        width: calc(6 / 12 * 100%);
        padding-top: 75px;
        padding-bottom: 75px; } }
    @media (max-height: 1024px) {
      .c-navigation__menu {
        height: 100vh; } }
    @media (min-width: 1024px) {
      .c-navigation__menu {
        padding-top: 84px; } }
  .c-navigation__level1 {
    font-family: "DM Serif Display", serif;
    font-size: 1.74901rem;
    text-decoration: none; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-navigation__level1 {
        font-size: calc( 1.74901rem + 0.84621 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-navigation__level1 {
        font-size: 2.59521rem; } }
    @media (min-width: 768px) {
      .c-navigation__level1 {
        padding-bottom: 12px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-navigation__level1 {
      padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-navigation__level1 {
      padding-bottom: 24px; } }
    .c-navigation__level1 > .c-navigation__linkItem {
      margin-top: 12px;
      display: block;
      z-index: 2; }
      @media screen and (min-width: 375px) {
        .c-navigation__level1 > .c-navigation__linkItem {
          margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-navigation__level1 > .c-navigation__linkItem {
          margin-top: 24px; } }
      .c-navigation__level1 > .c-navigation__linkItem > .c-navigation__link {
        position: relative;
        display: inline-block;
        transform: scale(1);
        transform-origin: left bottom;
        transition: transform .3s ease-in-out;
        position: relative;
        z-index: 0; }
        .c-navigation__level1 > .c-navigation__linkItem > .c-navigation__link:before {
          width: calc(100% - 40px - 75px);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          content: '';
          border: 1px solid var(--c-white);
          border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
          border-image-slice: 33.3% 11.1%;
          border-image-repeat: stretch;
          border-image-width: 0% 11.1% 100% 11.1%;
          transform: translate(40px, 30%);
          z-index: -1; }
        .c-navigation__level1 > .c-navigation__linkItem > .c-navigation__link:before {
          opacity: 0;
          transition: opacity .2s .2s ease-in-out, width .6s ease-in-out; }
      .c-navigation__level1 > .c-navigation__linkItem:hover > .c-navigation__link, .c-navigation__level1 > .c-navigation__linkItem.is-open > .c-navigation__link {
        transform: scale(1.1); }
      .c-navigation__level1 > .c-navigation__linkItem.is-open > .c-navigation__link {
        position: relative;
        z-index: 0; }
        .c-navigation__level1 > .c-navigation__linkItem.is-open > .c-navigation__link:before {
          width: calc(100% - 40px - -25px);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          content: '';
          border: 1px solid var(--c-white);
          border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
          border-image-slice: 33.3% 11.1%;
          border-image-repeat: stretch;
          border-image-width: 0% 11.1% 100% 11.1%;
          transform: translate(40px, 30%);
          z-index: -1; }
        .c-navigation__level1 > .c-navigation__linkItem.is-open > .c-navigation__link:before {
          opacity: 1; }
      .c-navigation__level1 > .c-navigation__linkItem.is-hidden {
        display: none; }
  .c-navigation__level2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    pointer-events: none;
    opacity: 0;
    height: 0;
    transition: opacity 0.5s linear;
    overflow: hidden; }
    @media (min-width: 768px) {
      .c-navigation__level2 {
        width: calc(8 / 12 * 100%); } }
    .is-open > .c-navigation__level2 {
      margin-top: 12px;
      height: var(--js-submenu, 0);
      pointer-events: all;
      opacity: 1;
      transition: height 0.5s ease-in-out, opacity 0.7s 0.7s ease-in-out; }
      @media screen and (min-width: 375px) {
        .is-open > .c-navigation__level2 {
          margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .is-open > .c-navigation__level2 {
          margin-top: 24px; } }
    .c-navigation__level2 > .c-navigation__linkItem {
      margin-right: 8px;
      margin-top: 4px; }
      @media screen and (min-width: 375px) {
        .c-navigation__level2 > .c-navigation__linkItem {
          margin-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-navigation__level2 > .c-navigation__linkItem {
          margin-right: 16px; } }
      @media screen and (min-width: 375px) {
        .c-navigation__level2 > .c-navigation__linkItem {
          margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-navigation__level2 > .c-navigation__linkItem {
          margin-top: 8px; } }
      .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link {
        font-family: "Lato", sans-serif;
        text-decoration: none;
        position: relative;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0.1em;
        font-size: 0.86957rem;
        display: inline-flex;
        flex-wrap: wrap;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        transition: color 0.2s ease-out;
        color: var(--c-black);
        font-size: 1rem;
        display: blocK;
        text-align: left;
        font-weight: normal; }
        @media (min-width: 375px) and (max-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link {
            font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
        @media (min-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link {
            font-size: 0.8504rem; } }
        @media screen and (min-width: 375px) {
          .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link {
            padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
            padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
        @media screen and (min-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link {
            padding-top: 8px;
            padding-bottom: 8px; } }
        .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:after {
          position: absolute;
          height: 2px;
          width: 100%;
          content: '';
          bottom: 0;
          left: 0;
          transform-origin: center;
          transition: transform .2s ease-out, background-color .2s ease-out; }
        .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:hover, .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:focus {
          transition: color 0.2s ease-out; }
          .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:hover:after, .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:focus:after {
            transform: scaleX(0.5);
            transition: transform .2s ease-out, background-color .2s ease-out; }
        .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:after {
          background-color: var(--c-black); }
        .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:hover, .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:focus {
          color: var(--c-primary); }
          .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:hover:after, .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:focus:after {
            background-color: var(--c-primary); }
        > .is-active > .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:after {
          width: 100%; }
        .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:after {
          width: 0;
          left: 0;
          right: unset;
          transition: transform .2s ease-out, background-color .2s ease-out, width .2s ease-out; }
        .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:hover:after, .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link:focus:after {
          transform: scaleX(0.5);
          width: 100%;
          left: unset;
          right: 0; }
        @media (min-width: 375px) and (max-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link {
            font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
        @media (min-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem > .c-navigation__link {
            font-size: 1.063rem; } }
      .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link {
        text-decoration: none;
        position: relative;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0.1em;
        font-size: 0.86957rem;
        display: inline-flex;
        flex-wrap: wrap;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        transition: color 0.2s ease-out;
        color: var(--c-black);
        font-size: 1rem;
        display: block; }
        @media (min-width: 375px) and (max-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link {
            font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
        @media (min-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link {
            font-size: 0.8504rem; } }
        @media screen and (min-width: 375px) {
          .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link {
            padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
            padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
        @media screen and (min-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link {
            padding-top: 8px;
            padding-bottom: 8px; } }
        .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:after {
          position: absolute;
          height: 2px;
          width: 100%;
          content: '';
          bottom: 0;
          left: 0;
          transform-origin: center;
          transition: transform .2s ease-out, background-color .2s ease-out; }
        .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:hover, .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:focus {
          transition: color 0.2s ease-out; }
          .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:hover:after, .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:focus:after {
            transform: scaleX(0.5);
            transition: transform .2s ease-out, background-color .2s ease-out; }
        .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:after {
          background-color: var(--c-black); }
        .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:hover, .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:focus {
          color: var(--c-primary); }
          .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:hover:after, .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link:focus:after {
            background-color: var(--c-primary); }
        @media (min-width: 375px) and (max-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link {
            font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
        @media (min-width: 1440px) {
          .c-navigation__level2 > .c-navigation__linkItem.is-active > .c-navigation__link {
            font-size: 1.063rem; } }
  .c-navigation__link {
    position: relative;
    text-decoration: none;
    color: var(--c-text); }
  .c-navigation__image {
    display: none; }
    @media (min-width: 768px) {
      .c-navigation__image {
        display: block;
        position: relative;
        align-items: center;
        height: 100vh; } }
  @media (min-width: 768px) {
    .c-navigation__background {
      position: absolute;
      top: 50%;
      left: 0;
      height: calc(100vh - 170px);
      transform: translate3d(0, -50%, 0);
      width: calc(50vw - 50%);
      background-size: cover;
      background-position: center;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      transition: opacity 0.5s; } }
  @media (min-width: 1025px) {
    .c-navigation__background {
      height: calc(100vh - 290px); } }

/*
 |--------------------------------------------------------------------------
 | .c-overlay
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/overlay/overlay';
 */
.c-overlay {
  position: absolute;
  left: 0;
  bottom: 115px;
  z-index: 1; }
  @media (min-width: 768px) {
    .c-overlay {
      top: 200px;
      bottom: unset; } }
  .c-overlay__button {
    background: var(--c-white);
    opacity: 1;
    transition: opacity .3s .3s; }
    .is-expanded .c-overlay__button {
      opacity: 0;
      transition: opacity .3s; }
  .c-overlay__overlay {
    background: var(--c-white);
    border: 10px solid var(--c-secondary);
    padding: 24px 20px 22px;
    position: absolute;
    left: 0;
    width: 100vw;
    max-width: 590px;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
    bottom: 0;
    max-height: calc(100vh - 80px);
    overflow: auto; }
    @media (min-width: 768px) {
      .c-overlay__overlay {
        top: 0;
        bottom: unset;
        padding: 70px 50px 60px; } }
    .is-expanded .c-overlay__overlay {
      opacity: 1;
      pointer-events: all;
      transition: opacity .3s .3s; }
  .c-overlay__close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  .c-overlay__label {
    color: var(--c-primary); }
  .c-overlay__headline {
    margin-top: 8px; }
    .c-overlay__headline .e-headline {
      font-size: 24px; }
      @media (min-width: 768px) {
        .c-overlay__headline .e-headline {
          font-size: 40px; } }
  .c-overlay__copy {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .c-overlay__copy {
        margin-top: 46px; } }
  .c-overlay__link {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .c-overlay__link {
        margin-top: 46px; } }

/*
 |--------------------------------------------------------------------------
 | .c-packageInfo
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/package/info';
 */
.c-packageInfo {
  position: relative;
  overflow: hidden; }
  .c-packageInfo:before {
    content: '';
    display: block;
    position: absolute;
    background: var(--c-grey);
    top: 100px;
    bottom: 0;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    width: calc(6 / 6 * 100vw); }
    @media screen and (min-width: 375px) {
      .c-packageInfo:before {
        top: calc(100px + 80 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo:before {
        top: 180px; } }
  .c-packageInfo__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 84px; }
    @media (min-width: 768px) {
      .c-packageInfo__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-packageInfo__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-packageInfo__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-packageInfo__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__container {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .c-packageInfo__container {
        padding-bottom: calc(84px + 84 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__container {
        padding-bottom: 168px; } }
  .c-packageInfo__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-packageInfo__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-packageInfo__imageCol {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-packageInfo__imageCol {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__imageCol {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-packageInfo__imageCol {
        margin-left: calc(2 / 12 * 100%);
        width: calc(8 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-packageInfo__imageCol {
        margin-left: calc(4 / 24 * 100%);
        width: calc(16 / 24 * 100%); } }
  .c-packageInfo__contentCol {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 24px; }
    @media screen and (min-width: 375px) {
      .c-packageInfo__contentCol {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__contentCol {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-packageInfo__contentCol {
        margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__contentCol {
        margin-top: 48px; } }
    @media (min-width: 768px) {
      .c-packageInfo__contentCol {
        margin-left: calc(1 / 12 * 100%);
        width: calc(10 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-packageInfo__contentCol {
        margin-left: calc(2 / 24 * 100%);
        width: calc(20 / 24 * 100%); } }
  .c-packageInfo__benefits {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .c-packageInfo__benefits {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__benefits {
        margin-top: 40px; } }
    @media (min-width: 768px) {
      .c-packageInfo__benefits {
        -moz-column-count: 2;
             column-count: 2;
        -moz-column-gap: 16px;
             column-gap: 16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-packageInfo__benefits {
      -moz-column-gap: calc(16px + 16 * (100vw - 375px) / (1065));
           column-gap: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-packageInfo__benefits {
      -moz-column-gap: 32px;
           column-gap: 32px; } }
  .c-packageInfo__properties {
    display: flex;
    margin-top: 24px;
    align-items: center;
    justify-content: center;
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-packageInfo__properties {
        margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__properties {
        margin-top: 48px; } }
    @media screen and (min-width: 375px) {
      .c-packageInfo__properties {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__properties {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-packageInfo__nights, .c-packageInfo__topic {
    padding-right: 8px;
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px; }
    @media screen and (min-width: 375px) {
      .c-packageInfo__nights, .c-packageInfo__topic {
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__nights, .c-packageInfo__topic {
        padding-right: 16px;
        padding-left: 16px; } }
    @media (min-width: 768px) {
      .c-packageInfo__nights, .c-packageInfo__topic {
        padding-right: 16px;
        padding-left: 16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-packageInfo__nights, .c-packageInfo__topic {
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-packageInfo__nights, .c-packageInfo__topic {
      padding-right: 32px;
      padding-left: 32px; } }
  .c-packageInfo__nights {
    order: 1; }
  .c-packageInfo__topic {
    order: 3;
    border: none; }
    @media (min-width: 768px) {
      .c-packageInfo__topic {
        order: 2;
        border-left: 1px solid var(--c-black);
        border-right: 1px solid var(--c-black); } }
  .c-packageInfo__topicIcon {
    width: 24px;
    height: 24px; }
    @media screen and (min-width: 375px) {
      .c-packageInfo__topicIcon {
        width: calc(24px + 18 * (100vw - 375px) / (1065));
        height: calc(24px + 18 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__topicIcon {
        width: 42px;
        height: 42px; } }
  .c-packageInfo__nightsText span {
    font-size: 1.15rem;
    line-height: 1;
    margin-right: 6px; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-packageInfo__nightsText span {
        font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-packageInfo__nightsText span {
        font-size: 1.32875rem; } }
  .c-packageInfo__price {
    order: 2;
    padding-right: 12px;
    padding-left: 12px;
    border-left: 1px solid var(--c-black);
    border-right: 1px solid var(--c-black); }
    @media screen and (min-width: 375px) {
      .c-packageInfo__price {
        padding-right: calc(12px + 12 * (100vw - 375px) / (1065));
        padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__price {
        padding-right: 24px;
        padding-left: 24px; } }
    .c-packageInfo__price span {
      font-size: 0.86957rem; }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-packageInfo__price span {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-packageInfo__price span {
          font-size: 0.8504rem; } }
    @media (min-width: 768px) {
      .c-packageInfo__price {
        border: none;
        order: 3; } }
  .c-packageInfo__priceText {
    position: relative;
    z-index: 0; }
    .c-packageInfo__priceText:before {
      width: calc(100% - 10px - -10px);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      content: '';
      border: 1px solid var(--c-white);
      border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
      border-image-slice: 33.3% 11.1%;
      border-image-repeat: stretch;
      border-image-width: 0% 11.1% 100% 11.1%;
      transform: translate(10px, 20%);
      z-index: -1; }
  .c-packageInfo__ctas {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 100%;
    margin-top: 20px;
    order: 4; }
    @media screen and (min-width: 375px) {
      .c-packageInfo__ctas {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__ctas {
        margin-top: 40px; } }
    @media (min-width: 768px) {
      .c-packageInfo__ctas {
        align-items: flex-start;
        margin-left: 24px;
        flex-basis: auto;
        margin-top: 0; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-packageInfo__ctas {
      margin-left: calc(24px + 24 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-packageInfo__ctas {
      margin-left: 48px; } }
  .c-packageInfo__back {
    margin-top: 16px;
    position: relative;
    left: 0; }
    @media screen and (min-width: 375px) {
      .c-packageInfo__back {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageInfo__back {
        margin-top: 32px; } }
    .c-packageInfo__back:before {
      content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYTQ3NWIxOWItZjE5NC00ODMyLWEyYTAtZWFmYWFhMzQxMjY1IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMxLjA3IDE4Ljg2Ij48ZyBpZD0iYTVjY2UxNDMtODg3Yi00OWU5LWE1NDAtNWQ3MzY2NWYzM2IzIiBkYXRhLW5hbWU9IkdydXBwZSA3MzI5Ij48cGF0aCBpZD0iZmViYmIwM2QtMmM2NS00ZWI5LTgxMTYtNjg1MGI4ZDJkZjFjIiBkYXRhLW5hbWU9IlBmYWQgNDc3MzgiIGQ9Ik05LC4zNC40OCw5LjQzLDksMTguNTEiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIvPjxsaW5lIGlkPSJmMTQ3MDdjMi0yNDMwLTQ3MjEtYWY4Yy1lY2FlMWQwODc3ODQiIGRhdGEtbmFtZT0iTGluaWUgOTIiIHkxPSI5LjM2IiB4Mj0iMzAuODYiIHkyPSI5LjM2IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiLz48L2c+PC9zdmc+);
      transform: translateX(calc(-100% - 16px));
      position: absolute;
      width: 24px; }
    @media (min-width: 768px) {
      .c-packageInfo__back {
        margin-top: 8px;
        left: calc(24px + 16px); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-packageInfo__back {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-packageInfo__back {
      margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-packageIntro
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/package/intro';
 */
.c-packageIntro__container {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .c-packageIntro__container {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-packageIntro__container {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-packageIntro__container {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-packageIntro__container {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-packageIntro__container {
      padding-left: 32px;
      padding-right: 32px; } }

.c-packageIntro__row {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto; }
  @media screen and (min-width: 375px) {
    .c-packageIntro__row {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-packageIntro__row {
      margin-left: -16px;
      margin-right: -16px; } }

.c-packageIntro__content {
  width: calc(6 / 6 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px; }
  @media screen and (min-width: 375px) {
    .c-packageIntro__content {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-packageIntro__content {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .c-packageIntro__content {
      width: calc(10 / 12 * 100%);
      margin-left: calc(1 / 12 * 100%); } }
  @media (min-width: 1024px) {
    .c-packageIntro__content {
      width: calc(8 / 12 * 100%);
      margin-left: calc(2 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .c-packageIntro__content {
      width: calc(16 / 24 * 100%);
      margin-left: calc(4 / 24 * 100%); } }

.c-packageIntro__timespan {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-packageIntro__timespan {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-packageIntro__timespan {
      margin-top: 24px; } }

.c-packageIntro__text {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-packageIntro__text {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-packageIntro__text {
      margin-top: 24px; } }

/*
 |--------------------------------------------------------------------------
 | .c-packageTimespan
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/package/timespan';
 */
.c-packageTimespan {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .c-packageTimespan__till {
    margin-right: 4px;
    margin-left: 4px; }
    @media screen and (min-width: 375px) {
      .c-packageTimespan__till {
        margin-right: calc(4px + 4 * (100vw - 375px) / (1065));
        margin-left: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageTimespan__till {
        margin-right: 8px;
        margin-left: 8px; } }
  .c-packageTimespan__icon {
    cursor: help; }
  .c-packageTimespan__overlayWrapper {
    position: relative;
    margin-left: 4px; }
    @media screen and (min-width: 375px) {
      .c-packageTimespan__overlayWrapper {
        margin-left: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageTimespan__overlayWrapper {
        margin-left: 8px; } }
    .c-packageTimespan__overlayWrapper:hover .c-packageTimespan__overlay {
      visibility: visible;
      opacity: 1;
      transform: translate(-50%, calc(-100% - 10px)); }
  .c-packageTimespan__overlay {
    --overlay-width: 100px;
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    background-color: var(--c-white);
    z-index: 1;
    width: auto;
    min-width: var(--overlay-width);
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    transition: opacity .2s ease-out, transform .2s ease-out;
    transform: translate(-50%, -100%); }
    @media screen and (min-width: 375px) {
      .c-packageTimespan__overlay {
        --overlay-width: calc(100px + 100 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageTimespan__overlay {
        --overlay-width: 200px; } }
    @media screen and (min-width: 375px) {
      .c-packageTimespan__overlay {
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageTimespan__overlay {
        padding-right: 16px;
        padding-left: 16px; } }
    @media screen and (min-width: 375px) {
      .c-packageTimespan__overlay {
        padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-packageTimespan__overlay {
        padding-top: 16px;
        padding-bottom: 16px; } }
  .c-packageTimespan__overlayTimespan {
    display: flex; }
  .c-packageTimespan--center {
    justify-content: center; }

/*
 |--------------------------------------------------------------------------
 | .c-pageFooter
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/page/footer';
 */
.c-pageFooter {
  margin-top: 52px; }
  @media screen and (min-width: 375px) {
    .c-pageFooter {
      margin-top: calc(52px + 52 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-pageFooter {
      margin-top: 104px; } }
  .c-pageFooter__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-pageFooter__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-pageFooter__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-pageFooter__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-pageFooter__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-pageFooter__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-pageFooter__info {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    text-align: center; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__info {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__info {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-pageFooter__info {
        width: calc(6 / 12 * 100%);
        text-align: unset; } }
    @media (min-width: 1024px) {
      .c-pageFooter__info {
        width: calc(4 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-pageFooter__info {
        width: calc(7 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-pageFooter__contactLinks {
    margin-top: 8px;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__contactLinks {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__contactLinks {
        margin-top: 16px; } }
  .c-pageFooter__intro {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__intro {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__intro {
        margin-top: 24px; } }
    .c-pageFooter__intro a {
      text-decoration: none;
      transition: color .2s ease-in-out; }
      .c-pageFooter__intro a:hover {
        color: var(--c-primary); }
  .c-pageFooter__text {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__text {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__text {
        margin-top: 16px; } }
    .c-pageFooter__text a {
      text-decoration: none;
      transition: color .2s ease-in-out; }
      .c-pageFooter__text a:hover {
        color: var(--c-primary); }
  .c-pageFooter__websline {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__websline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__websline {
        margin-top: 32px; } }
  .c-pageFooter__socials {
    margin-top: 20px;
    display: flex;
    justify-content: center; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__socials {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__socials {
        margin-top: 40px; } }
    @media (min-width: 768px) {
      .c-pageFooter__socials {
        margin-top: 12px;
        justify-content: flex-start; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageFooter__socials {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-pageFooter__socials {
      margin-top: 24px; } }
  .c-pageFooter__socialLink {
    display: block; }
  .c-pageFooter__map {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 24px; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__map {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__map {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-pageFooter__map {
        margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__map {
        margin-top: 48px; } }
    @media (min-width: 768px) {
      .c-pageFooter__map {
        width: calc(6 / 12 * 100%);
        margin-top: 0; } }
    @media (min-width: 1024px) {
      .c-pageFooter__map {
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-pageFooter__map {
        width: calc(13 / 24 * 100%); } }
  .c-pageFooter__nav {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    margin-top: 40px; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__nav {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__nav {
        margin-left: -16px;
        margin-right: -16px; } }
    @media screen and (min-width: 375px) {
      .c-pageFooter__nav {
        margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageFooter__nav {
        margin-top: 80px; } }
    .c-pageFooter__nav > div {
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px;
      display: flex;
      gap: 15px 30px;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (min-width: 375px) {
        .c-pageFooter__nav > div {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-pageFooter__nav > div {
          padding-left: 16px;
          padding-right: 16px; } }
      @media (min-width: 1440px) {
        .c-pageFooter__nav > div {
          width: calc(12 / 24 * 100%);
          margin-left: calc(6 / 24 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-pageHeader
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/page/header';
*/
.c-pageHeader {
  padding-top: 28px;
  display: flex;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  color: var(--c-white);
  transition: transform .3s ease-in-out; }
  @media screen and (min-width: 375px) {
    .c-pageHeader {
      padding-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-pageHeader {
      padding-top: 56px; } }
  @media (min-width: 768px) {
    .c-pageHeader {
      padding-top: 16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageHeader {
      padding-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-pageHeader {
      padding-top: 32px; } }
  .c-pageHeader--fixed {
    position: fixed; }
  .c-pageHeader.scroll-animation {
    top: -67px;
    transform: translate3d(0, 100%, 0); }
    @media screen and (min-width: 375px) {
      .c-pageHeader.scroll-animation {
        top: calc(-67px + -46 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageHeader.scroll-animation {
        top: -113px; } }
  .c-pageHeader.nav-open, .c-pageHeader--white {
    padding-top: 8px;
    color: var(--c-text); }
    @media screen and (min-width: 375px) {
      .c-pageHeader.nav-open, .c-pageHeader--white {
        padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageHeader.nav-open, .c-pageHeader--white {
        padding-top: 16px; } }
    .c-pageHeader.nav-open::after, .c-pageHeader--white::after {
      content: '';
      height: 45px;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      background: var(--c-white);
      z-index: -1; }
      @media screen and (min-width: 375px) {
        .c-pageHeader.nav-open::after, .c-pageHeader--white::after {
          height: calc(45px + 39 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-pageHeader.nav-open::after, .c-pageHeader--white::after {
          height: 84px; } }
    .c-pageHeader.nav-open .c-pageHeader__middle, .c-pageHeader--white .c-pageHeader__middle {
      color: var(--c-theme-olive); }
      @media (min-width: 768px) {
        .c-pageHeader.nav-open .c-pageHeader__middle, .c-pageHeader--white .c-pageHeader__middle {
          margin-top: 4px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageHeader.nav-open .c-pageHeader__middle, .c-pageHeader--white .c-pageHeader__middle {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-pageHeader.nav-open .c-pageHeader__middle, .c-pageHeader--white .c-pageHeader__middle {
      margin-top: 8px; } }
    .c-pageHeader.nav-open .c-pageHeader__searchIcon, .c-pageHeader--white .c-pageHeader__searchIcon {
      color: var(--c-text); }
    .c-pageHeader.nav-open .c-pageHeader__burger, .c-pageHeader--white .c-pageHeader__burger {
      color: var(--c-text); }
    .c-pageHeader.nav-open .c-pageHeader__left,
    .c-pageHeader.nav-open .c-pageHeader__right, .c-pageHeader--white .c-pageHeader__left,
    .c-pageHeader--white .c-pageHeader__right {
      margin-top: 8px; }
      @media screen and (min-width: 375px) {
        .c-pageHeader.nav-open .c-pageHeader__left,
        .c-pageHeader.nav-open .c-pageHeader__right, .c-pageHeader--white .c-pageHeader__left,
        .c-pageHeader--white .c-pageHeader__right {
          margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-pageHeader.nav-open .c-pageHeader__left,
        .c-pageHeader.nav-open .c-pageHeader__right, .c-pageHeader--white .c-pageHeader__left,
        .c-pageHeader--white .c-pageHeader__right {
          margin-top: 16px; } }
  .c-pageHeader__left {
    margin-top: 4px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    flex: 1 1 50%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    flex-wrap: wrap;
    transition: margin-top .3s ease-in-out; }
    @media screen and (min-width: 375px) {
      .c-pageHeader__left {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageHeader__left {
        margin-top: 8px; } }
    @media screen and (min-width: 375px) {
      .c-pageHeader__left {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageHeader__left {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-pageHeader__left {
        margin-top: 0px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageHeader__left {
      margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-pageHeader__left {
      margin-top: 0px; } }
  .c-pageHeader__middle {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    flex: 0 0 auto; }
    @media screen and (min-width: 375px) {
      .c-pageHeader__middle {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageHeader__middle {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-pageHeader__middle .nav-open {
      transition: margin-top .3s ease-in-out; }
  .c-pageHeader__right {
    margin-top: 4px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    gap: 0;
    flex: 1 1 50%;
    display: flex;
    justify-content: flex-end;
    transition: margin-top .3s ease-in-out; }
    @media screen and (min-width: 375px) {
      .c-pageHeader__right {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageHeader__right {
        margin-top: 8px; } }
    @media screen and (min-width: 375px) {
      .c-pageHeader__right {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageHeader__right {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-pageHeader__right {
        gap: calc(0 + 30 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageHeader__right {
        gap: 30px; } }
    @media (min-width: 768px) {
      .c-pageHeader__right {
        margin-top: 0px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageHeader__right {
      margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-pageHeader__right {
      margin-top: 0px; } }
  .c-pageHeader__searchIcon {
    color: currentColor; }
  .c-pageHeader__phoneContainer {
    display: flex;
    align-items: center; }
  .c-pageHeader__navToggle {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 12px;
    padding-right: 12px;
    color: currentColor; }
    @media screen and (min-width: 375px) {
      .c-pageHeader__navToggle {
        padding-left: calc(12px + 12 * (100vw - 375px) / (1065));
        padding-right: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pageHeader__navToggle {
        padding-left: 24px;
        padding-right: 24px; } }

/*
 |--------------------------------------------------------------------------
 | .c-pagination
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/pagination/pagination';
 */
.c-pagination {
  margin-top: 24px; }
  @media screen and (min-width: 375px) {
    .c-pagination {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-pagination {
      margin-top: 48px; } }
  .c-pagination__items {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-pagination__items {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pagination__items {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-pagination__item {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 4px;
    padding-right: 4px;
    display: block;
    text-align: center;
    color: var(--c-black); }
    @media screen and (min-width: 375px) {
      .c-pagination__item {
        padding-left: calc(4px + 4 * (100vw - 375px) / (1065));
        padding-right: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-pagination__item {
        padding-left: 8px;
        padding-right: 8px; } }
    .c-pagination__item:hover {
      color: var(--c-primary); }
    .c-pagination__item a {
      text-decoration: none;
      color: var(--c-black);
      display: block; }
      .c-pagination__item a:hover {
        color: var(--c-primary); }
    .c-pagination__item::before {
      display: none; }
    .c-pagination__item svg {
      width: 10px;
      height: auto; }
      .c-pagination__item svg path {
        stroke: currentColor; }
    .c-pagination__item.is-active {
      color: var(--c-primary); }
    .c-pagination__item.is-first {
      margin-left: auto;
      width: auto;
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px; }
      @media screen and (min-width: 375px) {
        .c-pagination__item.is-first {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-pagination__item.is-first {
          padding-left: 16px;
          padding-right: 16px; } }
    .c-pagination__item.is-last {
      margin-right: auto;
      width: auto;
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px; }
      @media screen and (min-width: 375px) {
        .c-pagination__item.is-last {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-pagination__item.is-last {
          padding-left: 16px;
          padding-right: 16px; } }
    .c-pagination__item.is-disabled {
      opacity: 0; }

/*
 |--------------------------------------------------------------------------
 | .c-priceOverviewOverlay
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/priceOverview/overlay';
 */
.c-priceOverviewOverlay {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto;
  padding: 16px; }
  @media screen and (min-width: 375px) {
    .c-priceOverviewOverlay {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-priceOverviewOverlay {
      margin-left: -16px;
      margin-right: -16px; } }
  @media screen and (min-width: 375px) {
    .c-priceOverviewOverlay {
      padding: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-priceOverviewOverlay {
      padding: 32px; } }
  @media (min-width: 768px) {
    .c-priceOverviewOverlay {
      padding: 48px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-priceOverviewOverlay {
      padding: calc(48px + 48 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-priceOverviewOverlay {
      padding: 96px; } }
  .c-priceOverviewOverlay__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    order: 2; }
    @media screen and (min-width: 375px) {
      .c-priceOverviewOverlay__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-priceOverviewOverlay__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-priceOverviewOverlay__content {
        width: calc(6 / 12 * 100%);
        order: 1; } }
  .c-priceOverviewOverlay__caption {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-priceOverviewOverlay__caption {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-priceOverviewOverlay__caption {
        margin-top: 32px; } }
    @media (min-width: 1024px) {
      .c-priceOverviewOverlay__caption {
        margin-top: 0; } }
  .c-priceOverviewOverlay__text {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-priceOverviewOverlay__text {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-priceOverviewOverlay__text {
        margin-top: 32px; } }
  .c-priceOverviewOverlay__properties {
    margin-top: 16px;
    display: flex; }
    @media screen and (min-width: 375px) {
      .c-priceOverviewOverlay__properties {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-priceOverviewOverlay__properties {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-priceOverviewOverlay__properties {
        margin-top: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-priceOverviewOverlay__properties {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-priceOverviewOverlay__properties {
      margin-top: 16px; } }
  .c-priceOverviewOverlay__area, .c-priceOverviewOverlay__occupation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px; }
    .c-priceOverviewOverlay__area:not(:first-child), .c-priceOverviewOverlay__occupation:not(:first-child) {
      border-left: 1px solid var(--c-black); }
    .c-priceOverviewOverlay__area:first-child, .c-priceOverviewOverlay__occupation:first-child {
      padding-left: 0px; }
      @media screen and (min-width: 375px) {
        .c-priceOverviewOverlay__area:first-child, .c-priceOverviewOverlay__occupation:first-child {
          padding-left: calc(0px + 0 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-priceOverviewOverlay__area:first-child, .c-priceOverviewOverlay__occupation:first-child {
          padding-left: 0px; } }
    @media (min-width: 768px) {
      .c-priceOverviewOverlay__area, .c-priceOverviewOverlay__occupation {
        padding-right: 12px;
        padding-left: 12px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-priceOverviewOverlay__area, .c-priceOverviewOverlay__occupation {
      padding-right: calc(12px + 12 * (100vw - 375px) / (1065));
      padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-priceOverviewOverlay__area, .c-priceOverviewOverlay__occupation {
      padding-right: 24px;
      padding-left: 24px; } }
  .c-priceOverviewOverlay__area, .c-priceOverviewOverlay__occupation {
    flex-basis: 65px; }
    @media screen and (min-width: 375px) {
      .c-priceOverviewOverlay__area, .c-priceOverviewOverlay__occupation {
        flex-basis: calc(65px + 15 * (100vw - 375px) / (393)); } }
    @media screen and (min-width: 768px) {
      .c-priceOverviewOverlay__area, .c-priceOverviewOverlay__occupation {
        flex-basis: 80px; } }
    @media (min-width: 768px) {
      .c-priceOverviewOverlay__area, .c-priceOverviewOverlay__occupation {
        flex-basis: auto; } }
  .c-priceOverviewOverlay__link {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-priceOverviewOverlay__link {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-priceOverviewOverlay__link {
        margin-top: 32px; } }
  .c-priceOverviewOverlay__imageContainer {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    order: 1; }
    @media screen and (min-width: 375px) {
      .c-priceOverviewOverlay__imageContainer {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-priceOverviewOverlay__imageContainer {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-priceOverviewOverlay__imageContainer {
        width: calc(6 / 12 * 100%);
        order: 2; } }
  .c-priceOverviewOverlay__features {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-priceOverviewOverlay__features {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-priceOverviewOverlay__features {
        margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-priceOverview
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/priceOverview/priceOverview';
 */
@media (min-width: 768px) {
  .c-priceOverview {
    overflow: auto;
    cursor: -webkit-grab;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .c-priceOverview::-webkit-scrollbar {
      display: none; } }

.c-priceOverview__controls {
  display: block;
  position: relative; }

.c-priceOverview__thead {
  display: none; }
  @media (min-width: 768px) {
    .c-priceOverview__thead {
      display: block; } }

.c-priceOverview__tr {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px; }
  @media screen and (min-width: 375px) {
    .c-priceOverview__tr {
      padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-priceOverview__tr {
      padding-top: 16px;
      padding-bottom: 16px; } }
  @media (min-width: 768px) {
    .c-priceOverview__tr {
      flex-wrap: nowrap;
      flex-direction: row;
      padding-top: 0;
      padding-bottom: 0; } }
  .c-priceOverview__tr:nth-child(odd):before {
    content: '';
    width: calc(6 / 6 * 100vw);
    left: calc(3 / 6 * 100%);
    position: absolute;
    transform: translateX(-50%);
    background-color: var(--c-grey);
    height: 100%;
    z-index: -1;
    top: 0; }
  @media (min-width: 768px) {
    .c-priceOverview__tr:nth-child(odd):before {
      content: none; } }

.c-priceOverview__td, .c-priceOverview__th {
  flex-basis: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 12px;
  padding-left: 12px; }
  @media screen and (min-width: 375px) {
    .c-priceOverview__td, .c-priceOverview__th {
      padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-priceOverview__td, .c-priceOverview__th {
      padding-top: 16px;
      padding-bottom: 16px; } }
  @media screen and (min-width: 375px) {
    .c-priceOverview__td, .c-priceOverview__th {
      padding-right: calc(12px + 12 * (100vw - 375px) / (1065));
      padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-priceOverview__td, .c-priceOverview__th {
      padding-right: 24px;
      padding-left: 24px; } }
  @media (min-width: 768px) {
    .c-priceOverview__td, .c-priceOverview__th {
      flex-basis: 175px;
      flex-shrink: 0;
      flex-grow: 0;
      background-color: var(--c-white);
      transition: background-color .2s ease-in-out; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-priceOverview__td, .c-priceOverview__th {
      flex-basis: calc(175px + 100 * (100vw - 768px) / (672)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-priceOverview__td, .c-priceOverview__th {
      flex-basis: 275px; } }
  @media (min-width: 768px) {
    .c-priceOverview__td:first-child, .c-priceOverview__th:first-child {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      flex-basis: 275px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-priceOverview__td:first-child, .c-priceOverview__th:first-child {
      flex-basis: calc(275px + 100 * (100vw - 768px) / (672)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-priceOverview__td:first-child, .c-priceOverview__th:first-child {
      flex-basis: 375px; } }

.c-priceOverview__th {
  border-top: 1px solid var(--c-black);
  border-bottom: 1px solid var(--c-black); }

.c-priceOverview__tbody .c-priceOverview__td:nth-child(even) {
  background-color: var(--c-grey); }

.c-priceOverview__tbody .c-priceOverview__tr {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-priceOverview__tbody .c-priceOverview__tr {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-priceOverview__tbody .c-priceOverview__tr {
      margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-priceOverview__tbody .c-priceOverview__tr {
      margin-top: 0; }
      .c-priceOverview__tbody .c-priceOverview__tr:hover .c-priceOverview__td {
        background-color: var(--c-grey); } }

.c-priceOverview__roomInfo {
  margin-bottom: 8px; }
  @media screen and (min-width: 375px) {
    .c-priceOverview__roomInfo {
      margin-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-priceOverview__roomInfo {
      margin-bottom: 16px; } }
  @media (min-width: 768px) {
    .c-priceOverview__roomInfo {
      margin-bottom: 0; } }

.c-priceOverview__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--c-black); }
  @media (min-width: 768px) {
    .c-priceOverview__price {
      border-bottom: none; } }
  .c-priceOverview__price:last-child {
    border-bottom: none; }
  @media (min-width: 768px) {
    .c-priceOverview__price {
      justify-content: center; } }

.c-priceOverview__seasonTime {
  display: inline-block; }
  @media (min-width: 768px) {
    .c-priceOverview__seasonTime {
      display: none; } }

.c-priceOverview__ctas {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-priceOverview__ctas {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-priceOverview__ctas {
      margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-priceOverview__ctas {
      margin-top: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-priceOverview__ctas {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-priceOverview__ctas {
      margin-top: 16px; } }

.c-priceOverview .is-hidden {
  display: none; }

/*
 |--------------------------------------------------------------------------
 | .c-ratingOverview
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/rating/overview';
 */
.c-ratingOverview {
  margin-top: 64px; }
  @media screen and (min-width: 375px) {
    .c-ratingOverview {
      margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-ratingOverview {
      margin-top: 128px; } }
  .c-ratingOverview__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-ratingOverview__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-ratingOverview__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-ratingOverview__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-ratingOverview__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ratingOverview__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-ratingOverview__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-ratingOverview__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ratingOverview__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-ratingOverview__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-ratingOverview__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ratingOverview__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-ratingOverview__col {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-ratingOverview__col {
        width: calc(16 / 24 * 100%);
        margin-left: calc(4 / 24 * 100%); } }
    .c-ratingOverview__col > div {
      padding-top: 12px;
      padding-bottom: 12px;
      padding-right: 16px;
      padding-left: 16px;
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .c-ratingOverview__col > div {
          padding-top: calc(12px + 12 * (100vw - 375px) / (1065));
          padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-ratingOverview__col > div {
          padding-top: 24px;
          padding-bottom: 24px; } }
      @media screen and (min-width: 375px) {
        .c-ratingOverview__col > div {
          padding-right: calc(16px + 16 * (100vw - 375px) / (1065));
          padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-ratingOverview__col > div {
          padding-right: 32px;
          padding-left: 32px; } }
      @media screen and (min-width: 375px) {
        .c-ratingOverview__col > div {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-ratingOverview__col > div {
          margin-top: 32px; } }
      .c-ratingOverview__col > div:nth-child(odd) {
        background-color: var(--c-grey); }

/*
 |--------------------------------------------------------------------------
 | .c-ratingPlatformOverview
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/rating/platformOverview';
 */
.c-ratingPlatformOverview {
  margin-top: 32px; }
  @media screen and (min-width: 375px) {
    .c-ratingPlatformOverview {
      margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-ratingPlatformOverview {
      margin-top: 64px; } }
  .c-ratingPlatformOverview__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-ratingPlatformOverview__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-ratingPlatformOverview__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-ratingPlatformOverview__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-ratingPlatformOverview__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ratingPlatformOverview__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-ratingPlatformOverview__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-ratingPlatformOverview__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ratingPlatformOverview__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-ratingPlatformOverview__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    --rating-row-gap: 16px;
    row-gap: var(--rating-row-gap); }
    @media screen and (min-width: 375px) {
      .c-ratingPlatformOverview__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ratingPlatformOverview__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-ratingPlatformOverview__col {
        --rating-row-gap: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-ratingPlatformOverview__col {
        --rating-row-gap: 32px; } }
    @media (min-width: 1024px) {
      .c-ratingPlatformOverview__col {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-ratingPlatformOverview__col {
        width: calc(22 / 24 * 100%);
        margin-left: calc(1 / 24 * 100%); } }
    .c-ratingPlatformOverview__col > div {
      padding-right: 8px;
      padding-left: 8px;
      padding-top: 4px;
      padding-bottom: 4px;
      width: calc(3 / 6 * 100%); }
      @media screen and (min-width: 375px) {
        .c-ratingPlatformOverview__col > div {
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-ratingPlatformOverview__col > div {
          padding-right: 16px;
          padding-left: 16px; } }
      @media screen and (min-width: 375px) {
        .c-ratingPlatformOverview__col > div {
          padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
          padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-ratingPlatformOverview__col > div {
          padding-top: 8px;
          padding-bottom: 8px; } }
      @media (min-width: 1024px) {
        .c-ratingPlatformOverview__col > div {
          width: calc(4 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .c-ratingPlatformOverview__col > div {
          width: calc(4 / 24 * 100%); } }
    @media (min-width: 1024px) {
      .c-ratingPlatformOverview__col > div {
        padding-right: 16px;
        padding-left: 16px;
        padding-top: 8px;
        padding-bottom: 8px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .c-ratingPlatformOverview__col > div {
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1024px) and (min-width: 1440px) {
    .c-ratingPlatformOverview__col > div {
      padding-right: 32px;
      padding-left: 32px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .c-ratingPlatformOverview__col > div {
      padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1024px) and (min-width: 1440px) {
    .c-ratingPlatformOverview__col > div {
      padding-top: 16px;
      padding-bottom: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-roomDetailInfo
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/room/detailInfo';
 */
.c-roomDetailInfo__container {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .c-roomDetailInfo__container {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-roomDetailInfo__container {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-roomDetailInfo__container {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__container {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__container {
      padding-left: 32px;
      padding-right: 32px; } }

.c-roomDetailInfo__row {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto;
  padding-top: 55px; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__row {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__row {
      margin-left: -16px;
      margin-right: -16px; } }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__row {
      padding-top: calc(55px + 25 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__row {
      padding-top: 80px; } }

.c-roomDetailInfo__contentCol {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  width: calc(6 / 6 * 100%);
  order: 2;
  margin-top: 20px; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__contentCol {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__contentCol {
      padding-left: 16px;
      padding-right: 16px; } }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__contentCol {
      margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__contentCol {
      margin-top: 40px; } }
  @media (min-width: 768px) {
    .c-roomDetailInfo__contentCol {
      width: calc(6 / 12 * 100%);
      order: 1;
      margin-top: 0; } }
  @media (min-width: 1440px) {
    .c-roomDetailInfo__contentCol {
      width: calc(9 / 24 * 100%);
      margin-left: calc(2 / 24 * 100%); } }

.c-roomDetailInfo__description {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__description {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__description {
      margin-top: 16px; } }

.c-roomDetailInfo__features {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__features {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__features {
      margin-top: 16px; } }

.c-roomDetailInfo__properties {
  margin-top: 32px;
  display: flex; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__properties {
      margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__properties {
      margin-top: 64px; } }
  @media (min-width: 768px) {
    .c-roomDetailInfo__properties {
      margin-top: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-roomDetailInfo__properties {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-roomDetailInfo__properties {
      margin-top: 16px; } }

.c-roomDetailInfo__area, .c-roomDetailInfo__occupation, .c-roomDetailInfo__priceBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px; }
  .c-roomDetailInfo__area:not(:first-child), .c-roomDetailInfo__occupation:not(:first-child), .c-roomDetailInfo__priceBox:not(:first-child) {
    border-left: 1px solid var(--c-black); }
  .c-roomDetailInfo__area:first-child, .c-roomDetailInfo__occupation:first-child, .c-roomDetailInfo__priceBox:first-child {
    padding-left: 0px; }
    @media screen and (min-width: 375px) {
      .c-roomDetailInfo__area:first-child, .c-roomDetailInfo__occupation:first-child, .c-roomDetailInfo__priceBox:first-child {
        padding-left: calc(0px + 0 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-roomDetailInfo__area:first-child, .c-roomDetailInfo__occupation:first-child, .c-roomDetailInfo__priceBox:first-child {
        padding-left: 0px; } }
  @media (min-width: 768px) {
    .c-roomDetailInfo__area, .c-roomDetailInfo__occupation, .c-roomDetailInfo__priceBox {
      padding-right: 12px;
      padding-left: 12px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-roomDetailInfo__area, .c-roomDetailInfo__occupation, .c-roomDetailInfo__priceBox {
      padding-right: calc(12px + 12 * (100vw - 375px) / (1065));
      padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-roomDetailInfo__area, .c-roomDetailInfo__occupation, .c-roomDetailInfo__priceBox {
      padding-right: 24px;
      padding-left: 24px; } }

.c-roomDetailInfo__area, .c-roomDetailInfo__occupation {
  flex-basis: 65px; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__area, .c-roomDetailInfo__occupation {
      flex-basis: calc(65px + 15 * (100vw - 375px) / (393)); } }
  @media screen and (min-width: 768px) {
    .c-roomDetailInfo__area, .c-roomDetailInfo__occupation {
      flex-basis: 80px; } }
  @media (min-width: 768px) {
    .c-roomDetailInfo__area, .c-roomDetailInfo__occupation {
      flex-basis: auto; } }

.c-roomDetailInfo__priceBox {
  flex-grow: 1;
  padding-right: 8px;
  padding-left: 8px; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__priceBox {
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__priceBox {
      padding-right: 16px;
      padding-left: 16px; } }
  @media (min-width: 768px) {
    .c-roomDetailInfo__priceBox {
      flex-grow: 0; } }

.c-roomDetailInfo__priceFrom {
  display: flex;
  align-items: flex-end; }

.c-roomDetailInfo__price {
  margin-left: 5px; }
  .c-roomDetailInfo__price u {
    position: relative;
    z-index: 0; }
    .c-roomDetailInfo__price u:before {
      width: calc(100% - 0px - 0px);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      content: '';
      border: 1px solid var(--c-white);
      border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
      border-image-slice: 33.3% 11.1%;
      border-image-repeat: stretch;
      border-image-width: 0% 11.1% 100% 11.1%;
      transform: translate(0px, 30%);
      z-index: -1; }

.c-roomDetailInfo__ctas {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__ctas {
      margin-top: calc(36px + 36 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__ctas {
      margin-top: 72px; } }
  @media (min-width: 768px) {
    .c-roomDetailInfo__ctas {
      margin-top: 16px;
      align-items: flex-start; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-roomDetailInfo__ctas {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-roomDetailInfo__ctas {
      margin-top: 32px; } }

.c-roomDetailInfo__back {
  margin-top: 24px;
  position: relative;
  left: 0; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__back {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__back {
      margin-top: 48px; } }
  .c-roomDetailInfo__back:before {
    content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYTQ3NWIxOWItZjE5NC00ODMyLWEyYTAtZWFmYWFhMzQxMjY1IiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMxLjA3IDE4Ljg2Ij48ZyBpZD0iYTVjY2UxNDMtODg3Yi00OWU5LWE1NDAtNWQ3MzY2NWYzM2IzIiBkYXRhLW5hbWU9IkdydXBwZSA3MzI5Ij48cGF0aCBpZD0iZmViYmIwM2QtMmM2NS00ZWI5LTgxMTYtNjg1MGI4ZDJkZjFjIiBkYXRhLW5hbWU9IlBmYWQgNDc3MzgiIGQ9Ik05LC4zNC40OCw5LjQzLDksMTguNTEiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIvPjxsaW5lIGlkPSJmMTQ3MDdjMi0yNDMwLTQ3MjEtYWY4Yy1lY2FlMWQwODc3ODQiIGRhdGEtbmFtZT0iTGluaWUgOTIiIHkxPSI5LjM2IiB4Mj0iMzAuODYiIHkyPSI5LjM2IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiLz48L2c+PC9zdmc+);
    transform: translateX(calc(-100% - 16px));
    position: absolute;
    width: 24px; }
  @media (min-width: 768px) {
    .c-roomDetailInfo__back {
      margin-top: 12px;
      left: calc(24px + 16px); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-roomDetailInfo__back {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-roomDetailInfo__back {
      margin-top: 24px; } }

.c-roomDetailInfo__sliderCol {
  width: calc(6 / 6 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  order: 1; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__sliderCol {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__sliderCol {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .c-roomDetailInfo__sliderCol {
      width: calc(5 / 12 * 100%);
      margin-left: calc(1 / 12 * 100%);
      order: 2; } }
  @media (min-width: 1440px) {
    .c-roomDetailInfo__sliderCol {
      width: calc(12 / 24 * 100%);
      margin-left: calc(1 / 24 * 100%); } }

.c-roomDetailInfo__badge {
  position: absolute;
  top: 0;
  right: calc(8% + (8px * 2));
  transform: translateY(-50%);
  z-index: 2; }

.c-roomDetailInfo__slider {
  overflow: hidden; }

.c-roomDetailInfo__controls {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-roomDetailInfo__controls {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-roomDetailInfo__controls {
      margin-top: 24px; } }

/*
 |--------------------------------------------------------------------------
 | .c-sitemap
 |--------------------------------------------------------------------------
 */
.c-sitemap {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 76px; }
  @media (min-width: 768px) {
    .c-sitemap {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-sitemap {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-sitemap {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-sitemap {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sitemap {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-sitemap {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sitemap {
      margin-top: 152px; } }
  .c-sitemap > ul > li {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-sitemap > ul > li {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sitemap > ul > li {
        margin-top: 32px; } }
    .c-sitemap > ul > li:first-child {
      margin-top: 0; }
    .c-sitemap > ul > li:last-child ul {
      padding-bottom: 0;
      border-bottom: 0; }
    .c-sitemap > ul > li > a {
      font-family: "DM Serif Display", serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 2.01136rem;
      font-family: "DM Serif Display", serif;
      color: var(--c-black);
      position: relative;
      z-index: 0;
      text-decoration: none; }
      @media (min-width: 375px) and (max-width: 1440px) {
        .c-sitemap > ul > li > a {
          font-size: calc( 2.01136rem + 1.23266 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .c-sitemap > ul > li > a {
          font-size: 3.24402rem; } }
      .c-sitemap > ul > li > a u {
        display: inline-block;
        text-decoration: none;
        white-space: nowrap;
        position: relative;
        z-index: 0; }
        .c-sitemap > ul > li > a u:before {
          width: calc(100% - 40px - 0px);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          content: '';
          border: 1px solid var(--c-white);
          border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
          border-image-slice: 33.3% 11.1%;
          border-image-repeat: stretch;
          border-image-width: 0% 11.1% 100% 11.1%;
          transform: translate(40px, 30%);
          z-index: -1; }
      .c-sitemap > ul > li > a:before {
        width: calc(100% - 40px - 0px);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        content: '';
        border: 1px solid var(--c-white);
        border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
        border-image-slice: 33.3% 11.1%;
        border-image-repeat: stretch;
        border-image-width: 0% 11.1% 100% 11.1%;
        transform: translate(40px, 30%);
        z-index: -1; }
  .c-sitemap > ul ul {
    margin-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--c-black); }
    @media screen and (min-width: 375px) {
      .c-sitemap > ul ul {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sitemap > ul ul {
        margin-top: 32px; } }
    @media screen and (min-width: 375px) {
      .c-sitemap > ul ul {
        padding-bottom: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sitemap > ul ul {
        padding-bottom: 32px; } }
    .c-sitemap > ul ul > li {
      display: inline-block;
      margin-top: 16px;
      margin-right: 16px; }
      @media screen and (min-width: 375px) {
        .c-sitemap > ul ul > li {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-sitemap > ul ul > li {
          margin-top: 32px; } }
      .c-sitemap > ul ul > li > a {
        text-decoration: none;
        position: relative;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0.1em;
        font-size: 0.86957rem;
        display: inline-flex;
        flex-wrap: wrap;
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        transition: color 0.2s ease-out;
        color: var(--c-black); }
        @media (min-width: 375px) and (max-width: 1440px) {
          .c-sitemap > ul ul > li > a {
            font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
        @media (min-width: 1440px) {
          .c-sitemap > ul ul > li > a {
            font-size: 0.8504rem; } }
        @media screen and (min-width: 375px) {
          .c-sitemap > ul ul > li > a {
            padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
            padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
        @media screen and (min-width: 1440px) {
          .c-sitemap > ul ul > li > a {
            padding-top: 8px;
            padding-bottom: 8px; } }
        .c-sitemap > ul ul > li > a:after {
          position: absolute;
          height: 2px;
          width: 100%;
          content: '';
          bottom: 0;
          left: 0;
          transform-origin: center;
          transition: transform .2s ease-out, background-color .2s ease-out; }
        .c-sitemap > ul ul > li > a:hover, .c-sitemap > ul ul > li > a:focus {
          transition: color 0.2s ease-out; }
          .c-sitemap > ul ul > li > a:hover:after, .c-sitemap > ul ul > li > a:focus:after {
            transform: scaleX(0.5);
            transition: transform .2s ease-out, background-color .2s ease-out; }
        .c-sitemap > ul ul > li > a:after {
          background-color: var(--c-black); }
        .c-sitemap > ul ul > li > a:hover, .c-sitemap > ul ul > li > a:focus {
          color: var(--c-primary); }
          .c-sitemap > ul ul > li > a:hover:after, .c-sitemap > ul ul > li > a:focus:after {
            background-color: var(--c-primary); }

/*
 |--------------------------------------------------------------------------
 | .c-sitenavContainer
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/sitenav/container';
 */
.c-sitenavContainer {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 44px; }
  @media (min-width: 768px) {
    .c-sitenavContainer {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-sitenavContainer {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-sitenavContainer {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-sitenavContainer {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sitenavContainer {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-sitenavContainer {
      margin-top: calc(44px + 44 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sitenavContainer {
      margin-top: 88px; } }

/*
 |--------------------------------------------------------------------------
 | .c-sitenav
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/sitenav/sitenav';
*/
.c-sitenav__items {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto;
  justify-content: center; }
  @media screen and (min-width: 375px) {
    .c-sitenav__items {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sitenav__items {
      margin-left: -16px;
      margin-right: -16px; } }

.c-sitenav__item {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-sitenav__item {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sitenav__item {
      padding-left: 16px;
      padding-right: 16px; } }
  @media screen and (min-width: 375px) {
    .c-sitenav__item {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sitenav__item {
      margin-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .c-sliderControls
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/slider/controls';
 */
.c-sliderControls {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: center; }
  @media screen and (min-width: 375px) {
    .c-sliderControls {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sliderControls {
      margin-left: -16px;
      margin-right: -16px; } }
  .c-sliderControls__prev, .c-sliderControls__next {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    transition: transform .3s ease-out;
    cursor: pointer; }
    @media screen and (min-width: 375px) {
      .c-sliderControls__prev, .c-sliderControls__next {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderControls__prev, .c-sliderControls__next {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-sliderControls__prev, .c-sliderControls__next {
        transform: translateX(0px); }
        .c-sliderControls__prev:hover, .c-sliderControls__next:hover {
          transition: transform .3s ease-in; } }
  @media (min-width: 1024px) {
    .c-sliderControls__prev:hover {
      transform: translateX(-16px); } }
  @media (min-width: 1024px) {
    .c-sliderControls__next:hover {
      transform: translateX(16px); } }
  .c-sliderControls .is-disabled {
    opacity: 0.2;
    cursor: default;
    pointer-events: none; }
    .c-sliderControls .is-disabled:hover {
      transform: translateX(0px); }
  .c-sliderControls--center {
    justify-content: center; }
  .c-sliderControls--left {
    justify-content: flex-start; }
  .c-sliderControls--right {
    justify-content: flex-end; }
  .c-sliderControls--white {
    color: var(--c-white); }
    .c-sliderControls--white svg * {
      stroke: var(--c-white); }
  @media (min-width: 1024px) {
    .c-sliderControls--offsetControlsInside .c-sliderControls__prev:hover,
    .c-sliderControls--offsetControlsInside .c-sliderControls__next:hover {
      transform: translateX(0px); } }
  @media (min-width: 1024px) {
    .c-sliderControls--offsetControlsInside .c-sliderControls__prev {
      transform: translateX(16px); } }
  @media (min-width: 1024px) {
    .c-sliderControls--offsetControlsInside .c-sliderControls__next {
      transform: translateX(-16px); } }
  .c-sliderControls--offsetControlsInside .c-sliderControls__prev.is-disabled:hover {
    transform: translateX(16px); }
  .c-sliderControls--offsetControlsInside .c-sliderControls__next.is-disabled:hover {
    transform: translateX(-16px); }
  .c-sliderControls--priceOverview .c-sliderControls__prev .e-svg,
  .c-sliderControls--priceOverview .c-sliderControls__next .e-svg {
    pointer-events: none; }
    .c-sliderControls--priceOverview .c-sliderControls__prev .e-svg svg,
    .c-sliderControls--priceOverview .c-sliderControls__next .e-svg svg {
      pointer-events: none; }

/*
 |--------------------------------------------------------------------------
 | .c-sliderFraction
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/slider/fraction';
 */
.c-sliderFraction {
  margin-right: 20px;
  margin-left: 20px;
  position: relative;
  font-family: "DM Serif Display", serif;
  font-size: 1.3225rem;
  width: 14px;
  text-align: center; }
  @media screen and (min-width: 375px) {
    .c-sliderFraction {
      margin-right: calc(20px + 20 * (100vw - 375px) / (1065));
      margin-left: calc(20px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sliderFraction {
      margin-right: 40px;
      margin-left: 40px; } }
  @media (min-width: 375px) and (max-width: 1440px) {
    .c-sliderFraction {
      font-size: calc( 1.3225rem + 0.33844 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .c-sliderFraction {
      font-size: 1.66094rem; } }
  @media screen and (min-width: 375px) {
    .c-sliderFraction {
      width: calc(14px + 6 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sliderFraction {
      width: 20px; } }
  .c-sliderFraction .swiper-pagination-current,
  .c-sliderFraction .swiper-pagination-total {
    display: inline-block;
    position: absolute; }
  .c-sliderFraction .swiper-pagination-current {
    transform: translateX(-100%);
    left: 0; }
  .c-sliderFraction .swiper-pagination-total {
    transform: translateX(100%);
    right: 0; }

/*
 |--------------------------------------------------------------------------
 | .c-sliderPackage
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/slider/package';
 */
.c-sliderPackage {
  margin-top: 72px;
  overflow: hidden;
  padding-top: 48px;
  padding-bottom: 68px;
  position: relative; }
  @media screen and (min-width: 375px) {
    .c-sliderPackage {
      margin-top: calc(72px + 72 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sliderPackage {
      margin-top: 144px; } }
  @media screen and (min-width: 375px) {
    .c-sliderPackage {
      padding-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sliderPackage {
      padding-top: 96px; } }
  @media screen and (min-width: 375px) {
    .c-sliderPackage {
      padding-bottom: calc(68px + 68 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sliderPackage {
      padding-bottom: 136px; } }
  .c-sliderPackage::before {
    content: '';
    display: block;
    position: absolute;
    background: var(--c-grey);
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    width: calc(6 / 6 * 100vw); }
  .c-sliderPackage__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-sliderPackage__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-sliderPackage__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-sliderPackage__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-sliderPackage__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-sliderPackage__headlineCol {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__headlineCol {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__headlineCol {
        padding-left: 16px;
        padding-right: 16px; } }
  .c-sliderPackage__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__topline {
        margin-top: 24px; } }
  .c-sliderPackage__sliderContainer {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__sliderContainer {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__sliderContainer {
        margin-top: 40px; } }
    @media (max-width: 1023px) {
      .c-sliderPackage__sliderContainer {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100vw;
        max-width: 375px;
        padding-left: 16px;
        padding-right: 16px; } }
  @media (max-width: 1023px) and (min-width: 768px) {
    .c-sliderPackage__sliderContainer {
      max-width: 800px; } }
  @media (max-width: 1023px) and (min-width: 1024px) {
    .c-sliderPackage__sliderContainer {
      max-width: 1200px; } }
  @media (max-width: 1023px) and (min-width: 1440px) {
    .c-sliderPackage__sliderContainer {
      max-width: 1500px; } }
  @media screen and (max-width: 1023px) and (min-width: 375px) {
    .c-sliderPackage__sliderContainer {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (max-width: 1023px) and (min-width: 1440px) {
    .c-sliderPackage__sliderContainer {
      padding-left: 32px;
      padding-right: 32px; } }
    @media (min-width: 1024px) {
      .c-sliderPackage__sliderContainer {
        width: 100%;
        max-width: 1580px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden; } }
  .c-sliderPackage__sliderRow {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__sliderRow {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__sliderRow {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-sliderPackage__slider {
    width: calc(6 / 6 * 100%);
    margin-top: 20px;
    position: relative;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__slider {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__slider {
        margin-top: 40px; } }
    @media (min-width: 768px) {
      .c-sliderPackage__slider {
        width: calc(8 / 12 * 100%);
        margin-left: calc(2 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-sliderPackage__slider {
        width: calc(4 / 12 * 100%);
        margin-left: calc(4 / 12 * 100%); } }
  .c-sliderPackage__controls {
    --control-icon-size: 38px;
    --control-gutter: 16px;
    order: 2;
    margin-top: 16px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__controls {
        --control-icon-size: calc(38px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__controls {
        --control-icon-size: 58px; } }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__controls {
        --control-gutter: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__controls {
        --control-gutter: 32px; } }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__controls {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__controls {
        margin-top: 32px; } }
    @media screen and (min-width: 375px) {
      .c-sliderPackage__controls {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackage__controls {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-sliderPackage__controls {
        position: absolute;
        width: calc(100% + (var(--control-icon-size) * 2) + (var(--control-gutter) * 2));
        order: 1;
        z-index: 2;
        left: 50%;
        top: 0px;
        transform: translateX(-50%);
        margin-top: 0; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-sliderPackage__controls {
      top: calc(0px + 30 * (100vw - 768px) / (672)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-sliderPackage__controls {
      top: 30px; } }
  .c-sliderPackage__wrapper {
    order: 1; }
    @media (min-width: 768px) {
      .c-sliderPackage__wrapper {
        order: 2; } }
    .c-sliderPackage__wrapper > div {
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px; }
      @media screen and (min-width: 375px) {
        .c-sliderPackage__wrapper > div {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-sliderPackage__wrapper > div {
          padding-left: 16px;
          padding-right: 16px; } }
  .c-sliderPackage .swiper-slide {
    transition: transform .2s .0s ease-out, opacity .2s .0s ease-in-out;
    opacity: 0; }
    @media (min-width: 768px) {
      .c-sliderPackage .swiper-slide {
        --c-offset-slide: 20px;
        transform: translateY(var(--c-offset-slide));
        opacity: 1; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-sliderPackage .swiper-slide {
      --c-offset-slide: calc(20px + 60 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-sliderPackage .swiper-slide {
      --c-offset-slide: 80px; } }
    @media (min-width: 768px) {
      .c-sliderPackage .swiper-slide .swiper-card-infos {
        opacity: 0;
        transition: opacity .2s .0s ease-out; } }
  .c-sliderPackage .swiper-slide-active {
    transform: translateY(0);
    transition: transform .4s .2s ease-out, opacity .2s .0s ease-in-out;
    opacity: 1; }
    @media (min-width: 768px) {
      .c-sliderPackage .swiper-slide-active .swiper-card-infos {
        opacity: 1;
        transition: opacity .4s .4s ease-out; } }

/*
 |--------------------------------------------------------------------------
 | .c-sliderPackageDetail
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/slider/packageDetail';
 */
.c-sliderPackageDetail {
  margin-top: 56px; }
  @media screen and (min-width: 375px) {
    .c-sliderPackageDetail {
      margin-top: calc(56px + 56 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sliderPackageDetail {
      margin-top: 112px; } }
  .c-sliderPackageDetail__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-sliderPackageDetail__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-sliderPackageDetail__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-sliderPackageDetail__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-sliderPackageDetail__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackageDetail__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-sliderPackageDetail__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-sliderPackageDetail__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackageDetail__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-sliderPackageDetail__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-sliderPackageDetail__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackageDetail__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-sliderPackageDetail__col {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-sliderPackageDetail__col {
        width: calc(12 / 24 * 100%);
        margin-left: calc(6 / 24 * 100%); } }
  .c-sliderPackageDetail__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-sliderPackageDetail__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackageDetail__topline {
        margin-top: 24px; } }
  .c-sliderPackageDetail__slider {
    margin-top: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media screen and (min-width: 375px) {
      .c-sliderPackageDetail__slider {
        margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackageDetail__slider {
        margin-top: 48px; } }
    @media (min-width: 768px) {
      .c-sliderPackageDetail__slider {
        padding-bottom: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-sliderPackageDetail__slider {
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-sliderPackageDetail__slider {
      padding-bottom: 16px; } }
    @media (min-width: 1440px) {
      .c-sliderPackageDetail__slider {
        width: calc(22 / 24 * 100%);
        margin-left: calc(1 / 24 * 100%); } }
  .c-sliderPackageDetail__controls {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    order: 2;
    margin-top: 36px; }
    @media screen and (min-width: 375px) {
      .c-sliderPackageDetail__controls {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackageDetail__controls {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-sliderPackageDetail__controls {
        margin-top: calc(36px + 36 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderPackageDetail__controls {
        margin-top: 72px; } }
    @media (min-width: 768px) {
      .c-sliderPackageDetail__controls {
        order: 1;
        margin-top: 0; } }
  .c-sliderPackageDetail__wrapper {
    order: 1; }
    @media (min-width: 768px) {
      .c-sliderPackageDetail__wrapper {
        margin-top: 12px;
        order: 2; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-sliderPackageDetail__wrapper {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-sliderPackageDetail__wrapper {
      margin-top: 24px; } }
    .c-sliderPackageDetail__wrapper > div {
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px; }
      @media screen and (min-width: 375px) {
        .c-sliderPackageDetail__wrapper > div {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-sliderPackageDetail__wrapper > div {
          padding-left: 16px;
          padding-right: 16px; } }
      @media (min-width: 768px) {
        .c-sliderPackageDetail__wrapper > div {
          width: calc(6 / 12 * 100%); } }
  .c-sliderPackageDetail--hasBackground {
    overflow: hidden; }
    .c-sliderPackageDetail--hasBackground .c-sliderPackageDetail__container {
      position: relative;
      padding-top: 48px;
      padding-bottom: 52px; }
      @media screen and (min-width: 375px) {
        .c-sliderPackageDetail--hasBackground .c-sliderPackageDetail__container {
          padding-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-sliderPackageDetail--hasBackground .c-sliderPackageDetail__container {
          padding-top: 96px; } }
      @media screen and (min-width: 375px) {
        .c-sliderPackageDetail--hasBackground .c-sliderPackageDetail__container {
          padding-bottom: calc(52px + 52 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-sliderPackageDetail--hasBackground .c-sliderPackageDetail__container {
          padding-bottom: 104px; } }
      .c-sliderPackageDetail--hasBackground .c-sliderPackageDetail__container:before {
        content: '';
        width: calc(6 / 6 * 100vw);
        left: calc(3 / 6 * 100%);
        transform: translateX(-50%);
        background-color: var(--c-grey);
        position: absolute;
        z-index: -1;
        top: 0;
        height: 100%; }

/*
 |--------------------------------------------------------------------------
 | .c-sliderRoomBig
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/slider/roomBig';
 */
.c-sliderRoomBig {
  --c-duration: .6s;
  --c-delay: .2s;
  --c-offset: 24px;
  --c-scale: .75;
  --c-scale-duration: .4s;
  overflow: hidden;
  margin-top: 32px; }
  @media screen and (min-width: 375px) {
    .c-sliderRoomBig {
      margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sliderRoomBig {
      margin-top: 64px; } }
  .c-sliderRoomBig__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-sliderRoomBig__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-sliderRoomBig__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-sliderRoomBig__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-sliderRoomBig__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig__topline {
        margin-top: 24px; } }
  .c-sliderRoomBig__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig__headline {
        margin-top: 16px; } }
  .c-sliderRoomBig__sliderRow {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    margin-top: 24px; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig__sliderRow {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig__sliderRow {
        margin-left: -16px;
        margin-right: -16px; } }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig__sliderRow {
        margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig__sliderRow {
        margin-top: 48px; } }
    @media (min-width: 768px) {
      .c-sliderRoomBig__sliderRow {
        margin-top: 16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-sliderRoomBig__sliderRow {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-sliderRoomBig__sliderRow {
      margin-top: 32px; } }
  .c-sliderRoomBig__slider {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig__slider {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig__slider {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-sliderRoomBig__slider {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-sliderRoomBig__slider {
        width: calc(16 / 24 * 100%);
        margin-left: calc(4 / 24 * 100%); } }
  .c-sliderRoomBig__controls {
    --control-icon-size: 38px;
    --control-gutter: 16px;
    order: 2;
    display: flex;
    justify-content: space-between;
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig__controls {
        --control-icon-size: calc(38px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig__controls {
        --control-icon-size: 58px; } }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig__controls {
        --control-gutter: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig__controls {
        --control-gutter: 32px; } }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig__controls {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig__controls {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-sliderRoomBig__controls {
        position: absolute;
        order: 1;
        width: calc(100% + (var(--control-icon-size) * 2) + (var(--control-gutter) * 2));
        z-index: 2;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 0; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-sliderRoomBig__controls {
      top: calc(20px + 40 * (100vw - 768px) / (672)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-sliderRoomBig__controls {
      top: 60px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-sliderRoomBig__controls {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-sliderRoomBig__controls {
      padding-left: 16px;
      padding-right: 16px; } }
  .c-sliderRoomBig__wrapper {
    order: 1; }
    @media (min-width: 768px) {
      .c-sliderRoomBig__wrapper {
        order: 2; } }
  .c-sliderRoomBig--hasBackground .c-sliderRoomBig__container {
    position: relative;
    padding-top: 72px;
    padding-bottom: 72px; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomBig--hasBackground .c-sliderRoomBig__container {
        padding-top: calc(72px + 72 * (100vw - 375px) / (1065));
        padding-bottom: calc(72px + 72 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomBig--hasBackground .c-sliderRoomBig__container {
        padding-top: 144px;
        padding-bottom: 144px; } }
    .c-sliderRoomBig--hasBackground .c-sliderRoomBig__container:before {
      content: '';
      width: calc(6 / 6 * 100vw);
      left: calc(3 / 6 * 100%);
      transform: translateX(-50%);
      background-color: var(--c-grey);
      position: absolute;
      z-index: -1;
      top: 0;
      height: 100%; }
  .c-sliderRoomBig .swiper-slide .swiper-image-animation {
    transform-origin: bottom center;
    transform: scale(var(--c-scale));
    opacity: 0.4; }
  .c-sliderRoomBig .swiper-slide .swiper-content-animation {
    opacity: 0; }
  .c-sliderRoomBig .swiper-slide-prev .swiper-image-animation {
    transition: transform var(--c-scale-duration) 0s ease-out, opacity var(--c-scale-duration) 0s ease-out; }
  .c-sliderRoomBig .swiper-slide-prev .swiper-content-animation {
    transform: translateX(calc(var(--c-offset) * -1));
    transition: transform var(--c-duration) ease-in, opacity var(--c-duration) ease-in-out; }
  .c-sliderRoomBig .swiper-slide-next .swiper-image-animation {
    transition: transform var(--c-scale-duration) 0s ease-out, opacity var(--c-scale-duration) 0s ease-out; }
  .c-sliderRoomBig .swiper-slide-next .swiper-content-animation {
    transform: translateX(var(--c-offset));
    transition: transform var(--c-duration) ease-in, opacity var(--c-duration) ease-in-out; }
  .c-sliderRoomBig .swiper-slide-active .swiper-image-animation {
    transform: scale(1);
    opacity: 1;
    transition: transform var(--c-scale-duration) var(--c-delay) ease-out, opacity var(--c-scale-duration) var(--c-delay) ease-out; }
  .c-sliderRoomBig .swiper-slide-active .swiper-content-animation {
    transform: translateX(0px);
    opacity: 1;
    transition: transform var(--c-duration) var(--c-delay) ease-out, opacity var(--c-duration) ease-in-out; }

/*
 |--------------------------------------------------------------------------
 | .c-sliderRoomDetail
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/slider/roomDetail';
 */
.c-sliderRoomDetail {
  margin-top: 40px; }
  @media screen and (min-width: 375px) {
    .c-sliderRoomDetail {
      margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-sliderRoomDetail {
      margin-top: 80px; } }
  .c-sliderRoomDetail__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-sliderRoomDetail__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-sliderRoomDetail__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-sliderRoomDetail__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-sliderRoomDetail__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomDetail__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-sliderRoomDetail__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomDetail__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomDetail__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-sliderRoomDetail__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomDetail__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomDetail__col {
        padding-left: 16px;
        padding-right: 16px; } }
  .c-sliderRoomDetail__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomDetail__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomDetail__topline {
        margin-top: 24px; } }
  .c-sliderRoomDetail__slider {
    margin-top: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomDetail__slider {
        margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomDetail__slider {
        margin-top: 48px; } }
    @media (min-width: 768px) {
      .c-sliderRoomDetail__slider {
        padding-bottom: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-sliderRoomDetail__slider {
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-sliderRoomDetail__slider {
      padding-bottom: 16px; } }
    @media (min-width: 1440px) {
      .c-sliderRoomDetail__slider {
        width: calc(22 / 24 * 100%);
        margin-left: calc(1 / 24 * 100%); } }
  .c-sliderRoomDetail__controls {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    order: 2;
    margin-top: 36px; }
    @media screen and (min-width: 375px) {
      .c-sliderRoomDetail__controls {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomDetail__controls {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-sliderRoomDetail__controls {
        margin-top: calc(36px + 36 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-sliderRoomDetail__controls {
        margin-top: 72px; } }
    @media (min-width: 768px) {
      .c-sliderRoomDetail__controls {
        order: 1;
        margin-top: 0; } }
  .c-sliderRoomDetail__wrapper {
    order: 1; }
    @media (min-width: 768px) {
      .c-sliderRoomDetail__wrapper {
        margin-top: 12px;
        order: 2; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-sliderRoomDetail__wrapper {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-sliderRoomDetail__wrapper {
      margin-top: 24px; } }
    .c-sliderRoomDetail__wrapper > div {
      width: calc(6 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-sliderRoomDetail__wrapper > div {
          width: calc(6 / 12 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-slider
 |--------------------------------------------------------------------------
 */
.c-slider__container {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .c-slider__container {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-slider__container {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-slider__container {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-slider__container {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-slider__container {
      padding-left: 32px;
      padding-right: 32px; } }

.c-slider__wrapper {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap; }
  @media screen and (min-width: 375px) {
    .c-slider__wrapper {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-slider__wrapper {
      margin-left: -16px;
      margin-right: -16px; } }

.c-slider__slide {
  width: calc(4 / 12 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px; }
  @media screen and (min-width: 375px) {
    .c-slider__slide {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-slider__slide {
      padding-left: 16px;
      padding-right: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-stageContent
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/stage/content';
 */
.c-stageContent__headline {
  margin-top: 4px; }
  @media screen and (min-width: 375px) {
    .c-stageContent__headline {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-stageContent__headline {
      margin-top: 8px; } }

.c-stageContent__preline, .c-stageContent__headline {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); }

/*
 |--------------------------------------------------------------------------
 | .c-stagePackageDetail
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/stage/packageDetail';
 */
.c-stagePackageDetail__image {
  height: calc(100vh - 40px);
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0; }
  @media (min-width: 375px) {
    .c-stagePackageDetail__image {
      height: calc(100vh - 65px); } }
  .c-stagePackageDetail__image > div {
    height: 100%; }

.c-stagePackageDetail__content {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate3d(0, -50%, 0); }
  @media screen and (min-width: 375px) {
    .c-stagePackageDetail__content {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-stagePackageDetail__content {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .c-stagePackageDetail__content {
      margin-top: 0; } }

.c-stagePackageDetail__breadcrumb {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-stagePackageDetail__breadcrumb {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-stagePackageDetail__breadcrumb {
      margin-top: 24px; } }

.c-stagePackageDetail__topline, .c-stagePackageDetail__headline, .c-stagePackageDetail__breadcrumb {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); }

/*
 |--------------------------------------------------------------------------
 | .c-stageRoomDetail
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/stage/roomDetail';
 */
.c-stageRoomDetail__image {
  height: calc(100vh - 40px);
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0; }
  @media (min-width: 375px) {
    .c-stageRoomDetail__image {
      height: calc(100vh - 65px); } }
  .c-stageRoomDetail__image > div {
    height: 100%; }

.c-stageRoomDetail__content {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate3d(0, -50%, 0); }
  @media screen and (min-width: 375px) {
    .c-stageRoomDetail__content {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-stageRoomDetail__content {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .c-stageRoomDetail__content {
      margin-top: 0; } }

.c-stageRoomDetail__breadcrumb {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-stageRoomDetail__breadcrumb {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-stageRoomDetail__breadcrumb {
      margin-top: 24px; } }

.c-stageRoomDetail__topline, .c-stageRoomDetail__headline, .c-stageRoomDetail__breadcrumb {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); }

/*
 |--------------------------------------------------------------------------
 | .c-stageSlider
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/stage/slider';
 */
.c-stageSlider {
  position: relative; }
  .c-stageSlider__sliderWrapper {
    height: calc(100vh - 40px);
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0; }
    @media (min-width: 375px) {
      .c-stageSlider__sliderWrapper {
        height: calc(100vh - 65px); } }
  .c-stageSlider__content {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate3d(0, -50%, 0); }
    @media screen and (min-width: 375px) {
      .c-stageSlider__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-stageSlider__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-stageSlider__content {
        margin-top: 0; } }
  .c-stageSlider__badge {
    bottom: 105px;
    left: 30px;
    position: absolute;
    color: var(--c-white); }
    @media screen and (min-width: 375px) {
      .c-stageSlider__badge {
        bottom: calc(105px + 25 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-stageSlider__badge {
        bottom: 130px; } }
    @media screen and (min-width: 375px) {
      .c-stageSlider__badge {
        left: calc(30px + 170 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-stageSlider__badge {
        left: 200px; } }
  .c-stageSlider__ctaBar {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate3d(-50%, 50%, 0);
    z-index: 1;
    max-width: 320px;
    width: 100%; }
    @media (min-width: 768px) {
      .c-stageSlider__ctaBar {
        max-width: 100%;
        width: auto; } }
  .c-stageSlider--hasBadge .c-stageSlider__content {
    top: 35%; }
    @media (min-width: 768px) {
      .c-stageSlider--hasBadge .c-stageSlider__content {
        top: 50%; } }

/*
 |--------------------------------------------------------------------------
 | .c-stage
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/stage/stage';
 */
.c-stage {
  position: relative; }
  .c-stage__image {
    height: calc(100vh - 40px);
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0; }
    @media (min-width: 375px) {
      .c-stage__image {
        height: calc(100vh - 65px); } }
  .c-stage__content {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate3d(0, -50%, 0); }
    @media screen and (min-width: 375px) {
      .c-stage__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-stage__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-stage__content {
        margin-top: 0; } }
  .c-stage__badge {
    bottom: 105px;
    left: 30px;
    position: absolute;
    color: var(--c-white); }
    @media screen and (min-width: 375px) {
      .c-stage__badge {
        bottom: calc(105px + 25 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-stage__badge {
        bottom: 130px; } }
    @media screen and (min-width: 375px) {
      .c-stage__badge {
        left: calc(30px + 170 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-stage__badge {
        left: 200px; } }
  .c-stage__ctaBar {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate3d(-50%, 50%, 0);
    z-index: 1;
    max-width: 320px;
    width: 100%; }
    @media (min-width: 768px) {
      .c-stage__ctaBar {
        max-width: 100%;
        width: auto; } }
  .c-stage--hasBadge .c-stage__content {
    top: 35%; }
    @media (min-width: 768px) {
      .c-stage--hasBadge .c-stage__content {
        top: 50%; } }

/*
 |--------------------------------------------------------------------------
 | .c-stageVideo
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/stage/video';
 */
.c-stageVideo {
  position: relative; }
  .c-stageVideo__image {
    height: calc(100vh - 65px);
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0; }
    @media (min-width: 375px) {
      .c-stageVideo__image {
        height: calc(100vh - 65px); } }
  .c-stageVideo__video {
    width: 100vw;
    height: calc(100vh - 65px);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .c-stageVideo__iframe {
    min-width: 100%;
    min-height: 100%;
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }
    @media (min-width: 768px) {
      .c-stageVideo__iframe {
        aspect-ratio: 16 / 9; } }
  .c-stageVideo .desktop {
    display: none; }
    @media (min-width: 768px) {
      .c-stageVideo .desktop {
        display: block; } }
  .c-stageVideo .mobile {
    display: block; }
    @media (min-width: 768px) {
      .c-stageVideo .mobile {
        display: none; } }
  .c-stageVideo iframe {
    width: 100%;
    height: 100%; }
  .c-stageVideo__content {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate3d(0, -50%, 0); }
    @media screen and (min-width: 375px) {
      .c-stageVideo__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-stageVideo__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-stageVideo__content {
        margin-top: 0; } }
  .c-stageVideo__badge {
    bottom: 105px;
    left: 30px;
    position: absolute;
    color: var(--c-white); }
    @media screen and (min-width: 375px) {
      .c-stageVideo__badge {
        bottom: calc(105px + 25 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-stageVideo__badge {
        bottom: 130px; } }
    @media screen and (min-width: 375px) {
      .c-stageVideo__badge {
        left: calc(30px + 170 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-stageVideo__badge {
        left: 200px; } }
  .c-stageVideo__ctaBar {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate3d(-50%, 50%, 0);
    z-index: 1;
    max-width: 320px;
    width: 100%; }
    @media (min-width: 768px) {
      .c-stageVideo__ctaBar {
        max-width: 100%;
        width: auto; } }
  .c-stageVideo--hasBadge .c-stageVideo__content {
    top: 35%; }
    @media (min-width: 768px) {
      .c-stageVideo--hasBadge .c-stageVideo__content {
        top: 50%; } }

/*
 |--------------------------------------------------------------------------
 | .c-systemPreviewLink
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/system/previewLink';
 */
.c-systemPreviewLink {
  position: fixed;
  background: #fff;
  right: 0;
  top: 53px;
  width: 48px;
  height: 48px;
  padding-top: 12px;
  padding-left: 12px;
  border-radius: 10px 0 0 10px;
  z-index: 99999998; }

/*
 |--------------------------------------------------------------------------
 | .c-tabbingGallery
 |--------------------------------------------------------------------------
 */
.c-tabbingGallery {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative; }
  @media (min-width: 768px) {
    .c-tabbingGallery {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-tabbingGallery {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-tabbingGallery {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-tabbingGallery {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-tabbingGallery {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-tabbingGallery__tabs {
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-tabbingGallery__tabs {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-tabbingGallery__tabs {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 768px) {
      .c-tabbingGallery__tabs {
        flex-direction: row;
        justify-content: center; } }
  .c-tabbingGallery__tab {
    margin-top: 8px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-tabbingGallery__tab {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-tabbingGallery__tab {
        margin-top: 16px; } }
    @media screen and (min-width: 375px) {
      .c-tabbingGallery__tab {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-tabbingGallery__tab {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-tabbingGallery__tab:first-child {
      margin-top: 0; }
    @media (min-width: 768px) {
      .c-tabbingGallery__tab {
        margin-top: 0; } }
    .c-tabbingGallery__tab.is-active button:after {
      transform: scaleX(0.5); }
  .c-tabbingGallery__items {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    position: relative; }
    @media screen and (min-width: 375px) {
      .c-tabbingGallery__items {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-tabbingGallery__items {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-tabbingGallery__item {
    width: calc(6 / 6 * 100%);
    margin-top: 8px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    display: none; }
    @media screen and (min-width: 375px) {
      .c-tabbingGallery__item {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-tabbingGallery__item {
        margin-top: 16px; } }
    @media screen and (min-width: 375px) {
      .c-tabbingGallery__item {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-tabbingGallery__item {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-tabbingGallery__item.is-active {
      display: block; }

/*
 |--------------------------------------------------------------------------
 | .c-teaserGrid
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/grid';
 */
.c-teaserGrid {
  margin-top: 28px; }
  @media screen and (min-width: 375px) {
    .c-teaserGrid {
      margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserGrid {
      margin-top: 56px; } }
  .c-teaserGrid__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-teaserGrid__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserGrid__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserGrid__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserGrid__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserGrid__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserGrid__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: flex-start; }
    @media screen and (min-width: 375px) {
      .c-teaserGrid__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserGrid__row {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 1024px) {
      .c-teaserGrid__row {
        align-items: flex-end; } }
  .c-teaserGrid__col {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: calc(6 / 6 * 100%);
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserGrid__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserGrid__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserGrid__col {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserGrid__col {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserGrid__col {
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-teaserGrid__col:nth-child(1) {
        width: calc(8 / 24 * 100%); }
        .c-teaserGrid__col:nth-child(1) .c-teaserGrid__topline,
        .c-teaserGrid__col:nth-child(1) .c-teaserGrid__headline {
          text-align: left; }
      .c-teaserGrid__col:nth-child(2) {
        width: calc(8 / 24 * 100%); }
        .c-teaserGrid__col:nth-child(2) .c-teaserGrid__topline,
        .c-teaserGrid__col:nth-child(2) .c-teaserGrid__headline {
          text-align: center; }
      .c-teaserGrid__col:nth-child(3) {
        width: calc(8 / 24 * 100%); }
        .c-teaserGrid__col:nth-child(3) .c-teaserGrid__topline,
        .c-teaserGrid__col:nth-child(3) .c-teaserGrid__headline {
          text-align: right; }
      .c-teaserGrid__col:nth-child(4) {
        width: calc(10 / 24 * 100%); }
        .c-teaserGrid__col:nth-child(4) .c-teaserGrid__topline,
        .c-teaserGrid__col:nth-child(4) .c-teaserGrid__headline {
          text-align: left; }
      .c-teaserGrid__col:nth-child(5) {
        width: calc(14 / 24 * 100%); }
        .c-teaserGrid__col:nth-child(5) .c-teaserGrid__topline,
        .c-teaserGrid__col:nth-child(5) .c-teaserGrid__headline {
          text-align: right; }
      .c-teaserGrid__col:nth-child(6) {
        width: calc(14 / 24 * 100%); }
        .c-teaserGrid__col:nth-child(6) .c-teaserGrid__topline,
        .c-teaserGrid__col:nth-child(6) .c-teaserGrid__headline {
          text-align: center; }
      .c-teaserGrid__col:last-child {
        margin-left: calc(3 / 24 * 100%); } }
  .c-teaserGrid__topBox, .c-teaserGrid__bottomBox {
    height: 50%;
    overflow: visible;
    transition: height .4s .2s ease-in-out;
    display: flex; }
  .c-teaserGrid__topBox {
    align-items: flex-start; }
  .c-teaserGrid__bottomBox {
    align-items: flex-end; }
  .c-teaserGrid__topline, .c-teaserGrid__headline {
    transform: translateY(0);
    transition: transform .4s .2s ease-in-out;
    width: 100%; }
  .c-teaserGrid__card {
    position: relative; }
  .c-teaserGrid__link {
    position: relative;
    display: block; }
    .c-teaserGrid__link .c-teaserGrid__content {
      pointer-events: none; }
    @media (min-width: 768px) {
      .c-teaserGrid__link:hover .c-teaserGrid__topBox,
      .c-teaserGrid__link:hover .c-teaserGrid__bottomBox, .c-teaserGrid__link:focus-visible .c-teaserGrid__topBox,
      .c-teaserGrid__link:focus-visible .c-teaserGrid__bottomBox {
        height: 0%; }
      .c-teaserGrid__link:hover .c-teaserGrid__topline, .c-teaserGrid__link:focus-visible .c-teaserGrid__topline {
        transform: translateY(calc(-100% - (20px / 2))); }
      .c-teaserGrid__link:hover .c-teaserGrid__headline, .c-teaserGrid__link:focus-visible .c-teaserGrid__headline {
        transform: translateY(calc(100% + (20px / 2))); } }
  .c-teaserGrid__offer {
    position: absolute;
    right: 0px;
    bottom: 0px;
    transform: translate(0, 80%);
    text-decoration: none; }
    @media (min-width: 1024px) {
      .c-teaserGrid__offer {
        transform: translate(80%, 0); } }
  .c-teaserGrid__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 20px;
    padding-left: 20px; }
    @media screen and (min-width: 375px) {
      .c-teaserGrid__content {
        padding-top: calc(32px + 32 * (100vw - 375px) / (1065));
        padding-bottom: calc(32px + 32 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserGrid__content {
        padding-top: 64px;
        padding-bottom: 64px; } }
    @media screen and (min-width: 375px) {
      .c-teaserGrid__content {
        padding-right: calc(20px + 20 * (100vw - 375px) / (1065));
        padding-left: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserGrid__content {
        padding-right: 40px;
        padding-left: 40px; } }
  .c-teaserGrid--withBadge {
    margin-bottom: 125px; }
    @media screen and (min-width: 375px) {
      .c-teaserGrid--withBadge {
        margin-bottom: calc(125px + 75 * (100vw - 375px) / (649)); } }
    @media screen and (min-width: 1024px) {
      .c-teaserGrid--withBadge {
        margin-bottom: 200px; } }
    @media (min-width: 1024px) {
      .c-teaserGrid--withBadge {
        margin-bottom: 0; } }
    .c-teaserGrid--withBadge .c-teaserGrid__content {
      padding-right: 32px;
      padding-left: 32px; }
      @media screen and (min-width: 375px) {
        .c-teaserGrid--withBadge .c-teaserGrid__content {
          padding-right: calc(32px + 32 * (100vw - 375px) / (1065));
          padding-left: calc(32px + 32 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-teaserGrid--withBadge .c-teaserGrid__content {
          padding-right: 64px;
          padding-left: 64px; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserHeadlineImageText
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/headlineImageText';
 */
.c-teaserHeadlineImageText {
  margin-top: 48px; }
  @media screen and (min-width: 375px) {
    .c-teaserHeadlineImageText {
      margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserHeadlineImageText {
      margin-top: 96px; } }
  .c-teaserHeadlineImageText__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-teaserHeadlineImageText__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserHeadlineImageText__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserHeadlineImageText__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlineImageText__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserHeadlineImageText__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserHeadlineImageText__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlineImageText__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserHeadlineImageText__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserHeadlineImageText__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlineImageText__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserHeadlineImageText__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1440px) {
      .c-teaserHeadlineImageText__col {
        width: calc(20 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-teaserHeadlineImageText__svg + .c-teaserHeadlineImageText__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlineImageText__svg + .c-teaserHeadlineImageText__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserHeadlineImageText__svg + .c-teaserHeadlineImageText__topline {
        margin-top: 24px; } }
  .c-teaserHeadlineImageText__topline + .c-teaserHeadlineImageText__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlineImageText__topline + .c-teaserHeadlineImageText__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserHeadlineImageText__topline + .c-teaserHeadlineImageText__headline {
        margin-top: 16px; } }
  .c-teaserHeadlineImageText__image {
    margin-top: 28px;
    display: block; }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlineImageText__image {
        margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserHeadlineImageText__image {
        margin-top: 56px; } }
  .c-teaserHeadlineImageText__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 36px; }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlineImageText__content {
        gap: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserHeadlineImageText__content {
        gap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlineImageText__content {
        margin-top: calc(36px + 36 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserHeadlineImageText__content {
        margin-top: 72px; } }
    @media (min-width: 768px) {
      .c-teaserHeadlineImageText__content {
        flex-direction: row; } }
  .c-teaserHeadlineImageText__text h3,
  .c-teaserHeadlineImageText__text h4 {
    margin-top: 8px;
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.15rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    text-transform: uppercase;
    letter-spacing: 0.1em; }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlineImageText__text h3,
      .c-teaserHeadlineImageText__text h4 {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserHeadlineImageText__text h3,
      .c-teaserHeadlineImageText__text h4 {
        margin-top: 16px; } }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-teaserHeadlineImageText__text h3,
      .c-teaserHeadlineImageText__text h4 {
        font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-teaserHeadlineImageText__text h3,
      .c-teaserHeadlineImageText__text h4 {
        font-size: 1.32875rem; } }
  .c-teaserHeadlineImageText--hasBackground {
    overflow: hidden; }
    .c-teaserHeadlineImageText--hasBackground .c-teaserHeadlineImageText__container {
      position: relative;
      padding-top: 64px;
      padding-bottom: 68px; }
      @media screen and (min-width: 375px) {
        .c-teaserHeadlineImageText--hasBackground .c-teaserHeadlineImageText__container {
          padding-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-teaserHeadlineImageText--hasBackground .c-teaserHeadlineImageText__container {
          padding-top: 128px; } }
      @media screen and (min-width: 375px) {
        .c-teaserHeadlineImageText--hasBackground .c-teaserHeadlineImageText__container {
          padding-bottom: calc(68px + 68 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-teaserHeadlineImageText--hasBackground .c-teaserHeadlineImageText__container {
          padding-bottom: 136px; } }
      .c-teaserHeadlineImageText--hasBackground .c-teaserHeadlineImageText__container:before {
        content: '';
        width: calc(6 / 6 * 100vw);
        left: calc(3 / 6 * 100%);
        transform: translateX(-50%);
        background-color: var(--c-grey);
        position: absolute;
        z-index: -1;
        top: 0;
        height: 100%; }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageBigText
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageBigText';
 */
.c-teaserImageBigText {
  margin-top: 64px; }
  @media screen and (min-width: 375px) {
    .c-teaserImageBigText {
      margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserImageBigText {
      margin-top: 128px; } }
  .c-teaserImageBigText__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-teaserImageBigText__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserImageBigText__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserImageBigText__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageBigText__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageBigText__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserImageBigText__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-teaserImageBigText__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageBigText__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImageBigText__imageCol {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    display: inline-block; }
    @media screen and (min-width: 375px) {
      .c-teaserImageBigText__imageCol {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageBigText__imageCol {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserImageBigText__imageCol {
        padding: 0;
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-teaserImageBigText__imageCol {
        width: calc(12 / 24 * 100%); } }
  .c-teaserImageBigText__imageContainer {
    width: calc(6 / 6 * 100%); }
    @media (min-width: 768px) {
      .c-teaserImageBigText__imageContainer {
        padding-right: 8px;
        float: right;
        width: calc(6 / 12 * 100vw); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageBigText__imageContainer {
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImageBigText__imageContainer {
      padding-right: 16px; } }
    @media (min-width: 1920px) {
      .c-teaserImageBigText__imageContainer {
        max-width: calc(960px); } }
  .c-teaserImageBigText__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 28px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageBigText__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageBigText__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageBigText__content {
        margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageBigText__content {
        margin-top: 56px; } }
    @media (min-width: 768px) {
      .c-teaserImageBigText__content {
        width: calc(6 / 12 * 100%);
        margin-top: 0; } }
    @media (min-width: 1024px) {
      .c-teaserImageBigText__content {
        width: calc(10 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-teaserImageBigText__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageBigText__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageBigText__topline {
        margin-top: 24px; } }
  .c-teaserImageBigText__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageBigText__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageBigText__headline {
        margin-top: 16px; } }
  .c-teaserImageBigText__text {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageBigText__text {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageBigText__text {
        margin-top: 32px; } }
  .c-teaserImageBigText__link {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageBigText__link {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageBigText__link {
        margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-teaserImageBigText--inverted .c-teaserImageBigText__row {
      flex-direction: row-reverse; } }
  @media (min-width: 768px) {
    .c-teaserImageBigText--inverted .c-teaserImageBigText__imageContainer {
      padding-right: 0;
      padding-left: 8px;
      float: left; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageBigText--inverted .c-teaserImageBigText__imageContainer {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImageBigText--inverted .c-teaserImageBigText__imageContainer {
      padding-left: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageFullwidth
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageFullwidth';
 */
.c-teaserImageFullwidth {
  position: relative;
  margin-top: 64px; }
  @media screen and (min-width: 375px) {
    .c-teaserImageFullwidth {
      margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserImageFullwidth {
      margin-top: 128px; } }
  .c-teaserImageFullwidth__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 100px;
    padding-bottom: 100px; }
    @media (min-width: 768px) {
      .c-teaserImageFullwidth__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserImageFullwidth__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserImageFullwidth__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidth__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidth__container {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidth__container {
        padding-top: calc(100px + 100 * (100vw - 375px) / (1065));
        padding-bottom: calc(100px + 100 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidth__container {
        padding-top: 200px;
        padding-bottom: 200px; } }
    @media (min-width: 768px) {
      .c-teaserImageFullwidth__container {
        padding-top: 36px;
        padding-bottom: 36px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageFullwidth__container {
      padding-top: calc(36px + 36 * (100vw - 375px) / (1065));
      padding-bottom: calc(36px + 36 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImageFullwidth__container {
      padding-top: 72px;
      padding-bottom: 72px; } }
  .c-teaserImageFullwidth__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidth__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidth__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImageFullwidth__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidth__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidth__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-teaserImageFullwidth__content {
        width: calc(8 / 12 * 100%);
        margin-left: calc(2 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-teaserImageFullwidth__content {
        width: calc(12 / 24 * 100%);
        margin-left: calc(6 / 24 * 100%); } }
  .c-teaserImageFullwidth__headline {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidth__headline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidth__headline {
        margin-top: 32px; } }
  .c-teaserImageFullwidth__subline {
    margin-top: 16px;
    line-height: 1.45455; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidth__subline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidth__subline {
        margin-top: 32px; } }
  .c-teaserImageFullwidth__link {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidth__link {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidth__link {
        margin-top: 32px; } }
  .c-teaserImageFullwidth__image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: -1;
    max-width: 1920px; }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageFullwidthSlider
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageFullwidthSlider';
 */
.c-teaserImageFullwidthSlider {
  position: relative;
  margin-top: 80px; }
  @media screen and (min-width: 375px) {
    .c-teaserImageFullwidthSlider {
      margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserImageFullwidthSlider {
      margin-top: 160px; } }
  .c-teaserImageFullwidthSlider__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-teaserImageFullwidthSlider__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserImageFullwidthSlider__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidthSlider__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserImageFullwidthSlider__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidthSlider__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImageFullwidthSlider__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 44px;
    padding-bottom: 44px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidthSlider__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidthSlider__col {
        padding-top: calc(44px + 44 * (100vw - 375px) / (1065));
        padding-bottom: calc(44px + 44 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__col {
        padding-top: 88px;
        padding-bottom: 88px; } }
  .c-teaserImageFullwidthSlider__ornaments {
    margin-top: 44px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidthSlider__ornaments {
        margin-top: calc(44px + 44 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__ornaments {
        margin-top: 88px; } }
  .c-teaserImageFullwidthSlider__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidthSlider__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__topline {
        margin-top: 24px; } }
  .c-teaserImageFullwidthSlider__headline {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidthSlider__headline {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__headline {
        margin-top: 40px; } }
  .c-teaserImageFullwidthSlider__link {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidthSlider__link {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__link {
        margin-top: 40px; } }
  .c-teaserImageFullwidthSlider__sliderWrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
  .c-teaserImageFullwidthSlider__controls {
    margin-top: 180px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageFullwidthSlider__controls {
        margin-top: calc(180px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageFullwidthSlider__controls {
        margin-top: 200px; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageSliderText
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageSliderText';
 */
.c-teaserImageSliderText {
  margin-top: 64px; }
  @media screen and (min-width: 375px) {
    .c-teaserImageSliderText {
      margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserImageSliderText {
      margin-top: 128px; } }
  .c-teaserImageSliderText__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-teaserImageSliderText__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserImageSliderText__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserImageSliderText__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageSliderText__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageSliderText__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserImageSliderText__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-teaserImageSliderText__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageSliderText__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImageSliderText__imageSlider {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    display: inline-block; }
    @media screen and (min-width: 375px) {
      .c-teaserImageSliderText__imageSlider {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageSliderText__imageSlider {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserImageSliderText__imageSlider {
        padding: 0;
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-teaserImageSliderText__imageSlider {
        width: calc(12 / 24 * 100%); } }
  .c-teaserImageSliderText__imageSliderContainer {
    width: calc(6 / 6 * 100%); }
    @media (min-width: 768px) {
      .c-teaserImageSliderText__imageSliderContainer {
        padding-right: 8px;
        float: right;
        width: calc(6 / 12 * 100vw); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageSliderText__imageSliderContainer {
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImageSliderText__imageSliderContainer {
      padding-right: 16px; } }
    @media (min-width: 1920px) {
      .c-teaserImageSliderText__imageSliderContainer {
        max-width: calc(960px); } }
  .c-teaserImageSliderText__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 28px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageSliderText__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageSliderText__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageSliderText__content {
        margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageSliderText__content {
        margin-top: 56px; } }
    @media (min-width: 768px) {
      .c-teaserImageSliderText__content {
        width: calc(6 / 12 * 100%);
        margin-top: 0; } }
    @media (min-width: 1024px) {
      .c-teaserImageSliderText__content {
        width: calc(10 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-teaserImageSliderText__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageSliderText__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageSliderText__topline {
        margin-top: 24px; } }
  .c-teaserImageSliderText__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageSliderText__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageSliderText__headline {
        margin-top: 16px; } }
  .c-teaserImageSliderText__text {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageSliderText__text {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageSliderText__text {
        margin-top: 32px; } }
  .c-teaserImageSliderText__link {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageSliderText__link {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageSliderText__link {
        margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-teaserImageSliderText--inverted .c-teaserImageSliderText__row {
      flex-direction: row-reverse; } }
  @media (min-width: 768px) {
    .c-teaserImageSliderText--inverted .c-teaserImageSliderText__imageSliderContainer {
      padding-right: 0;
      padding-left: 8px;
      float: left; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageSliderText--inverted .c-teaserImageSliderText__imageSliderContainer {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImageSliderText--inverted .c-teaserImageSliderText__imageSliderContainer {
      padding-left: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageText
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageText';
 */
.c-teaserImageText {
  margin-top: 72px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media screen and (min-width: 375px) {
    .c-teaserImageText {
      margin-top: calc(72px + 72 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserImageText {
      margin-top: 144px; } }
  @media (min-width: 768px) {
    .c-teaserImageText {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-teaserImageText {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-teaserImageText {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-teaserImageText {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserImageText {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-teaserImageText__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageText__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImageText__image {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 40px;
    order: 2; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__image {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageText__image {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__image {
        margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageText__image {
        margin-top: 80px; } }
    @media (min-width: 768px) {
      .c-teaserImageText__image {
        order: 1;
        width: calc(6 / 12 * 100%);
        margin-top: 0px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageText__image {
      margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImageText__image {
      margin-top: 0px; } }
    @media (min-width: 1024px) {
      .c-teaserImageText__image {
        width: calc(10 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-teaserImageText__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    order: 1; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageText__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserImageText__content {
        order: 2;
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-teaserImageText__content {
        width: calc(8 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-teaserImageText__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageText__headline {
        margin-top: 16px; } }
  .c-teaserImageText__text {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__text {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageText__text {
        margin-top: 32px; } }
  .c-teaserImageText__link {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__link {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageText__link {
        margin-top: 40px; } }
  @media (min-width: 768px) {
    .c-teaserImageText--inverted .c-teaserImageText__image {
      order: 2; } }
  @media (min-width: 768px) {
    .c-teaserImageText--inverted .c-teaserImageText__content {
      order: 1; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageTextCard
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageTextCard';
 */
.c-teaserImageTextCard {
  margin-top: 44px; }
  @media screen and (min-width: 375px) {
    .c-teaserImageTextCard {
      margin-top: calc(44px + 44 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserImageTextCard {
      margin-top: 88px; } }
  .c-teaserImageTextCard__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-teaserImageTextCard__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserImageTextCard__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserImageTextCard__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageTextCard__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageTextCard__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserImageTextCard__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-teaserImageTextCard__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageTextCard__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImageTextCard__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 44px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageTextCard__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageTextCard__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageTextCard__col {
        margin-top: calc(44px + 44 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageTextCard__col {
        margin-top: 88px; } }
    @media (min-width: 768px) {
      .c-teaserImageTextCard__col {
        width: calc(10 / 24 * 100%);
        margin-top: 16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageTextCard__col {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImageTextCard__col {
      margin-top: 32px; } }
    @media (min-width: 768px) {
        .c-teaserImageTextCard__col:nth-child(odd) {
          margin-left: calc(2 / 24 * 100%);
          margin-top: 32px; } }
    @media screen and (min-width: 768px) and (min-width: 375px) {
      .c-teaserImageTextCard__col:nth-child(odd) {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 768px) and (min-width: 1440px) {
      .c-teaserImageTextCard__col:nth-child(odd) {
        margin-top: 64px; } }
  .c-teaserImageTextCard__content {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageTextCard__content {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageTextCard__content {
        margin-top: 32px; } }
  .c-teaserImageTextCard__headline + .c-teaserImageTextCard__text {
    margin-top: 4px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageTextCard__headline + .c-teaserImageTextCard__text {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageTextCard__headline + .c-teaserImageTextCard__text {
        margin-top: 8px; } }
  .c-teaserImageTextCard__link {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageTextCard__link {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImageTextCard__link {
        margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImagesGridText
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imagesGridText';
 */
.c-teaserImagesGridText {
  margin-top: 80px; }
  @media screen and (min-width: 375px) {
    .c-teaserImagesGridText {
      margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserImagesGridText {
      margin-top: 160px; } }
  .c-teaserImagesGridText__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-teaserImagesGridText__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserImagesGridText__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserImagesGridText__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImagesGridText__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesGridText__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserImagesGridText__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesGridText__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesGridText__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImagesGridText__images {
    width: calc(6 / 6 * 100%);
    order: 2;
    margin-top: 28px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesGridText__images {
        margin-top: calc(28px + 28 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesGridText__images {
        margin-top: 56px; } }
    @media (min-width: 768px) {
      .c-teaserImagesGridText__images {
        width: calc(5 / 12 * 100%);
        order: 1;
        margin-top: 0px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImagesGridText__images {
      margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImagesGridText__images {
      margin-top: 0px; } }
    @media (min-width: 1024px) {
      .c-teaserImagesGridText__images {
        width: calc(12 / 24 * 100%); } }
  .c-teaserImagesGridText__imagesRow {
    display: flex;
    flex-wrap: wrap; }
  .c-teaserImagesGridText__imageCol {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    display: flex; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesGridText__imageCol {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesGridText__imageCol {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-teaserImagesGridText__imageCol .c-teaserImagesGridText__imageContainer {
      width: 100%; }
    .c-teaserImagesGridText__imageCol:first-child {
      width: calc(3 / 6 * 100%);
      justify-content: flex-end; }
    .c-teaserImagesGridText__imageCol:nth-child(2) {
      width: calc(3 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-teaserImagesGridText__imageCol:nth-child(2) .c-teaserImagesGridText__imageContainer {
          transform: translateY(50%); } }
    .c-teaserImagesGridText__imageCol:last-child {
      width: calc(6 / 6 * 100%);
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .c-teaserImagesGridText__imageCol:last-child {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-teaserImagesGridText__imageCol:last-child {
          margin-top: 32px; } }
      @media (min-width: 768px) {
        .c-teaserImagesGridText__imageCol:last-child {
          /*padding-left: $spacing;
  padding-right: $spacing;*/
          padding-left: 0px;
          padding-right: 0px;
          width: calc(3 / 6 * 100%); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImagesGridText__imageCol:last-child {
      padding-left: calc(0px + 0 * (100vw - 375px) / (1065));
      padding-right: calc(0px + 0 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImagesGridText__imageCol:last-child {
      padding-left: 0px;
      padding-right: 0px; } }
      @media (min-width: 768px) {
        .c-teaserImagesGridText__imageCol:last-child .c-teaserImagesGridText__image {
          position: relative;
          padding-top: 88.9%;
          width: calc(50vw - 100%);
          float: right; } }
      @media (min-width: 1920px) {
        .c-teaserImagesGridText__imageCol:last-child .c-teaserImagesGridText__image {
          max-width: calc(960px - 100%); } }
      @media (min-width: 768px) {
        .c-teaserImagesGridText__imageCol:last-child .c-teaserImagesGridText__image > img {
          position: absolute;
          left: 0;
          top: 0;
          padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImagesGridText__imageCol:last-child .c-teaserImagesGridText__image > img {
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImagesGridText__imageCol:last-child .c-teaserImagesGridText__image > img {
      padding-right: 16px; } }
  .c-teaserImagesGridText__content {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: calc(6 / 6 * 100%);
    order: 1; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesGridText__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesGridText__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserImagesGridText__content {
        order: 2;
        width: calc(6 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-teaserImagesGridText__content {
        width: calc(10 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
    @media (min-width: 1440px) {
      .c-teaserImagesGridText__content {
        width: calc(8 / 24 * 100%); } }
  .c-teaserImagesGridText__topline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesGridText__topline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesGridText__topline {
        margin-top: 16px; } }
  .c-teaserImagesGridText__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesGridText__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesGridText__headline {
        margin-top: 16px; } }
  .c-teaserImagesGridText__text {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesGridText__text {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesGridText__text {
        margin-top: 32px; } }
  .c-teaserImagesGridText__link {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesGridText__link {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesGridText__link {
        margin-top: 24px; } }
  .c-teaserImagesGridText--inverted .c-teaserImagesGridText__images {
    order: 2; }
  .c-teaserImagesGridText--inverted .c-teaserImagesGridText__imagesRow {
    flex-direction: row-reverse; }
  .c-teaserImagesGridText--inverted .c-teaserImagesGridText__content {
    order: 1;
    margin-left: calc(0 / 24 * 100%); }
    @media (min-width: 768px) {
      .c-teaserImagesGridText--inverted .c-teaserImagesGridText__content {
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-teaserImagesGridText--inverted .c-teaserImagesGridText__content {
        margin-left: calc(2 / 24 * 100%);
        width: calc(10 / 24 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserImagesGridText--inverted .c-teaserImagesGridText__imageCol:last-child .c-teaserImagesGridText__image {
      float: left; } }
  @media (min-width: 768px) {
    .c-teaserImagesGridText--inverted .c-teaserImagesGridText__imageCol:last-child .c-teaserImagesGridText__image > img {
      padding-right: 0;
      padding-left: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImagesGridText--inverted .c-teaserImagesGridText__imageCol:last-child .c-teaserImagesGridText__image > img {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImagesGridText--inverted .c-teaserImagesGridText__imageCol:last-child .c-teaserImagesGridText__image > img {
      padding-left: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImagesText
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imagesText';
 */
.c-teaserImagesText {
  margin-top: 64px; }
  @media screen and (min-width: 375px) {
    .c-teaserImagesText {
      margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserImagesText {
      margin-top: 128px; } }
  .c-teaserImagesText__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-teaserImagesText__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserImagesText__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserImagesText__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserImagesText__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImagesText__images {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 24px;
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__images {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__images {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__images {
        margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__images {
        margin-top: 48px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__images {
        gap: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__images {
        gap: 32px; } }
    @media (min-width: 768px) {
      .c-teaserImagesText__images {
        flex-direction: row;
        width: calc(12 / 24 * 100%);
        margin-top: 0px;
        order: 1; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImagesText__images {
      margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserImagesText__images {
      margin-top: 0px; } }
    @media (min-width: 1024px) {
      .c-teaserImagesText__images {
        width: calc(14 / 24 * 100%); } }
  .c-teaserImagesText__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    order: 1; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserImagesText__content {
        margin-left: calc(1 / 24 * 100%);
        width: calc(11 / 24 * 100%);
        order: 2; } }
    @media (min-width: 1024px) {
      .c-teaserImagesText__content {
        margin-left: calc(2 / 24 * 100%);
        width: calc(8 / 24 * 100%); } }
  .c-teaserImagesText__topline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__topline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__topline {
        margin-top: 16px; } }
  .c-teaserImagesText__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__headline {
        margin-top: 16px; } }
  .c-teaserImagesText__text {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__text {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__text {
        margin-top: 32px; } }
  .c-teaserImagesText__link {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-teaserImagesText__link {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserImagesText__link {
        margin-top: 24px; } }
  @media (min-width: 768px) {
    .c-teaserImagesText--inverted .c-teaserImagesText__images {
      width: calc(14 / 24 * 100%);
      margin-left: calc(0 / 24 * 100%);
      order: 2; } }
  @media (min-width: 1024px) {
    .c-teaserImagesText--inverted .c-teaserImagesText__images {
      margin-left: calc(2 / 24 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserImagesText--inverted .c-teaserImagesText__content {
      order: 1;
      width: calc(10 / 24 * 100%);
      margin-left: calc(0 / 24 * 100%); } }
  @media (min-width: 1024px) {
    .c-teaserImagesText--inverted .c-teaserImagesText__content {
      width: calc(8 / 24 * 100%); } }
  .c-teaserImagesText--shifted .c-teaserImagesText__images {
    flex-direction: row; }
    @media (min-width: 768px) {
      .c-teaserImagesText--shifted .c-teaserImagesText__images {
        width: calc(12 / 24 * 100%); } }
    .c-teaserImagesText--shifted .c-teaserImagesText__images > picture:first-child {
      margin-top: 40px; }
      @media screen and (min-width: 375px) {
        .c-teaserImagesText--shifted .c-teaserImagesText__images > picture:first-child {
          margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-teaserImagesText--shifted .c-teaserImagesText__images > picture:first-child {
          margin-top: 80px; } }
  .c-teaserImagesText--shifted .c-teaserImagesText__content {
    margin-left: calc(0 / 24 * 100%); }
    @media (min-width: 768px) {
      .c-teaserImagesText--shifted .c-teaserImagesText__content {
        width: calc(12 / 24 * 100%); } }
    @media (min-width: 1024px) {
      .c-teaserImagesText--shifted .c-teaserImagesText__content {
        margin-left: calc(2 / 24 * 100%);
        width: calc(8 / 24 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserOrnamentImageSlider
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/ornamentImageSlider';
 */
.c-teaserOrnamentImageSlider {
  margin-top: 44px; }
  @media screen and (min-width: 375px) {
    .c-teaserOrnamentImageSlider {
      margin-top: calc(44px + 44 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-teaserOrnamentImageSlider {
      margin-top: 88px; } }
  .c-teaserOrnamentImageSlider__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-teaserOrnamentImageSlider__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserOrnamentImageSlider__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserOrnamentImageSlider__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-teaserOrnamentImageSlider__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserOrnamentImageSlider__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserOrnamentImageSlider__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-teaserOrnamentImageSlider__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserOrnamentImageSlider__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserOrnamentImageSlider__slider {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: calc(6 / 6 * 100%);
    overflow: hidden;
    order: 2;
    position: relative; }
    @media screen and (min-width: 375px) {
      .c-teaserOrnamentImageSlider__slider {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserOrnamentImageSlider__slider {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserOrnamentImageSlider__slider {
        width: calc(5 / 12 * 100%);
        order: 2; } }
    @media (min-width: 1024px) {
      .c-teaserOrnamentImageSlider__slider {
        width: calc(10 / 24 * 100%); } }
  .c-teaserOrnamentImageSlider__slide {
    position: relative;
    pointer-events: none; }
    .c-teaserOrnamentImageSlider__slide.swiper-slide-active {
      pointer-events: all; }
  .c-teaserOrnamentImageSlider__naturalLabel {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; }
    @media (min-width: 768px) {
      .c-teaserOrnamentImageSlider__naturalLabel {
        bottom: 40px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-teaserOrnamentImageSlider__naturalLabel {
      bottom: calc(40px + 40 * (100vw - 768px) / (672)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserOrnamentImageSlider__naturalLabel {
      bottom: 80px; } }
  .c-teaserOrnamentImageSlider__sliderControls {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .c-teaserOrnamentImageSlider__sliderControls {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserOrnamentImageSlider__sliderControls {
        margin-top: 40px; } }
    @media (min-width: 768px) {
      .c-teaserOrnamentImageSlider__sliderControls {
        display: none; } }
  .c-teaserOrnamentImageSlider__svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: translateX(30px); }
  .c-teaserOrnamentImageSlider__controls {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    order: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    height: 125px; }
    @media screen and (min-width: 375px) {
      .c-teaserOrnamentImageSlider__controls {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserOrnamentImageSlider__controls {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserOrnamentImageSlider__controls {
        gap: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserOrnamentImageSlider__controls {
        gap: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserOrnamentImageSlider__controls {
        height: calc(125px + 25 * (100vw - 375px) / (393)); } }
    @media screen and (min-width: 768px) {
      .c-teaserOrnamentImageSlider__controls {
        height: 150px; } }
    @media (min-width: 768px) {
      .c-teaserOrnamentImageSlider__controls {
        width: calc(7 / 12 * 100%);
        order: 2;
        height: auto;
        align-items: flex-start; } }
    @media (min-width: 1024px) {
      .c-teaserOrnamentImageSlider__controls {
        margin-left: calc(2 / 24 * 100%);
        width: calc(12 / 24 * 100%); } }
  .c-teaserOrnamentImageSlider__controlItem {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserOrnamentImageSlider__controlItem {
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserOrnamentImageSlider__controlItem {
        padding-right: 16px;
        padding-left: 16px; } }
    .c-teaserOrnamentImageSlider__controlItem.is-active {
      pointer-events: all; }
    @media (min-width: 768px) {
      .c-teaserOrnamentImageSlider__controlItem {
        opacity: 1;
        pointer-events: all;
        position: relative;
        left: unset;
        transform: unset;
        width: auto;
        padding: 0; } }
  .c-teaserOrnamentImageSlider__subline {
    margin-top: 16px;
    text-align: center; }
    @media screen and (min-width: 375px) {
      .c-teaserOrnamentImageSlider__subline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserOrnamentImageSlider__subline {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserOrnamentImageSlider__subline {
        margin-top: 4px;
        text-align: left; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserOrnamentImageSlider__subline {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-teaserOrnamentImageSlider__subline {
      margin-top: 8px; } }
  .c-teaserOrnamentImageSlider__headline {
    text-align: center;
    display: block; }
    @media (min-width: 768px) {
      .c-teaserOrnamentImageSlider__headline {
        text-align: left;
        display: inline-block; } }
  .c-teaserOrnamentImageSlider__controlItem .c-teaserOrnamentImageSlider__headline {
    transform: translateY(10px);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0; }
    @media (min-width: 768px) {
      .c-teaserOrnamentImageSlider__controlItem .c-teaserOrnamentImageSlider__headline {
        transform: scale(0.75);
        transform-origin: left bottom;
        opacity: 1; } }
    .c-teaserOrnamentImageSlider__controlItem .c-teaserOrnamentImageSlider__headline + .c-teaserOrnamentImageSlider__subline {
      transform: translateY(30px);
      transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out, color 0.3s ease-in-out;
      color: var(--c-grey-dark);
      opacity: 0; }
      @media (min-width: 768px) {
        .c-teaserOrnamentImageSlider__controlItem .c-teaserOrnamentImageSlider__headline + .c-teaserOrnamentImageSlider__subline {
          transform: unset;
          opacity: 1; } }
    .c-teaserOrnamentImageSlider__controlItem .c-teaserOrnamentImageSlider__headline u {
      position: relative;
      z-index: 0; }
      .c-teaserOrnamentImageSlider__controlItem .c-teaserOrnamentImageSlider__headline u:before {
        width: calc(100% - 40px - 75px);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        content: '';
        border: 1px solid var(--c-white);
        border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
        border-image-slice: 33.3% 11.1%;
        border-image-repeat: stretch;
        border-image-width: 0% 11.1% 100% 11.1%;
        transform: translate(40px, 30%);
        z-index: -1; }
      .c-teaserOrnamentImageSlider__controlItem .c-teaserOrnamentImageSlider__headline u:before {
        opacity: 0;
        transition: opacity 0.2s 0.2s ease-in-out, width 0.6s ease-in-out; }
  .c-teaserOrnamentImageSlider__controlItem.is-active {
    opacity: 1; }
    .c-teaserOrnamentImageSlider__controlItem.is-active .c-teaserOrnamentImageSlider__headline {
      transform: translateY(0px);
      opacity: 1; }
      @media (min-width: 768px) {
        .c-teaserOrnamentImageSlider__controlItem.is-active .c-teaserOrnamentImageSlider__headline {
          transform: scale(1); } }
      .c-teaserOrnamentImageSlider__controlItem.is-active .c-teaserOrnamentImageSlider__headline + .c-teaserOrnamentImageSlider__subline {
        transform: translateY(0px);
        color: var(--c-text); }
      .c-teaserOrnamentImageSlider__controlItem.is-active .c-teaserOrnamentImageSlider__headline u {
        position: relative;
        z-index: 0; }
        .c-teaserOrnamentImageSlider__controlItem.is-active .c-teaserOrnamentImageSlider__headline u:before {
          width: calc(100% - 40px - -25px);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          content: '';
          border: 1px solid var(--c-white);
          border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
          border-image-slice: 33.3% 11.1%;
          border-image-repeat: stretch;
          border-image-width: 0% 11.1% 100% 11.1%;
          transform: translate(40px, 30%);
          z-index: -1; }
        .c-teaserOrnamentImageSlider__controlItem.is-active .c-teaserOrnamentImageSlider__headline u:before {
          opacity: 1; }
  .c-teaserOrnamentImageSlider__slide .c-teaserOrnamentImageSlider__image {
    transform: translateX(20px);
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out; }
  .c-teaserOrnamentImageSlider__slide .c-teaserOrnamentImageSlider__svg {
    transform: translateX(-20px);
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out; }
  .c-teaserOrnamentImageSlider__slide.swiper-slide-active .c-teaserOrnamentImageSlider__image {
    transform: translateX(0px);
    opacity: 1;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transition-delay: .4s; }
  .c-teaserOrnamentImageSlider__slide.swiper-slide-active .c-teaserOrnamentImageSlider__svg {
    transform: translateX(0px);
    opacity: 1;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transition-delay: .4s; }

/*
 |--------------------------------------------------------------------------
 | .c-teaserTopic
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/topic';
 */
.c-teaserTopic {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
  overflow: hidden;
  position: relative;
  width: 100vw; }
  .c-teaserTopic__image {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .9s ease-in-out; }
    .c-teaserTopic__image.active {
      opacity: 1; }
  .c-teaserTopic__teasers {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: 0px;
    margin-right: 0px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    position: relative;
    height: 760px; }
    @media screen and (min-width: 375px) {
      .c-teaserTopic__teasers {
        margin-left: calc(0px + 0 * (100vw - 375px) / (1065));
        margin-right: calc(0px + 0 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-teaserTopic__teasers {
        margin-left: 0px;
        margin-right: 0px; } }
    @media (min-width: 768px) {
      .c-teaserTopic__teasers {
        height: 748px; } }
  .c-teaserTopic__teaser {
    width: calc(6 / 6 * 100%); }
    @media (min-width: 768px) {
      .c-teaserTopic__teaser {
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-teaserTopic__teaser {
        width: calc(3 / 12 * 100%);
        height: 100%; } }

/*
 |--------------------------------------------------------------------------
 | .c-textHeadline
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/headline';
 */
.c-textHeadline {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 76px; }
  @media (min-width: 768px) {
    .c-textHeadline {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-textHeadline {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-textHeadline {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-textHeadline {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-textHeadline {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-textHeadline {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-textHeadline {
      margin-top: 152px; } }

/*
 |--------------------------------------------------------------------------
 | .c-textHeadlineGroup
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/headlineGroup';
 */
.c-textHeadlineGroup {
  margin-top: 64px; }
  @media screen and (min-width: 375px) {
    .c-textHeadlineGroup {
      margin-top: calc(64px + 64 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-textHeadlineGroup {
      margin-top: 128px; } }
  .c-textHeadlineGroup__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-textHeadlineGroup__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-textHeadlineGroup__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-textHeadlineGroup__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-textHeadlineGroup__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textHeadlineGroup__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-textHeadlineGroup__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-textHeadlineGroup__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textHeadlineGroup__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-textHeadlineGroup__col {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-textHeadlineGroup__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textHeadlineGroup__col {
        padding-left: 16px;
        padding-right: 16px; } }
  .c-textHeadlineGroup__svg + .c-textHeadlineGroup__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-textHeadlineGroup__svg + .c-textHeadlineGroup__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textHeadlineGroup__svg + .c-textHeadlineGroup__topline {
        margin-top: 24px; } }
  .c-textHeadlineGroup__topline + .c-textHeadlineGroup__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-textHeadlineGroup__topline + .c-textHeadlineGroup__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textHeadlineGroup__topline + .c-textHeadlineGroup__headline {
        margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-textInfo
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/info';
 */
.c-textInfo {
  margin-top: 48px; }
  @media screen and (min-width: 375px) {
    .c-textInfo {
      margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-textInfo {
      margin-top: 96px; } }
  .c-textInfo__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-textInfo__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-textInfo__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-textInfo__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-textInfo__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textInfo__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-textInfo__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-textInfo__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textInfo__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-textInfo__col {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: calc(6 / 6 * 100%); }
    @media screen and (min-width: 375px) {
      .c-textInfo__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textInfo__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-textInfo__col {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-textInfo__col {
        width: calc(16 / 24 * 100%);
        margin-left: calc(4 / 24 * 100%); } }
  .c-textInfo__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-textInfo__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textInfo__topline {
        margin-top: 24px; } }
  .c-textInfo__text {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .c-textInfo__text {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textInfo__text {
        margin-top: 40px; } }
  .c-textInfo__linkWrapper {
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .c-textInfo__link {
    margin-top: 20px;
    float: none;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 375px) {
      .c-textInfo__link {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textInfo__link {
        margin-top: 40px; } }
  .c-textInfo--hasBackground .c-textInfo__container {
    position: relative;
    padding-top: 40px;
    padding-bottom: 56px; }
    @media screen and (min-width: 375px) {
      .c-textInfo--hasBackground .c-textInfo__container {
        padding-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textInfo--hasBackground .c-textInfo__container {
        padding-top: 80px; } }
    @media screen and (min-width: 375px) {
      .c-textInfo--hasBackground .c-textInfo__container {
        padding-bottom: calc(56px + 56 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textInfo--hasBackground .c-textInfo__container {
        padding-bottom: 112px; } }
    .c-textInfo--hasBackground .c-textInfo__container:before {
      content: '';
      width: calc(6 / 6 * 100vw);
      left: calc(3 / 6 * 100%);
      transform: translateX(-50%);
      background-color: var(--c-grey);
      position: absolute;
      z-index: -1;
      top: 0;
      height: 100%; }

/*
 |--------------------------------------------------------------------------
 | .c-textPackageDetailIntro
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/packageDetailIntro';
 */
.c-textPackageDetailIntro {
  margin-top: 80px; }
  @media screen and (min-width: 375px) {
    .c-textPackageDetailIntro {
      margin-top: calc(80px + 80 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-textPackageDetailIntro {
      margin-top: 160px; } }

/*
 |--------------------------------------------------------------------------
 | .c-textQuote
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/quote';
 */
.c-textQuote {
  margin-top: 48px; }
  @media screen and (min-width: 375px) {
    .c-textQuote {
      margin-top: calc(48px + 48 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-textQuote {
      margin-top: 96px; } }
  .c-textQuote__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .c-textQuote__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-textQuote__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-textQuote__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .c-textQuote__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textQuote__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-textQuote__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-textQuote__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textQuote__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-textQuote__col {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: calc(6 / 6 * 100%); }
    @media screen and (min-width: 375px) {
      .c-textQuote__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textQuote__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-textQuote__col {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-textQuote__col {
        width: calc(16 / 24 * 100%);
        margin-left: calc(4 / 24 * 100%); } }
  .c-textQuote__topline {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-textQuote__topline {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textQuote__topline {
        margin-top: 24px; } }
  .c-textQuote__quote {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .c-textQuote__quote {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textQuote__quote {
        margin-top: 40px; } }
  .c-textQuote__author {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .c-textQuote__author {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textQuote__author {
        margin-top: 40px; } }
  .c-textQuote--hasBackground .c-textQuote__container {
    position: relative;
    padding-top: 40px;
    padding-bottom: 56px; }
    @media screen and (min-width: 375px) {
      .c-textQuote--hasBackground .c-textQuote__container {
        padding-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textQuote--hasBackground .c-textQuote__container {
        padding-top: 80px; } }
    @media screen and (min-width: 375px) {
      .c-textQuote--hasBackground .c-textQuote__container {
        padding-bottom: calc(56px + 56 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textQuote--hasBackground .c-textQuote__container {
        padding-bottom: 112px; } }
    .c-textQuote--hasBackground .c-textQuote__container:before {
      content: '';
      width: calc(6 / 6 * 100vw);
      left: calc(3 / 6 * 100%);
      transform: translateX(-50%);
      background-color: var(--c-grey);
      position: absolute;
      z-index: -1;
      top: 0;
      height: 100%; }

/*
 |--------------------------------------------------------------------------
 | .c-text
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/text';
 */
.c-text {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 20px; }
  @media (min-width: 768px) {
    .c-text {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-text {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-text {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-text {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-text {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-text {
      margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-text {
      margin-top: 40px; } }
  .c-text__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-text__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-text__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-text__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-text__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-text__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-text__content {
        width: calc(16 / 24 * 100%);
        margin-left: calc(4 / 24 * 100%); } }
  .c-text h3,
  .c-text h4 {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.15rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    text-transform: uppercase;
    letter-spacing: 0.1em; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-text h3,
      .c-text h4 {
        font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-text h3,
      .c-text h4 {
        font-size: 1.32875rem; } }
  .c-text p + h3,
  .c-text p + h4 {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-text p + h3,
      .c-text p + h4 {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-text p + h3,
      .c-text p + h4 {
        margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-textTwoColumns
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/twoColumns';
 */
.c-textTwoColumns {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 76px; }
  @media (min-width: 768px) {
    .c-textTwoColumns {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-textTwoColumns {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-textTwoColumns {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .c-textTwoColumns {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-textTwoColumns {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-textTwoColumns {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-textTwoColumns {
      margin-top: 152px; } }
  .c-textTwoColumns__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .c-textTwoColumns__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textTwoColumns__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-textTwoColumns__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-textTwoColumns__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textTwoColumns__content {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-textTwoColumns__content:last-child {
      margin-top: 32px; }
      @media screen and (min-width: 375px) {
        .c-textTwoColumns__content:last-child {
          margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .c-textTwoColumns__content:last-child {
          margin-top: 64px; } }
    @media (min-width: 768px) {
      .c-textTwoColumns__content {
        width: calc(5 / 12 * 100%); }
        .c-textTwoColumns__content:first-child {
          margin-left: calc(1 / 12 * 100%); }
        .c-textTwoColumns__content:last-child {
          margin-top: 0px; } }
    @media screen and (min-width: 768px) and (min-width: 375px) {
      .c-textTwoColumns__content:last-child {
        margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 768px) and (min-width: 1440px) {
      .c-textTwoColumns__content:last-child {
        margin-top: 0px; } }
    @media (min-width: 1440px) {
      .c-textTwoColumns__content {
        width: calc(10 / 24 * 100%); }
        .c-textTwoColumns__content:first-child {
          margin-left: calc(2 / 24 * 100%); } }
  .c-textTwoColumns__heading +
.c-textTwoColumns__text {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-textTwoColumns__heading +
.c-textTwoColumns__text {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textTwoColumns__heading +
.c-textTwoColumns__text {
        margin-top: 16px; } }
  .c-textTwoColumns__text h3,
  .c-textTwoColumns__text h4 {
    margin-top: 8px;
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.15rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    text-transform: uppercase;
    letter-spacing: 0.1em; }
    @media screen and (min-width: 375px) {
      .c-textTwoColumns__text h3,
      .c-textTwoColumns__text h4 {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-textTwoColumns__text h3,
      .c-textTwoColumns__text h4 {
        margin-top: 16px; } }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-textTwoColumns__text h3,
      .c-textTwoColumns__text h4 {
        font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-textTwoColumns__text h3,
      .c-textTwoColumns__text h4 {
        font-size: 1.32875rem; } }

/*
 |--------------------------------------------------------------------------
 | .c-toggleNav
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/toggle/nav';
 */
.c-toggleNav {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: currentColor; }
  .nav-open .c-toggleNav__open {
    display: none; }
  .c-toggleNav__close {
    display: none; }
    .nav-open .c-toggleNav__close {
      display: block; }

/*
 |--------------------------------------------------------------------------
 | .c-toolnavLink
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/toolnav/link';
 */
.c-toolnavLink {
  position: relative;
  display: block;
  color: var(--c-black);
  transition: color .3s ease-in-out;
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none; }
  @media screen and (min-width: 375px) {
    .c-toolnavLink {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-toolnavLink {
      padding-left: 16px;
      padding-right: 16px; } }
  @media screen and (min-width: 375px) {
    .c-toolnavLink {
      padding-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-toolnavLink {
      padding-top: 24px; } }
  @media screen and (min-width: 375px) {
    .c-toolnavLink {
      padding-bottom: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .c-toolnavLink {
      padding-bottom: 24px; } }
  @media (min-width: 768px) {
    .c-toolnavLink {
      color: var(--c-white);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0;
      padding-bottom: 0; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-toolnavLink {
      padding-left: calc(0px + 0 * (100vw - 375px) / (1065));
      padding-right: calc(0px + 0 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-toolnavLink {
      padding-left: 0px;
      padding-right: 0px; } }
  @media (min-width: 768px) {
    .c-toolnavLink:hover .c-toolnavLink__title, .c-toolnavLink:focus-visible .c-toolnavLink__title {
      opacity: 1;
      pointer-events: all;
      margin-right: 36px; } }
  .c-toolnavLink.is-outOfStage {
    color: var(--c-black); }
  .c-toolnavLink__title {
    font-size: 0.75614rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--c-black);
    margin-top: 8px; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .c-toolnavLink__title {
        font-size: calc( 0.75614rem + -0.07582 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .c-toolnavLink__title {
        font-size: 0.68032rem; } }
    @media screen and (min-width: 375px) {
      .c-toolnavLink__title {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .c-toolnavLink__title {
        margin-top: 16px; } }
    @media (min-width: 768px) {
      .c-toolnavLink__title {
        padding: 5px 9px;
        margin-right: 18px;
        opacity: 0;
        pointer-events: none;
        transition: all .3s ease-in-out;
        transform: translate3d(0, -50%, 0);
        color: var(--c-text);
        position: absolute;
        right: 100%;
        background: var(--c-primary);
        top: 50%;
        margin-top: 0; } }
  .c-toolnavLink__icon > div {
    margin: 0 auto; }
    @media (min-width: 768px) {
      .c-toolnavLink__icon > div {
        margin: 0; } }

/*
 |--------------------------------------------------------------------------
 | .c-toolnav
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/toolnav/toolnav';
 */
.c-toolnav {
  position: fixed;
  bottom: 0px;
  background: var(--c-white);
  right: 0;
  width: 100%;
  box-shadow: 0 25px 100px -20px rgba(0, 0, 0, 0.5);
  transition: transform .5s ease-in-out;
  transform: translate3d(0, 100%, 0);
  z-index: 5; }
  .scroll-up .c-toolnav {
    transform: translate3d(0, 0, 0); }
    @media (min-width: 768px) {
      .scroll-up .c-toolnav {
        transform: translate3d(0, 50%, 0); } }
  @media (min-width: 768px) {
    .c-toolnav {
      bottom: 50%;
      right: 20px;
      transform: translate3d(0, 50%, 0);
      margin-top: 0;
      background: none;
      box-shadow: none;
      width: auto; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-toolnav {
      right: calc(20px + 20 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-toolnav {
      right: 40px; } }
  .c-toolnav__items {
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 768px) {
      .c-toolnav__items {
        display: block;
        width: auto; } }
  @media (min-width: 768px) {
    .c-toolnav__item {
      margin-top: 24px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-toolnav__item {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .c-toolnav__item {
      margin-top: 48px; } }
  @media (min-width: 768px) {
    .c-toolnav__item:first-child {
      margin-top: 0; } }

/*
 |--------------------------------------------------------------------------
 | .wl-additionalServiceGroupOverview
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/additionalServiceGroup/overview';
*/
/*
 |--------------------------------------------------------------------------
 | .wl-additionalServiceGroupElement
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/additionalServiceGroup/element';
 */
.wl-additionalServiceGroupElements {
  margin-top: 16px;
  width: calc(6 / 6 * 100%); }
  @media screen and (min-width: 375px) {
    .wl-additionalServiceGroupElements {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-additionalServiceGroupElements {
      margin-top: 32px; } }
  .wl-additionalServiceGroupElements:first-child {
    margin-top: 0; }
  .wl-additionalServiceGroupElements__item {
    margin-top: 32px; }
    @media screen and (min-width: 375px) {
      .wl-additionalServiceGroupElements__item {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-additionalServiceGroupElements__item {
        margin-top: 64px; } }
  .wl-additionalServiceGroupElements__items {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .wl-additionalServiceGroupElements__items {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-additionalServiceGroupElements__items {
        margin-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-additionalServiceAccordion
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/additionalService/accordion';
 */
.wl-additionalServiceAccordion {
  width: calc(6 / 6 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  border-bottom: 1px solid var(--c-black); }
  @media screen and (min-width: 375px) {
    .wl-additionalServiceAccordion {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-additionalServiceAccordion {
      padding-left: 16px;
      padding-right: 16px; } }
  .wl-additionalServiceAccordion.is-open {
    border-bottom: 0; }
  @media (min-width: 768px) {
    .wl-additionalServiceAccordion {
      margin-left: calc(1 / 12 * 100%);
      width: calc(10 / 12 * 100%); } }
  @media (min-width: 1024px) {
    .wl-additionalServiceAccordion {
      margin-left: calc(2 / 12 * 100%);
      width: calc(8 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .wl-additionalServiceAccordion {
      margin-left: calc(5 / 24 * 100%);
      width: calc(16 / 24 * 100%); } }
  .wl-additionalServiceAccordion__text {
    margin-top: 16px;
    width: 100%; }
    @media screen and (min-width: 375px) {
      .wl-additionalServiceAccordion__text {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-additionalServiceAccordion__text {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .wl-additionalServiceAccordion__text {
        margin-top: 0; } }

.wl-additionalServiceGroupOverview {
  margin-top: 40px; }
  @media screen and (min-width: 375px) {
    .wl-additionalServiceGroupOverview {
      margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-additionalServiceGroupOverview {
      margin-top: 80px; } }
  .wl-additionalServiceGroupOverview__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 768px) {
      .wl-additionalServiceGroupOverview__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .wl-additionalServiceGroupOverview__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .wl-additionalServiceGroupOverview__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .wl-additionalServiceGroupOverview__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-additionalServiceGroupOverview__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .wl-additionalServiceGroupOverview__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .wl-additionalServiceGroupOverview__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-additionalServiceGroupOverview__row {
        margin-left: -16px;
        margin-right: -16px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-bookingStyles
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/booking/wlBookingStyles';
*/
/* Moadal */
.abm-root .modal-body .tab-content .h3,
.abm-root .modal-body .tab-content h3,
.abm-root .modal-body .abm-popup-room .h3,
.abm-root .modal-body .abm-popup-room h3 {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.15rem;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: var(--c-black);
  margin-top: 8px;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: bold; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .abm-root .modal-body .tab-content .h3,
    .abm-root .modal-body .tab-content h3,
    .abm-root .modal-body .abm-popup-room .h3,
    .abm-root .modal-body .abm-popup-room h3 {
      font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .abm-root .modal-body .tab-content .h3,
    .abm-root .modal-body .tab-content h3,
    .abm-root .modal-body .abm-popup-room .h3,
    .abm-root .modal-body .abm-popup-room h3 {
      font-size: 1.32875rem; } }
  @media screen and (min-width: 375px) {
    .abm-root .modal-body .tab-content .h3,
    .abm-root .modal-body .tab-content h3,
    .abm-root .modal-body .abm-popup-room .h3,
    .abm-root .modal-body .abm-popup-room h3 {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .abm-root .modal-body .tab-content .h3,
    .abm-root .modal-body .tab-content h3,
    .abm-root .modal-body .abm-popup-room .h3,
    .abm-root .modal-body .abm-popup-room h3 {
      margin-top: 16px; } }

.abm-root .modal-body .tab-content h4,
.abm-root .modal-body .abm-popup-room h4 {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1rem;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: var(--c-black);
  margin-top: 8px;
  text-transform: none;
  letter-spacing: .1em; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .abm-root .modal-body .tab-content h4,
    .abm-root .modal-body .abm-popup-room h4 {
      font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .abm-root .modal-body .tab-content h4,
    .abm-root .modal-body .abm-popup-room h4 {
      font-size: 1.063rem; } }
  @media screen and (min-width: 375px) {
    .abm-root .modal-body .tab-content h4,
    .abm-root .modal-body .abm-popup-room h4 {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .abm-root .modal-body .tab-content h4,
    .abm-root .modal-body .abm-popup-room h4 {
      margin-top: 16px; } }

.abm-root .modal-body .tab-content ul,
.abm-root .modal-body .abm-popup-room ul {
  margin-top: 4px; }
  .abm-root .modal-body .tab-content ul li,
  .abm-root .modal-body .abm-popup-room ul li {
    position: relative;
    padding-left: 1.3225rem; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .abm-root .modal-body .tab-content ul li,
      .abm-root .modal-body .abm-popup-room ul li {
        padding-left: calc( 1.3225rem + 0.33844 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .abm-root .modal-body .tab-content ul li,
      .abm-root .modal-body .abm-popup-room ul li {
        padding-left: 1.66094rem; } }
    .abm-root .modal-body .tab-content ul li::before,
    .abm-root .modal-body .abm-popup-room ul li::before {
      background-size: 5px;
      width: 5px;
      height: 9px;
      top: 4px;
      content: '';
      background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYWY5NTUyZjEtMTllNS00Mjg2LWEyZTctNGM1MTM5YjI4YzdjIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDcuNTIgMTIuMjEiPjxwYXRoIGlkPSJiOTA1MmQ1Yy0wMmNiLTQ2NzgtOTkyMi0zYjY0ZGNiZGFkN2UiIGRhdGEtbmFtZT0iUGZhZCA0NzI0NiIgZD0iTS40MS43MWw1LjQsNS40LTUuNCw1LjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);
      background-repeat: no-repeat;
      position: absolute;
      left: 7px;
      transform: translate3d(-100%, 0%, 0); }
      @media screen and (min-width: 375px) {
        .abm-root .modal-body .tab-content ul li::before,
        .abm-root .modal-body .abm-popup-room ul li::before {
          background-size: calc(5px + 2 * (100vw - 375px) / (1065));
          width: calc(5px + 2 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .abm-root .modal-body .tab-content ul li::before,
        .abm-root .modal-body .abm-popup-room ul li::before {
          background-size: 7px;
          width: 7px; } }
      @media screen and (min-width: 375px) {
        .abm-root .modal-body .tab-content ul li::before,
        .abm-root .modal-body .abm-popup-room ul li::before {
          height: calc(9px + 5 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .abm-root .modal-body .tab-content ul li::before,
        .abm-root .modal-body .abm-popup-room ul li::before {
          height: 14px; } }
      @media screen and (min-width: 375px) {
        .abm-root .modal-body .tab-content ul li::before,
        .abm-root .modal-body .abm-popup-room ul li::before {
          top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .abm-root .modal-body .tab-content ul li::before,
        .abm-root .modal-body .abm-popup-room ul li::before {
          top: 8px; } }
  @media screen and (min-width: 375px) {
    .abm-root .modal-body .tab-content ul,
    .abm-root .modal-body .abm-popup-room ul {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .abm-root .modal-body .tab-content ul,
    .abm-root .modal-body .abm-popup-room ul {
      margin-top: 8px; } }

.abm-root .modal-body .tab-content a,
.abm-root .modal-body .abm-popup-room a {
  font-size: 0.86957rem;
  text-decoration: none;
  color: var(--c-text);
  text-transform: uppercase;
  font-weight: 700;
  transition: color .3s ease-in-out;
  font-size: 1rem;
  text-decoration: underline;
  text-transform: none; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .abm-root .modal-body .tab-content a,
    .abm-root .modal-body .abm-popup-room a {
      font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .abm-root .modal-body .tab-content a,
    .abm-root .modal-body .abm-popup-room a {
      font-size: 0.8504rem; } }
  .abm-root .modal-body .tab-content a:hover,
  .abm-root .modal-body .abm-popup-room a:hover {
    color: var(--c-primary); }
  @media (min-width: 375px) and (max-width: 1440px) {
    .abm-root .modal-body .tab-content a,
    .abm-root .modal-body .abm-popup-room a {
      font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .abm-root .modal-body .tab-content a,
    .abm-root .modal-body .abm-popup-room a {
      font-size: 1.063rem; } }

.abm-root .panel-group .panel .panel-title {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1rem;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: var(--c-black);
  text-transform: none;
  letter-spacing: .1em; }
  @media (min-width: 375px) and (max-width: 1440px) {
    .abm-root .panel-group .panel .panel-title {
      font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .abm-root .panel-group .panel .panel-title {
      font-size: 1.063rem; } }

.abm-root .panel-group .panel .fa-ul {
  margin-left: 0; }
  .abm-root .panel-group .panel .fa-ul li {
    position: relative;
    padding-left: 1.3225rem; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .abm-root .panel-group .panel .fa-ul li {
        padding-left: calc( 1.3225rem + 0.33844 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .abm-root .panel-group .panel .fa-ul li {
        padding-left: 1.66094rem; } }
    .abm-root .panel-group .panel .fa-ul li::before {
      background-size: 5px;
      width: 5px;
      height: 9px;
      top: 4px;
      content: '';
      background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iYWY5NTUyZjEtMTllNS00Mjg2LWEyZTctNGM1MTM5YjI4YzdjIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDcuNTIgMTIuMjEiPjxwYXRoIGlkPSJiOTA1MmQ1Yy0wMmNiLTQ2NzgtOTkyMi0zYjY0ZGNiZGFkN2UiIGRhdGEtbmFtZT0iUGZhZCA0NzI0NiIgZD0iTS40MS43MWw1LjQsNS40LTUuNCw1LjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);
      background-repeat: no-repeat;
      position: absolute;
      left: 7px;
      transform: translate3d(-100%, 0%, 0); }
      @media screen and (min-width: 375px) {
        .abm-root .panel-group .panel .fa-ul li::before {
          background-size: calc(5px + 2 * (100vw - 375px) / (1065));
          width: calc(5px + 2 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .abm-root .panel-group .panel .fa-ul li::before {
          background-size: 7px;
          width: 7px; } }
      @media screen and (min-width: 375px) {
        .abm-root .panel-group .panel .fa-ul li::before {
          height: calc(9px + 5 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .abm-root .panel-group .panel .fa-ul li::before {
          height: 14px; } }
      @media screen and (min-width: 375px) {
        .abm-root .panel-group .panel .fa-ul li::before {
          top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .abm-root .panel-group .panel .fa-ul li::before {
          top: 8px; } }

.abm-root .abm-summarytarget-room,
.abm-root .abm-summarytarget-additionalservice {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .abm-root .abm-summarytarget-room,
    .abm-root .abm-summarytarget-additionalservice {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .abm-root .abm-summarytarget-room,
    .abm-root .abm-summarytarget-additionalservice {
      margin-top: 24px; } }

/*
 |--------------------------------------------------------------------------
 | .w-form
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/form/form';
 */
.wl-form,
.wl-formNewsletter {
  position: relative; }
  .wl-form::before,
  .wl-formNewsletter::before {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 100vw;
    top: 0;
    bottom: 0;
    background: var(--c-grey);
    transform: translate3d(-50%, 0, 0); }
  .wl-form__container,
  .wl-formNewsletter__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px;
    padding-bottom: 48px;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .wl-form__container,
      .wl-formNewsletter__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .wl-form__container,
      .wl-formNewsletter__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .wl-form__container,
      .wl-formNewsletter__container {
        max-width: 1500px; } }
    @media screen and (min-width: 375px) {
      .wl-form__container,
      .wl-formNewsletter__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-form__container,
      .wl-formNewsletter__container {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .wl-form__container,
      .wl-formNewsletter__container {
        padding-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-form__container,
      .wl-formNewsletter__container {
        padding-top: 64px; } }
    @media screen and (min-width: 375px) {
      .wl-form__container,
      .wl-formNewsletter__container {
        padding-bottom: calc(48px + 48 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-form__container,
      .wl-formNewsletter__container {
        padding-bottom: 96px; } }
  .wl-form__row,
  .wl-formNewsletter__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .wl-form__row,
      .wl-formNewsletter__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-form__row,
      .wl-formNewsletter__row {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 768px) {
      .wl-form__row,
      .wl-formNewsletter__row {
        flex-wrap: nowrap; } }
  .wl-form__headline,
  .wl-formNewsletter__headline {
    margin-top: 40px; }
    @media screen and (min-width: 375px) {
      .wl-form__headline,
      .wl-formNewsletter__headline {
        margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-form__headline,
      .wl-formNewsletter__headline {
        margin-top: 80px; } }
    @media (min-width: 768px) {
      .wl-form__headline,
      .wl-formNewsletter__headline {
        margin-left: calc(5 / 24 * 100%); } }
    .wl-form__headline:first-child,
    .wl-formNewsletter__headline:first-child {
      margin-top: 0; }
  .wl-form__item,
  .wl-formNewsletter__item {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 16px;
    width: 100%; }
    @media screen and (min-width: 375px) {
      .wl-form__item,
      .wl-formNewsletter__item {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-form__item,
      .wl-formNewsletter__item {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-form__item,
      .wl-formNewsletter__item {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-form__item,
      .wl-formNewsletter__item {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .wl-form__item,
      .wl-formNewsletter__item {
        width: calc(7 / 24 * 100%); } }
    @media (min-width: 768px) {
      .wl-form__item:first-child,
      .wl-formNewsletter__item:first-child {
        margin-left: calc(5 / 24 * 100%); } }
    @media (min-width: 768px) {
      .wl-form__item.fullWidth,
      .wl-formNewsletter__item.fullWidth {
        width: calc(14 / 24 * 100%); } }
    .wl-form__item.autoWidth,
    .wl-formNewsletter__item.autoWidth {
      width: auto; }
    .wl-form__item.is-hidden,
    .wl-formNewsletter__item.is-hidden {
      display: none; }

/*
 |--------------------------------------------------------------------------
 | .wl-enquiryForm
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/form/wlEnquiryForm';
 */
.wl-enquiryForm {
  --icon-size: 18px;
  padding-top: 52px;
  padding-bottom: 52px;
  position: relative; }
  @media screen and (min-width: 375px) {
    .wl-enquiryForm {
      padding-top: calc(52px + 52 * (100vw - 375px) / (1065));
      padding-bottom: calc(52px + 52 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-enquiryForm {
      padding-top: 104px;
      padding-bottom: 104px; } }
  .wl-enquiryForm::before {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 100vw;
    top: 0;
    bottom: 0;
    background: var(--c-grey);
    transform: translate3d(-50%, 0, 0); }
  .wl-enquiryForm #targetForm {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm #targetForm {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm #targetForm {
        margin-left: -16px;
        margin-right: -16px; } }
  .wl-enquiryForm form {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm form {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm form {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .wl-enquiryForm form {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .wl-enquiryForm form {
        width: calc(14 / 24 * 100%);
        margin-left: calc(5 / 24 * 100%); } }
  .wl-enquiryForm textarea,
  .wl-enquiryForm input,
  .wl-enquiryForm select {
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
    height: auto;
    color: inherit;
    outline: none; }
  .wl-enquiryForm .jumbotron {
    background: none;
    padding: 0; }
  .wl-enquiryForm .form-group,
  .wl-enquiryForm .control-label,
  .wl-enquiryForm .jumbotron,
  .wl-enquiryForm .checkbox {
    margin-bottom: 0;
    padding-bottom: 0; }
  .wl-enquiryForm .checkbox {
    margin-top: 0; }
  .wl-enquiryForm .glyphicon {
    display: none; }
  .wl-enquiryForm .glyphicon-remove {
    display: block;
    position: absolute;
    right: 0;
    top: 17px;
    z-index: 2; }
    @media (min-width: 768px) {
      .wl-enquiryForm .glyphicon-remove {
        top: 25px; } }
  .wl-enquiryForm .qr-rooms {
    position: relative; }
  .wl-enquiryForm .qr-dates,
  .wl-enquiryForm .qr-personal-data {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm .qr-dates,
      .wl-enquiryForm .qr-personal-data {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm .qr-dates,
      .wl-enquiryForm .qr-personal-data {
        margin-top: 40px; } }
  .wl-enquiryForm h3 {
    margin-top: 40px;
    position: relative;
    z-index: 0;
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.52087rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    z-index: 1; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm h3 {
        margin-top: calc(40px + 40 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm h3 {
        margin-top: 80px; } }
    .wl-enquiryForm h3:before {
      width: calc(100% - 50% - 0%);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      content: '';
      border: 1px solid var(--c-white);
      border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
      border-image-slice: 33.3% 11.1%;
      border-image-repeat: stretch;
      border-image-width: 0% 11.1% 100% 11.1%;
      transform: translate(50%, 50%);
      z-index: -1; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .wl-enquiryForm h3 {
        font-size: calc( 1.52087rem + 0.5553 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .wl-enquiryForm h3 {
        font-size: 2.07617rem; } }
    @media (min-width: 768px) {
      .wl-enquiryForm h3 {
        position: relative;
        z-index: 0; }
        .wl-enquiryForm h3:before {
          width: calc(100% - 50% - -20%);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          content: '';
          border: 1px solid var(--c-white);
          border-image-source: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDkwIDMwIj48cGF0aCBpZD0iZTAwMTdkZTAtZjdiYy00NzA1LTlhZDUtZGFiMjIxZDMxMGUwIiBkPSJNNC4xLDIxLjdjMi45LjIsMjUuMy40LDM5LjgsMFM4My41LDIyLjQsODgsMjNzLS4yLDUtMy40LDUuMy0zMC44LjEtMzkuNCwwLTM5LjQuMy00MS4yLDBDLjEsMjcuNS0yLjYsMjEuMyw0LjEsMjEuN1oiIHN0eWxlPSJmaWxsOiNjY2NhNzAiLz48L3N2Zz4=);
          border-image-slice: 33.3% 11.1%;
          border-image-repeat: stretch;
          border-image-width: 0% 11.1% 100% 11.1%;
          transform: translate(50%, 30%);
          z-index: -1; } }
    .wl-enquiryForm h3:first-of-type {
      margin-top: 0px; }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm h3:first-of-type {
          margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm h3:first-of-type {
          margin-top: 0px; } }
  .wl-enquiryForm .qr-personal-data + h3 {
    margin-top: 20px;
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm .qr-personal-data + h3 {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm .qr-personal-data + h3 {
        margin-top: 40px; } }
    @media (min-width: 375px) and (max-width: 1440px) {
      .wl-enquiryForm .qr-personal-data + h3 {
        font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .wl-enquiryForm .qr-personal-data + h3 {
        font-size: 1.063rem; } }
    .wl-enquiryForm .qr-personal-data + h3::before {
      display: none; }
  .wl-enquiryForm .form-control {
    font-size: 1rem; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .wl-enquiryForm .form-control {
        font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .wl-enquiryForm .form-control {
        font-size: 1.063rem; } }
  .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email], .wl-enquiryForm input.hasDatepicker {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 12px;
    padding-left: 12px;
    cursor: pointer; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email], .wl-enquiryForm input.hasDatepicker {
        padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email], .wl-enquiryForm input.hasDatepicker {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email], .wl-enquiryForm input.hasDatepicker {
        padding-right: calc(12px + 12 * (100vw - 375px) / (1065));
        padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email], .wl-enquiryForm input.hasDatepicker {
        padding-right: 24px;
        padding-left: 24px; } }
  .wl-enquiryForm input[type=checkbox] {
    position: relative;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: var(--c-white);
    margin-top: 0;
    margin-right: 16px;
    height: 22px;
    width: 22px;
    border-radius: 0; }
    .wl-enquiryForm input[type=checkbox]#InsuranceId {
      margin-right: calc((8px * 2) - 4px); }
    .wl-enquiryForm input[type=checkbox]:checked {
      outline: none;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDE1LjE3Mmw5LjE5Mi05LjE5MyAxLjQxNSAxLjQxNEwxMCAxOGwtNi4zNjQtNi4zNjQgMS40MTQtMS40MTR6Ii8+PC9zdmc+);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center center; }
    .wl-enquiryForm input[type=checkbox]:focus {
      outline: none; }
      .wl-enquiryForm input[type=checkbox]:focus:invalid {
        outline: 2px solid var(--c-red) !important; }
  .wl-enquiryForm select {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 24px;
    cursor: pointer; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select {
        padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm select {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select {
        padding-left: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm select {
        padding-left: 24px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select {
        padding-right: calc(24px + 24 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm select {
        padding-right: 48px; } }
  .wl-enquiryForm select,
  .wl-enquiryForm input.hasDatepicker {
    --spacing-right: 10px;
    background: var(--c-white) url(data:image/svg+xml;base64,PHN2ZyBpZD0iYjkzYzAwMDYtNWJkZS00MDdmLWIyYTktZThiYWY2NTc1MjliIiBkYXRhLW5hbWU9IkViZW5lIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyLjIxIDcuNTIiPjxwYXRoIGlkPSJiYTI2NDU2ZC03YjExLTQ0MTItODc0Mi0zNjdmOTNhNTY5ZmQiIGRhdGEtbmFtZT0iUGZhZCA0NzI0NiIgZD0iTTExLjUxLjcxbC01LjQsNS40TC43MS43MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=) no-repeat calc(100% - var(--spacing-right)) center;
    background-size: var(--icon-size);
    background-color: var(--c-white); }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        --spacing-right: calc(10px + 20 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        --spacing-right: 30px; } }
  .wl-enquiryForm textarea {
    padding-top: 8px;
    padding-bottom: 8px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    resize: none;
    overflow: hidden; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm textarea {
        padding-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm textarea {
        padding-top: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm textarea {
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm textarea {
        padding-bottom: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm textarea {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm textarea {
        padding-left: 16px;
        padding-right: 16px; } }
  .wl-enquiryForm input,
  .wl-enquiryForm select,
  .wl-enquiryForm textarea {
    outline: 2px solid transparent;
    transition: outline-color .2s ease-out; }
    .wl-enquiryForm input:focus,
    .wl-enquiryForm select:focus,
    .wl-enquiryForm textarea:focus {
      outline: 2px solid var(--c-black);
      transition: outline-color .2s ease-out; }
      .wl-enquiryForm input:focus:invalid,
      .wl-enquiryForm select:focus:invalid,
      .wl-enquiryForm textarea:focus:invalid {
        outline: 2px solid var(--c-red) !important; }
  .wl-enquiryForm .row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm .row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm .row {
        margin-left: -16px;
        margin-right: -16px; } }
    .wl-enquiryForm .row .col-sm-6 {
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px; }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .row .col-sm-6 {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .row .col-sm-6 {
          padding-left: 16px;
          padding-right: 16px; } }
      @media (min-width: 768px) {
        .wl-enquiryForm .row .col-sm-6 {
          width: calc(6 / 12 * 100%); } }
    .wl-enquiryForm .row .col-md-12 {
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px; }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .row .col-md-12 {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .row .col-md-12 {
          padding-left: 16px;
          padding-right: 16px; } }
      @media (min-width: 768px) {
        .wl-enquiryForm .row .col-md-12 {
          width: calc(6 / 12 * 100%); } }
    .wl-enquiryForm .row .col-sm-12 {
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px; }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .row .col-sm-12 {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .row .col-sm-12 {
          padding-left: 16px;
          padding-right: 16px; } }
  .wl-enquiryForm .qr-additional .col-md-12 {
    width: calc(6 / 6 * 100%); }
  .wl-enquiryForm .qr-additional label + p {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    margin-top: 0px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .wl-enquiryForm .qr-additional label + p {
        font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .wl-enquiryForm .qr-additional label + p {
        font-size: 1.063rem; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm .qr-additional label + p {
        margin-top: calc(0px + 0 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm .qr-additional label + p {
        margin-top: 0px; } }
  .wl-enquiryForm label {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    margin-top: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .wl-enquiryForm label {
        font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .wl-enquiryForm label {
        font-size: 1.063rem; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm label {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm label {
        margin-top: 24px; } }
    .wl-enquiryForm label + * {
      margin-top: 8px; }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm label + * {
          margin-top: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm label + * {
          margin-top: 16px; } }
    .wl-enquiryForm label a {
      margin-right: 1.6px;
      margin-left: 1.6px;
      text-decoration: underline;
      color: var(--c-text); }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm label a {
          margin-right: calc(1.6px + 1.6 * (100vw - 375px) / (1065));
          margin-left: calc(1.6px + 1.6 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm label a {
          margin-right: 3.2px;
          margin-left: 3.2px; } }
  .wl-enquiryForm .checkbox label,
  .wl-enquiryForm .qr-additional label {
    margin-top: 16px;
    font-weight: normal;
    text-transform: none; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm .checkbox label,
      .wl-enquiryForm .qr-additional label {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-enquiryForm .checkbox label,
      .wl-enquiryForm .qr-additional label {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .wl-enquiryForm .checkbox label,
      .wl-enquiryForm .qr-additional label {
        display: flex;
        align-items: center; } }
  .wl-enquiryForm .btn {
    border-radius: 0; }
    .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary {
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .btn.btn-default, .wl-enquiryForm .btn.btn-primary {
          margin-top: 32px; } }
    .wl-enquiryForm .btn.btn-default {
      font-family: "Lato", sans-serif;
      font-size: 0.86957rem;
      font-weight: 900;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.1em;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
      background-color: transparent;
      text-align: center;
      flex-wrap: wrap;
      display: inline-flex;
      position: relative;
      justify-content: center;
      --button-border-offset: 4px;
      --button-border-width: 2px;
      transition: background-color .3s ease-out, color .3s ease-out;
      color: var(--c-black); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .wl-enquiryForm .btn.btn-default {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .wl-enquiryForm .btn.btn-default {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .btn.btn-default {
          padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
          padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .btn.btn-default {
          padding-bottom: 15px;
          padding-top: 15px; } }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .btn.btn-default {
          padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
          padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .btn.btn-default {
          padding-left: 40px;
          padding-right: 40px; } }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .btn.btn-default {
          --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .btn.btn-default {
          --button-border-offset: 6px; } }
      .wl-enquiryForm .btn.btn-default:before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        border-width: var(--button-border-width);
        border-style: solid;
        border-color: transparent;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: width .3s ease-out, height .3s ease-out; }
      .wl-enquiryForm .btn.btn-default:before {
        border-color: var(--c-black); }
      .wl-enquiryForm .btn.btn-default:hover, .wl-enquiryForm .btn.btn-default:focus {
        background-color: var(--c-black);
        color: var(--c-primary); }
        .wl-enquiryForm .btn.btn-default:hover:before, .wl-enquiryForm .btn.btn-default:focus:before {
          width: calc(100% + (var(--button-border-offset) * 2));
          height: calc(100% + (var(--button-border-offset) * 2)); }
    .wl-enquiryForm .btn.btn-primary {
      font-family: "Lato", sans-serif;
      font-size: 0.86957rem;
      font-weight: 900;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.1em;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 30px;
      padding-right: 30px;
      background-color: transparent;
      text-align: center;
      flex-wrap: wrap;
      display: inline-flex;
      position: relative;
      justify-content: center;
      --button-border-offset: 4px;
      --button-border-width: 2px;
      transition: background-color .3s ease-out, color .3s ease-out;
      background-color: var(--c-black);
      color: var(--c-primary); }
      @media (min-width: 375px) and (max-width: 1440px) {
        .wl-enquiryForm .btn.btn-primary {
          font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
      @media (min-width: 1440px) {
        .wl-enquiryForm .btn.btn-primary {
          font-size: 0.8504rem; } }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .btn.btn-primary {
          padding-bottom: calc(10px + 5 * (100vw - 375px) / (1065));
          padding-top: calc(10px + 5 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .btn.btn-primary {
          padding-bottom: 15px;
          padding-top: 15px; } }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .btn.btn-primary {
          padding-left: calc(30px + 10 * (100vw - 375px) / (1065));
          padding-right: calc(30px + 10 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .btn.btn-primary {
          padding-left: 40px;
          padding-right: 40px; } }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .btn.btn-primary {
          --button-border-offset: calc(4px + 2 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .wl-enquiryForm .btn.btn-primary {
          --button-border-offset: 6px; } }
      .wl-enquiryForm .btn.btn-primary:before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        border-width: var(--button-border-width);
        border-style: solid;
        border-color: transparent;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: width .3s ease-out, height .3s ease-out; }
      .wl-enquiryForm .btn.btn-primary:before {
        border-color: var(--c-black); }
      .wl-enquiryForm .btn.btn-primary:hover:before, .wl-enquiryForm .btn.btn-primary:focus:before {
        width: calc(100% + (var(--button-border-offset) * 2));
        height: calc(100% + (var(--button-border-offset) * 2)); }

.datepicker table tr td.active.active {
  background-color: inherit; }

/*
 |--------------------------------------------------------------------------
 | .wl-remainingOverview
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/remaining/overview';
*/
/*
 |--------------------------------------------------------------------------
 | .wl-remainingItems
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/remaining/items';
 */
.wl-remainingItems__tableHead {
  display: none;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .wl-remainingItems__tableHead {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .wl-remainingItems__tableHead {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .wl-remainingItems__tableHead {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .wl-remainingItems__tableHead {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingItems__tableHead {
      padding-left: 32px;
      padding-right: 32px; } }
  @media (min-width: 768px) {
    .wl-remainingItems__tableHead {
      display: block; } }
  .wl-remainingItems__tableHead .wl-remainingItems__labels {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .wl-remainingItems__tableHead .wl-remainingItems__labels {
        font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .wl-remainingItems__tableHead .wl-remainingItems__labels {
        font-size: 1.063rem; } }
  .wl-remainingItems__tableHead .wl-remainingItems__price,
  .wl-remainingItems__tableHead .wl-remainingItems__link {
    display: none; }
    @media (min-width: 768px) {
      .wl-remainingItems__tableHead .wl-remainingItems__price,
      .wl-remainingItems__tableHead .wl-remainingItems__link {
        display: flex; } }

.wl-remainingItems__tableBody {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .wl-remainingItems__tableBody {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .wl-remainingItems__tableBody {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .wl-remainingItems__tableBody {
      max-width: 1500px; } }
  @media screen and (min-width: 375px) {
    .wl-remainingItems__tableBody {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1065));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingItems__tableBody {
      padding-left: 32px;
      padding-right: 32px; } }

.wl-remainingItems__tableRow {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -8px;
  margin-right: -8px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto;
  border-top: 1px solid var(--c-text);
  margin-top: 20px; }
  @media screen and (min-width: 375px) {
    .wl-remainingItems__tableRow {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingItems__tableRow {
      margin-left: -16px;
      margin-right: -16px; } }
  @media (min-width: 768px) {
    .wl-remainingItems__tableRow {
      margin-top: 0; } }

.wl-remainingItems__col {
  width: calc(6 / 6 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
  font-family: "Lato", sans-serif;
  color: var(--c-text); }
  @media screen and (min-width: 375px) {
    .wl-remainingItems__col {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingItems__col {
      padding-left: 16px;
      padding-right: 16px; } }
  @media screen and (min-width: 375px) {
    .wl-remainingItems__col {
      padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
      padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingItems__col {
      padding-top: 8px;
      padding-bottom: 8px; } }
  @media (min-width: 768px) {
    .wl-remainingItems__col {
      width: calc(1 / 6 * 100%);
      padding-top: 8px;
      padding-bottom: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .wl-remainingItems__col {
      padding-top: calc(8px + 8 * (100vw - 375px) / (1065));
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 768px) and (min-width: 1440px) {
    .wl-remainingItems__col {
      padding-top: 16px;
      padding-bottom: 16px; } }

@media (min-width: 768px) {
  .wl-remainingItems__room {
    width: calc(2 / 6 * 100%); } }

.wl-remainingItems__roomOverlay {
  display: none; }

.wl-remainingItems__mark {
  margin-top: 4px; }
  @media screen and (min-width: 375px) {
    .wl-remainingItems__mark {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingItems__mark {
      margin-top: 8px; } }
  .wl-remainingItems__mark mark {
    background-color: var(--c-primary); }

.wl-remainingItems__roomOverlayLink {
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 0.86957rem;
  display: inline-flex;
  flex-wrap: wrap;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
  transition: color 0.2s ease-out;
  color: var(--c-black); }
  @media (min-width: 375px) and (max-width: 1440px) {
    .wl-remainingItems__roomOverlayLink {
      font-size: calc( 0.86957rem + -0.01917 * ( ( 100vw - 375px) / 1065 )); } }
  @media (min-width: 1440px) {
    .wl-remainingItems__roomOverlayLink {
      font-size: 0.8504rem; } }
  @media screen and (min-width: 375px) {
    .wl-remainingItems__roomOverlayLink {
      padding-top: calc(4px + 4 * (100vw - 375px) / (1065));
      padding-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingItems__roomOverlayLink {
      padding-top: 8px;
      padding-bottom: 8px; } }
  .wl-remainingItems__roomOverlayLink:after {
    position: absolute;
    height: 2px;
    width: 100%;
    content: '';
    bottom: 0;
    left: 0;
    transform-origin: center;
    transition: transform .2s ease-out, background-color .2s ease-out; }
  .wl-remainingItems__roomOverlayLink:hover, .wl-remainingItems__roomOverlayLink:focus {
    transition: color 0.2s ease-out; }
    .wl-remainingItems__roomOverlayLink:hover:after, .wl-remainingItems__roomOverlayLink:focus:after {
      transform: scaleX(0.5);
      transition: transform .2s ease-out, background-color .2s ease-out; }
  .wl-remainingItems__roomOverlayLink:after {
    background-color: var(--c-black); }
  .wl-remainingItems__roomOverlayLink:hover, .wl-remainingItems__roomOverlayLink:focus {
    color: var(--c-primary); }
    .wl-remainingItems__roomOverlayLink:hover:after, .wl-remainingItems__roomOverlayLink:focus:after {
      background-color: var(--c-primary); }

/*
 |--------------------------------------------------------------------------
 | .wl-remainingOverlay
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/remaining/overlay';
 */
.wl-remainingOverlay__copy {
  margin-top: 4px; }
  @media screen and (min-width: 375px) {
    .wl-remainingOverlay__copy {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingOverlay__copy {
      margin-top: 8px; } }
  .wl-remainingOverlay__copy h3,
  .wl-remainingOverlay__copy h4 {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1rem;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: var(--c-black);
    letter-spacing: 0.1em; }
    @media (min-width: 375px) and (max-width: 1440px) {
      .wl-remainingOverlay__copy h3,
      .wl-remainingOverlay__copy h4 {
        font-size: calc( 1rem + 0.063 * ( ( 100vw - 375px) / 1065 )); } }
    @media (min-width: 1440px) {
      .wl-remainingOverlay__copy h3,
      .wl-remainingOverlay__copy h4 {
        font-size: 1.063rem; } }

/*
 |--------------------------------------------------------------------------
 | .wl-remainingRoomOverlay
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/remaining/roomOverlay';
 */
.wl-remainingRoomOverlay__image {
  margin-top: 12px;
  display: block; }
  @media screen and (min-width: 375px) {
    .wl-remainingRoomOverlay__image {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingRoomOverlay__image {
      margin-top: 24px; } }

.wl-remainingRoomOverlay__content {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .wl-remainingRoomOverlay__content {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingRoomOverlay__content {
      margin-top: 32px; } }

.wl-remainingRoomOverlay__features {
  margin-top: 4px; }
  @media screen and (min-width: 375px) {
    .wl-remainingRoomOverlay__features {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-remainingRoomOverlay__features {
      margin-top: 8px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-siteSearchTrigger
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/siteSearch/trigger';
 */
.wl-siteSearchTrigger {
  margin-right: 14px;
  margin-left: 14px;
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  transition: color 0.3s ease-in-out; }
  @media screen and (min-width: 375px) {
    .wl-siteSearchTrigger {
      margin-right: calc(14px + 14 * (100vw - 375px) / (1065));
      margin-left: calc(14px + 14 * (100vw - 375px) / (1065)); } }
  @media screen and (min-width: 1440px) {
    .wl-siteSearchTrigger {
      margin-right: 28px;
      margin-left: 28px; } }
  .wl-siteSearchTrigger:hover {
    color: var(--c-primary); }
  .nav-open .wl-siteSearchTrigger {
    color: var(--c-text); }
  .wl-siteSearchTrigger__icon {
    width: 12px;
    height: 12px;
    text-transform: uppercase;
    font-weight: 100; }
    @media screen and (min-width: 375px) {
      .wl-siteSearchTrigger__icon {
        width: calc(12px + 4 * (100vw - 375px) / (1065));
        height: calc(12px + 4 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-siteSearchTrigger__icon {
        width: 16px;
        height: 16px; } }
  .wl-siteSearchTrigger__popup {
    display: none; }
  .wl-siteSearchTrigger__form {
    display: flex; }
  .wl-siteSearchTrigger__input {
    flex-shrink: 1;
    flex-grow: 1; }
  .wl-siteSearchTrigger__submit {
    flex-shrink: 0;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (min-width: 375px) {
      .wl-siteSearchTrigger__submit {
        width: calc(45px + 15 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .wl-siteSearchTrigger__submit {
        width: 60px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-siteSearchWlSearchResults #bcs-hosted-div (Bing Search)
 |--------------------------------------------------------------------------
  _components.scss: @import '../../templates/websline/siteSearch/wlSearchResults';
*/
.bcs-host-div {
  background-color: transparent; }
  .bcs-host-div .bcs-results {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -8px;
    margin-right: -8px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column; }
    @media screen and (min-width: 375px) {
      .bcs-host-div .bcs-results {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1065));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1065)); } }
    @media screen and (min-width: 1440px) {
      .bcs-host-div .bcs-results {
        margin-left: -16px;
        margin-right: -16px; } }
    .bcs-host-div .bcs-results .bcs-result {
      margin-top: 32px;
      padding: 0;
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px; }
      @media screen and (min-width: 375px) {
        .bcs-host-div .bcs-results .bcs-result {
          margin-top: calc(32px + 32 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .bcs-host-div .bcs-results .bcs-result {
          margin-top: 64px; } }
      @media screen and (min-width: 375px) {
        .bcs-host-div .bcs-results .bcs-result {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1065));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .bcs-host-div .bcs-results .bcs-result {
          padding-left: 16px;
          padding-right: 16px; } }
      @media (min-width: 768px) {
        .bcs-host-div .bcs-results .bcs-result {
          width: calc(8 / 12 * 100%);
          margin-left: calc(2 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .bcs-host-div .bcs-results .bcs-result {
          width: calc(16 / 24 * 100%);
          margin-left: calc(4 / 24 * 100%); } }
      .bcs-host-div .bcs-results .bcs-result h2 a {
        font-size: 1.15rem;
        line-height: 1.15rem;
        color: var(--c-text);
        margin-top: 0;
        margin-right: 0;
        text-decoration: none; }
        @media (min-width: 375px) and (max-width: 1440px) {
          .bcs-host-div .bcs-results .bcs-result h2 a {
            font-size: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
        @media (min-width: 1440px) {
          .bcs-host-div .bcs-results .bcs-result h2 a {
            font-size: 1.32875rem; } }
        @media (min-width: 375px) and (max-width: 1440px) {
          .bcs-host-div .bcs-results .bcs-result h2 a {
            line-height: calc( 1.15rem + 0.17875 * ( ( 100vw - 375px) / 1065 )); } }
        @media (min-width: 1440px) {
          .bcs-host-div .bcs-results .bcs-result h2 a {
            line-height: 1.32875rem; } }
        .bcs-host-div .bcs-results .bcs-result h2 a::after {
          display: none; }
      .bcs-host-div .bcs-results .bcs-result .bcs-caption-text cite {
        color: var(--c-secondary);
        margin-top: 4px;
        margin-bottom: 4px; }
        @media screen and (min-width: 375px) {
          .bcs-host-div .bcs-results .bcs-result .bcs-caption-text cite {
            margin-top: calc(4px + 4 * (100vw - 375px) / (1065));
            margin-bottom: calc(4px + 4 * (100vw - 375px) / (1065)); } }
        @media screen and (min-width: 1440px) {
          .bcs-host-div .bcs-results .bcs-result .bcs-caption-text cite {
            margin-top: 8px;
            margin-bottom: 8px; } }
        @media (min-width: 768px) {
          .bcs-host-div .bcs-results .bcs-result .bcs-caption-text cite {
            display: inline-block; } }
    .bcs-host-div .bcs-results .bcs-pagination {
      float: none;
      margin-left: auto;
      margin-right: auto;
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .bcs-host-div .bcs-results .bcs-pagination {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1065)); } }
      @media screen and (min-width: 1440px) {
        .bcs-host-div .bcs-results .bcs-pagination {
          margin-top: 32px; } }