:root {
  --c-black: #000;
  --c-grey: #282828;
  --c-grey-lighten: #a8a8a8;
  --c-white: #fff;
  --c-beige: #faf7f0;
  --c-beige-dusky: #F7F0E1;
  --c-beige-darken: #EFE6D5;
  --c-purple: #832582;
  --c-purple-darken: #6a1870;
  --c-green: #295d4c;
  --c-green-darken: #19372d;
  --c-rust: #C45530;
  --c-rust-darken: #964226;
  --c-red: #a51545;
  --c-red-darken: #710026;
  --c-orange: #e84133;
  --c-pink: #E63735;
  --c-pink-darken: #f07A6c;
  --c-blue: #1961ac;
  --c-blue-darken: #0F4A88;
  --c-text: var(--c-grey);
  --c-text-lighten: var(--c-grey-lighten);
  --c-boxShaddow: #00000029; }

body .scheme--default,
.scheme--default {
  --c-schemePrimary: var(--c-grey);
  --c-schemePrimary-trans-65: rgba(40, 40, 40, 0.65);
  --c-schemePrimary-trans-45: rgba(40, 40, 40, 0.45);
  --c-schemeDarken: var(--c-black);
  --c-schemeAccent: var(--c-grey-lighten);
  --c-schemeFooterGradient: transparent; }

body .scheme--purple,
.scheme--purple {
  --c-schemePrimary: var(--c-purple);
  --c-schemePrimary-trans-65: rgba(131, 37, 130, 0.65);
  --c-schemePrimary-trans-45: rgba(131, 37, 130, 0.45);
  --c-schemeDarken: var(--c-purple-darken);
  --c-schemeAccent: var(--c-purple);
  --c-schemeFooterGradient: var(--c-purple); }

body .scheme--green,
.scheme--green {
  --c-schemePrimary: var(--c-green);
  --c-schemePrimary-trans-65: rgba(41, 93, 76, 0.65);
  --c-schemePrimary-trans-45: rgba(41, 93, 76, 0.45);
  --c-schemeDarken: var(--c-green-darken);
  --c-schemeAccent: var(--c-green);
  --c-schemeFooterGradient: var(--c-green); }

body .scheme--rust,
.scheme--rust {
  --c-schemePrimary: var(--c-rust);
  --c-schemePrimary-trans-65: rgba(196 85 48, 0.65);
  --c-schemePrimary-trans-45: rgba(196 85 48, 0.45);
  --c-schemeDarken: var(--c-rust-darken);
  --c-schemeAccent: var(--c-rust);
  --c-schemeFooterGradient: var(--c-rust); }

body .scheme--red,
.scheme--red {
  --c-schemePrimary: var(--c-red);
  --c-schemePrimary-trans-65: rgba(165, 21, 69, 0.65);
  --c-schemePrimary-trans-45: rgba(165, 21, 69, 0.45);
  --c-schemeDarken: var(--c-red-darken);
  --c-schemeAccent: var(--c-red);
  --c-schemeFooterGradient: var(--c-red); }

body .scheme--orange,
.scheme--orange {
  --c-schemePrimary: var(--c-orange); }

body .scheme--pink,
.scheme--pink {
  --c-schemePrimary: var(--c-pink);
  --c-schemePrimary-trans-65: rgba(230, 55, 53, 0.65);
  --c-schemePrimary-trans-45: rgba(230, 55, 53, 0.45);
  --c-schemeDarken: var(--c-pink-darken);
  --c-schemeAccent: var(--c-pink);
  --c-schemeFooterGradient: var(--c-pink); }

body .scheme--blue,
.scheme--blue {
  --c-schemePrimary: var(--c-blue);
  --c-schemePrimary-trans-65: rgba(25, 97, 172, 0.65);
  --c-schemePrimary-trans-45: rgba(25, 97, 172, 0.45);
  --c-schemeDarken: var(--c-blue-darken);
  --c-schemeAccent: var(--c-blue);
  --c-schemeFooterGradient: var(--c-blue); }

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

@font-face {
  font-family: 'Quickpen';
  src: url("/assets/fonts/QuickpenBold.woff2") format("woff2"), url("/assets/fonts/QuickpenBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

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

@font-face {
  font-family: 'Red Hat Display';
  src: url("/assets/fonts/RedHatDisplay-Bold.eot"), url("/assets/fonts/RedHatDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/RedHatDisplay-Bold.woff2") format("woff2"), url("/assets/fonts/RedHatDisplay-Bold.woff") format("woff"), url("/assets/fonts/RedHatDisplay-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Red Hat Display';
  src: url("/assets/fonts/RedHatDisplay-Regular.eot"), url("/assets/fonts/RedHatDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/RedHatDisplay-Regular.woff2") format("woff2"), url("/assets/fonts/RedHatDisplay-Regular.woff") format("woff"), url("/assets/fonts/RedHatDisplay-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.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; }

.glightbox-clean .gslide-media {
  border-radius: 15px;
  box-shadow: none;
  overflow: hidden;
  margin: 0 auto; }
  @media screen and (min-width: 375px) {
    .glightbox-clean .gslide-media {
      border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .glightbox-clean .gslide-media {
      border-radius: 25px; } }

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

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

/* 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', 'secondary', 'text');
 |--------------------------------------------------------------------------
*/
body,
html {
  width: 100%; }

html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body {
  font-family: "Lato", "Trebuchet MS", sans-serif;
  font-size: 14px;
  color: var(--c-text); }
  @media (min-width: 375px) and (max-width: 1645px) {
    body {
      font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    body {
      font-size: 18px; } }

main {
  overflow: hidden; }
  main > *:last-child {
    padding-bottom: 40px; }
    @media screen and (min-width: 375px) {
      main > *:last-child {
        padding-bottom: calc(40px + 40 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      main > *:last-child {
        padding-bottom: 80px; } }

#digiAccess .da-text-footer {
  display: none !important; }

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) / (1270)); } }
  @media screen and (min-width: 1645px) {
    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) / (1270)); } }
  @media screen and (min-width: 1645px) {
    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) / (1270)); } }
  @media screen and (min-width: 1645px) {
    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) / (1270)); } }
  @media screen and (min-width: 1645px) {
    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) / (1270)); } }
  @media screen and (min-width: 1645px) {
    body .mt-xl {
      margin-top: 128px; } }

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

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; }

.e-headline--h1 {
  font-size: 23.09433px; }
  @media (min-width: 375px) and (max-width: 1645px) {
    .e-headline--h1 {
      font-size: calc( 23.09433px + 26.49437 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    .e-headline--h1 {
      font-size: 49.5887px; } }

.e-headline--h2 {
  font-size: 21.24593px; }
  @media (min-width: 375px) and (max-width: 1645px) {
    .e-headline--h2 {
      font-size: calc( 21.24593px + 20.63642 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    .e-headline--h2 {
      font-size: 41.88235px; } }

.e-headline--h3 {
  font-size: 19.54547px; }
  @media (min-width: 375px) and (max-width: 1645px) {
    .e-headline--h3 {
      font-size: calc( 19.54547px + 15.82813 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    .e-headline--h3 {
      font-size: 35.3736px; } }

.e-headline--h4 {
  font-size: 17.98112px; }
  @media (min-width: 375px) and (max-width: 1645px) {
    .e-headline--h4 {
      font-size: calc( 17.98112px + 11.89524 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    .e-headline--h4 {
      font-size: 29.87636px; } }

.e-headline--h5 {
  font-size: 16.54197px; }
  @media (min-width: 375px) and (max-width: 1645px) {
    .e-headline--h5 {
      font-size: calc( 16.54197px + 8.69144 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    .e-headline--h5 {
      font-size: 25.23341px; } }

.e-headline--h6 {
  font-size: 15.218px; }
  @media (min-width: 375px) and (max-width: 1645px) {
    .e-headline--h6 {
      font-size: calc( 15.218px + 6.094 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    .e-headline--h6 {
      font-size: 21.312px; } }

.e-headline--h7 {
  font-size: 14px; }
  @media (min-width: 375px) and (max-width: 1645px) {
    .e-headline--h7 {
      font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    .e-headline--h7 {
      font-size: 18px; } }

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

a {
  color: inherit; }

.e-text a {
  font-family: "Red Hat Display", sans-serif;
  line-height: 2.125;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  text-align: center;
  text-decoration: none;
  transition: color 0.2s ease-out;
  color: var(--c-text);
  font-family: "Lato", "Trebuchet MS", sans-serif;
  line-height: inherit; }
  .e-text a.is-disabled {
    pointer-events: none; }
  .e-text a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    border-bottom: 1px solid currentColor;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
  .e-text a:hover:before, .e-text a:focus:before {
    transform: translate3d(0, 2px, 0); }

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

ol {
  margin: 0; }

.e-text ul li {
  padding-left: 14px;
  position: relative; }
  @media screen and (min-width: 375px) {
    .e-text ul li {
      padding-left: calc(14px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-text ul li {
      padding-left: 18px; } }
  .e-text ul li::before {
    top: 7px;
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    left: 7px;
    border-radius: 50%;
    transform: translate3d(-100%, 0%, 0);
    background-color: var(--c-schemePrimary); }
    @media screen and (min-width: 375px) {
      .e-text ul li::before {
        top: calc(7px + 5 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-text ul li::before {
        top: 12px; } }

.e-text ol {
  padding: 0;
  list-style: none;
  counter-reset: orderedListCounter; }
  .e-text ol li {
    padding-left: 14px;
    position: relative;
    counter-increment: orderedListCounter; }
    @media screen and (min-width: 375px) {
      .e-text ol li {
        padding-left: calc(14px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-text ol li {
        padding-left: 18px; } }
    .e-text ol li::before {
      font-size: 11.84865px;
      content: counter(orderedListCounter) ". ";
      position: absolute;
      left: 12px;
      top: 1px;
      transform: translate3d(-100%, 0%, 0); }
      @media (min-width: 375px) and (max-width: 1645px) {
        .e-text ol li::before {
          font-size: calc( 11.84865px + 0.99147 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        .e-text ol li::before {
          font-size: 12.84012px; } }

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

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

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

.js-accordionHead {
  cursor: pointer; }

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

/*
 |--------------------------------------------------------------------------
 | elements
 |--------------------------------------------------------------------------
 */
/*
 |--------------------------------------------------------------------------
 | .e-button
 |--------------------------------------------------------------------------
 */
.e-button {
  display: inline-block; }
  .e-button__icon {
    margin-right: 4px;
    transition: transform .3s ease-in;
    transform-origin: left center; }
    @media screen and (min-width: 375px) {
      .e-button__icon {
        margin-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-button__icon {
        margin-right: 8px; } }
  .e-button:hover .e-button__icon, .e-button:active .e-button__icon, .e-button:focus .e-button__icon {
    transform: scaleX(1.15); }
  .e-button--button.e-button--secondary {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: transparent;
    color: var(--c-text);
    border-color: var(--c-text); }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--secondary {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-button--button.e-button--secondary {
        font-size: 17px; } }
    .e-button--button.e-button--secondary:disabled, .e-button--button.e-button--secondary.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-button--button.e-button--scheme {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: var(--c-schemePrimary);
    color: var(--c-white);
    border-color: var(--c-schemePrimary); }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--scheme {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-button--button.e-button--scheme {
        font-size: 17px; } }
    .e-button--button.e-button--scheme:hover, .e-button--button.e-button--scheme:active, .e-button--button.e-button--scheme:focus {
      background-color: var(--c-schemeDarken);
      border-color: var(--c-schemeDarken); }
    .e-button--button.e-button--scheme:disabled, .e-button--button.e-button--scheme.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-button--button.e-button--purple {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-purple);
    border-color: var(--c-purple); }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--purple {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-button--button.e-button--purple {
        font-size: 17px; } }
    .e-button--button.e-button--purple:hover, .e-button--button.e-button--purple:active, .e-button--button.e-button--purple:focus {
      background-color: var(--c-purple-darken);
      border-color: var(--c-purple-darken); }
    .e-button--button.e-button--purple:disabled, .e-button--button.e-button--purple.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-button--button.e-button--green {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-green);
    border-color: var(--c-green); }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--green {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-button--button.e-button--green {
        font-size: 17px; } }
    .e-button--button.e-button--green:hover, .e-button--button.e-button--green:active, .e-button--button.e-button--green:focus {
      background-color: var(--c-green-darken);
      border-color: var(--c-green-darken); }
    .e-button--button.e-button--green:disabled, .e-button--button.e-button--green.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-button--button.e-button--red {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-red);
    border-color: var(--c-red); }
    @media screen and (min-width: 375px) {
      .e-button--button.e-button--red {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-button--button.e-button--red {
        font-size: 17px; } }
    .e-button--button.e-button--red:hover, .e-button--button.e-button--red:active, .e-button--button.e-button--red:focus {
      background-color: var(--c-red-darken);
      border-color: var(--c-red-darken); }
    .e-button--button.e-button--red:disabled, .e-button--button.e-button--red.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-button--link {
    background: none;
    border: none; }
    .e-button--link.e-button--primary {
      font-family: "Red Hat Display", sans-serif;
      line-height: 2.125;
      position: relative;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      text-decoration: none;
      transition: color 0.2s ease-out;
      color: var(--c-text); }
      .e-button--link.e-button--primary.is-disabled {
        pointer-events: none; }
      .e-button--link.e-button--primary:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        border-bottom: 1px solid currentColor;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      .e-button--link.e-button--primary:hover:before, .e-button--link.e-button--primary:focus:before {
        transform: translate3d(0, 2px, 0); }
    .e-button--link.e-button--primaryScheme {
      font-family: "Red Hat Display", sans-serif;
      line-height: 2.125;
      position: relative;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      text-decoration: none;
      transition: color 0.2s ease-out;
      color: var(--c-schemePrimary); }
      .e-button--link.e-button--primaryScheme.is-disabled {
        pointer-events: none; }
      .e-button--link.e-button--primaryScheme:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        border-bottom: 1px solid currentColor;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      .e-button--link.e-button--primaryScheme:hover:before, .e-button--link.e-button--primaryScheme:focus:before {
        transform: translate3d(0, 2px, 0); }
      .e-button--link.e-button--primaryScheme:hover, .e-button--link.e-button--primaryScheme:focus {
        color: var(--c-schemePrimary-darken); }
    .e-button--link.e-button--primaryPurple {
      font-family: "Red Hat Display", sans-serif;
      line-height: 2.125;
      position: relative;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      text-decoration: none;
      transition: color 0.2s ease-out;
      color: var(--c-purple); }
      .e-button--link.e-button--primaryPurple.is-disabled {
        pointer-events: none; }
      .e-button--link.e-button--primaryPurple:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        border-bottom: 1px solid currentColor;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      .e-button--link.e-button--primaryPurple:hover:before, .e-button--link.e-button--primaryPurple:focus:before {
        transform: translate3d(0, 2px, 0); }
      .e-button--link.e-button--primaryPurple:hover, .e-button--link.e-button--primaryPurple:focus {
        color: var(--c-purple-darken); }
    .e-button--link.e-button--primaryGreen {
      font-family: "Red Hat Display", sans-serif;
      line-height: 2.125;
      position: relative;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      text-decoration: none;
      transition: color 0.2s ease-out;
      color: var(--c-green); }
      .e-button--link.e-button--primaryGreen.is-disabled {
        pointer-events: none; }
      .e-button--link.e-button--primaryGreen:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        border-bottom: 1px solid currentColor;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      .e-button--link.e-button--primaryGreen:hover:before, .e-button--link.e-button--primaryGreen:focus:before {
        transform: translate3d(0, 2px, 0); }
      .e-button--link.e-button--primaryGreen:hover, .e-button--link.e-button--primaryGreen:focus {
        color: var(--c-green-darken); }
    .e-button--link.e-button--primaryRust {
      font-family: "Red Hat Display", sans-serif;
      line-height: 2.125;
      position: relative;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      text-decoration: none;
      transition: color 0.2s ease-out;
      color: var(--c-rust); }
      .e-button--link.e-button--primaryRust.is-disabled {
        pointer-events: none; }
      .e-button--link.e-button--primaryRust:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        border-bottom: 1px solid currentColor;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      .e-button--link.e-button--primaryRust:hover:before, .e-button--link.e-button--primaryRust:focus:before {
        transform: translate3d(0, 2px, 0); }
      .e-button--link.e-button--primaryRust:hover, .e-button--link.e-button--primaryRust:focus {
        color: var(--c-rust-darken); }
    .e-button--link.e-button--primaryRed {
      font-family: "Red Hat Display", sans-serif;
      line-height: 2.125;
      position: relative;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      text-decoration: none;
      transition: color 0.2s ease-out;
      color: var(--c-red); }
      .e-button--link.e-button--primaryRed.is-disabled {
        pointer-events: none; }
      .e-button--link.e-button--primaryRed:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        border-bottom: 1px solid currentColor;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      .e-button--link.e-button--primaryRed:hover:before, .e-button--link.e-button--primaryRed:focus:before {
        transform: translate3d(0, 2px, 0); }
      .e-button--link.e-button--primaryRed:hover, .e-button--link.e-button--primaryRed:focus {
        color: var(--c-red-darken); }
    .e-button--link.e-button--secondary {
      font-family: "Red Hat Display", sans-serif;
      line-height: 2.125;
      position: relative;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      text-decoration: none;
      transition: color 0.2s ease-out;
      color: var(--c-text); }
      .e-button--link.e-button--secondary.is-disabled {
        pointer-events: none; }
      .e-button--link.e-button--secondary:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        border-bottom: 1px solid currentColor;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      .e-button--link.e-button--secondary:before {
        opacity: 0;
        transform: translate3d(0, 2px, 0); }
      .e-button--link.e-button--secondary:hover:before, .e-button--link.e-button--secondary:focus:before {
        opacity: 1;
        transform: translate3d(0, 0, 0); }
  .e-button--tab {
    text-transform: uppercase;
    font-weight: 700; }

/*
 |--------------------------------------------------------------------------
 | .e-buttonIcon
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/elements/button/icon';
 */
.e-buttonIcon--button.e-buttonIcon--secondary {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
  background-color: transparent;
  color: var(--c-text);
  border-color: var(--c-text); }
  @media screen and (min-width: 375px) {
    .e-buttonIcon--button.e-buttonIcon--secondary {
      font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-buttonIcon--button.e-buttonIcon--secondary {
      font-size: 17px; } }
  .e-buttonIcon--button.e-buttonIcon--secondary:disabled, .e-buttonIcon--button.e-buttonIcon--secondary.is-disabled {
    background-color: var(--c-text);
    color: var(--c-white);
    opacity: 0.5;
    pointer-events: none; }

.e-buttonIcon--button.e-buttonIcon--scheme {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
  background-color: var(--c-schemePrimary);
  color: var(--c-white);
  border-color: var(--c-schemePrimary); }
  @media screen and (min-width: 375px) {
    .e-buttonIcon--button.e-buttonIcon--scheme {
      font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-buttonIcon--button.e-buttonIcon--scheme {
      font-size: 17px; } }
  .e-buttonIcon--button.e-buttonIcon--scheme:hover, .e-buttonIcon--button.e-buttonIcon--scheme:active, .e-buttonIcon--button.e-buttonIcon--scheme:focus {
    background-color: var(--c-schemeDarken);
    border-color: var(--c-schemeDarken); }
  .e-buttonIcon--button.e-buttonIcon--scheme:disabled, .e-buttonIcon--button.e-buttonIcon--scheme.is-disabled {
    background-color: var(--c-text);
    color: var(--c-white);
    opacity: 0.5;
    pointer-events: none; }

.e-buttonIcon--button.e-buttonIcon--purple {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
  color: var(--c-white);
  background-color: var(--c-purple);
  border-color: var(--c-purple); }
  @media screen and (min-width: 375px) {
    .e-buttonIcon--button.e-buttonIcon--purple {
      font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-buttonIcon--button.e-buttonIcon--purple {
      font-size: 17px; } }
  .e-buttonIcon--button.e-buttonIcon--purple:hover, .e-buttonIcon--button.e-buttonIcon--purple:active, .e-buttonIcon--button.e-buttonIcon--purple:focus {
    background-color: var(--c-purple-darken);
    border-color: var(--c-purple-darken); }
  .e-buttonIcon--button.e-buttonIcon--purple:disabled, .e-buttonIcon--button.e-buttonIcon--purple.is-disabled {
    background-color: var(--c-text);
    color: var(--c-white);
    opacity: 0.5;
    pointer-events: none; }

.e-buttonIcon--button.e-buttonIcon--green {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
  color: var(--c-white);
  background-color: var(--c-green);
  border-color: var(--c-green); }
  @media screen and (min-width: 375px) {
    .e-buttonIcon--button.e-buttonIcon--green {
      font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-buttonIcon--button.e-buttonIcon--green {
      font-size: 17px; } }
  .e-buttonIcon--button.e-buttonIcon--green:hover, .e-buttonIcon--button.e-buttonIcon--green:active, .e-buttonIcon--button.e-buttonIcon--green:focus {
    background-color: var(--c-green-darken);
    border-color: var(--c-green-darken); }
  .e-buttonIcon--button.e-buttonIcon--green:disabled, .e-buttonIcon--button.e-buttonIcon--green.is-disabled {
    background-color: var(--c-text);
    color: var(--c-white);
    opacity: 0.5;
    pointer-events: none; }

.e-buttonIcon--button.e-buttonIcon--rust {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
  color: var(--c-white);
  background-color: var(--c-rust);
  border-color: var(--c-rust); }
  @media screen and (min-width: 375px) {
    .e-buttonIcon--button.e-buttonIcon--rust {
      font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-buttonIcon--button.e-buttonIcon--rust {
      font-size: 17px; } }
  .e-buttonIcon--button.e-buttonIcon--rust:hover, .e-buttonIcon--button.e-buttonIcon--rust:active, .e-buttonIcon--button.e-buttonIcon--rust:focus {
    background-color: var(--c-rust-darken);
    border-color: var(--c-rust-darken); }
  .e-buttonIcon--button.e-buttonIcon--rust:disabled, .e-buttonIcon--button.e-buttonIcon--rust.is-disabled {
    background-color: var(--c-text);
    color: var(--c-white);
    opacity: 0.5;
    pointer-events: none; }

.e-buttonIcon--button.e-buttonIcon--red {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
  color: var(--c-white);
  background-color: var(--c-red);
  border-color: var(--c-red); }
  @media screen and (min-width: 375px) {
    .e-buttonIcon--button.e-buttonIcon--red {
      font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-buttonIcon--button.e-buttonIcon--red {
      font-size: 17px; } }
  .e-buttonIcon--button.e-buttonIcon--red:hover, .e-buttonIcon--button.e-buttonIcon--red:active, .e-buttonIcon--button.e-buttonIcon--red:focus {
    background-color: var(--c-red-darken);
    border-color: var(--c-red-darken); }
  .e-buttonIcon--button.e-buttonIcon--red:disabled, .e-buttonIcon--button.e-buttonIcon--red.is-disabled {
    background-color: var(--c-text);
    color: var(--c-white);
    opacity: 0.5;
    pointer-events: none; }

.e-buttonIcon--button.e-buttonIcon--secondary, .e-buttonIcon--button.e-buttonIcon--scheme, .e-buttonIcon--button.e-buttonIcon--purple, .e-buttonIcon--button.e-buttonIcon--green, .e-buttonIcon--button.e-buttonIcon--red {
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%; }
  @media screen and (min-width: 375px) {
    .e-buttonIcon--button.e-buttonIcon--secondary, .e-buttonIcon--button.e-buttonIcon--scheme, .e-buttonIcon--button.e-buttonIcon--purple, .e-buttonIcon--button.e-buttonIcon--green, .e-buttonIcon--button.e-buttonIcon--red {
      width: calc(36px + 7 * (100vw - 375px) / (1270));
      height: calc(36px + 7 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-buttonIcon--button.e-buttonIcon--secondary, .e-buttonIcon--button.e-buttonIcon--scheme, .e-buttonIcon--button.e-buttonIcon--purple, .e-buttonIcon--button.e-buttonIcon--green, .e-buttonIcon--button.e-buttonIcon--red {
      width: 43px;
      height: 43px; } }

/*
 |--------------------------------------------------------------------------
 | .e-buttonTextIcon
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/elements/button/textIcon';
 */
.e-buttonTextIcon {
  display: inline-block; }
  .e-buttonTextIcon__icon {
    margin-right: 4px;
    transition: transform .3s ease-in;
    transform-origin: top center; }
    @media screen and (min-width: 375px) {
      .e-buttonTextIcon__icon {
        margin-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-buttonTextIcon__icon {
        margin-right: 8px; } }
  .e-buttonTextIcon:hover .e-buttonTextIcon__icon, .e-buttonTextIcon:active .e-buttonTextIcon__icon, .e-buttonTextIcon:focus .e-buttonTextIcon__icon {
    transform: scaleX(1.15); }
  .e-buttonTextIcon--button.e-buttonTextIcon--secondary {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: transparent;
    color: var(--c-text);
    border-color: var(--c-text); }
    @media screen and (min-width: 375px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--secondary {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--secondary {
        font-size: 17px; } }
    .e-buttonTextIcon--button.e-buttonTextIcon--secondary:disabled, .e-buttonTextIcon--button.e-buttonTextIcon--secondary.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-buttonTextIcon--button.e-buttonTextIcon--secondaryScheme {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: transparent;
    color: var(--c-schemePrimary);
    border-color: var(--c-schemePrimary); }
    @media screen and (min-width: 375px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--secondaryScheme {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--secondaryScheme {
        font-size: 17px; } }
    .e-buttonTextIcon--button.e-buttonTextIcon--secondaryScheme:hover, .e-buttonTextIcon--button.e-buttonTextIcon--secondaryScheme:active, .e-buttonTextIcon--button.e-buttonTextIcon--secondaryScheme:focus {
      background-color: var(--c-schemePrimary);
      color: var(--c-white);
      border-color: var(--c-schemePrimary); }
    .e-buttonTextIcon--button.e-buttonTextIcon--secondaryScheme:disabled, .e-buttonTextIcon--button.e-buttonTextIcon--secondaryScheme.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-buttonTextIcon--button.e-buttonTextIcon--scheme {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: var(--c-schemePrimary);
    color: var(--c-white);
    border-color: var(--c-schemePrimary); }
    @media screen and (min-width: 375px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--scheme {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--scheme {
        font-size: 17px; } }
    .e-buttonTextIcon--button.e-buttonTextIcon--scheme:hover, .e-buttonTextIcon--button.e-buttonTextIcon--scheme:active, .e-buttonTextIcon--button.e-buttonTextIcon--scheme:focus {
      background-color: var(--c-schemeDarken);
      border-color: var(--c-schemeDarken); }
    .e-buttonTextIcon--button.e-buttonTextIcon--scheme:disabled, .e-buttonTextIcon--button.e-buttonTextIcon--scheme.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-buttonTextIcon--button.e-buttonTextIcon--purple {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-purple);
    border-color: var(--c-purple); }
    @media screen and (min-width: 375px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--purple {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--purple {
        font-size: 17px; } }
    .e-buttonTextIcon--button.e-buttonTextIcon--purple:hover, .e-buttonTextIcon--button.e-buttonTextIcon--purple:active, .e-buttonTextIcon--button.e-buttonTextIcon--purple:focus {
      background-color: var(--c-purple-darken);
      border-color: var(--c-purple-darken); }
    .e-buttonTextIcon--button.e-buttonTextIcon--purple:disabled, .e-buttonTextIcon--button.e-buttonTextIcon--purple.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-buttonTextIcon--button.e-buttonTextIcon--green {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-green);
    border-color: var(--c-green); }
    @media screen and (min-width: 375px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--green {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--green {
        font-size: 17px; } }
    .e-buttonTextIcon--button.e-buttonTextIcon--green:hover, .e-buttonTextIcon--button.e-buttonTextIcon--green:active, .e-buttonTextIcon--button.e-buttonTextIcon--green:focus {
      background-color: var(--c-green-darken);
      border-color: var(--c-green-darken); }
    .e-buttonTextIcon--button.e-buttonTextIcon--green:disabled, .e-buttonTextIcon--button.e-buttonTextIcon--green.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-buttonTextIcon--button.e-buttonTextIcon--rust {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-rust);
    border-color: var(--c-rust); }
    @media screen and (min-width: 375px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--rust {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--rust {
        font-size: 17px; } }
    .e-buttonTextIcon--button.e-buttonTextIcon--rust:hover, .e-buttonTextIcon--button.e-buttonTextIcon--rust:active, .e-buttonTextIcon--button.e-buttonTextIcon--rust:focus {
      background-color: var(--c-rust-darken);
      border-color: var(--c-rust-darken); }
    .e-buttonTextIcon--button.e-buttonTextIcon--rust:disabled, .e-buttonTextIcon--button.e-buttonTextIcon--rust.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-buttonTextIcon--button.e-buttonTextIcon--red {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-red);
    border-color: var(--c-red); }
    @media screen and (min-width: 375px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--red {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-buttonTextIcon--button.e-buttonTextIcon--red {
        font-size: 17px; } }
    .e-buttonTextIcon--button.e-buttonTextIcon--red:hover, .e-buttonTextIcon--button.e-buttonTextIcon--red:active, .e-buttonTextIcon--button.e-buttonTextIcon--red:focus {
      background-color: var(--c-red-darken);
      border-color: var(--c-red-darken); }
    .e-buttonTextIcon--button.e-buttonTextIcon--red:disabled, .e-buttonTextIcon--button.e-buttonTextIcon--red.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }

/*
 |--------------------------------------------------------------------------
 | .e-embed
 |--------------------------------------------------------------------------
 */
.e-embed iframe {
  width: 100%; }
  .e-embed iframe:not([src]) {
    display: none; }

/*
 |--------------------------------------------------------------------------
 | .e-formCheckbox
 |--------------------------------------------------------------------------
 */
.e-formCheckbox__checkboxWrapper {
  display: inline-flex; }

.e-formCheckbox__input {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--c-beige);
  margin-top: 0;
  margin-right: 16px;
  height: 22px;
  width: 22px;
  border-radius: 0;
  cursor: pointer;
  outline: 1px solid var(--c-beige-darken); }
  .e-formCheckbox__input: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; }
  .e-formCheckbox__input:focus {
    outline: 1px solid var(--c-text); }
    .e-formCheckbox__input:focus:invalid {
      outline: 1px solid var(--c-red) !important; }

/*
 |--------------------------------------------------------------------------
 | .e-formInput
 |--------------------------------------------------------------------------
 */
.e-formInput {
  position: relative;
  display: flex;
  flex-direction: column; }
  .e-formInput input::-webkit-input-placeholder, .e-formInput input::-moz-placeholder, .e-formInput input::-ms-placeholder, .e-formInput input::placeholder {
    color: var(--c-text); }
  .e-formInput input[type=text], .e-formInput input[type=email], .e-formInput input[type=number], .e-formInput input[type=phone], .e-formInput input[type=date], .e-formInput input[type=time] {
    padding-top: 6.08px;
    padding-bottom: 6.08px;
    padding-right: 12px;
    padding-left: 12px;
    background: var(--c-beige);
    transition: outline-color .3s ease-out;
    outline: 1px solid var(--c-beige-darken);
    border-radius: 0; }
    @media screen and (min-width: 375px) {
      .e-formInput input[type=text], .e-formInput input[type=email], .e-formInput input[type=number], .e-formInput input[type=phone], .e-formInput input[type=date], .e-formInput input[type=time] {
        padding-top: calc(6.08px + 6.08 * (100vw - 375px) / (1270));
        padding-bottom: calc(6.08px + 6.08 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-formInput input[type=text], .e-formInput input[type=email], .e-formInput input[type=number], .e-formInput input[type=phone], .e-formInput input[type=date], .e-formInput input[type=time] {
        padding-top: 12.16px;
        padding-bottom: 12.16px; } }
    @media screen and (min-width: 375px) {
      .e-formInput input[type=text], .e-formInput input[type=email], .e-formInput input[type=number], .e-formInput input[type=phone], .e-formInput input[type=date], .e-formInput input[type=time] {
        padding-right: calc(12px + 12 * (100vw - 375px) / (1270));
        padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-formInput input[type=text], .e-formInput input[type=email], .e-formInput input[type=number], .e-formInput input[type=phone], .e-formInput input[type=date], .e-formInput input[type=time] {
        padding-right: 24px;
        padding-left: 24px; } }
    .e-formInput input[type=text]:focus, .e-formInput input[type=email]:focus, .e-formInput input[type=number]:focus, .e-formInput input[type=phone]:focus, .e-formInput input[type=date]:focus, .e-formInput input[type=time]:focus {
      outline: 1px solid var(--c-text); }
      .e-formInput input[type=text]:focus:invalid, .e-formInput input[type=email]:focus:invalid, .e-formInput input[type=number]:focus:invalid, .e-formInput input[type=phone]:focus:invalid, .e-formInput input[type=date]:focus:invalid, .e-formInput input[type=time]:focus:invalid {
        outline: 1px solid var(--c-red) !important; }
  .e-formInput.e-formInput--search input {
    padding-top: 12px;
    padding-bottom: 12px; }
    @media screen and (min-width: 375px) {
      .e-formInput.e-formInput--search input {
        padding-top: calc(12px + 12 * (100vw - 375px) / (1270));
        padding-bottom: calc(12px + 12 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-formInput.e-formInput--search input {
        padding-top: 24px;
        padding-bottom: 24px; } }
    @media (min-width: 768px) {
      .e-formInput.e-formInput--search input {
        padding-top: 6.4px;
        padding-bottom: 6.4px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .e-formInput.e-formInput--search input {
      padding-top: calc(6.4px + 6.4 * (100vw - 375px) / (1270));
      padding-bottom: calc(6.4px + 6.4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .e-formInput.e-formInput--search input {
      padding-top: 12.8px;
      padding-bottom: 12.8px; } }

/*
 |--------------------------------------------------------------------------
 | .e-formLabel
 |--------------------------------------------------------------------------
 */
.e-formLabel {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal; }
  @media (min-width: 375px) and (max-width: 1645px) {
    .e-formLabel {
      font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    .e-formLabel {
      font-size: 18px; } }
  .e-formLabel + * {
    margin-top: 4px; }
    @media screen and (min-width: 375px) {
      .e-formLabel + * {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-formLabel + * {
        margin-top: 8px; } }
  .e-formLabel[data-required]:after {
    content: '*';
    color: var(--c-red); }

/*
 |--------------------------------------------------------------------------
 | .e-formSelect
 |--------------------------------------------------------------------------
 */
.e-formSelect,
.e-formSelectSalutation {
  display: flex;
  flex-direction: column; }
  .e-formSelect select,
  .e-formSelectSalutation select {
    --spacing-right: 8px;
    --icon-size: 11px;
    padding-top: 6.08px;
    padding-bottom: 6.08px;
    padding-left: 12px;
    padding-right: 24px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    outline: 1px solid var(--c-beige-darken);
    transition: outline-color .2s ease-out;
    background: var(--c-beige) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy42MzciIGhlaWdodD0iOC4yMzMiIHZpZXdCb3g9IjAgMCAxMy42MzcgOC4yMzMiPgogIDxwYXRoIGQ9Ik0wLDUuNCw1LjQsMGw1LjQsNS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4yMjMgNi44MTkpIHJvdGF0ZSgxODApIiBmaWxsPSJub25lIiBzdHJva2U9IiMyYjJiMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==) 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 {
        --spacing-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        --spacing-right: 16px; } }
    @media screen and (min-width: 375px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-top: calc(6.08px + 6.08 * (100vw - 375px) / (1270));
        padding-bottom: calc(6.08px + 6.08 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-top: 12.16px;
        padding-bottom: 12.16px; } }
    @media screen and (min-width: 375px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-formSelect select,
      .e-formSelectSalutation select {
        padding-right: 48px; } }
    .e-formSelect select:focus,
    .e-formSelectSalutation select:focus {
      outline: 1px solid var(--c-black);
      transition: outline-color .2s ease-out; }
      .e-formSelect select:focus:invalid,
      .e-formSelectSalutation select:focus:invalid {
        outline: 1px solid var(--c-red) !important; }
    .e-formSelect select:required:invalid,
    .e-formSelectSalutation select:required:invalid {
      color: var(--c-text-lighten); }
  .e-formSelect--border select,
  .e-formSelectSalutation--border select {
    outline: 1px 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: 1px 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 {
      background: var(--c-beige);
      outline: 1px solid transparent;
      transition: outline-color .2s ease-out;
      overflow: hidden;
      resize: none; }
      .e-formTextarea__textareaWrapper .e-formTextarea__textarea:focus {
        outline: 1px solid var(--c-black);
        transition: outline-color .2s ease-out; }
    .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
      padding-top: 6.08px;
      padding-bottom: 6.08px;
      padding-right: 12px;
      padding-left: 12px;
      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-top: calc(6.08px + 6.08 * (100vw - 375px) / (1270));
          padding-bottom: calc(6.08px + 6.08 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
          padding-top: 12.16px;
          padding-bottom: 12.16px; } }
      @media screen and (min-width: 375px) {
        .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
          padding-right: calc(12px + 12 * (100vw - 375px) / (1270));
          padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .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 {
          min-height: calc(120px + 30 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .e-formTextarea__textareaWrapper > .e-formTextarea__textarea, .e-formTextarea__textareaWrapper::after {
          min-height: 150px; } }

/*
 |--------------------------------------------------------------------------
 | .e-headline
 |--------------------------------------------------------------------------
 */
.e-headline {
  font-family: "Red Hat Display", sans-serif; }
  .e-headline--scheme {
    color: var(--c-schemePrimary); }
  .e-headline--cText {
    color: var(--c-text); }
  .e-headline--cPurple {
    color: var(--c-purple); }
  .e-headline--cGreen {
    color: var(--c-green); }
  .e-headline--cRust {
    color: var(--c-rust); }
  .e-headline--cRed {
    color: var(--c-red); }
  .e-headline--cPink {
    color: var(--c-pink); }
  .e-headline--cBlue {
    color: var(--c-blue); }
  .e-headline--cWhite {
    color: var(--c-white); }
  .e-headline--cSchemePrimary {
    color: var(--c-schemePrimary); }
  .e-headline--17to41 {
    font-size: 17px; }
    @media screen and (min-width: 375px) {
      .e-headline--17to41 {
        font-size: calc(17px + 24 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-headline--17to41 {
        font-size: 41px; } }
  .e-headline--23to28 {
    font-size: 23px; }
    @media screen and (min-width: 375px) {
      .e-headline--23to28 {
        font-size: calc(23px + 5 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-headline--23to28 {
        font-size: 28px; } }
  .e-headline--uppercase {
    text-transform: uppercase; }
  .e-headline--bold {
    font-weight: 700; }
  .e-headline--alignCenter {
    text-align: center; }
  .e-headline--alignRight {
    text-align: right; }
  .e-headline--handwritten {
    font-family: "Quickpen", serif;
    line-height: 1.32; }
  .e-headline--preline {
    font-weight: 400; }
  .e-headline--hyphensAuto {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto; }

/*
 |--------------------------------------------------------------------------
 | .e-iframe
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/elements/iframe/iframe';
 */
.e-iframe:not([src]) {
  display: none; }

.e-iframe--teaserVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.e-iframe--bgVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%); }
  @media (min-aspect-ratio: 16 / 9) {
    .e-iframe--bgVideo {
      /* height = 100 * (9 / 16) = 56.25 */
      height: 56.25vw; } }
  @media (max-aspect-ratio: 16 / 9) {
    .e-iframe--bgVideo {
      /* width = 100 / (9 / 16) = 177.777777 */
      width: 177.78vh; } }

/*
 |--------------------------------------------------------------------------
 | .e-image
 |--------------------------------------------------------------------------
 */
.e-image {
  --borderradius: ;
  --borderradius: 15px; }
  .e-image img {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .e-image--41to51 {
    width: 41px; }
    @media screen and (min-width: 375px) {
      .e-image--41to51 {
        width: calc(41px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-image--41to51 {
        width: 51px; } }
    .e-image--41to51 img {
      width: 100%;
      height: auto; }
  @media screen and (min-width: 375px) {
    .e-image {
      --borderradius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-image {
      --borderradius: 25px; } }
  .e-image--br15to25 img {
    border-radius: var(--borderradius); }
  .e-image--fullWidth {
    display: block;
    width: 100%; }
    .e-image--fullWidth img {
      width: 100%; }
  .e-image--backdropBlur3:after {
    content: '';
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--c-boxShaddow);
    z-index: 0; }
  .e-image--gradient {
    position: relative;
    --c-gradient: var(--c-schemePrimary);
    --borderradius: ;
    --borderradius: 15px; }
    @media screen and (min-width: 375px) {
      .e-image--gradient {
        --borderradius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-image--gradient {
        --borderradius: 25px; } }
    .e-image--gradient::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 60%;
      background: transparent linear-gradient(180deg, transparent 0%, var(--c-gradient) 100%) 0% 0% no-repeat padding-box;
      opacity: 0.8;
      transition: height .3s ease-in-out;
      border-bottom-left-radius: var(--borderradius);
      border-bottom-right-radius: var(--borderradius); }
    .e-image--gradient.e-image--gradientBlack {
      --c-gradient: var(--c-black); }
    @media (min-width: 1024px) {
      .e-image--gradient.e-image--gradientCardBig::before {
        border-bottom-left-radius: 0; } }
  .e-image--gradientInvert::before {
    top: 0;
    bottom: unset;
    background: transparent linear-gradient(180deg, var(--c-gradient) 0%, transparent 100%) 0% 0% no-repeat padding-box;
    border-top-left-radius: var(--borderradius);
    border-top-right-radius: var(--borderradius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .e-image--hoverGradient {
    position: relative;
    cursor: pointer; }
    .e-image--hoverGradient::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 60%;
      background: transparent linear-gradient(180deg, transparent 0%, var(--c-schemePrimary) 100%) 0% 0% no-repeat padding-box;
      opacity: 0.8;
      transition: height .3s ease-in-out;
      border-bottom-left-radius: var(--borderradius);
      border-bottom-right-radius: var(--borderradius);
      z-index: 1; }
    .e-image--hoverGradient:hover::before, .e-image--hoverGradient:active::before, .e-image--hoverGradient:focus::before {
      height: 100%; }
  .e-image--accent {
    border-radius: 15px;
    position: relative;
    display: block;
    --offset: ;
    --offsetTopLeft: ;
    --offset: 17px;
    --offsetTopLeft: -17px;
    --offset: 17px;
    margin-right: var(--offset);
    margin-bottom: var(--offset); }
    @media screen and (min-width: 375px) {
      .e-image--accent {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-image--accent {
        border-radius: 25px; } }
    .e-image--accent:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background-color: var(--c-schemeAccent);
      z-index: -1; }
    @media screen and (min-width: 375px) {
      .e-image--accent {
        --offset: calc(17px + 13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-image--accent {
        --offset: 30px; } }
    @media screen and (min-width: 375px) {
      .e-image--accent {
        --offsetTopLeft: calc(-17px + -13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-image--accent {
        --offsetTopLeft: -30px; } }
    @media screen and (min-width: 375px) {
      .e-image--accent {
        --offset: calc(17px + 13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-image--accent {
        --offset: 30px; } }
    .e-image--accent:after {
      left: var(--offset);
      top: var(--offset); }
    .e-image--accent.e-image--accentTopLeft {
      position: relative;
      display: block;
      --offset: ;
      --offsetTopLeft: ;
      --offset: 17px;
      --offsetTopLeft: -17px;
      margin-right: unset;
      margin-bottom: unset;
      margin-left: var(--offset);
      margin-top: var(--offset); }
      .e-image--accent.e-image--accentTopLeft:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background-color: var(--c-schemeAccent);
        z-index: -1; }
      @media screen and (min-width: 375px) {
        .e-image--accent.e-image--accentTopLeft {
          --offset: calc(17px + 13 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .e-image--accent.e-image--accentTopLeft {
          --offset: 30px; } }
      @media screen and (min-width: 375px) {
        .e-image--accent.e-image--accentTopLeft {
          --offsetTopLeft: calc(-17px + -13 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .e-image--accent.e-image--accentTopLeft {
          --offsetTopLeft: -30px; } }
      .e-image--accent.e-image--accentTopLeft:after {
        left: var(--offsetTopLeft);
        top: var(--offsetTopLeft); }
    .e-image--accent.e-image--accentSmall {
      position: relative;
      display: block; }
      .e-image--accent.e-image--accentSmall:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background-color: var(--c-schemeAccent);
        z-index: -1; }
      .e-image--accent.e-image--accentSmall:after {
        width: 147px; }
        @media screen and (min-width: 375px) {
          .e-image--accent.e-image--accentSmall:after {
            width: calc(147px + 159 * (100vw - 375px) / (1270)); } }
        @media screen and (min-width: 1645px) {
          .e-image--accent.e-image--accentSmall:after {
            width: 306px; } }
      .e-image--accent.e-image--accentSmall:after {
        height: 200px; }
        @media screen and (min-width: 375px) {
          .e-image--accent.e-image--accentSmall:after {
            height: calc(200px + 173 * (100vw - 375px) / (1270)); } }
        @media screen and (min-width: 1645px) {
          .e-image--accent.e-image--accentSmall:after {
            height: 373px; } }
  .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--stage {
    display: block;
    width: 100%;
    height: 100vh; }
    .e-image--stage img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .e-image--cardBig {
    --borderradius: ;
    --borderradius: 15px; }
    @media screen and (min-width: 375px) {
      .e-image--cardBig {
        --borderradius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-image--cardBig {
        --borderradius: 25px; } }
    .e-image--cardBig img {
      border-radius: var(--borderradius); }
      @media (min-width: 1024px) {
        .e-image--cardBig img {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; } }

/*
 |--------------------------------------------------------------------------
 | .e-link
 |--------------------------------------------------------------------------
 */
.e-link {
  display: inline-block; }
  .e-link:hover .e-link__icon, .e-link:active .e-link__icon, .e-link:focus .e-link__icon {
    transform: scaleX(1.15); }
  .e-link--uppercase {
    text-transform: uppercase; }
  .e-link--bold {
    font-weight: 700; }
  .e-link--noTextDecoration {
    text-decoration: none; }
  .e-link--button.e-link--secondary {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: transparent;
    color: var(--c-text);
    border-color: var(--c-text); }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--secondary {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-link--button.e-link--secondary {
        font-size: 17px; } }
    .e-link--button.e-link--secondary:disabled, .e-link--button.e-link--secondary.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-link--button.e-link--scheme {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: var(--c-schemePrimary);
    color: var(--c-white);
    border-color: var(--c-schemePrimary); }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--scheme {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-link--button.e-link--scheme {
        font-size: 17px; } }
    .e-link--button.e-link--scheme:hover, .e-link--button.e-link--scheme:active, .e-link--button.e-link--scheme:focus {
      background-color: var(--c-schemeDarken);
      border-color: var(--c-schemeDarken); }
    .e-link--button.e-link--scheme:disabled, .e-link--button.e-link--scheme.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-link--button.e-link--purple {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-purple);
    border-color: var(--c-purple); }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--purple {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-link--button.e-link--purple {
        font-size: 17px; } }
    .e-link--button.e-link--purple:hover, .e-link--button.e-link--purple:active, .e-link--button.e-link--purple:focus {
      background-color: var(--c-purple-darken);
      border-color: var(--c-purple-darken); }
    .e-link--button.e-link--purple:disabled, .e-link--button.e-link--purple.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-link--button.e-link--green {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-green);
    border-color: var(--c-green); }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--green {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-link--button.e-link--green {
        font-size: 17px; } }
    .e-link--button.e-link--green:hover, .e-link--button.e-link--green:active, .e-link--button.e-link--green:focus {
      background-color: var(--c-green-darken);
      border-color: var(--c-green-darken); }
    .e-link--button.e-link--green:disabled, .e-link--button.e-link--green.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-link--button.e-link--rust {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-rust);
    border-color: var(--c-rust); }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--rust {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-link--button.e-link--rust {
        font-size: 17px; } }
    .e-link--button.e-link--rust:hover, .e-link--button.e-link--rust:active, .e-link--button.e-link--rust:focus {
      background-color: var(--c-rust-darken);
      border-color: var(--c-rust-darken); }
    .e-link--button.e-link--rust:disabled, .e-link--button.e-link--rust.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-link--button.e-link--red {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-red);
    border-color: var(--c-red); }
    @media screen and (min-width: 375px) {
      .e-link--button.e-link--red {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .e-link--button.e-link--red {
        font-size: 17px; } }
    .e-link--button.e-link--red:hover, .e-link--button.e-link--red:active, .e-link--button.e-link--red:focus {
      background-color: var(--c-red-darken);
      border-color: var(--c-red-darken); }
    .e-link--button.e-link--red:disabled, .e-link--button.e-link--red.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .e-link--link.e-link--primary {
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-text); }
    .e-link--link.e-link--primary.is-disabled {
      pointer-events: none; }
    .e-link--link.e-link--primary:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .e-link--link.e-link--primary:hover:before, .e-link--link.e-link--primary:focus:before {
      transform: translate3d(0, 2px, 0); }
  .e-link--link.e-link--primaryPurple {
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-purple); }
    .e-link--link.e-link--primaryPurple.is-disabled {
      pointer-events: none; }
    .e-link--link.e-link--primaryPurple:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .e-link--link.e-link--primaryPurple:hover:before, .e-link--link.e-link--primaryPurple:focus:before {
      transform: translate3d(0, 2px, 0); }
    .e-link--link.e-link--primaryPurple:hover, .e-link--link.e-link--primaryPurple:focus {
      color: var(--c-purple-darken); }
  .e-link--link.e-link--primaryGreen {
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-green); }
    .e-link--link.e-link--primaryGreen.is-disabled {
      pointer-events: none; }
    .e-link--link.e-link--primaryGreen:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .e-link--link.e-link--primaryGreen:hover:before, .e-link--link.e-link--primaryGreen:focus:before {
      transform: translate3d(0, 2px, 0); }
    .e-link--link.e-link--primaryGreen:hover, .e-link--link.e-link--primaryGreen:focus {
      color: var(--c-green-darken); }
  .e-link--link.e-link--primaryRust {
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-rust); }
    .e-link--link.e-link--primaryRust.is-disabled {
      pointer-events: none; }
    .e-link--link.e-link--primaryRust:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .e-link--link.e-link--primaryRust:hover:before, .e-link--link.e-link--primaryRust:focus:before {
      transform: translate3d(0, 2px, 0); }
    .e-link--link.e-link--primaryRust:hover, .e-link--link.e-link--primaryRust:focus {
      color: var(--c-rust-darken); }
  .e-link--link.e-link--primaryRed {
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-red); }
    .e-link--link.e-link--primaryRed.is-disabled {
      pointer-events: none; }
    .e-link--link.e-link--primaryRed:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .e-link--link.e-link--primaryRed:hover:before, .e-link--link.e-link--primaryRed:focus:before {
      transform: translate3d(0, 2px, 0); }
    .e-link--link.e-link--primaryRed:hover, .e-link--link.e-link--primaryRed:focus {
      color: var(--c-red-darken); }
  .e-link--link.e-link--primaryScheme {
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-schemePrimary); }
    .e-link--link.e-link--primaryScheme.is-disabled {
      pointer-events: none; }
    .e-link--link.e-link--primaryScheme:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .e-link--link.e-link--primaryScheme:hover:before, .e-link--link.e-link--primaryScheme:focus:before {
      transform: translate3d(0, 2px, 0); }
    .e-link--link.e-link--primaryScheme:hover, .e-link--link.e-link--primaryScheme:focus {
      color: var(--c-schemePrimary-darken); }
  .e-link--link.e-link--secondary {
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-text); }
    .e-link--link.e-link--secondary.is-disabled {
      pointer-events: none; }
    .e-link--link.e-link--secondary:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .e-link--link.e-link--secondary:before {
      opacity: 0;
      transform: translate3d(0, 2px, 0); }
    .e-link--link.e-link--secondary:hover:before, .e-link--link.e-link--secondary:focus:before {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
  .e-link--madeby {
    font-family: "Red Hat Display", sans-serif;
    text-decoration: none; }
  .e-link--sitenav {
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-text);
    text-align: left; }
    .e-link--sitenav.is-disabled {
      pointer-events: none; }
    .e-link--sitenav:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .e-link--sitenav:before {
      opacity: 0;
      transform: translate3d(0, 2px, 0); }
    .e-link--sitenav:hover:before, .e-link--sitenav:focus:before {
      opacity: 1;
      transform: translate3d(0, 0, 0); }

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

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

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

.e-svg--11to17 {
  width: 11px; }
  @media screen and (min-width: 375px) {
    .e-svg--11to17 {
      width: calc(11px + 6 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--11to17 {
      width: 17px; } }
  .e-svg--11to17 svg {
    width: 100%;
    height: auto; }

.e-svg--13to16 {
  width: 13px; }
  @media screen and (min-width: 375px) {
    .e-svg--13to16 {
      width: calc(13px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--13to16 {
      width: 16px; } }
  .e-svg--13to16 svg {
    width: 100%;
    height: auto; }

.e-svg--28to60 {
  width: 28px; }
  @media screen and (min-width: 375px) {
    .e-svg--28to60 {
      width: calc(28px + 32 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--28to60 {
      width: 60px; } }
  .e-svg--28to60 svg {
    width: 100%;
    height: auto; }

.e-svg--29to51 {
  width: 29px; }
  @media screen and (min-width: 375px) {
    .e-svg--29to51 {
      width: calc(29px + 22 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--29to51 {
      width: 51px; } }
  .e-svg--29to51 svg {
    width: 100%;
    height: auto; }

.e-svg--30to55 {
  width: 30px; }
  @media screen and (min-width: 375px) {
    .e-svg--30to55 {
      width: calc(30px + 25 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--30to55 {
      width: 55px; } }
  .e-svg--30to55 svg {
    width: 100%;
    height: auto; }

.e-svg--30to60 {
  width: 30px; }
  @media screen and (min-width: 375px) {
    .e-svg--30to60 {
      width: calc(30px + 30 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--30to60 {
      width: 60px; } }
  .e-svg--30to60 svg {
    width: 100%;
    height: auto; }

.e-svg--35to43 {
  width: 35px; }
  @media screen and (min-width: 375px) {
    .e-svg--35to43 {
      width: calc(35px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--35to43 {
      width: 43px; } }
  .e-svg--35to43 svg {
    width: 100%;
    height: auto; }

.e-svg--35to60 {
  width: 35px; }
  @media screen and (min-width: 375px) {
    .e-svg--35to60 {
      width: calc(35px + 25 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--35to60 {
      width: 60px; } }
  .e-svg--35to60 svg {
    width: 100%;
    height: auto; }

.e-svg--55to97 {
  width: 55px; }
  @media screen and (min-width: 375px) {
    .e-svg--55to97 {
      width: calc(55px + 42 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--55to97 {
      width: 97px; } }
  .e-svg--55to97 svg {
    width: 100%;
    height: auto; }

.e-svg--80to140 {
  width: 80px; }
  @media screen and (min-width: 375px) {
    .e-svg--80to140 {
      width: calc(80px + 60 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--80to140 {
      width: 140px; } }
  .e-svg--80to140 svg {
    width: 100%;
    height: auto; }

.e-svg--110to230 {
  width: 110px; }
  @media screen and (min-width: 375px) {
    .e-svg--110to230 {
      width: calc(110px + 120 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--110to230 {
      width: 230px; } }
  .e-svg--110to230 svg {
    width: 100%;
    height: auto; }

.e-svg--245to345 {
  width: 245px; }
  @media screen and (min-width: 375px) {
    .e-svg--245to345 {
      width: calc(245px + 100 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-svg--245to345 {
      width: 345px; } }
  .e-svg--245to345 svg {
    width: 100%;
    height: auto; }

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

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

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

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

.e-svg--w19hAuto svg {
  width: 19px;
  height: auto; }

.e-svg--w20hAuto svg {
  width: 20px;
  height: auto; }

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

.e-svg--w34hAuto svg {
  width: 34px;
  height: auto; }

.e-svg--round {
  border-radius: 50%;
  box-shadow: 1px 3px 2px var(--c-boxShaddow); }

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

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

.e-svg--fillSchemeColor * {
  fill: var(--c-schemePrimary); }

.e-svg--strokeSchemeTextColor * {
  stroke: var(--c-schemePrimary); }

.e-svg--arrowScheme .bgPath {
  fill: var(--c-schemePrimary); }

.e-svg--arrowSchemeInverted .bgPath {
  fill: var(--c-white); }

.e-svg--arrowSchemeInverted .arrowPath,
.e-svg--arrowSchemeInverted .arrowLine {
  stroke: var(--c-schemePrimary); }

.e-svg .horizontalLine {
  transition: transform .3s;
  transform-origin: 50% 50%; }
  .is-open .e-svg .horizontalLine {
    transform: rotate(90deg); }

.arrowHoverAnimation .e-svg .arrowPath,
.arrowHoverAnimation .e-svg .arrowLine {
  transition: transform .3s ease-in-out; }

.arrowHoverAnimation .e-svg .arrowPath {
  transform-origin: left; }

@media (min-width: 768px) {
  .arrowHoverAnimation:hover .e-svg .arrowLine,
  .arrowHoverAnimation.is-active .e-svg .arrowLine {
    transform: translate3d(4px, 0, 0); }
  .arrowHoverAnimation:hover .e-svg .arrowPath,
  .arrowHoverAnimation.is-active .e-svg .arrowPath {
    transform: scaleX(1.05); } }

/*
 |--------------------------------------------------------------------------
 | .e-table
 |--------------------------------------------------------------------------
 */
/*
 |--------------------------------------------------------------------------
 | .e-text
 |--------------------------------------------------------------------------
 */
.e-text--cText {
  color: var(--c-text); }

.e-text--cPurple {
  color: var(--c-purple); }

.e-text--cGreen {
  color: var(--c-green); }

.e-text--cRust {
  color: var(--c-rust); }

.e-text--cRed {
  color: var(--c-red); }

.e-text--cPink {
  color: var(--c-pink); }

.e-text--cBlue {
  color: var(--c-blue); }

.e-text--cWhite {
  color: var(--c-white); }

.e-text--cSchemePrimary {
  color: var(--c-schemePrimary); }

.e-text--md {
  font-size: 15.218px;
  line-height: 1.2; }
  @media (min-width: 375px) and (max-width: 1645px) {
    .e-text--md {
      font-size: calc( 15.218px + 6.094 * ( ( 100vw - 375px) / 1270 )); } }
  @media (min-width: 1645px) {
    .e-text--md {
      font-size: 21.312px; } }

.e-text--default {
  line-height: 23px; }
  @media screen and (min-width: 375px) {
    .e-text--default {
      line-height: calc(23px + 6 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .e-text--default {
      line-height: 29px; } }

.e-text--uppercase {
  text-transform: uppercase; }

.e-text--bold {
  font-weight: bold; }

.e-text--center {
  text-align: center; }

.e-text--menuTab {
  font-family: "Red Hat Display", sans-serif; }

.e-text--fullScreenText {
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px; }

/*
 |--------------------------------------------------------------------------
 | .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-accordion
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/accordion/accordion';
 */
.c-accordion {
  margin-top: 28px; }
  @media screen and (min-width: 375px) {
    .c-accordion {
      margin-top: calc(28px + 28 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-accordion {
      margin-top: 56px; } }
  .c-accordion__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-accordion__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-accordion__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-accordion__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-accordion__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-accordion__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-accordion__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-accordion__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-accordion__content {
    margin-top: 32px;
    margin-bottom: 44px;
    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 {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__content {
        margin-top: 64px; } }
    @media screen and (min-width: 375px) {
      .c-accordion__content {
        margin-bottom: calc(44px + 44 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__content {
        margin-bottom: 88px; } }
    @media screen and (min-width: 375px) {
      .c-accordion__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-accordion__content {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-accordion__content {
        width: calc(8 / 12 * 100%);
        margin-left: calc(2 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-accordion__content {
        width: calc(14 / 24 * 100%);
        margin-left: calc(5 / 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) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__headline +
.c-accordion__items {
        margin-top: 32px; } }
  .c-accordion__item {
    border-bottom: 1px solid var(--c-text); }
  .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__bodyRow {
        padding-bottom: 32px; } }
    @media (min-width: 1024px) {
      .c-accordion__bodyRow {
        flex-wrap: nowrap; } }
  .c-accordion__bodyText {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-accordion__bodyText {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__bodyText {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-accordion__bodyText {
        flex: 1 0 0; } }
  .c-accordion__bodyImage {
    margin-top: 24px;
    margin-bottom: 8px;
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    flex-shrink: 0; }
    @media screen and (min-width: 375px) {
      .c-accordion__bodyImage {
        margin-top: calc(24px + 24 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__bodyImage {
        margin-top: 48px; } }
    @media screen and (min-width: 375px) {
      .c-accordion__bodyImage {
        margin-bottom: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__bodyImage {
        margin-bottom: 16px; } }
    @media screen and (min-width: 375px) {
      .c-accordion__bodyImage {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordion__bodyImage {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-accordion__bodyImage {
        width: calc(9 / 24 * 100%);
        margin-top: 0; } }

/*
 |--------------------------------------------------------------------------
 | .c-accordionHead
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/accordion/head';
 */
.c-accordionHead {
  display: flex;
  align-items: center;
  position: relative;
  flex-flow: row;
  justify-content: space-between; }
  .c-accordionHead__title, .c-accordionHead__icon {
    padding-top: 12px;
    padding-bottom: 12px; }
    @media screen and (min-width: 375px) {
      .c-accordionHead__title, .c-accordionHead__icon {
        padding-top: calc(12px + 12 * (100vw - 375px) / (1270));
        padding-bottom: calc(12px + 12 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-accordionHead__title, .c-accordionHead__icon {
        padding-top: 24px;
        padding-bottom: 24px; } }

/*
 |--------------------------------------------------------------------------
 | .c-articlesCardTeaserSlider
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/articles/cardTeaserSlider';
 */
.c-articlesCardTeaserSlider {
  width: calc(6 / 6 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  display: block;
  transition-property: transform, opacity, visibility;
  transition-duration: .0s, .3s, .3s; }
  @media screen and (min-width: 375px) {
    .c-articlesCardTeaserSlider {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-articlesCardTeaserSlider {
      padding-left: 32px;
      padding-right: 32px; } }
  @media (min-width: 768px) {
    .c-articlesCardTeaserSlider {
      width: calc(4 / 12 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-articlesCardTeaserSlider {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-articlesCardTeaserSlider {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 1440px) {
    .c-articlesCardTeaserSlider {
      width: calc(6 / 24 * 100%);
      opacity: 0;
      visibility: hidden; } }
  @media (min-width: 1440px) {
    .c-articlesCardTeaserSlider.swiper-slide-visible {
      opacity: 1;
      visibility: visible; } }
  .c-articlesCardTeaserSlider__image {
    display: block;
    position: relative; }
  .c-articlesCardTeaserSlider__imagePlaceholder {
    border-radius: 15px;
    display: block;
    position: relative;
    height: 100%;
    background-color: var(--c-schemePrimary-trans-45);
    transition: background-color .3s ease-in-out; }
    @media screen and (min-width: 375px) {
      .c-articlesCardTeaserSlider__imagePlaceholder {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesCardTeaserSlider__imagePlaceholder {
        border-radius: 25px; } }
    .c-articlesCardTeaserSlider__imagePlaceholder::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 60%;
      background: transparent linear-gradient(180deg, transparent 0%, var(--c-schemePrimary) 100%) 0% 0% no-repeat padding-box;
      border-radius: inherit;
      opacity: 0.8;
      transition: height .3s ease-in-out;
      z-index: 1; }
    .c-articlesCardTeaserSlider__imagePlaceholder:hover::before, .c-articlesCardTeaserSlider__imagePlaceholder:focus::before {
      height: 100%; }
  .c-articlesCardTeaserSlider__content {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3; }
  .c-articlesCardTeaserSlider__title {
    padding-right: 32px;
    padding-left: 32px;
    padding-bottom: 32px; }
    @media screen and (min-width: 375px) {
      .c-articlesCardTeaserSlider__title {
        padding-right: calc(32px + 32 * (100vw - 375px) / (1270));
        padding-left: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesCardTeaserSlider__title {
        padding-right: 64px;
        padding-left: 64px; } }
    @media screen and (min-width: 375px) {
      .c-articlesCardTeaserSlider__title {
        padding-bottom: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesCardTeaserSlider__title {
        padding-bottom: 64px; } }
    @media (min-width: 768px) {
      .c-articlesCardTeaserSlider__title {
        padding-right: 16px;
        padding-left: 16px;
        padding-bottom: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-articlesCardTeaserSlider__title {
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-articlesCardTeaserSlider__title {
      padding-right: 32px;
      padding-left: 32px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-articlesCardTeaserSlider__title {
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-articlesCardTeaserSlider__title {
      padding-bottom: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-articlesFooterLinks
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/articles/footerLinks';
 */
.c-articlesFooterLinks {
  margin-top: 8px;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 375px) {
    .c-articlesFooterLinks {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-articlesFooterLinks {
      margin-top: 16px; } }
  .c-articlesFooterLinks__link {
    margin-top: 16px;
    position: relative;
    text-decoration: none;
    transition: color .3s ease-in-out; }
    @media screen and (min-width: 375px) {
      .c-articlesFooterLinks__link {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesFooterLinks__link {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-articlesFooterLinks__link {
        margin-top: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-articlesFooterLinks__link {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-articlesFooterLinks__link {
      margin-top: 16px; } }
    .c-articlesFooterLinks__link:hover, .c-articlesFooterLinks__link:focus {
      color: var(--c-schemePrimary); }

/*
 |--------------------------------------------------------------------------
 | .c-articlesHighlight
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/articles/highlight';
 */
.c-articlesHighlight {
  position: relative; }
  .c-articlesHighlight:hover .c-articlesHighlight__icon svg {
    transform: rotate(15deg); }
  .c-articlesHighlight__image {
    height: 192px; }
    @media screen and (min-width: 375px) {
      .c-articlesHighlight__image {
        height: calc(192px + 92 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesHighlight__image {
        height: 284px; } }
  .c-articlesHighlight__imagePlaceholder {
    height: 192px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    width: 100%;
    background: var(--c-schemePrimary); }
    @media screen and (min-width: 375px) {
      .c-articlesHighlight__imagePlaceholder {
        height: calc(192px + 92 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesHighlight__imagePlaceholder {
        height: 284px; } }
    @media screen and (min-width: 375px) {
      .c-articlesHighlight__imagePlaceholder {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesHighlight__imagePlaceholder {
        border-radius: 25px; } }
  .c-articlesHighlight__content {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10; }
    @media screen and (min-width: 375px) {
      .c-articlesHighlight__content {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesHighlight__content {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .c-articlesHighlight__content {
        padding-bottom: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesHighlight__content {
        padding-bottom: 32px; } }
  .c-articlesHighlight__icon {
    margin-top: 16px;
    color: var(--c-white); }
    @media screen and (min-width: 375px) {
      .c-articlesHighlight__icon {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesHighlight__icon {
        margin-top: 32px; } }
    .c-articlesHighlight__icon svg {
      transition: transform .3s ease-in;
      transform-origin: center; }

/*
 |--------------------------------------------------------------------------
 | .c-articlesLinks
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/articles/links';
 */
.c-articlesLinks {
  margin-top: 8px;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 375px) {
    .c-articlesLinks {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-articlesLinks {
      margin-top: 16px; } }
  .c-nav__globalNavLinks .c-articlesLinks {
    display: none;
    flex-direction: row;
    justify-content: center;
    margin-top: 0; }
    @media (min-width: 768px) {
      .c-nav__globalNavLinks .c-articlesLinks {
        display: flex; } }
    .c-nav__globalNavLinks .c-articlesLinks .c-articlesLinks__item {
      font-size: 14px; }
      @media (min-width: 768px) {
        .c-nav__globalNavLinks .c-articlesLinks .c-articlesLinks__item {
          margin-top: 0;
          margin-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-nav__globalNavLinks .c-articlesLinks .c-articlesLinks__item {
      margin-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-nav__globalNavLinks .c-articlesLinks .c-articlesLinks__item {
      margin-right: 16px; } }
    .c-nav__globalNavLinks .c-articlesLinks .c-articlesLinks__icon, .c-nav__globalNavLinks .c-articlesLinks .e-svg {
      display: none; }
  .c-pageFooter__nav .c-articlesLinks .c-articlesLinks__icon {
    display: none; }
  .c-articlesLinks__item {
    margin-top: 16px;
    position: relative; }
    @media screen and (min-width: 375px) {
      .c-articlesLinks__item {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-articlesLinks__item {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-articlesLinks__item {
        margin-top: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-articlesLinks__item {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-articlesLinks__item {
      margin-top: 16px; } }
    .c-articlesLinks__item:first-child {
      margin-top: 0; }
    .c-articlesLinks__item[data-tags*="logo-orange"], .c-articlesLinks__item[data-tags*="logo-blue"] {
      display: none; }
      .c-articlesLinks__item[data-tags*="logo-orange"] .c-articlesLinks__icon, .c-articlesLinks__item[data-tags*="logo-orange"] .e-svg, .c-articlesLinks__item[data-tags*="logo-blue"] .c-articlesLinks__icon, .c-articlesLinks__item[data-tags*="logo-blue"] .e-svg {
        display: none; }
      .c-nav__subElements .c-articlesLinks__item[data-tags*="logo-orange"], .c-nav__subElements .c-articlesLinks__item[data-tags*="logo-blue"] {
        display: flex;
        justify-content: center;
        gap: 8px; }
        @media (min-width: 768px) {
          .c-nav__subElements .c-articlesLinks__item[data-tags*="logo-orange"], .c-nav__subElements .c-articlesLinks__item[data-tags*="logo-blue"] {
            justify-content: left; } }
    .c-articlesLinks__item[data-tags*="thonys"]:before {
      margin-right: 1.6px;
      content: '';
      position: relative;
      display: inline-flex;
      align-items: center;
      width: 60px;
      height: 30px;
      background-repeat: no-repeat;
      background-size: 100%; }
      @media screen and (min-width: 375px) {
        .c-articlesLinks__item[data-tags*="thonys"]:before {
          margin-right: calc(1.6px + 1.6 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-articlesLinks__item[data-tags*="thonys"]:before {
          margin-right: 3.2px; } }
    .c-articlesLinks__item[data-tags*="logo-orange"]:before {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODIuODIgMTU1Ljc5Ij4KICA8cGF0aCBkPSJNMjYuMzQsNi40MVMyOC40NiwxOC40OCwyMi4xLDM1cy0xNSwzNC41OS03LjYsNDYuMTRjOS4xOCwxNC4yNiwyOS45LDQuOTEsMzYuMjMtMi4xYTUzLjc3LDUzLjc3LDAsMCwxLDguNjUtNy44NmwtNS41LTcuOTNzLTkuMjQsOS4zOS0xOCw3LjQ2Yy0xMC4xNi0yLjI2LjE3LTI0LjkyLjE3LTI0LjkyczExLjUzLDIuOTQsMTYuNTctMy4yQzU2LjEyLDM4LjM1LDU1LDMyLjY3LDU1LDMyLjY3UzQ1LjU0LDMzLjc3LDQwLDMzYzAsMCw3LTE1LjQyLjQ3LTIyQzM1LDUuNDcsMjYuMzQsNi40MSwyNi4zNCw2LjQxWiIgZmlsbD0iI2U4NDEzMyIvPgogIDxwYXRoIGQ9Ik0xOTUuMjcsMjkuNDdjLTExLjY2LS4xOS0xNS43MiwxMS0xOS4wNywyNC42NHMtOC4xNCwzMy43Myw0LjA1LDM0LjM5YzE4Ljg1LDEsMjQuMTYtNDIuNSwzNy43Mi00MSw2LjI5LjY3LTYuMjIsMTYuMjEtNS44NCwzMC40My4zMSwxMS42NSwxNi4zNywxNy4yOCwyOC4yMiwzLjdTMjQ3Ljc5LDY3LDI0Ny43OSw2N2wtNS42Ni0uMTFzLTMuNzcsOS44NS05LjY0LDkuMTcuMzEtMTguNzksNC4yMi0yNy4wNmM1LjU2LTExLjczLTEuODEtMjcuNzMtMTcuMTYtMjItMTkuODYsNy40My0yNC4zOCwzNi4yOS0yNy43MywzNi4zN2ExNTguMjcsMTU4LjI3LDAsMCwxLDUuMzktMTguNTNDMjAwLjA1LDM3LjMzLDIwMi40NCwyOS41OSwxOTUuMjcsMjkuNDdaIiBmaWxsPSIjZTg0MTMzIi8+CiAgPHBhdGggZD0iTTMxNS43Miw0Ljc0Yy0zLjU0LDUuMjUtMywxMi4wNiw0LjYsMTYuODQsNS4zMiwzLjM2LDIuMjUsOS40NywyLjI1LDkuNDdzMTMuODktNiwxMy44OS0xOS40MUMzMzYuNDYtLjY2LDMyMS4zNC0zLjYzLDMxNS43Miw0Ljc0WiIgZmlsbD0iI2U4NDEzMyIvPgogIDxwYXRoIGQ9Ik0zODIuMjUsMzguMzdjLTQuMTMsMTAuMjYtMTUuOS00LjQ1LTIwLDQuNjEtNC4zMSw5LjQ5LDIxLjY1LDguNTksMTguMiwyN0MzNzYuOTEsODguNywzNTUsOTAsMzQ3LjkzLDg4LjUzcy0yNi40NS02LjM2LTE3LjE5LTIyYzMuNzQtNi4zMywxMC44LTUuNjYsMTUuOS0uNDgsNC4wOCw0LjE0LDIwLjc4LDkuNjQsMjAuNzQtMiwwLTEwLjgzLTI1LjktNi43MS0yMS43MS0yNS43MlMzODcuOTEsMjQuMzEsMzgyLjI1LDM4LjM3WiIgZmlsbD0iI2U4NDEzMyIvPgogIDxwYXRoIGQ9Ik0xMjIuNDMsNjIuNjNTMTA4LjM1LDc3LjM2LDEwNi44Miw3NGMtMy4zMS03LjMsMTQuNjEtMjQuNDksMy0zNS43NS0zLjY2LTMuNTQtMTMuNjYtMy43Ny0yMyw1LjE4Qzc4LjU2LDUxLjM5LDczLDY2LjA4LDcyLDY2LjFjLTMuMTcuMDYsOC0yOS42Miw4LTI5LjYyczIxLjktMS43MywzMS4wNy0xNS40MUMxMTksOS4yNiwxMTAuOSwxLjM2LDEwMC4yMSwxLjM2LDg5LDEuMzYsNzEuNCw2Ljg0LDYyLjE0LDM0LjI4Yy0xMi4zLDM2LjQ0LTEzLjU5LDUzLjc2LTEsNTQuNjYsMTcuNSwxLjI2LDIxLjU3LTM3Ljc2LDM0LjQzLTM2LjUsNy4yNS43MS0xNC42MSwyNi43NC0xLjIsMzQuMywxMy45Myw3Ljg2LDMxLjU1LTE2LjY3LDMxLjU1LTE2LjY3Wk05NS45MSwxNC43OEMxMDUsMTIuNjQsOTkuMjQsMjUuMjEsODQsMjgsODQsMjgsODguOCwxNi40Niw5NS45MSwxNC43OFoiIGZpbGw9IiNlODQxMzMiLz4KICA8cGF0aCBkPSJNMTgwLjE5LDUyLjA5cy0yLjY2LDItMTAuODcsMi4zM2MwLDAsNi0yNC4yMi0xMi4wOS0yNy4zN3MtMjQuMDYsMTMuNjktMjQuMzEsMjEuMjhhMjMuMjEsMjMuMjEsMCwwLDAsLjUsNC42OCwxMC40MywxMC40MywwLDAsMC0xLjg3LS43QzEyMyw1MCwxMTMuNTIsNjQuNDcsMTIxLDc4Ljk0czM1LjU4LDEyLjQ5LDQ0LjkxLTEyYzAsMCw3LjM0LS42OCwxMS42NC0yLjYyUzE4MC4xOSw1Mi4wOSwxODAuMTksNTIuMDlaTTEzNi43OSw3My43Yy0zLjI3LTEuODEtMi4xMy03LjEzLjA1LTEyLjQ0LDMuMTgsNC43NiwxNS44Myw1LjMzLDE1LjgzLDUuMzNTMTQ1Ljc0LDc4LjY1LDEzNi43OSw3My43Wm0yMC4xNS0yMC40MXMtMTAuMDYsMC0xMS4xLTQuNzVjLS42Ny0zLDIuMzctMTEuMjUsOC0xMC4yUzE1Ni45NCw1My4yOSwxNTYuOTQsNTMuMjlaIiBmaWxsPSIjZTg0MTMzIi8+CiAgPHBhdGggZD0iTTMyMy4xNSw5Ny44M2MtOS4yMy04LjItMTEsLjcxLTIwLjcyLDMuMTlhNzAuODUsNzAuODUsMCwwLDEtMTIuODksMS45MXM2LjM2LTIxLjQ5LDEwLjY2LTM2LjExLDIwLjczLTQwLjczLDMuMTktNDAuMTZjLTE0Ljg1LjQ5LTIwLjU0LDMzLjQtMjAuNTQsMzMuNHMtMTIuMywxNS42Mi0xOC4yOSwxMC42MWMtMTMtMTAuODYsMTUuOTMtNDAuNjQsMi4wOS00My40NS0xMC4yNC0yLjA4LTE2LjcxLDAtMjQuNTIsMzUuNTUtNiwyNy4yOCwxNy41NCwzMy44NiwzNy42NiwxNC42MiwwLDAtNC4xOCwxNy43My05LjQyLDI3LjI5LDAsMC0zOS4xNS0xLjI2LTUxLjM3LDEyLjQzLTguNTYsOS41OC01LjE0LDI4LDEwLjY5LDM1LjY2czQwLjIxLDIuMDcsNTQuNjgtMzEuNjhjMCwwLDE0LjQyLjg2LDI1LjE5LTIuMThDMzIzLjUsMTE1LDMyOC42NCwxMDIuNywzMjMuMTUsOTcuODNabS05MywzMy4xMWMtMy45LTExLjQyLDM0LjQ1LTEzLjcyLDM0LjQ1LTEzLjcyQzI1Ni42LDEzMy43MSwyMzMuNTcsMTQxLjA3LDIzMC4xMSwxMzAuOTRaIiBmaWxsPSIjZTg0MTMzIi8+CiAgPHBhdGggZD0iTTI0LjM3LDMxLjc0cy0xMC4zNC0xLjA2LTEzLjUyLDBDMywzNC4zMywwLDQ0LjExLDAsNDQuMTFzMTQuNjYtMiwxOC44LjkyQzIxLjcyLDQ3LjA3LDI0LjM3LDMxLjc0LDI0LjM3LDMxLjc0WiIgZmlsbD0iI2U4NDEzMyIvPgo8L3N2Zz4K); }
    .c-articlesLinks__item[data-tags*="logo-orange"] .c-articlesLinks__link:hover, .c-articlesLinks__item[data-tags*="logo-orange"] .c-articlesLinks__link:focus, .c-articlesLinks__item[data-tags*="logo-orange"] .c-articlesLinks__link.is-active {
      color: var(--c-orange); }
    .c-articlesLinks__item[data-tags*="logo-blue"]:before {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODIuODIgMTU1Ljc5Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Ik0yNi4zNCw2LjQxUzI4LjQ2LDE4LjQ4LDIyLjEsMzVzLTE1LDM0LjU5LTcuNiw0Ni4xNGM5LjE4LDE0LjI2LDI5LjksNC45MSwzNi4yMy0yLjFhNTMuNzcsNTMuNzcsMCwwLDEsOC42NS03Ljg2bC01LjUtNy45M3MtOS4yNCw5LjM5LTE4LDcuNDZjLTEwLjE2LTIuMjYuMTctMjQuOTIuMTctMjQuOTJzMTEuNTMsMi45NCwxNi41Ny0zLjJDNTYuMTIsMzguMzUsNTUsMzIuNjcsNTUsMzIuNjdTNDUuNTQsMzMuNzcsNDAsMzNjMCwwLDctMTUuNDIuNDctMjJDMzUsNS40NywyNi4zNCw2LjQxLDI2LjM0LDYuNDFaIiBmaWxsPSIjMTk2MWFjIi8+CiAgICA8cGF0aCBkPSJNMTk1LjI3LDI5LjQ3Yy0xMS42Ni0uMTktMTUuNzIsMTEtMTkuMDcsMjQuNjRzLTguMTQsMzMuNzMsNC4wNSwzNC4zOWMxOC44NSwxLDI0LjE2LTQyLjUsMzcuNzItNDEsNi4yOS42Ny02LjIyLDE2LjIxLTUuODQsMzAuNDMuMzEsMTEuNjUsMTYuMzcsMTcuMjgsMjguMjIsMy43UzI0Ny43OSw2NywyNDcuNzksNjdsLTUuNjYtLjExcy0zLjc3LDkuODUtOS42NCw5LjE3LjMxLTE4Ljc5LDQuMjItMjcuMDZjNS41Ni0xMS43My0xLjgxLTI3LjczLTE3LjE2LTIyLTE5Ljg2LDcuNDMtMjQuMzgsMzYuMjktMjcuNzMsMzYuMzdhMTU4LjI3LDE1OC4yNywwLDAsMSw1LjM5LTE4LjUzQzIwMC4wNSwzNy4zMywyMDIuNDQsMjkuNTksMTk1LjI3LDI5LjQ3WiIgZmlsbD0iIzE5NjFhYyIvPgogICAgPHBhdGggZD0iTTMxNS43Miw0Ljc0Yy0zLjU0LDUuMjUtMywxMi4wNiw0LjYsMTYuODQsNS4zMiwzLjM2LDIuMjUsOS40NywyLjI1LDkuNDdzMTMuODktNiwxMy44OS0xOS40MUMzMzYuNDYtLjY2LDMyMS4zNC0zLjYzLDMxNS43Miw0Ljc0WiIgZmlsbD0iIzE5NjFhYyIvPgogICAgPHBhdGggZD0iTTM4Mi4yNSwzOC4zN2MtNC4xMywxMC4yNi0xNS45LTQuNDUtMjAsNC42MS00LjMxLDkuNDksMjEuNjUsOC41OSwxOC4yLDI3QzM3Ni45MSw4OC43LDM1NSw5MCwzNDcuOTMsODguNTNzLTI2LjQ1LTYuMzYtMTcuMTktMjJjMy43NC02LjMzLDEwLjgtNS42NiwxNS45LS40OCw0LjA4LDQuMTQsMjAuNzgsOS42NCwyMC43NC0yLDAtMTAuODMtMjUuOS02LjcxLTIxLjcxLTI1LjcyUzM4Ny45MSwyNC4zMSwzODIuMjUsMzguMzdaIiBmaWxsPSIjMTk2MWFjIi8+CiAgICA8cGF0aCBkPSJNMTIyLjQzLDYyLjYzUzEwOC4zNSw3Ny4zNiwxMDYuODIsNzRjLTMuMzEtNy4zLDE0LjYxLTI0LjQ5LDMtMzUuNzUtMy42Ni0zLjU0LTEzLjY2LTMuNzctMjMsNS4xOEM3OC41Niw1MS4zOSw3Myw2Ni4wOCw3Miw2Ni4xYy0zLjE3LjA2LDgtMjkuNjIsOC0yOS42MnMyMS45LTEuNzMsMzEuMDctMTUuNDFDMTE5LDkuMjYsMTEwLjksMS4zNiwxMDAuMjEsMS4zNiw4OSwxLjM2LDcxLjQsNi44NCw2Mi4xNCwzNC4yOGMtMTIuMywzNi40NC0xMy41OSw1My43Ni0xLDU0LjY2LDE3LjUsMS4yNiwyMS41Ny0zNy43NiwzNC40My0zNi41LDcuMjUuNzEtMTQuNjEsMjYuNzQtMS4yLDM0LjMsMTMuOTMsNy44NiwzMS41NS0xNi42NywzMS41NS0xNi42N1pNOTUuOTEsMTQuNzhDMTA1LDEyLjY0LDk5LjI0LDI1LjIxLDg0LDI4LDg0LDI4LDg4LjgsMTYuNDYsOTUuOTEsMTQuNzhaIiBmaWxsPSIjMTk2MWFjIi8+CiAgICA8cGF0aCBkPSJNMTgwLjE5LDUyLjA5cy0yLjY2LDItMTAuODcsMi4zM2MwLDAsNi0yNC4yMi0xMi4wOS0yNy4zN3MtMjQuMDYsMTMuNjktMjQuMzEsMjEuMjhhMjMuMjEsMjMuMjEsMCwwLDAsLjUsNC42OCwxMC40MywxMC40MywwLDAsMC0xLjg3LS43QzEyMyw1MCwxMTMuNTIsNjQuNDcsMTIxLDc4Ljk0czM1LjU4LDEyLjQ5LDQ0LjkxLTEyYzAsMCw3LjM0LS42OCwxMS42NC0yLjYyUzE4MC4xOSw1Mi4wOSwxODAuMTksNTIuMDlaTTEzNi43OSw3My43Yy0zLjI3LTEuODEtMi4xMy03LjEzLjA1LTEyLjQ0LDMuMTgsNC43NiwxNS44Myw1LjMzLDE1LjgzLDUuMzNTMTQ1Ljc0LDc4LjY1LDEzNi43OSw3My43Wm0yMC4xNS0yMC40MXMtMTAuMDYsMC0xMS4xLTQuNzVjLS42Ny0zLDIuMzctMTEuMjUsOC0xMC4yUzE1Ni45NCw1My4yOSwxNTYuOTQsNTMuMjlaIiBmaWxsPSIjMTk2MWFjIi8+CiAgICA8cGF0aCBkPSJNMzIzLjE1LDk3LjgzYy05LjIzLTguMi0xMSwuNzEtMjAuNzIsMy4xOWE3MC44NSw3MC44NSwwLDAsMS0xMi44OSwxLjkxczYuMzYtMjEuNDksMTAuNjYtMzYuMTEsMjAuNzMtNDAuNzMsMy4xOS00MC4xNmMtMTQuODUuNDktMjAuNTQsMzMuNC0yMC41NCwzMy40cy0xMi4zLDE1LjYyLTE4LjI5LDEwLjYxYy0xMy0xMC44NiwxNS45My00MC42NCwyLjA5LTQzLjQ1LTEwLjI0LTIuMDgtMTYuNzEsMC0yNC41MiwzNS41NS02LDI3LjI4LDE3LjU0LDMzLjg2LDM3LjY2LDE0LjYyLDAsMC00LjE4LDE3LjczLTkuNDIsMjcuMjksMCwwLTM5LjE1LTEuMjYtNTEuMzcsMTIuNDMtOC41Niw5LjU4LTUuMTQsMjgsMTAuNjksMzUuNjZzNDAuMjEsMi4wNyw1NC42OC0zMS42OGMwLDAsMTQuNDIuODYsMjUuMTktMi4xOEMzMjMuNSwxMTUsMzI4LjY0LDEwMi43LDMyMy4xNSw5Ny44M1ptLTkzLDMzLjExYy0zLjktMTEuNDIsMzQuNDUtMTMuNzIsMzQuNDUtMTMuNzJDMjU2LjYsMTMzLjcxLDIzMy41NywxNDEuMDcsMjMwLjExLDEzMC45NFoiIGZpbGw9IiMxOTYxYWMiLz4KICAgIDxwYXRoIGQ9Ik0yNC4zNywzMS43NHMtMTAuMzQtMS4wNi0xMy41MiwwQzMsMzQuMzMsMCw0NC4xMSwwLDQ0LjExczE0LjY2LTIsMTguOC45MkMyMS43Miw0Ny4wNywyNC4zNywzMS43NCwyNC4zNywzMS43NFoiIGZpbGw9IiMxOTYxYWMiLz4KICA8L2c+Cjwvc3ZnPgo=); }
    .c-articlesLinks__item[data-tags*="logo-blue"] .c-articlesLinks__link {
      padding-right: 0; }
      .c-articlesLinks__item[data-tags*="logo-blue"] .c-articlesLinks__link:hover, .c-articlesLinks__item[data-tags*="logo-blue"] .c-articlesLinks__link:focus, .c-articlesLinks__item[data-tags*="logo-blue"] .c-articlesLinks__link.is-active {
        color: var(--c-blue); }
  .c-articlesLinks__icon {
    --iconWidth: 7px;
    --iconBorderRadius: 60%;
    position: absolute;
    background-color: var(--c-schemePrimary);
    left: -20px;
    top: 7px;
    width: var(--iconWidth);
    height: var(--iconWidth);
    border-top-right-radius: var(--iconBorderRadius);
    transform: rotate(30deg) skewX(-30deg) scale(1, 0.866); }
    .c-articlesLinks__icon:before, .c-articlesLinks__icon:after {
      content: '';
      position: absolute;
      background-color: inherit; }
    .c-articlesLinks__icon:before, .c-articlesLinks__icon:after {
      width: var(--iconWidth);
      height: var(--iconWidth);
      border-top-right-radius: var(--iconBorderRadius); }
    .c-articlesLinks__icon::before {
      transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }
    .c-articlesLinks__icon:after {
      transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); }
  .c-articlesLinks__link {
    font-family: "Red Hat Display", sans-serif;
    text-decoration: none;
    transition: color .3s ease-in-out;
    display: flex;
    justify-content: center; }
    @media (min-width: 768px) {
      .c-articlesLinks__link {
        justify-content: left;
        padding-right: 20px; } }
    .c-articlesLinks__link svg {
      width: 0;
      height: 15px;
      transition: transform .3s ease-in-out; }
      .c-articlesLinks__link svg path {
        fill: var(--c-schemePrimary); }
    .c-articlesLinks__link:hover, .c-articlesLinks__link:focus, .c-articlesLinks__link.is-active {
      padding-right: 0;
      color: var(--c-schemePrimary); }
      .c-articlesLinks__link:hover svg, .c-articlesLinks__link:focus svg, .c-articlesLinks__link.is-active svg {
        width: 15px;
        padding-right: 5px; }
    .c-articlesLinks__link.is-active {
      font-weight: bold; }

/*
 |--------------------------------------------------------------------------
 | .c-badge
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/badge/badge';
 */
.c-badge {
  width: 110px;
  height: 110px;
  padding-right: 12px;
  padding-left: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  border-radius: 50%;
  text-decoration: none;
  background: var(--c-beige);
  box-shadow: 2px 5px 6px var(--c-boxShaddow); }
  @media screen and (min-width: 375px) {
    .c-badge {
      width: calc(110px + 110 * (100vw - 375px) / (1270));
      height: calc(110px + 110 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-badge {
      width: 220px;
      height: 220px; } }
  @media screen and (min-width: 375px) {
    .c-badge {
      padding-right: calc(12px + 12 * (100vw - 375px) / (1270));
      padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-badge {
      padding-right: 24px;
      padding-left: 24px; } }
  @media screen and (min-width: 375px) {
    .c-badge {
      padding-top: calc(12px + 12 * (100vw - 375px) / (1270));
      padding-bottom: calc(12px + 12 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-badge {
      padding-top: 24px;
      padding-bottom: 24px; } }
  .c-badge__icon {
    width: 80px; }
    @media screen and (min-width: 375px) {
      .c-badge__icon {
        width: calc(80px + 95 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-badge__icon {
        width: 175px; } }
  .c-badge__text {
    font-size: 12px;
    font-family: "Red Hat Display", sans-serif;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: var(--c-schemePrimary); }
    @media screen and (min-width: 375px) {
      .c-badge__text {
        font-size: calc(12px + 11 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-badge__text {
        font-size: 23px; } }
    @media screen and (min-width: 375px) {
      .c-badge__text {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-badge__text {
        padding-left: 16px;
        padding-right: 16px; } }
  .c-badge__icon + .c-badge__text {
    display: none; }
  .c-badge__borderText {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: rotation 20s infinite linear;
            animation: rotation 20s infinite linear; }
    .c-badge__borderText:hover {
      -webkit-animation-play-state: paused;
              animation-play-state: paused; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

/*
 |--------------------------------------------------------------------------
 | .c-badgeIcon
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/badge/icon';
 */
.c-badgeIcon {
  width: 105px;
  height: 105px;
  padding-right: 12px;
  padding-left: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  position: relative;
  border-radius: 50%; }
  @media screen and (min-width: 375px) {
    .c-badgeIcon {
      width: calc(105px + 105 * (100vw - 375px) / (1270));
      height: calc(105px + 105 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-badgeIcon {
      width: 210px;
      height: 210px; } }
  @media screen and (min-width: 375px) {
    .c-badgeIcon {
      padding-right: calc(12px + 12 * (100vw - 375px) / (1270));
      padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-badgeIcon {
      padding-right: 24px;
      padding-left: 24px; } }
  @media screen and (min-width: 375px) {
    .c-badgeIcon {
      padding-top: calc(12px + 12 * (100vw - 375px) / (1270));
      padding-bottom: calc(12px + 12 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-badgeIcon {
      padding-top: 24px;
      padding-bottom: 24px; } }
  .c-badgeIcon__icon {
    width: 80px; }
    @media screen and (min-width: 375px) {
      .c-badgeIcon__icon {
        width: calc(80px + 95 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-badgeIcon__icon {
        width: 175px; } }
  .c-badgeIcon__borderText {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: rotation 20s infinite linear;
            animation: rotation 20s infinite linear; }
  .c-badgeIcon--teaserImageBig {
    width: 87px;
    height: 87px; }
    @media screen and (min-width: 375px) {
      .c-badgeIcon--teaserImageBig {
        width: calc(87px + 118 * (100vw - 375px) / (1270));
        height: calc(87px + 118 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-badgeIcon--teaserImageBig {
        width: 205px;
        height: 205px; } }
    .c-badgeIcon--teaserImageBig .c-badgeIcon__icon {
      width: 100%; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

/*
 |--------------------------------------------------------------------------
 | .c-breadcrumb
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/breadcrumb/breadcrumb';
 */
.c-breadcrumb {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-breadcrumb {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-breadcrumb {
      margin-top: 16px; } }
  .c-breadcrumb__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-breadcrumb__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-breadcrumb__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-breadcrumb__items {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    color: var(--c-text);
    display: flex;
    flex-flow: wrap;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-breadcrumb__items {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-breadcrumb__items {
        padding-left: 16px;
        padding-right: 16px; } }
  .c-breadcrumb__divider {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    color: var(--c-grey); }
    @media screen and (min-width: 375px) {
      .c-breadcrumb__divider {
        margin-left: calc(10px + 8 * (100vw - 375px) / (1270));
        margin-right: calc(10px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-breadcrumb__divider {
        margin-left: 18px;
        margin-right: 18px; } }
  .c-breadcrumb__link {
    font-size: 14px;
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-text);
    line-height: 1.8; }
    @media (min-width: 375px) and (max-width: 1645px) {
      .c-breadcrumb__link {
        font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .c-breadcrumb__link {
        font-size: 18px; } }
    .c-breadcrumb__link.is-disabled {
      pointer-events: none; }
    .c-breadcrumb__link:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .c-breadcrumb__link:before {
      opacity: 0;
      transform: translate3d(0, 2px, 0); }
    .c-breadcrumb__link:hover:before, .c-breadcrumb__link:focus:before {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
  .c-breadcrumb__current {
    font-family: "Red Hat Display", sans-serif; }

/*
 |--------------------------------------------------------------------------
 | .c-cardCtaItem
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/ctaItem';
 */
@media (min-width: 768px) {
  .c-cardCtaItem {
    margin-top: 4px;
    width: calc(6 / 12 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-cardCtaItem {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-cardCtaItem {
      margin-top: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-cardCtaItem {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-cardCtaItem {
      padding-left: 16px;
      padding-right: 16px; } }

@media (min-width: 1024px) {
  .c-cardCtaItem {
    width: calc(4 / 12 * 100%); } }

.c-cardCtaItem__wrapper {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 12px;
  padding-left: 12px;
  border-radius: 15px;
  min-height: var(--cardMinHeihgt);
  background-color: var(--c-schemePrimary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; }
  @media screen and (min-width: 375px) {
    .c-cardCtaItem__wrapper {
      padding-top: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-bottom: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-cardCtaItem__wrapper {
      padding-top: 32px;
      padding-bottom: 32px; } }
  @media screen and (min-width: 375px) {
    .c-cardCtaItem__wrapper {
      padding-right: calc(12px + 12 * (100vw - 375px) / (1270));
      padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-cardCtaItem__wrapper {
      padding-right: 24px;
      padding-left: 24px; } }
  @media screen and (min-width: 375px) {
    .c-cardCtaItem__wrapper {
      border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-cardCtaItem__wrapper {
      border-radius: 25px; } }

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

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

/*
 |--------------------------------------------------------------------------
 | .c-cardInclusive
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/inclusive';
 */
.c-cardInclusive {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  opacity: 0;
  visibility: hidden; }
  @media screen and (min-width: 375px) {
    .c-cardInclusive {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-cardInclusive {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .c-cardInclusive {
      margin-top: 8px;
      opacity: 1;
      visibility: visible; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-cardInclusive {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-cardInclusive {
      margin-top: 16px; } }
  @media (min-width: 1024px) {
    .c-cardInclusive {
      width: calc(4 / 12 * 100%); } }
  @media (min-width: 768px) {
    .c-cardInclusive.swiper-slide {
      width: calc(6 / 12 * 100%);
      height: unset;
      flex-shrink: 1; } }
  @media (min-width: 1024px) {
    .c-cardInclusive.swiper-slide {
      width: calc(4 / 12 * 100%); } }
  .c-cardInclusive__wrapper {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 15px;
    min-height: var(--cardMinHeihgt);
    background-color: var(--c-beige);
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 2px 5px 6px var(--c-boxShaddow); }
    @media screen and (min-width: 375px) {
      .c-cardInclusive__wrapper {
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-cardInclusive__wrapper {
        padding-right: 32px;
        padding-left: 32px; } }
    @media screen and (min-width: 375px) {
      .c-cardInclusive__wrapper {
        padding-top: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-bottom: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-cardInclusive__wrapper {
        padding-top: 32px;
        padding-bottom: 32px; } }
    @media screen and (min-width: 375px) {
      .c-cardInclusive__wrapper {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-cardInclusive__wrapper {
        border-radius: 25px; } }
    @media (min-width: 768px) {
      .c-cardInclusive__wrapper {
        box-shadow: none; } }
  .c-cardInclusive__caption {
    margin-top: 12px; }
    @media screen and (min-width: 375px) {
      .c-cardInclusive__caption {
        margin-top: calc(12px + 12 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-cardInclusive__caption {
        margin-top: 24px; } }
  .c-cardInclusive.swiper-slide-active {
    opacity: 1;
    visibility: visible; }

/*
 |--------------------------------------------------------------------------
 | .c-cardTeaser
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/card/teaser';
 */
.c-cardTeaser__content {
  margin-top: 16px; }
  @media screen and (min-width: 375px) {
    .c-cardTeaser__content {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-cardTeaser__content {
      margin-top: 32px; } }

.c-cardTeaser__text, .c-cardTeaser__link {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-cardTeaser__text, .c-cardTeaser__link {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-cardTeaser__text, .c-cardTeaser__link {
      margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .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;
  margin-top: 28px; }
  @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 (min-width: 1645px) {
    .c-code {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-code {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-code {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-code {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-code {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-code {
      margin-top: calc(28px + 28 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-code {
      margin-top: 56px; } }

/*
 |--------------------------------------------------------------------------
 | .c-embed
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/embed/embed';
 */
.c-embed {
  margin-top: 44px; }
  @media screen and (min-width: 375px) {
    .c-embed {
      margin-top: calc(44px + 44 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-embed {
      margin-top: 88px; } }
  .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 (min-width: 1645px) {
      .c-embed__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-embed__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-embed__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-embed__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-embed__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-embed__col {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-embed__col {
        width: calc(6 / 12 * 100%);
        margin-left: calc(3 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-embed__col {
        width: calc(14 / 24 * 100%);
        margin-left: calc(5 / 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-embed__embed:not(.has-consented) {
      margin-top: 16px;
      padding-top: calc(9/16 * 100%); }
      @media screen and (min-width: 375px) {
        .c-embed__embed:not(.has-consented) {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-embed__embed:not(.has-consented) {
          margin-top: 32px; } }
  .c-embed--iframeResize .c-embed__embed::before {
    display: none; }
  .c-embed--iframeResize .c-embed__embed iframe {
    position: relative;
    top: unset;
    left: unset;
    width: 100%; }
  @media (min-width: 768px) {
    .c-embed--containerBig .c-embed__col {
      width: calc(8 / 12 * 100%);
      margin-left: calc(2 / 12 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-embedOverlay
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/embed/overlay';
 */
.c-embedOverlay {
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid var(--c-schemePrimary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (min-width: 375px) {
    .c-embedOverlay {
      border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-embedOverlay {
      border-radius: 25px; } }
  .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) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-embedOverlay__cta {
        margin-top: 32px; } }
  .c-embedOverlay__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .c-embedOverlay--hasImage .c-embedOverlay__text {
    color: var(--c-white); }
  .c-embedOverlay--teaserVideo {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset; }
    .c-embedOverlay--teaserVideo::before {
      content: '';
      display: block;
      padding-top: calc(9/16 * 100%); }

/*
 |--------------------------------------------------------------------------
 | .c-imageGallery
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/image/gallery';
*/
.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;
  justify-content: center; }
  @media screen and (min-width: 375px) {
    .c-imageGallery {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .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) / (1270));
        padding-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-imageGallery__item {
        padding-left: 8px;
        padding-right: 8px; } }
    @media screen and (min-width: 375px) {
      .c-imageGallery__item {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-imageGallery__item {
        margin-top: 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-imprint
 |--------------------------------------------------------------------------
 */
.c-imprint {
  margin-top: 28px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative; }
  @media screen and (min-width: 375px) {
    .c-imprint {
      margin-top: calc(28px + 28 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-imprint {
      margin-top: 56px; } }
  @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 (min-width: 1645px) {
    .c-imprint {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-imprint {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-imprint {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-imprint {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-imprint {
      padding-left: 32px;
      padding-right: 32px; } }
  .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-imprint__text {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-imprint__text {
        width: calc(10 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-imprint__text {
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-imprint__text {
        width: calc(16 / 24 * 100%);
        margin-left: calc(4 / 24 * 100%); } }
    .c-imprint__text h1 {
      font-family: "Red Hat Display", sans-serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 23.09433px;
      font-family: "Red Hat Display", sans-serif;
      font-family: "Red Hat Display", sans-serif;
      text-transform: uppercase;
      color: var(--c-schemePrimary);
      line-height: 23.09433px; }
      @media (min-width: 375px) and (max-width: 1645px) {
        .c-imprint__text h1 {
          font-size: calc( 23.09433px + 26.49437 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        .c-imprint__text h1 {
          font-size: 49.5887px; } }
      @media (min-width: 375px) and (max-width: 1645px) {
        .c-imprint__text h1 {
          line-height: calc( 23.09433px + 26.49437 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        .c-imprint__text h1 {
          line-height: 49.5887px; } }
      .c-imprint__text h1:first-child {
        display: none; }
    .c-imprint__text h2 {
      font-family: "Red Hat Display", sans-serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 21.24593px;
      font-family: "Red Hat Display", sans-serif;
      font-family: "Red Hat Display", sans-serif;
      text-transform: uppercase;
      color: var(--c-schemePrimary);
      line-height: 21.24593px; }
      @media (min-width: 375px) and (max-width: 1645px) {
        .c-imprint__text h2 {
          font-size: calc( 21.24593px + 20.63642 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        .c-imprint__text h2 {
          font-size: 41.88235px; } }
      @media (min-width: 375px) and (max-width: 1645px) {
        .c-imprint__text h2 {
          line-height: calc( 21.24593px + 20.63642 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        .c-imprint__text h2 {
          line-height: 41.88235px; } }
    .c-imprint__text h3,
    .c-imprint__text h4 {
      font-family: "Red Hat Display", sans-serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 14px;
      font-family: "Red Hat Display", sans-serif;
      font-family: "Red Hat Display", sans-serif;
      text-transform: uppercase;
      color: var(--c-grey);
      line-height: 19.54547px; }
      @media (min-width: 375px) and (max-width: 1645px) {
        .c-imprint__text h3,
        .c-imprint__text h4 {
          font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        .c-imprint__text h3,
        .c-imprint__text h4 {
          font-size: 18px; } }
      @media (min-width: 375px) and (max-width: 1645px) {
        .c-imprint__text h3,
        .c-imprint__text h4 {
          line-height: calc( 19.54547px + 15.82813 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        .c-imprint__text h3,
        .c-imprint__text h4 {
          line-height: 35.3736px; } }
      .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) / (1270)); } }
        @media screen and (min-width: 1645px) {
          .c-imprint__text h3 + p,
          .c-imprint__text h4 + p {
            margin-top: 16px; } }
    .c-imprint__text h1, .c-imprint__text h2 {
      font-weight: bold; }
    .c-imprint__text h2, .c-imprint__text h3, .c-imprint__text h4 {
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .c-imprint__text h2, .c-imprint__text h3, .c-imprint__text h4 {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-imprint__text h2, .c-imprint__text h3, .c-imprint__text h4 {
          margin-top: 32px; } }
  .c-imprint .cookiefirst-cookie-declaration button {
    margin-right: 8px;
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: transparent;
    color: var(--c-text);
    border-color: var(--c-text);
    font-size: 14px; }
    @media screen and (min-width: 375px) {
      .c-imprint .cookiefirst-cookie-declaration button {
        margin-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-imprint .cookiefirst-cookie-declaration button {
        margin-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-imprint .cookiefirst-cookie-declaration button {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-imprint .cookiefirst-cookie-declaration button {
        font-size: 17px; } }
    .c-imprint .cookiefirst-cookie-declaration button:disabled, .c-imprint .cookiefirst-cookie-declaration button.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
    @media (min-width: 375px) and (max-width: 1645px) {
      .c-imprint .cookiefirst-cookie-declaration button {
        font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .c-imprint .cookiefirst-cookie-declaration button {
        font-size: 18px; } }
  .c-imprint--isModal {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-imprint--isModal {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-imprint--isModal {
        margin-top: 32px; } }
    .c-imprint--isModal .c-imprint__text {
      width: unset;
      margin-left: unset; }
    .c-imprint--isModal h1:first-child {
      display: block; }

/*
 |--------------------------------------------------------------------------
 | .c-languageSwitch
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/languageSwitch/languageSwitch';
 */
.c-languageSwitch__container {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 17px;
  padding-right: 17px;
  background: var(--c-white);
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow); }
  @media screen and (min-width: 375px) {
    .c-languageSwitch__container {
      padding-top: calc(11px + 4 * (100vw - 375px) / (1270));
      padding-bottom: calc(11px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-languageSwitch__container {
      padding-top: 15px;
      padding-bottom: 15px; } }
  @media screen and (min-width: 375px) {
    .c-languageSwitch__container {
      padding-left: calc(17px + 5 * (100vw - 375px) / (1270));
      padding-right: calc(17px + 5 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-languageSwitch__container {
      padding-left: 22px;
      padding-right: 22px; } }

.c-languageSwitch__language {
  font-family: "Lato", "Trebuchet MS", sans-serif;
  font-size: 14px;
  margin-right: 4px;
  padding-right: 4px;
  border-right: 1px solid var(--c-text);
  text-transform: uppercase;
  transition: color .3s ease-in-out;
  text-decoration: none;
  color: currentColor; }
  @media screen and (min-width: 375px) {
    .c-languageSwitch__language {
      font-size: calc(14px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-languageSwitch__language {
      font-size: 18px; } }
  @media screen and (min-width: 375px) {
    .c-languageSwitch__language {
      margin-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-languageSwitch__language {
      margin-right: 8px; } }
  @media screen and (min-width: 375px) {
    .c-languageSwitch__language {
      padding-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-languageSwitch__language {
      padding-right: 8px; } }
  .c-languageSwitch__language:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0; }
  .c-languageSwitch__language:hover {
    color: var(--c-schemePrimary); }
  .c-languageSwitch__language.is-Active {
    font-weight: bold;
    pointer-events: none; }

/*
 |--------------------------------------------------------------------------
 | .c-linkIcon
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/link/icon';
 */
.c-linkIcon svg {
  transition: color .3s ease-in-out; }

.c-linkIcon--button.c-linkIcon--scheme {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
  background-color: var(--c-schemePrimary);
  color: var(--c-white);
  border-color: var(--c-schemePrimary); }
  @media screen and (min-width: 375px) {
    .c-linkIcon--button.c-linkIcon--scheme {
      font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-linkIcon--button.c-linkIcon--scheme {
      font-size: 17px; } }
  .c-linkIcon--button.c-linkIcon--scheme:hover, .c-linkIcon--button.c-linkIcon--scheme:active, .c-linkIcon--button.c-linkIcon--scheme:focus {
    background-color: var(--c-schemeDarken);
    border-color: var(--c-schemeDarken); }
  .c-linkIcon--button.c-linkIcon--scheme:disabled, .c-linkIcon--button.c-linkIcon--scheme.is-disabled {
    background-color: var(--c-text);
    color: var(--c-white);
    opacity: 0.5;
    pointer-events: none; }

.c-linkIcon--button.c-linkIcon--round {
  border-radius: 50%;
  padding: 9px 7px; }

.c-linkIcon span {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute; }

/*
 |--------------------------------------------------------------------------
 | .c-linkStageMain
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/link/stageMain';
 */
.c-linkStageMain {
  margin-top: 4px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 20px;
  border-radius: 15px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  background: var(--c-beige);
  text-decoration: none; }
  @media screen and (min-width: 375px) {
    .c-linkStageMain {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-linkStageMain {
      margin-top: 8px; } }
  @media screen and (min-width: 375px) {
    .c-linkStageMain {
      padding-top: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-bottom: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-linkStageMain {
      padding-top: 32px;
      padding-bottom: 32px; } }
  @media screen and (min-width: 375px) {
    .c-linkStageMain {
      padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-linkStageMain {
      padding-left: 24px; } }
  @media screen and (min-width: 375px) {
    .c-linkStageMain {
      padding-right: calc(20px + 20 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-linkStageMain {
      padding-right: 40px; } }
  @media screen and (min-width: 375px) {
    .c-linkStageMain {
      border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-linkStageMain {
      border-radius: 25px; } }
  .c-linkStageMain__logo {
    margin-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-linkStageMain__logo {
        margin-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkStageMain__logo {
        margin-right: 16px; } }
  .c-linkStageMain__title +
.c-linkStageMain__subTitle {
    margin-top: 4px; }
    @media screen and (min-width: 375px) {
      .c-linkStageMain__title +
.c-linkStageMain__subTitle {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkStageMain__title +
.c-linkStageMain__subTitle {
        margin-top: 8px; } }
  .c-linkStageMain__icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(50%, -50%, 0); }
  .c-linkStageMain:nth-child(3) .c-linkStageMain__subTitle {
    font-size: 11.84865px; }
    @media (min-width: 375px) and (max-width: 1645px) {
      .c-linkStageMain:nth-child(3) .c-linkStageMain__subTitle {
        font-size: calc( 11.84865px + 0.99147 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .c-linkStageMain:nth-child(3) .c-linkStageMain__subTitle {
        font-size: 12.84012px; } }

/*
 |--------------------------------------------------------------------------
 | .c-linkTextIcon
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/link/textIcon';
 */
.c-linkTextIcon__icon {
  margin-right: 4px;
  transition: transform .3s ease-in;
  transform-origin: left center; }
  @media screen and (min-width: 375px) {
    .c-linkTextIcon__icon {
      margin-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-linkTextIcon__icon {
      margin-right: 8px; } }

.c-linkTextIcon:hover .c-linkTextIcon__icon, .c-linkTextIcon:active .c-linkTextIcon__icon, .c-linkTextIcon:focus .c-linkTextIcon__icon {
  transform: scaleX(1.15); }

.c-linkTextIcon--plain {
  font-family: "Red Hat Display", sans-serif;
  display: inline-flex;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase; }
  .c-linkTextIcon--plain:hover .c-linkTextIcon__icon, .c-linkTextIcon--plain:active .c-linkTextIcon__icon, .c-linkTextIcon--plain:focus .c-linkTextIcon__icon {
    transform: none; }

.c-linkTextIcon--button {
  display: inline-block; }
  .c-linkTextIcon--button.c-linkTextIcon--secondary {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: transparent;
    color: var(--c-text);
    border-color: var(--c-text); }
    @media screen and (min-width: 375px) {
      .c-linkTextIcon--button.c-linkTextIcon--secondary {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkTextIcon--button.c-linkTextIcon--secondary {
        font-size: 17px; } }
    .c-linkTextIcon--button.c-linkTextIcon--secondary:disabled, .c-linkTextIcon--button.c-linkTextIcon--secondary.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .c-linkTextIcon--button.c-linkTextIcon--secondaryScheme {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: transparent;
    color: var(--c-schemePrimary);
    border-color: var(--c-schemePrimary); }
    @media screen and (min-width: 375px) {
      .c-linkTextIcon--button.c-linkTextIcon--secondaryScheme {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkTextIcon--button.c-linkTextIcon--secondaryScheme {
        font-size: 17px; } }
    .c-linkTextIcon--button.c-linkTextIcon--secondaryScheme:hover, .c-linkTextIcon--button.c-linkTextIcon--secondaryScheme:active, .c-linkTextIcon--button.c-linkTextIcon--secondaryScheme:focus {
      background-color: var(--c-schemePrimary);
      color: var(--c-white);
      border-color: var(--c-schemePrimary); }
    .c-linkTextIcon--button.c-linkTextIcon--secondaryScheme:disabled, .c-linkTextIcon--button.c-linkTextIcon--secondaryScheme.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .c-linkTextIcon--button.c-linkTextIcon--secondaryWhite {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: transparent;
    color: var(--c-white);
    border-color: var(--c-white); }
    @media screen and (min-width: 375px) {
      .c-linkTextIcon--button.c-linkTextIcon--secondaryWhite {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkTextIcon--button.c-linkTextIcon--secondaryWhite {
        font-size: 17px; } }
    .c-linkTextIcon--button.c-linkTextIcon--secondaryWhite:disabled, .c-linkTextIcon--button.c-linkTextIcon--secondaryWhite.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .c-linkTextIcon--button.c-linkTextIcon--scheme {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    background-color: var(--c-schemePrimary);
    color: var(--c-white);
    border-color: var(--c-schemePrimary); }
    @media screen and (min-width: 375px) {
      .c-linkTextIcon--button.c-linkTextIcon--scheme {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkTextIcon--button.c-linkTextIcon--scheme {
        font-size: 17px; } }
    .c-linkTextIcon--button.c-linkTextIcon--scheme:hover, .c-linkTextIcon--button.c-linkTextIcon--scheme:active, .c-linkTextIcon--button.c-linkTextIcon--scheme:focus {
      background-color: var(--c-schemeDarken);
      border-color: var(--c-schemeDarken); }
    .c-linkTextIcon--button.c-linkTextIcon--scheme:disabled, .c-linkTextIcon--button.c-linkTextIcon--scheme.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .c-linkTextIcon--button.c-linkTextIcon--purple {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-purple);
    border-color: var(--c-purple); }
    @media screen and (min-width: 375px) {
      .c-linkTextIcon--button.c-linkTextIcon--purple {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkTextIcon--button.c-linkTextIcon--purple {
        font-size: 17px; } }
    .c-linkTextIcon--button.c-linkTextIcon--purple:hover, .c-linkTextIcon--button.c-linkTextIcon--purple:active, .c-linkTextIcon--button.c-linkTextIcon--purple:focus {
      background-color: var(--c-purple-darken);
      border-color: var(--c-purple-darken); }
    .c-linkTextIcon--button.c-linkTextIcon--purple:disabled, .c-linkTextIcon--button.c-linkTextIcon--purple.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .c-linkTextIcon--button.c-linkTextIcon--green {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-green);
    border-color: var(--c-green); }
    @media screen and (min-width: 375px) {
      .c-linkTextIcon--button.c-linkTextIcon--green {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkTextIcon--button.c-linkTextIcon--green {
        font-size: 17px; } }
    .c-linkTextIcon--button.c-linkTextIcon--green:hover, .c-linkTextIcon--button.c-linkTextIcon--green:active, .c-linkTextIcon--button.c-linkTextIcon--green:focus {
      background-color: var(--c-green-darken);
      border-color: var(--c-green-darken); }
    .c-linkTextIcon--button.c-linkTextIcon--green:disabled, .c-linkTextIcon--button.c-linkTextIcon--green.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .c-linkTextIcon--button.c-linkTextIcon--rust {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-rust);
    border-color: var(--c-rust); }
    @media screen and (min-width: 375px) {
      .c-linkTextIcon--button.c-linkTextIcon--rust {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkTextIcon--button.c-linkTextIcon--rust {
        font-size: 17px; } }
    .c-linkTextIcon--button.c-linkTextIcon--rust:hover, .c-linkTextIcon--button.c-linkTextIcon--rust:active, .c-linkTextIcon--button.c-linkTextIcon--rust:focus {
      background-color: var(--c-rust-darken);
      border-color: var(--c-rust-darken); }
    .c-linkTextIcon--button.c-linkTextIcon--rust:disabled, .c-linkTextIcon--button.c-linkTextIcon--rust.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }
  .c-linkTextIcon--button.c-linkTextIcon--red {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 18px;
    border-radius: 22px;
    box-shadow: 2px 5px 6px var(--c-boxShaddow);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease-out, border-color .3s ease-out;
    color: var(--c-white);
    background-color: var(--c-red);
    border-color: var(--c-red); }
    @media screen and (min-width: 375px) {
      .c-linkTextIcon--button.c-linkTextIcon--red {
        font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkTextIcon--button.c-linkTextIcon--red {
        font-size: 17px; } }
    .c-linkTextIcon--button.c-linkTextIcon--red:hover, .c-linkTextIcon--button.c-linkTextIcon--red:active, .c-linkTextIcon--button.c-linkTextIcon--red:focus {
      background-color: var(--c-red-darken);
      border-color: var(--c-red-darken); }
    .c-linkTextIcon--button.c-linkTextIcon--red:disabled, .c-linkTextIcon--button.c-linkTextIcon--red.is-disabled {
      background-color: var(--c-text);
      color: var(--c-white);
      opacity: 0.5;
      pointer-events: none; }

.c-linkTextIcon--uspSliderControl {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  line-height: 19px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform .3s ease-in-out; }
  @media screen and (min-width: 375px) {
    .c-linkTextIcon--uspSliderControl {
      font-size: calc(14px + 5 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-linkTextIcon--uspSliderControl {
      font-size: 19px; } }
  @media screen and (min-width: 375px) {
    .c-linkTextIcon--uspSliderControl {
      line-height: calc(19px + 13 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-linkTextIcon--uspSliderControl {
      line-height: 32px; } }
  .c-linkTextIcon--uspSliderControl:hover .c-linkTextIcon__icon, .c-linkTextIcon--uspSliderControl:active .c-linkTextIcon__icon, .c-linkTextIcon--uspSliderControl:focus .c-linkTextIcon__icon {
    transform: unset; }
  .c-linkTextIcon--uspSliderControl strong,
  .c-linkTextIcon--uspSliderControl b {
    font-weight: bold;
    color: var(--c-schemePrimary); }
  .c-linkTextIcon--uspSliderControl .c-linkTextIcon__icon {
    margin-right: 8px;
    flex: 0 0 auto; }
    @media screen and (min-width: 375px) {
      .c-linkTextIcon--uspSliderControl .c-linkTextIcon__icon {
        margin-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-linkTextIcon--uspSliderControl .c-linkTextIcon__icon {
        margin-right: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-logo
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/logo/logo';
 */
.c-logo__small {
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate3d(0, -100%, 0);
  transition: all .3s ease-in-out; }

.c-logo__big {
  transform: translate3d(0, 0, 0);
  transition: all .3s ease-in-out .3s; }

.c-logo__small, .c-logo__big {
  position: absolute; }

.c-pageHeader--logoSmall .c-logo .c-logo__small {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
  transition: all .3s ease-in-out .6s; }

.c-pageHeader--logoSmall .c-logo .c-logo__big {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, -100%, 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) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      #modalPrivacyPolicy .e-text {
        padding-left: 16px;
        padding-right: 16px; } }
    #modalPrivacyPolicy .e-text h1 {
      font-family: "Red Hat Display", sans-serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 23.09433px;
      font-family: "Red Hat Display", sans-serif;
      font-family: "Red Hat Display", sans-serif;
      text-transform: uppercase;
      color: var(--c-grey); }
      @media (min-width: 375px) and (max-width: 1645px) {
        #modalPrivacyPolicy .e-text h1 {
          font-size: calc( 23.09433px + 26.49437 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        #modalPrivacyPolicy .e-text h1 {
          font-size: 49.5887px; } }
    #modalPrivacyPolicy .e-text h2 {
      font-family: "Red Hat Display", sans-serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 21.24593px;
      font-family: "Red Hat Display", sans-serif;
      font-family: "Red Hat Display", sans-serif;
      text-transform: uppercase;
      color: var(--c-grey);
      margin-top: 20px; }
      @media (min-width: 375px) and (max-width: 1645px) {
        #modalPrivacyPolicy .e-text h2 {
          font-size: calc( 21.24593px + 20.63642 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        #modalPrivacyPolicy .e-text h2 {
          font-size: 41.88235px; } }
      @media screen and (min-width: 375px) {
        #modalPrivacyPolicy .e-text h2 {
          margin-top: calc(20px + 20 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        #modalPrivacyPolicy .e-text h2 {
          margin-top: 40px; } }
    #modalPrivacyPolicy .e-text h3,
    #modalPrivacyPolicy .e-text h4 {
      margin-top: 16px;
      font-family: "Red Hat Display", sans-serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 14px;
      font-family: "Red Hat Display", sans-serif;
      font-family: "Red Hat Display", sans-serif;
      text-transform: uppercase;
      color: var(--c-grey);
      font-weight: bold; }
      @media screen and (min-width: 375px) {
        #modalPrivacyPolicy .e-text h3,
        #modalPrivacyPolicy .e-text h4 {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        #modalPrivacyPolicy .e-text h3,
        #modalPrivacyPolicy .e-text h4 {
          margin-top: 32px; } }
      @media (min-width: 375px) and (max-width: 1645px) {
        #modalPrivacyPolicy .e-text h3,
        #modalPrivacyPolicy .e-text h4 {
          font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        #modalPrivacyPolicy .e-text h3,
        #modalPrivacyPolicy .e-text h4 {
          font-size: 18px; } }
      #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) / (1270)); } }
        @media screen and (min-width: 1645px) {
          #modalPrivacyPolicy .e-text h3 + p,
          #modalPrivacyPolicy .e-text h4 + p {
            margin-top: 8px; } }
    #modalPrivacyPolicy .e-text h1, #modalPrivacyPolicy .e-text h2 {
      font-weight: bold; }
    #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table {
      font-size: 12.87948px; }
      @media (min-width: 375px) and (max-width: 1645px) {
        #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table {
          font-size: calc( 12.87948px + 2.32322 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        #modalPrivacyPolicy .e-text p, #modalPrivacyPolicy .e-text ul, #modalPrivacyPolicy .e-text ol, #modalPrivacyPolicy .e-text table {
          font-size: 15.2027px; } }
    #modalPrivacyPolicy .e-text table {
      font-size: 10.90032px;
      line-height: 15.218px; }
      @media (min-width: 375px) and (max-width: 1645px) {
        #modalPrivacyPolicy .e-text table {
          font-size: calc( 10.90032px + -0.05563 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        #modalPrivacyPolicy .e-text table {
          font-size: 10.8447px; } }
      @media (min-width: 375px) and (max-width: 1645px) {
        #modalPrivacyPolicy .e-text table {
          line-height: calc( 15.218px + 6.094 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        #modalPrivacyPolicy .e-text table {
          line-height: 21.312px; } }
    #modalPrivacyPolicy .e-text button {
      margin-right: 8px;
      font-family: "Red Hat Display", sans-serif;
      font-size: 14px;
      font-weight: 400;
      padding: 7px 18px;
      border-radius: 22px;
      box-shadow: 2px 5px 6px var(--c-boxShaddow);
      border-width: 1px;
      border-style: solid;
      text-align: center;
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      text-transform: uppercase;
      text-decoration: none;
      transition: background-color .3s ease-out, border-color .3s ease-out;
      font-size: 14px; }
      @media screen and (min-width: 375px) {
        #modalPrivacyPolicy .e-text button {
          margin-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        #modalPrivacyPolicy .e-text button {
          margin-right: 16px; } }
      @media screen and (min-width: 375px) {
        #modalPrivacyPolicy .e-text button {
          font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        #modalPrivacyPolicy .e-text button {
          font-size: 17px; } }
      #modalPrivacyPolicy .e-text button:disabled, #modalPrivacyPolicy .e-text button.is-disabled {
        background-color: var(--c-text);
        color: var(--c-white);
        opacity: 0.5;
        pointer-events: none; }
      @media (min-width: 375px) and (max-width: 1645px) {
        #modalPrivacyPolicy .e-text button {
          font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        #modalPrivacyPolicy .e-text button {
          font-size: 18px; } }

/*
 |--------------------------------------------------------------------------
 | .c-navMainLink
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/nav/mainLink';
 */
.c-navMainLink {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  text-decoration: none;
  align-items: flex-start;
  border: none;
  background-color: transparent;
  padding: 0;
  outline: none; }
  .c-navMainLink:focus {
    outline: none; }
  .c-navMainLink__logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: unset; }
  .c-navMainLink__title {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-navMainLink__title {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-navMainLink__title {
        margin-top: 16px; } }
  .c-navMainLink__subtitle {
    margin-top: 4px; }
    @media screen and (min-width: 375px) {
      .c-navMainLink__subtitle {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-navMainLink__subtitle {
        margin-top: 8px; } }
    .c-navMainLink__subtitle:after {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      background: var(--c-beige) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy42MzciIGhlaWdodD0iOC4yMzMiIHZpZXdCb3g9IjAgMCAxMy42MzcgOC4yMzMiPgogIDxwYXRoIGQ9Ik0wLDUuNCw1LjQsMGw1LjQsNS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4yMjMgNi44MTkpIHJvdGF0ZSgxODApIiBmaWxsPSJub25lIiBzdHJva2U9IiMyYjJiMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==) no-repeat center center;
      margin: auto; }
      @media (min-width: 768px) {
        .c-navMainLink__subtitle:after {
          display: none; } }
  .c-navMainLink__ctaText {
    margin-top: 4px;
    transition: color .3s ease-in-out; }
    @media screen and (min-width: 375px) {
      .c-navMainLink__ctaText {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-navMainLink__ctaText {
        margin-top: 8px; } }
  .c-navMainLink.is-open .c-navMainLink__subtitle:after {
    transform: rotate(180deg); }

/*
 |--------------------------------------------------------------------------
 | .c-nav
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/nav/nav';
 */
.c-nav {
  z-index: 0; }
  .c-nav:after {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px); }
  .nav-open .c-nav .c-nav__main {
    right: 0; }
  .nav-open .c-nav:after {
    opacity: 1;
    visibility: visible; }
  .c-nav__main {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    right: -100vw;
    transform: translate3d(0, -50%, 0);
    height: 100vh;
    transition: right 0.5s ease-in-out;
    z-index: 0;
    background: var(--c-beige);
    z-index: 1; }
  .c-nav__container {
    padding-top: 40px;
    padding-bottom: 28px;
    overflow-x: hidden;
    overflow-y: scroll; }
    @media screen and (min-width: 375px) {
      .c-nav__container {
        padding-top: calc(40px + 40 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-nav__container {
        padding-top: 80px; } }
    @media screen and (min-width: 375px) {
      .c-nav__container {
        padding-bottom: calc(28px + 28 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-nav__container {
        padding-bottom: 56px; } }
    @media (min-width: 768px) {
      .c-nav__container {
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 16px;
        padding-right: 16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-nav__container {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-nav__container {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-nav__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-nav__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-nav__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-nav__col {
    margin-top: 16px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    text-align: center;
    position: relative; }
    @media screen and (min-width: 375px) {
      .c-nav__col {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-nav__col {
        margin-top: 32px; } }
    @media screen and (min-width: 375px) {
      .c-nav__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-nav__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-nav__col {
        margin-top: 24px;
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .c-nav__col {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .c-nav__col {
      margin-top: 48px; } }
    @media (min-width: 1440px) {
      .c-nav__col {
        width: calc(8 / 12 * 100%);
        margin-left: calc(2 / 12 * 100%); } }
    .c-nav__col.c-nav__globalNavLinks {
      display: block;
      margin-left: 0; }
    @media (min-width: 768px) {
      .c-nav__col:nth-child(even) .c-nav__submenu {
        right: 0;
        left: auto; } }
    @media (min-width: 768px) {
      .c-nav__col:nth-child(even) .c-nav__subheadline:before {
        left: -120px;
        right: auto; } }
    @media (min-width: 1440px) {
      .c-nav__col:nth-child(even) .c-nav__subheadline:before {
        left: -140px; } }
    @media (min-width: 768px) {
      .c-nav__col:nth-child(2) .c-nav__submenu, .c-nav__col:nth-child(3) .c-nav__submenu {
        margin-top: -200px; } }
    @media (min-width: 768px) {
      .c-nav__col:nth-child(2) .c-nav__subheadline:before, .c-nav__col:nth-child(3) .c-nav__subheadline:before {
        margin-top: 150px; } }
    @media (min-width: 768px) {
      .c-nav__col:nth-child(4) .c-nav__submenu {
        margin-top: -300px; } }
    @media (min-width: 768px) {
      .c-nav__col:nth-child(4) .c-nav__subheadline:before {
        margin-top: 250px; } }
    .c-nav__col.c-nav__globalNavLinks {
      margin-top: 60px;
      display: none; }
      @media screen and (min-width: 375px) {
        .c-nav__col.c-nav__globalNavLinks {
          margin-top: calc(60px + 60 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-nav__col.c-nav__globalNavLinks {
          margin-top: 120px; } }
      @media (min-width: 768px) {
        .c-nav__col.c-nav__globalNavLinks {
          width: calc(12 / 12 * 100%);
          display: block; } }
  .c-nav__subheadline {
    font-weight: 700; }
    @media (min-width: 768px) {
      .c-nav__subheadline:before {
        content: '';
        background-color: var(--c-black);
        width: 85px;
        position: absolute;
        right: -100px;
        top: 10px;
        height: 1px; } }
  .c-nav__submenu {
    margin-top: 16px;
    opacity: 0 !important;
    height: 0;
    line-height: 1; }
    @media screen and (min-width: 375px) {
      .c-nav__submenu {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-nav__submenu {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-nav__submenu {
        width: 20%;
        left: 0;
        text-align: left;
        position: absolute;
        margin-top: -50px; } }
    .c-nav__submenu > li > a:hover:before {
      display: block;
      position: absolute;
      width: 10px;
      height: 10px;
      margin-left: -10px;
      background: var(--c-beige) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4Ljk5IDExLjgiPgogIDxwYXRoIGQ9Ik04LjIyLDQuMzJhMiwyLDAsMCwxLC4zNCwyLjgxLDEuODIsMS44MiwwLDAsMS0uMzQuMzRsLTUsMy45QTIsMiwwLDAsMSwuNDIsMTEsMiwyLDAsMCwxLDAsOS44VjJBMiwyLDAsMCwxLDMuMjMuNDJaIiBmaWxsPSIjMjgyODI4Ii8+Cjwvc3ZnPgo=) no-repeat left center; }
  .c-nav__subElements {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-nav__subElements {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-nav__subElements {
        margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-nav .is-open > .c-navMainLink {
      opacity: 1;
      transition: opacity 0.3s ease-in-out; } }
  .c-nav .is-open > .c-nav__submenu {
    margin-bottom: 24px;
    padding-top: 16px;
    pointer-events: all;
    opacity: 1 !important;
    height: auto;
    transition: opacity 0.3s ease-in-out;
    z-index: 99; }
    @media screen and (min-width: 375px) {
      .c-nav .is-open > .c-nav__submenu {
        margin-bottom: calc(24px + 24 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-nav .is-open > .c-nav__submenu {
        margin-bottom: 48px; } }
    @media screen and (min-width: 375px) {
      .c-nav .is-open > .c-nav__submenu {
        padding-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-nav .is-open > .c-nav__submenu {
        padding-top: 32px; } }
    @media (min-width: 768px) {
      .c-nav .is-open > .c-nav__submenu {
        padding-top: 0;
        margin-bottom: 0; } }
  .c-nav .is-open .c-navMainLink__subtitle:after {
    transform: rotate(180deg); }
  @media (min-width: 768px) {
    .c-nav .is-close > .c-navMainLink {
      opacity: .4; } }

/*
 |--------------------------------------------------------------------------
 | .c-navTrigger
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/nav/trigger';
 */
.c-navTrigger {
  width: 36px;
  height: 36px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: var(--c-white);
  border-radius: 50%;
  border: none;
  outline: none;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out; }
  @media screen and (min-width: 375px) {
    .c-navTrigger {
      width: calc(36px + 7 * (100vw - 375px) / (1270));
      height: calc(36px + 7 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-navTrigger {
      width: 43px;
      height: 43px; } }
  @media screen and (min-width: 375px) {
    .c-navTrigger {
      padding-left: calc(9px + 1 * (100vw - 375px) / (1270));
      padding-right: calc(9px + 1 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-navTrigger {
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (min-width: 375px) {
    .c-navTrigger {
      padding-top: calc(11px + 2 * (100vw - 375px) / (1270));
      padding-bottom: calc(11px + 2 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-navTrigger {
      padding-top: 13px;
      padding-bottom: 13px; } }
  .c-navTrigger:hover {
    cursor: pointer; }
    .c-navTrigger:hover span:last-child {
      width: 100%; }
  .c-navTrigger span {
    width: 100%;
    height: 2px;
    border-radius: 24px;
    background-color: var(--c-text);
    transition: all .3s ease-in-out; }
    .c-navTrigger span:last-child {
      width: 15px;
      margin-left: auto; }
      @media screen and (min-width: 375px) {
        .c-navTrigger span:last-child {
          width: calc(15px + 3 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-navTrigger span:last-child {
          width: 18px; } }
  .nav-open .c-navTrigger {
    background: transparent;
    box-shadow: none; }
    .nav-open .c-navTrigger span {
      width: 100%; }
      .nav-open .c-navTrigger span:first-child {
        transform: rotateZ(-45deg) translate3d(-10%, 0, 0);
        transform-origin: 90%; }
      .nav-open .c-navTrigger span:nth-child(2) {
        transform: translate3d(-100%, 0, 0);
        opacity: 0; }
      .nav-open .c-navTrigger span:last-child {
        transform: rotateZ(45deg) translate3d(-5%, 0, 0);
        transform-origin: 85%; }

/*
 |--------------------------------------------------------------------------
 | .c-pageFooter
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/page/footer';
 */
.c-pageFooter {
  margin-top: 60px;
  padding-bottom: 60px;
  position: relative; }
  @media screen and (min-width: 375px) {
    .c-pageFooter {
      margin-top: calc(60px + 60 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-pageFooter {
      margin-top: 120px; } }
  @media screen and (min-width: 375px) {
    .c-pageFooter {
      padding-bottom: calc(60px + 85 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-pageFooter {
      padding-bottom: 145px; } }
  .c-pageFooter::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60%;
    background: transparent linear-gradient(180deg, transparent 0%, var(--c-schemeFooterGradient) 100%) 0% 0% no-repeat padding-box;
    opacity: 0.8;
    transition: height .3s ease-in-out;
    z-index: 0; }
  .c-pageFooter__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    z-index: 1;
    overflow: hidden; }
    @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 (min-width: 1645px) {
      .c-pageFooter__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-pageFooter__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-pageFooter__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-pageFooter__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-pageFooter__row {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 768px) {
      .c-pageFooter__row {
        flex-direction: row;
        justify-content: space-between; } }
  @media (min-width: 768px) {
    .c-pageFooter__logoContainer {
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px;
      order: 1;
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageFooter__logoContainer {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-pageFooter__logoContainer {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 1440px) {
    .c-pageFooter__logoContainer {
      margin-left: calc(2 / 24 * 100%);
      flex: 0 1 calc(10 / 24 * 100%); } }
  .c-pageFooter__logo {
    display: inline-flex;
    width: 205px; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__logo {
        width: calc(205px + 144 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-pageFooter__logo {
        width: 349px; } }
  .c-pageFooter__contact {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: center; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__contact {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-pageFooter__contact {
        margin-top: 16px; } }
    @media (min-width: 768px) {
      .c-pageFooter__contact {
        margin-top: 4px;
        justify-content: flex-start; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageFooter__contact {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-pageFooter__contact {
      margin-top: 8px; } }
  .c-pageFooter__adress {
    margin-top: 16px;
    text-align: center; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__adress {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-pageFooter__adress {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-pageFooter__adress {
        text-align: left; } }
  .c-pageFooter__social {
    margin-top: 32px; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__social {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-pageFooter__social {
        margin-top: 64px; } }
  .c-pageFooter__divider {
    display: none; }
    @media (min-width: 768px) {
      .c-pageFooter__divider {
        margin-top: 24px;
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px;
        order: 3;
        display: block;
        flex: 0 1 100%; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageFooter__divider {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-pageFooter__divider {
      margin-top: 48px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageFooter__divider {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-pageFooter__divider {
      padding-left: 16px;
      padding-right: 16px; } }
    @media (min-width: 1440px) {
      .c-pageFooter__divider {
        margin-left: calc(2 / 24 * 100%);
        flex: 0 1 calc(20 / 24 * 100%); } }
    @media (min-width: 768px) {
      .c-pageFooter__divider:after {
        content: '';
        display: block;
        position: relative;
        width: 100%;
        height: 1px;
        background-color: var(--c-text); } }
  .c-pageFooter__link {
    margin-top: 32px; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__link {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-pageFooter__link {
        margin-top: 64px; } }
    @media (min-width: 768px) {
      .c-pageFooter__link {
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 0;
        order: 4;
        flex-shrink: 0; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageFooter__link {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-pageFooter__link {
      padding-left: 16px;
      padding-right: 16px; } }
    @media (min-width: 1440px) {
      .c-pageFooter__link {
        margin-left: calc(2 / 24 * 100%);
        flex: 0 0 auto; } }
  .c-pageFooter__nav, .c-pageFooter__globalNav, .c-pageFooter__madeby {
    margin-top: 32px;
    text-align: center; }
    @media screen and (min-width: 375px) {
      .c-pageFooter__nav, .c-pageFooter__globalNav, .c-pageFooter__madeby {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-pageFooter__nav, .c-pageFooter__globalNav, .c-pageFooter__madeby {
        margin-top: 64px; } }
    @media (min-width: 768px) {
      .c-pageFooter__nav, .c-pageFooter__globalNav, .c-pageFooter__madeby {
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 0; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageFooter__nav, .c-pageFooter__globalNav, .c-pageFooter__madeby {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-pageFooter__nav, .c-pageFooter__globalNav, .c-pageFooter__madeby {
      padding-left: 16px;
      padding-right: 16px; } }
  .c-pageFooter__nav {
    position: relative; }
    @media (min-width: 768px) {
      .c-pageFooter__nav {
        order: 2;
        flex-basis: 50%;
        text-align: right; } }
    @media (min-width: 1440px) {
      .c-pageFooter__nav {
        margin-right: calc(2 / 24 * 100%);
        flex: 0 1 calc(10 / 24 * 100%); } }
    .c-pageFooter__nav::after {
      content: '';
      bottom: -16px;
      width: 205px;
      display: block;
      position: absolute;
      left: 0;
      height: 1px;
      background-color: var(--c-text);
      transform: translate3d(-25%, 0, 0); }
      @media screen and (min-width: 375px) {
        .c-pageFooter__nav::after {
          bottom: calc(-16px + -16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-pageFooter__nav::after {
          bottom: -32px; } }
      @media screen and (min-width: 375px) {
        .c-pageFooter__nav::after {
          width: calc(205px + 179 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-pageFooter__nav::after {
          width: 384px; } }
      @media (min-width: 768px) {
        .c-pageFooter__nav::after {
          display: none; } }
  @media (min-width: 768px) {
    .c-pageFooter__globalNav {
      order: 5;
      flex-shrink: 1;
      flex-grow: 0; } }
  @media (min-width: 1024px) {
    .c-pageFooter__globalNav {
      margin-left: auto; } }
  @media (min-width: 768px) {
    .c-pageFooter__globalNav > ul {
      flex-direction: row;
      gap: 8px;
      margin-top: 0; } }
  @media (min-width: 768px) and (min-width: 1440px) {
    .c-pageFooter__globalNav > ul {
      gap: 16px; } }
  @media (min-width: 768px) {
      .c-pageFooter__globalNav > ul > li > a {
        margin-top: 0; } }
  @media (min-width: 768px) {
    .c-pageFooter__madeby {
      order: 6;
      flex-shrink: 1;
      flex-grow: 0; } }
  @media (min-width: 1440px) {
    .c-pageFooter__madeby {
      margin-right: calc(2 / 24 * 100%);
      flex: 0 0 auto; } }
  @media (min-width: 768px) {
    .c-pageFooter__link, .c-pageFooter__globalNav, .c-pageFooter__madeby {
      margin-top: 20px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageFooter__link, .c-pageFooter__globalNav, .c-pageFooter__madeby {
      margin-top: calc(20px + 20 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-pageFooter__link, .c-pageFooter__globalNav, .c-pageFooter__madeby {
      margin-top: 40px; } }

/*
 |--------------------------------------------------------------------------
 | .c-pageHeader
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/page/header';
 */
:root {
  --body-offset-top: 79px; }
  @media screen and (min-width: 375px) {
    :root {
      --body-offset-top: calc(79px + 29 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    :root {
      --body-offset-top: 108px; } }

.c-pageHeader {
  --offsetTop: ;
  --offsetTop: 21px;
  padding-left: 15px;
  padding-right: 15px;
  height: var(--body-offset-top);
  position: fixed;
  display: flex;
  justify-content: space-between;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding-top: var(--offsetTop); }
  @media screen and (min-width: 375px) {
    .c-pageHeader {
      --offsetTop: calc(21px + 17 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-pageHeader {
      --offsetTop: 38px; } }
  @media screen and (min-width: 375px) {
    .c-pageHeader {
      padding-left: calc(15px + 25 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-pageHeader {
      padding-left: 40px; } }
  @media screen and (min-width: 375px) {
    .c-pageHeader {
      padding-right: calc(15px + 45 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-pageHeader {
      padding-right: 60px; } }
  @media (min-width: 1440px) {
    .c-pageHeader {
      float: none;
      margin-left: auto;
      margin-right: auto;
      max-width: 1920px; } }
  @media (min-width: 1921px) {
    .c-pageHeader {
      padding-left: 0;
      padding-right: 0; } }
  .c-pageHeader__logo {
    width: 117px;
    top: 28px;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0); }
    @media screen and (min-width: 375px) {
      .c-pageHeader__logo {
        width: calc(117px + 198 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-pageHeader__logo {
        width: 315px; } }
    @media screen and (min-width: 375px) {
      .c-pageHeader__logo {
        top: calc(28px + 24 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-pageHeader__logo {
        top: 52px; } }
  .c-pageHeader__langSwitch, .c-pageHeader__colRight {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .c-pageHeader__colRight {
    margin-left: auto;
    flex-direction: column-reverse; }
    @media (min-width: 768px) {
      .c-pageHeader__colRight {
        flex-direction: row; } }
  @media (min-width: 768px) {
    .c-pageHeader__toolnav {
      margin-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-pageHeader__toolnav {
      margin-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-pageHeader__toolnav {
      margin-right: 16px; } }
  .c-pageHeader__trigger {
    z-index: 1; }
  .c-pageHeader__nav {
    z-index: 0; }
  .c-pageHeader--hiddenToolNav .c-pageHeader__search {
    bottom: -50%; }
    @media (min-width: 768px) {
      .c-pageHeader--hiddenToolNav .c-pageHeader__search {
        bottom: auto; } }

/*
 |--------------------------------------------------------------------------
 | .c-sitemap
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/sitemap/sitemap';
 */
.c-sitemap {
  margin-top: 76px; }
  @media screen and (min-width: 375px) {
    .c-sitemap {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-sitemap {
      margin-top: 152px; } }
  .c-sitemap__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-sitemap__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-sitemap__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-sitemap__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-sitemap__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-sitemap__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-sitemap__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-sitemap__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sitemap__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-sitemap__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-sitemap__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sitemap__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-sitemap__col {
    margin-top: 44px;
    padding-bottom: 32px;
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    border-bottom: 1px solid var(--c-grey-lighten); }
    @media screen and (min-width: 375px) {
      .c-sitemap__col {
        margin-top: calc(44px + 44 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sitemap__col {
        margin-top: 88px; } }
    @media screen and (min-width: 375px) {
      .c-sitemap__col {
        padding-bottom: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sitemap__col {
        padding-bottom: 64px; } }
    @media screen and (min-width: 375px) {
      .c-sitemap__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sitemap__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-sitemap__col {
        width: calc(4 / 12 * 100%);
        padding-bottom: 0;
        border-bottom: 0; } }
    @media (min-width: 1024px) {
      .c-sitemap__col {
        width: calc(3 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 768px) {
      .c-sitemap__col:nth-child(1), .c-sitemap__col:nth-child(2) {
        border-right: 1px solid var(--c-grey-lighten); } }
    @media (min-width: 1440px) {
      .c-sitemap__col:nth-child(2), .c-sitemap__col:nth-child(3) {
        margin-left: calc(1 / 24 * 100%); } }
    @media (min-width: 768px) {
      .c-sitemap__col:nth-child(1), .c-sitemap__col:nth-child(2), .c-sitemap__col:nth-child(3) {
        margin-top: 0; } }
    .c-sitemap__col > ul > li {
      margin-top: 20px; }
      @media screen and (min-width: 375px) {
        .c-sitemap__col > ul > li {
          margin-top: calc(20px + 20 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-sitemap__col > ul > li {
          margin-top: 40px; } }
      .c-sitemap__col > ul > li:first-child {
        margin-top: 0; }
      .c-sitemap__col > ul > li:last-child ul {
        padding-bottom: 0;
        border-bottom: 0; }
      .c-sitemap__col > ul > li > a {
        font-family: "Red Hat Display", sans-serif;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 0;
        font-size: 19.54547px;
        font-family: "Red Hat Display", sans-serif;
        font-family: "Red Hat Display", sans-serif;
        text-transform: uppercase;
        color: var(--c-schemePrimary);
        display: flex;
        width: 9em;
        font-weight: bold;
        text-decoration: none; }
        @media (min-width: 375px) and (max-width: 1645px) {
          .c-sitemap__col > ul > li > a {
            font-size: calc( 19.54547px + 15.82813 * ( ( 100vw - 375px) / 1270 )); } }
        @media (min-width: 1645px) {
          .c-sitemap__col > ul > li > a {
            font-size: 35.3736px; } }
    .c-sitemap__col > ul ul {
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .c-sitemap__col > ul ul {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-sitemap__col > ul ul {
          margin-top: 32px; } }
      .c-sitemap__col > ul ul > li {
        margin-right: 16px; }
        @media screen and (min-width: 375px) {
          .c-sitemap__col > ul ul > li {
            margin-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
        @media screen and (min-width: 1645px) {
          .c-sitemap__col > ul ul > li {
            margin-right: 32px; } }
        .c-sitemap__col > ul ul > li > a {
          font-family: "Red Hat Display", sans-serif;
          line-height: 2.125;
          position: relative;
          display: inline-flex;
          flex-wrap: wrap;
          text-align: center;
          text-decoration: none;
          transition: color 0.2s ease-out;
          color: var(--c-text);
          text-align: left; }
          .c-sitemap__col > ul ul > li > a.is-disabled {
            pointer-events: none; }
          .c-sitemap__col > ul ul > li > a:before {
            content: '';
            display: block;
            position: absolute;
            bottom: 2px;
            left: 0;
            right: 0;
            border-bottom: 1px solid currentColor;
            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
          .c-sitemap__col > ul ul > li > a:before {
            opacity: 0;
            transform: translate3d(0, 2px, 0); }
          .c-sitemap__col > ul ul > li > a:hover:before, .c-sitemap__col > ul ul > li > a:focus:before {
            opacity: 1;
            transform: translate3d(0, 0, 0); }
    .c-sitemap__col > ul + ul {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid var(--c-primary); }
      @media screen and (min-width: 375px) {
        .c-sitemap__col > ul + ul {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-sitemap__col > ul + ul {
          margin-top: 32px; } }
      @media screen and (min-width: 375px) {
        .c-sitemap__col > ul + ul {
          padding-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-sitemap__col > ul + ul {
          padding-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .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: 76px; }
  @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 (min-width: 1645px) {
    .c-sitenavContainer {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-sitenavContainer {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-sitenavContainer {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-sitenavContainer {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-sitenavContainer {
      padding-left: 32px;
      padding-right: 32px; } }
  @media screen and (min-width: 375px) {
    .c-sitenavContainer {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-sitenavContainer {
      margin-top: 152px; } }

/*
 |--------------------------------------------------------------------------
 | .c-sitenav
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/sitenav/sitenav';
 */
.c-sitenav {
  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-sitenav {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-sitenav {
      margin-left: -16px;
      margin-right: -16px; } }
  .c-sitenav__items {
    width: calc(9 / 12 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-left: calc(3 / 12 * 100%);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    @media screen and (min-width: 375px) {
      .c-sitenav__items {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sitenav__items {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-sitenav__items {
        width: calc(12 / 12 * 100%);
        margin-left: calc(0 / 12 * 100%);
        flex-direction: row; } }
    @media (min-width: 1440px) {
      .c-sitenav__items {
        width: calc(20 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
  .c-sitenav__item {
    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-sitenav__item {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sitenav__item {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-sitenav__item {
        width: calc(3 / 12 * 100%); } }
  .c-sitenav__icon {
    --iconWidth: 7px;
    --iconBorderRadius: 60%;
    top: 10px;
    position: absolute;
    background-color: var(--c-schemePrimary);
    left: -8px;
    width: var(--iconWidth);
    height: var(--iconWidth);
    border-top-right-radius: var(--iconBorderRadius);
    transform: rotate(30deg) skewX(-30deg) scale(1, 0.866); }
    @media screen and (min-width: 375px) {
      .c-sitenav__icon {
        top: calc(10px + 5 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sitenav__icon {
        top: 15px; } }
    .c-sitenav__icon:before, .c-sitenav__icon:after {
      content: '';
      position: absolute;
      background-color: inherit; }
    .c-sitenav__icon:before, .c-sitenav__icon:after {
      width: var(--iconWidth);
      height: var(--iconWidth);
      border-top-right-radius: var(--iconBorderRadius); }
    .c-sitenav__icon::before {
      transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }
    .c-sitenav__icon:after {
      transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); }

/*
 |--------------------------------------------------------------------------
 | .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; }
  @media screen and (min-width: 375px) {
    .c-sliderControls {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .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; }
    @media screen and (min-width: 375px) {
      .c-sliderControls__prev, .c-sliderControls__next {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderControls__prev, .c-sliderControls__next {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-sliderControls__prev:hover, .c-sliderControls__next:hover {
      cursor: pointer; }
  .c-sliderControls--vertical {
    flex-direction: column;
    margin: 0; }
    .c-sliderControls--vertical .c-sliderControls__prev,
    .c-sliderControls--vertical .c-sliderControls__next {
      margin-top: 2.4px;
      margin-bottom: 2.4px;
      padding: 0; }
      @media screen and (min-width: 375px) {
        .c-sliderControls--vertical .c-sliderControls__prev,
        .c-sliderControls--vertical .c-sliderControls__next {
          margin-top: calc(2.4px + 2.4 * (100vw - 375px) / (1270));
          margin-bottom: calc(2.4px + 2.4 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-sliderControls--vertical .c-sliderControls__prev,
        .c-sliderControls--vertical .c-sliderControls__next {
          margin-top: 4.8px;
          margin-bottom: 4.8px; } }
    .c-sliderControls--vertical.c-sliderControls--reverse {
      flex-direction: column-reverse; }
  .c-sliderControls--horizontal {
    justify-content: flex-start; }
  .c-sliderControls.is-hidden {
    display: none; }
  .c-sliderControls .is-disabled {
    opacity: 0;
    visibility: hidden;
    cursor: default;
    pointer-events: none; }

/*
 |--------------------------------------------------------------------------
 | .c-sliderInclusive
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/slider/inclusive';
 */
:root {
  --cardMinHeihgt: ;
  --cardMinHeihgt: 190px; }
  @media screen and (min-width: 375px) {
    :root {
      --cardMinHeihgt: calc(190px + 48 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    :root {
      --cardMinHeihgt: 238px; } }

.c-sliderInclusive {
  margin-top: 76px; }
  @media screen and (min-width: 375px) {
    .c-sliderInclusive {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-sliderInclusive {
      margin-top: 152px; } }
  .c-sliderInclusive__container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    max-width: 375px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 4px;
    overflow: hidden; }
    @media (min-width: 768px) {
      .c-sliderInclusive__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-sliderInclusive__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-sliderInclusive__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-sliderInclusive__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-sliderInclusive__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-sliderInclusive__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-sliderInclusive__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderInclusive__container {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .c-sliderInclusive__container {
        padding-bottom: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderInclusive__container {
        padding-bottom: 8px; } }
    @media (min-width: 768px) {
      .c-sliderInclusive__container {
        padding-bottom: 0; } }
  .c-sliderInclusive__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-sliderInclusive__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderInclusive__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-sliderInclusive__ctaCard {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-sliderInclusive__ctaCard {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderInclusive__ctaCard {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-sliderInclusive__ctaCard {
        display: none; } }
  .c-sliderInclusive__slider {
    position: relative;
    margin-top: 16px;
    width: calc(6 / 6 * 100%); }
    @media screen and (min-width: 375px) {
      .c-sliderInclusive__slider {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderInclusive__slider {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-sliderInclusive__slider {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-sliderInclusive__slider {
        width: calc(12 / 12 * 100%);
        margin-left: calc(0 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-sliderInclusive__slider {
        width: calc(18 / 24 * 100%);
        margin-left: calc(3 / 24 * 100%); } }
  @media (min-width: 768px) {
    .c-sliderInclusive__sliderWrapper {
      width: auto;
      flex-flow: row wrap;
      display: flex;
      flex: 1 1 auto; } }
  .c-sliderInclusive__controls {
    position: absolute;
    right: 0;
    bottom: 35px;
    z-index: 10; }
    @media (min-width: 768px) {
      .c-sliderInclusive__controls {
        display: none; } }
  .c-sliderInclusive__ctaCardDesktop {
    display: none; }
    @media (min-width: 768px) {
      .c-sliderInclusive__ctaCardDesktop {
        display: block; } }
  .c-sliderInclusive--isModal .c-sliderInclusive__container {
    padding-right: 32px;
    padding-left: 32px;
    max-width: unset; }
    @media screen and (min-width: 375px) {
      .c-sliderInclusive--isModal .c-sliderInclusive__container {
        padding-right: calc(32px + 32 * (100vw - 375px) / (1270));
        padding-left: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderInclusive--isModal .c-sliderInclusive__container {
        padding-right: 64px;
        padding-left: 64px; } }
  @media (min-width: 768px) {
    .c-sliderInclusive--isModal .c-sliderInclusive__slider {
      width: calc(10 / 12 * 100vw); } }
  @media (min-width: 1024px) {
    .c-sliderInclusive--isModal .c-sliderInclusive__slider {
      width: calc(12 / 12 * 100vw); } }
  @media (min-width: 1440px) {
    .c-sliderInclusive--isModal .c-sliderInclusive__slider {
      width: calc(18 / 24 * 100vw); } }

/*
 |--------------------------------------------------------------------------
 | .c-sliderPagination
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/slider/pagination';
 */
.c-sliderPagination {
  display: flex;
  align-items: center; }
  .c-sliderPagination.swiper-pagination-clickable .swiper-pagination-bullet:hover {
    cursor: pointer; }
  .c-sliderPagination .swiper-pagination-bullet {
    margin-right: 4px;
    margin-left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--c-white);
    opacity: 0.6;
    transition: opacity .3s ease-in-out; }
    @media screen and (min-width: 375px) {
      .c-sliderPagination .swiper-pagination-bullet {
        margin-right: calc(4px + 4 * (100vw - 375px) / (1270));
        margin-left: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderPagination .swiper-pagination-bullet {
        margin-right: 8px;
        margin-left: 8px; } }
    @media screen and (min-width: 375px) {
      .c-sliderPagination .swiper-pagination-bullet {
        width: calc(8px + 4 * (100vw - 375px) / (1270));
        height: calc(8px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderPagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px; } }
    .c-sliderPagination .swiper-pagination-bullet:first-child {
      margin-left: 0; }
    .c-sliderPagination .swiper-pagination-bullet:last-child {
      margin-right: 0; }
  .c-sliderPagination .swiper-pagination-bullet-active {
    opacity: 1; }
  .c-sliderPagination--stageMain {
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 5.6px;
    padding-bottom: 16px;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 1; }
    @media screen and (min-width: 375px) {
      .c-sliderPagination--stageMain {
        padding-right: calc(24px + 24 * (100vw - 375px) / (1270));
        padding-left: calc(24px + 24 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderPagination--stageMain {
        padding-right: 48px;
        padding-left: 48px; } }
    @media screen and (min-width: 375px) {
      .c-sliderPagination--stageMain {
        padding-top: calc(5.6px + 5.6 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderPagination--stageMain {
        padding-top: 11.2px; } }
    @media screen and (min-width: 375px) {
      .c-sliderPagination--stageMain {
        padding-bottom: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-sliderPagination--stageMain {
        padding-bottom: 32px; } }
    .c-sliderPagination--stageMain .swiper-pagination-bullet .title {
      margin-right: 24px;
      font-family: "Red Hat Display", sans-serif;
      font-size: 14px;
      position: absolute;
      right: 0;
      bottom: 100%;
      color: var(--c-white);
      text-align: right;
      text-transform: uppercase;
      opacity: 0; }
      @media screen and (min-width: 375px) {
        .c-sliderPagination--stageMain .swiper-pagination-bullet .title {
          margin-right: calc(24px + 24 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-sliderPagination--stageMain .swiper-pagination-bullet .title {
          margin-right: 48px; } }
      @media screen and (min-width: 375px) {
        .c-sliderPagination--stageMain .swiper-pagination-bullet .title {
          font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-sliderPagination--stageMain .swiper-pagination-bullet .title {
          font-size: 17px; } }
    .c-sliderPagination--stageMain .swiper-pagination-bullet-active .title {
      opacity: 1; }

/*
 |--------------------------------------------------------------------------
 | .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 (min-width: 1645px) {
    .c-slider__container {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-slider__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-slider__container {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-slider__container {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .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) / (1270));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .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) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-slider__slide {
      padding-left: 16px;
      padding-right: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-socialLinks
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/social/links';
 */
.c-socialLinks__container {
  display: flex; }

.c-socialLinks__item {
  margin-right: 4px;
  margin-left: 4px; }
  @media screen and (min-width: 375px) {
    .c-socialLinks__item {
      margin-right: calc(4px + 4 * (100vw - 375px) / (1270));
      margin-left: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-socialLinks__item {
      margin-right: 8px;
      margin-left: 8px; } }
  .c-socialLinks__item:hover svg * {
    transition: fill .3s ease-in-out;
    fill: var(--c-schemeDarken); }

.c-socialLinks--footer.c-socialLinks--mobile {
  display: flex; }
  @media (min-width: 768px) {
    .c-socialLinks--footer.c-socialLinks--mobile {
      display: none; } }

.c-socialLinks--footer.c-socialLinks--desktop {
  display: none; }
  @media (min-width: 768px) {
    .c-socialLinks--footer.c-socialLinks--desktop {
      margin-top: 16px;
      display: flex;
      justify-content: flex-end; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-socialLinks--footer.c-socialLinks--desktop {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-socialLinks--footer.c-socialLinks--desktop {
      margin-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .c-stageMain
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/stage/main';
 */
.c-stageMain {
  margin-top: 79px; }
  @media screen and (min-width: 375px) {
    .c-stageMain {
      margin-top: calc(79px + 53 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-stageMain {
      margin-top: 132px; } }
  .c-stageMain__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-stageMain__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-stageMain__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-stageMain__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-stageMain__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-stageMain__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-stageMain__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-stageMain__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-stageMain__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-stageMain__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-stageMain__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-stageMain__row {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 1645px) {
      .c-stageMain__row {
        flex-wrap: nowrap; } }
  .c-stageMain__col {
    position: relative;
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px; }
    @media screen and (min-width: 375px) {
      .c-stageMain__col {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-stageMain__col {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-width: 768px) {
      .c-stageMain__col {
        width: calc(6 / 12 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-stageMain__col {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-stageMain__col {
      padding-left: 16px;
      padding-right: 16px; } }
    .c-stageMain__col:nth-child(1) {
      margin-top: 32px;
      order: 2; }
      @media screen and (min-width: 375px) {
        .c-stageMain__col:nth-child(1) {
          margin-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-stageMain__col:nth-child(1) {
          margin-top: 64px; } }
      @media (min-width: 768px) {
        .c-stageMain__col:nth-child(1) {
          width: calc(5 / 12 * 100%);
          order: 1;
          margin-top: auto;
          margin-bottom: auto; } }
      @media (min-width: 1024px) {
        .c-stageMain__col:nth-child(1) {
          width: calc(4 / 12 * 100%);
          margin-left: calc(1 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .c-stageMain__col:nth-child(1) {
          width: calc(7 / 24 * 100%);
          margin-left: calc(1 / 24 * 100%); } }
      @media (min-width: 1645px) {
        .c-stageMain__col:nth-child(1) {
          flex: 0 0 auto; } }
    .c-stageMain__col:nth-child(2) {
      order: 1;
      margin-bottom: 90px; }
      @media (min-width: 768px) {
        .c-stageMain__col:nth-child(2) {
          width: calc(7 / 12 * 100%);
          margin-top: auto;
          order: 2;
          margin-bottom: 0; } }
      @media (min-width: 1440px) {
        .c-stageMain__col:nth-child(2) {
          width: calc(14 / 24 * 100%);
          margin-left: calc(2 / 24 * 100%); } }
      @media (min-width: 1645px) {
        .c-stageMain__col:nth-child(2) {
          width: calc((53 / 96 * 100vw)); } }
      @media (min-width: 1921px) {
        .c-stageMain__col:nth-child(2) {
          padding-right: 0;
          width: calc((14 / 24 * 100vw) - (8px));
          max-width: calc(((1920px / 2) + ((3 / 24) * 100%)) - (8px * 9)); } }
  .c-stageMain__logo {
    display: none; }
    @media (min-width: 768px) {
      .c-stageMain__logo {
        display: block; } }
  .c-stageMain__text {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-stageMain__text {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-stageMain__text {
        margin-top: 32px; } }
  .c-stageMain__scrollDown {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-stageMain__scrollDown {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-stageMain__scrollDown {
        margin-top: 32px; } }
  .c-stageMain__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .c-stageMain__tabs {
    position: absolute;
    left: 0;
    bottom: -90px;
    transform: translate3d(-8px, 0, 0);
    z-index: 1; }
    @media (min-width: 768px) {
      .c-stageMain__tabs {
        bottom: 30px;
        transform: translate3d(calc((-1/24*100%)), 0, 0); } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-stageMain__tabs {
      bottom: calc(30px + 30 * (100vw - 768px) / (877)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-stageMain__tabs {
      bottom: 60px; } }
  .c-stageMain__slide .c-stageMain__image {
    transform: translateX(20px);
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.7s ease-in-out; }
  .c-stageMain__slide.swiper-slide-active .c-stageMain__image {
    transform: translateX(0px);
    opacity: 1; }

/*
 |--------------------------------------------------------------------------
 | .c-stageOverlay
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/stage/overlay';
 */
.c-stageOverlay {
  min-height: 137px;
  max-width: 290px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-right: 32px;
  padding-left: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--c-schemePrimary-trans-65); }
  @media screen and (min-width: 375px) {
    .c-stageOverlay {
      min-height: calc(137px + 79 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-stageOverlay {
      min-height: 216px; } }
  @media screen and (min-width: 375px) {
    .c-stageOverlay {
      max-width: calc(290px + 130 * (100vw - 375px) / (393)); } }
  @media screen and (min-width: 768px) {
    .c-stageOverlay {
      max-width: 420px; } }
  @media screen and (min-width: 375px) {
    .c-stageOverlay {
      border-top-right-radius: calc(15px + 10 * (100vw - 375px) / (1270));
      border-bottom-right-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-stageOverlay {
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px; } }
  @media screen and (min-width: 375px) {
    .c-stageOverlay {
      padding-right: calc(32px + 32 * (100vw - 375px) / (1270));
      padding-left: calc(32px + 32 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-stageOverlay {
      padding-right: 64px;
      padding-left: 64px; } }
  @media screen and (min-width: 375px) {
    .c-stageOverlay {
      padding-top: calc(24px + 24 * (100vw - 375px) / (1270));
      padding-bottom: calc(24px + 24 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-stageOverlay {
      padding-top: 48px;
      padding-bottom: 48px; } }
  @media (min-width: 768px) {
    .c-stageOverlay {
      max-width: unset; } }
  @media (min-width: 768px) {
    .c-stageOverlay__preline {
      margin-right: 16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-stageOverlay__preline {
      margin-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-stageOverlay__preline {
      margin-right: 32px; } }
  @media (min-width: 1440px) {
    .c-stageOverlay__preline {
      margin-right: 32px; } }
  @media screen and (min-width: 1440px) and (min-width: 375px) {
    .c-stageOverlay__preline {
      margin-right: calc(32px + 32 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1440px) and (min-width: 1645px) {
    .c-stageOverlay__preline {
      margin-right: 64px; } }
  .c-stageOverlay__headline {
    margin-left: 48px;
    text-align: right; }
    @media screen and (min-width: 375px) {
      .c-stageOverlay__headline {
        margin-left: calc(48px + 48 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-stageOverlay__headline {
        margin-left: 96px; } }
  .c-stageOverlay__preline + .c-stageOverlay__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-stageOverlay__preline + .c-stageOverlay__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-stageOverlay__preline + .c-stageOverlay__headline {
        margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-stage
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/stage/stage';
 */
.c-stage__image {
  position: relative;
  display: block; }

.c-stage__embed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden; }

.c-stage__badge {
  bottom: 23%;
  right: 8%;
  position: absolute;
  z-index: 1; }
  @media screen and (min-width: 375px) {
    .c-stage__badge {
      bottom: calc(23% + 37 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-stage__badge {
      bottom: 60%; } }
  @media screen and (min-width: 375px) {
    .c-stage__badge {
      right: calc(8% + 7 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-stage__badge {
      right: 15%; } }
  @media (max-width: 374px) {
    .c-stage__badge {
      bottom: 28%; } }

.c-stage__textOverlay {
  bottom: 57px;
  position: absolute;
  left: 0; }
  @media screen and (min-width: 375px) {
    .c-stage__textOverlay {
      bottom: calc(57px + 42 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-stage__textOverlay {
      bottom: 99px; } }

/*
 |--------------------------------------------------------------------------
 | .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 {
  margin-top: 76px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative; }
  @media screen and (min-width: 375px) {
    .c-tabbingGallery {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-tabbingGallery {
      margin-top: 152px; } }
  @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 (min-width: 1645px) {
    .c-tabbingGallery {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-tabbingGallery {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-tabbingGallery {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-tabbingGallery {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-tabbingGallery__tab {
        margin-top: 16px; } }
    @media screen and (min-width: 375px) {
      .c-tabbingGallery__tab {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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__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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-tabbingGallery__item {
        margin-top: 16px; } }
    @media screen and (min-width: 375px) {
      .c-tabbingGallery__item {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-tabbingGallery__item {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-tabbingGallery__item.is-active {
      display: block; }

/*
 |--------------------------------------------------------------------------
 | .c-teaserHighlights
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/Highlights';
 */
.c-teaserHighlights {
  margin-top: 92px; }
  @media screen and (min-width: 375px) {
    .c-teaserHighlights {
      margin-top: calc(92px + 92 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserHighlights {
      margin-top: 184px; } }
  .c-teaserHighlights__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-teaserHighlights__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserHighlights__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserHighlights__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-teaserHighlights__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserHighlights__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserHighlights__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserHighlights__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserHighlights__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserHighlights__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-teaserHighlights__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserHighlights__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserHighlights__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-teaserHighlights__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserHighlights__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1440px) {
      .c-teaserHighlights__col {
        width: calc(20 / 24 * 100%);
        margin-left: calc(2 / 24 * 100%); } }
    .c-teaserHighlights__col:nth-child(2) {
      margin-top: 24px; }
      @media screen and (min-width: 375px) {
        .c-teaserHighlights__col:nth-child(2) {
          margin-top: calc(24px + 24 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserHighlights__col:nth-child(2) {
          margin-top: 48px; } }
  .c-teaserHighlights__sliderContainer {
    overflow: hidden; }
  .c-teaserHighlights__sliderWrapper {
    width: auto;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    width: 100%; }
    .c-teaserHighlights__sliderWrapper > a {
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 4px;
      padding-right: 4px;
      transition-property: transform, width;
      transition-duration: .3s; }
      @media screen and (min-width: 375px) {
        .c-teaserHighlights__sliderWrapper > a {
          padding-left: calc(4px + 4 * (100vw - 375px) / (1270));
          padding-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserHighlights__sliderWrapper > a {
          padding-left: 8px;
          padding-right: 8px; } }
      @media (min-width: 768px) {
        .c-teaserHighlights__sliderWrapper > a {
          width: calc(3 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .c-teaserHighlights__sliderWrapper > a {
          width: calc(6 / 24 * 100%); } }
      @media (min-width: 768px) {
        .c-teaserHighlights__sliderWrapper > a.swiper-slide-active {
          width: calc(4 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .c-teaserHighlights__sliderWrapper > a.swiper-slide-active {
          width: calc(10 / 24 * 100%); } }
      @media (min-width: 1440px) {
        .c-teaserHighlights__sliderWrapper > a.swiper-slide-next {
          width: calc(8 / 24 * 100%); } }
  .c-teaserHighlights__sliderControls {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: 0;
    z-index: 1; }

/*
 |--------------------------------------------------------------------------
 | .c-teaserBox
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/box';
 */
.c-teaserBox {
  margin-top: 96px; }
  @media screen and (min-width: 375px) {
    .c-teaserBox {
      margin-top: calc(96px + 96 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserBox {
      margin-top: 192px; } }
  .c-teaserBox__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-teaserBox__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserBox__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserBox__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-teaserBox__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserBox__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserBox__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserBox__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserBox__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserBox__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-teaserBox__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserBox__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserBox__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
    position: relative;
    display: block;
    --offset: ;
    --offsetTopLeft: ;
    --offset: 17px;
    --offsetTopLeft: -17px;
    margin-right: unset;
    margin-bottom: unset;
    margin-left: var(--offset);
    margin-top: var(--offset);
    position: relative;
    display: block;
    border-radius: 15px;
    background-color: var(--c-beige); }
    @media screen and (min-width: 375px) {
      .c-teaserBox__content {
        padding-left: calc(48px + 48 * (100vw - 375px) / (1270));
        padding-right: calc(48px + 48 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserBox__content {
        padding-left: 96px;
        padding-right: 96px; } }
    @media screen and (min-width: 375px) {
      .c-teaserBox__content {
        padding-top: calc(48px + 48 * (100vw - 375px) / (1270));
        padding-bottom: calc(48px + 48 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserBox__content {
        padding-top: 96px;
        padding-bottom: 96px; } }
    .c-teaserBox__content:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background-color: var(--c-schemeAccent);
      z-index: -1; }
    @media screen and (min-width: 375px) {
      .c-teaserBox__content {
        --offset: calc(17px + 13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserBox__content {
        --offset: 30px; } }
    @media screen and (min-width: 375px) {
      .c-teaserBox__content {
        --offsetTopLeft: calc(-17px + -13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserBox__content {
        --offsetTopLeft: -30px; } }
    .c-teaserBox__content:after {
      left: var(--offsetTopLeft);
      top: var(--offsetTopLeft); }
    .c-teaserBox__content:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background-color: var(--c-schemeAccent);
      z-index: -1; }
    .c-teaserBox__content:after {
      width: 164px; }
      @media screen and (min-width: 375px) {
        .c-teaserBox__content:after {
          width: calc(164px + 378 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserBox__content:after {
          width: 542px; } }
    .c-teaserBox__content:after {
      height: 187px; }
      @media screen and (min-width: 375px) {
        .c-teaserBox__content:after {
          height: calc(187px + 118 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserBox__content:after {
          height: 305px; } }
    @media screen and (min-width: 375px) {
      .c-teaserBox__content {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserBox__content {
        border-radius: 25px; } }
    @media (min-width: 768px) {
      .c-teaserBox__content {
        width: calc(6 / 12 * 100%);
        margin-left: calc(3 / 12 * 100%); } }
  .c-teaserBox__badge {
    right: 5px;
    position: absolute;
    top: 25px;
    transform: translate3d(50%, -50%, 0);
    z-index: 1;
    overflow: hidden; }
    @media screen and (min-width: 375px) {
      .c-teaserBox__badge {
        right: calc(5px + 33 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserBox__badge {
        right: 38px; } }
    @media (min-width: 768px) {
      .c-teaserBox__badge {
        bottom: 25px;
        transform: translate3d(50%, 50%, 0);
        top: auto; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-teaserBox__badge {
      bottom: calc(25px + 30 * (100vw - 768px) / (877)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserBox__badge {
      bottom: 55px; } }
  .c-teaserBox__overwriteBadgeIcon {
    width: 100px;
    height: 100px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
    right: 10px;
    padding: 10px;
    transform: translate3d(50%, -50%, 0);
    z-index: 1; }
    @media screen and (min-width: 375px) {
      .c-teaserBox__overwriteBadgeIcon {
        width: calc(100px + 50 * (100vw - 375px) / (1270));
        height: calc(100px + 50 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserBox__overwriteBadgeIcon {
        width: 150px;
        height: 150px; } }
    @media (min-width: 768px) {
      .c-teaserBox__overwriteBadgeIcon {
        bottom: 10px;
        transform: translate3d(50%, 50%, 0);
        right: 0;
        top: auto; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-teaserBox__overwriteBadgeIcon {
      bottom: calc(10px + 5 * (100vw - 768px) / (877)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserBox__overwriteBadgeIcon {
      bottom: 15px; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserCards
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/cards';
 */
.c-teaserCards {
  margin-top: 76px; }
  @media screen and (min-width: 375px) {
    .c-teaserCards {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserCards {
      margin-top: 152px; } }
  .c-teaserCards__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-teaserCards__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserCards__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserCards__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-teaserCards__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserCards__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserCards__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserCards__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserCards__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserCards__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-teaserCards__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserCards__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserCards__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-teaserCards__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserCards__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserCards__col {
        width: calc(10 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-teaserCards__col {
        width: calc(12 / 24 * 100%);
        margin-left: calc(6 / 24 * 100%); } }
  .c-teaserCards__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-teaserCards__items {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserCards__items {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserCards__item {
    margin-top: 28px;
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserCards__item {
        margin-top: calc(28px + 28 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserCards__item {
        margin-top: 56px; } }
    @media screen and (min-width: 375px) {
      .c-teaserCards__item {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserCards__item {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserCards__item {
        width: calc(6 / 12 * 100%); } }
  .c-teaserCards--small .c-teaserCards__item {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserCards--small .c-teaserCards__item {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserCards--small .c-teaserCards__item {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserCards--small .c-teaserCards__item {
        width: calc(4 / 12 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserContent
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/content';
 */
.c-teaserContent__preline +
.c-teaserContent__headline {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-teaserContent__preline +
.c-teaserContent__headline {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserContent__preline +
.c-teaserContent__headline {
      margin-top: 16px; } }

.c-teaserContent__headline +
.c-teaserContent__text,
.c-teaserContent__preline +
.c-teaserContent__text {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .c-teaserContent__headline +
.c-teaserContent__text,
    .c-teaserContent__preline +
.c-teaserContent__text {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserContent__headline +
.c-teaserContent__text,
    .c-teaserContent__preline +
.c-teaserContent__text {
      margin-top: 24px; } }

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

.c-teaserContent--teaserImageBig .c-teaserContent__preline {
  max-width: calc(4 / 6 * 100%); }
  @media (min-width: 768px) {
    .c-teaserContent--teaserImageBig .c-teaserContent__preline {
      max-width: unset; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserHeadlines
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/headlines';
 */
.c-teaserHeadlines__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap; }
  @media (min-width: 1024px) {
    .c-teaserHeadlines__wrapper {
      flex-direction: row;
      align-items: center; } }
  @media (min-width: 1024px) {
    .c-teaserHeadlines__wrapper .c-teaserHeadlines__headline {
      margin-right: 8px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .c-teaserHeadlines__wrapper .c-teaserHeadlines__headline {
      margin-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .c-teaserHeadlines__wrapper .c-teaserHeadlines__headline {
      margin-right: 16px; } }
  .c-teaserHeadlines__wrapper .c-teaserHeadlines__link {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserHeadlines__wrapper .c-teaserHeadlines__link {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserHeadlines__wrapper .c-teaserHeadlines__link {
        margin-top: 16px; } }
    @media (min-width: 1024px) {
      .c-teaserHeadlines__wrapper .c-teaserHeadlines__link {
        margin-top: 0; } }

.c-teaserHeadlines__preline + .c-teaserHeadlines__wrapper {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .c-teaserHeadlines__preline + .c-teaserHeadlines__wrapper {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserHeadlines__preline + .c-teaserHeadlines__wrapper {
      margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageGrid
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageGrid';
 */
.c-teaserImageGrid {
  margin-top: 92px; }
  @media screen and (min-width: 375px) {
    .c-teaserImageGrid {
      margin-top: calc(92px + 92 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserImageGrid {
      margin-top: 184px; } }
  .c-teaserImageGrid__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-teaserImageGrid__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserImageGrid__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserImageGrid__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-teaserImageGrid__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserImageGrid__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserImageGrid__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageGrid__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageGrid__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserImageGrid__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-teaserImageGrid__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageGrid__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImageGrid__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-teaserImageGrid__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageGrid__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserImageGrid__col {
        width: calc(6 / 12 * 100%); } }
    .c-teaserImageGrid__col:nth-child(1) {
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 16px;
      padding-right: 16px; }
      @media screen and (min-width: 375px) {
        .c-teaserImageGrid__col:nth-child(1) {
          padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
          padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserImageGrid__col:nth-child(1) {
          padding-left: 32px;
          padding-right: 32px; } }
      @media (min-width: 768px) {
        .c-teaserImageGrid__col:nth-child(1) {
          margin-left: calc(3 / 12 * 100%);
          /*padding-left: $spacing;
  padding-right: $spacing;*/
          padding-left: 8px;
          padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageGrid__col:nth-child(1) {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserImageGrid__col:nth-child(1) {
      padding-left: 16px;
      padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserImageGrid__col:nth-child(2) {
        margin-top: 8px;
        width: calc(8 / 12 * 100%);
        margin-left: calc(2 / 12 * 100%); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageGrid__col:nth-child(2) {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserImageGrid__col:nth-child(2) {
      margin-top: 16px; } }
  .c-teaserImageGrid__images {
    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-teaserImageGrid__images {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageGrid__images {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImageGrid__image {
    margin-top: 16px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageGrid__image {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageGrid__image {
        margin-top: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageGrid__image {
        padding-left: calc(4px + 4 * (100vw - 375px) / (1270));
        padding-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageGrid__image {
        padding-left: 8px;
        padding-right: 8px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageGrid__image {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageGrid__image {
        margin-top: 16px; } }
    .c-teaserImageGrid__image:nth-child(1) {
      width: calc(5 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 16px;
      padding-right: 16px; }
      @media screen and (min-width: 375px) {
        .c-teaserImageGrid__image:nth-child(1) {
          padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
          padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserImageGrid__image:nth-child(1) {
          padding-left: 32px;
          padding-right: 32px; } }
      @media (min-width: 768px) {
        .c-teaserImageGrid__image:nth-child(1) {
          width: calc(8 / 12 * 100%);
          /*padding-left: $spacing;
  padding-right: $spacing;*/
          padding-left: 4px;
          padding-right: 4px;
          margin-left: calc(1 / 12 * 100%); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageGrid__image:nth-child(1) {
      padding-left: calc(4px + 4 * (100vw - 375px) / (1270));
      padding-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserImageGrid__image:nth-child(1) {
      padding-left: 8px;
      padding-right: 8px; } }
      @media (min-width: 1440px) {
        .c-teaserImageGrid__image:nth-child(1) {
          width: calc(15 / 24 * 100%);
          margin-left: calc(3 / 24 * 100%); } }
    .c-teaserImageGrid__image:nth-child(2) {
      margin-left: -8px;
      width: calc(3 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-teaserImageGrid__image:nth-child(2) {
          width: calc(4 / 12 * 100%);
          margin-left: unset;
          order: 3; } }
    .c-teaserImageGrid__image:nth-child(3) {
      width: calc(3 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-teaserImageGrid__image:nth-child(3) {
          width: calc(5 / 12 * 100%);
          order: 2; } }
    .c-teaserImageGrid__image:nth-child(4) {
      margin-left: calc(3 / 6 * 100%);
      transform: translate3d(-8px, calc(-75% + (8px * 2)), 0); }
      @media (min-width: 768px) {
        .c-teaserImageGrid__image:nth-child(4) {
          width: calc(3 / 12 * 100%);
          margin-left: unset;
          order: 4;
          transform: translate3d(0, -50%, 0); } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageQoute
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageQoute';
 */
.c-teaserImageQoute {
  margin-top: 92px;
  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-teaserImageQoute {
      margin-top: calc(92px + 92 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserImageQoute {
      margin-top: 184px; } }
  @media (min-width: 768px) {
    .c-teaserImageQoute {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-teaserImageQoute {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-teaserImageQoute {
      max-width: 1500px; } }
  @media (min-width: 1645px) {
    .c-teaserImageQoute {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserImageQoute {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserImageQoute {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-teaserImageQoute {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserImageQoute {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-teaserImageQoute__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -16px;
    margin-right: -16px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: flex-start; }
    @media screen and (min-width: 375px) {
      .c-teaserImageQoute__row {
        margin-left: calc(-16px + -16 * (100vw - 375px) / (1270));
        margin-right: calc(-16px + -16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageQoute__row {
        margin-left: -32px;
        margin-right: -32px; } }
    @media (min-width: 768px) {
      .c-teaserImageQoute__row {
        /*margin-left: $spacing;
  margin-right: $spacing;*/
        margin-left: -8px;
        margin-right: -8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageQoute__row {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserImageQoute__row {
      margin-left: -16px;
      margin-right: -16px; } }
  .c-teaserImageQoute__imageWrapper {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    position: relative; }
    @media screen and (min-width: 375px) {
      .c-teaserImageQoute__imageWrapper {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageQoute__imageWrapper {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageQoute__imageWrapper {
        padding-bottom: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageQoute__imageWrapper {
        padding-bottom: 32px; } }
    @media (min-width: 768px) {
      .c-teaserImageQoute__imageWrapper {
        width: calc(5 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-teaserImageQoute__imageWrapper {
        width: calc(9 / 24 * 100%);
        margin-left: calc(3 / 24 * 100%);
        margin-left: calc((3 / 24 * 100%) + 8px); } }
  @media (min-width: 768px) {
    .c-teaserImageQoute__image {
      width: 100%;
      height: auto; } }
  .c-teaserImageQoute__qouteIcon {
    right: 8px;
    bottom: -15px;
    position: absolute; }
    @media screen and (min-width: 375px) {
      .c-teaserImageQoute__qouteIcon {
        bottom: calc(-15px + -17 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageQoute__qouteIcon {
        bottom: -32px; } }
    @media (min-width: 768px) {
      .c-teaserImageQoute__qouteIcon {
        right: -20px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .c-teaserImageQoute__qouteIcon {
      right: calc(-20px + -55 * (100vw - 768px) / (877)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserImageQoute__qouteIcon {
      right: -75px; } }
  .c-teaserImageQoute__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageQoute__content {
        padding-left: calc(32px + 32 * (100vw - 375px) / (1270));
        padding-right: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageQoute__content {
        padding-left: 64px;
        padding-right: 64px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageQoute__content {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageQoute__content {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserImageQoute__content {
        width: calc(5 / 12 * 100%);
        margin-left: calc(1 / 24 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 0; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageQoute__content {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserImageQoute__content {
      padding-left: 32px;
      padding-right: 32px; } }
    @media (min-width: 1024px) {
      .c-teaserImageQoute__content {
        width: calc(5 / 12 * 100%);
        margin-left: calc(1 / 24 * 100%); } }
    @media (min-width: 1440px) {
      .c-teaserImageQoute__content {
        width: calc(9 / 24 * 100%);
        margin-left: calc(1 / 24 * 100%); } }
  .c-teaserImageQoute__text {
    margin-top: 17px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageQoute__text {
        margin-top: calc(17px + 13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageQoute__text {
        margin-top: 30px; } }
  .c-teaserImageQoute__text + .c-teaserImageQoute__subline {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageQoute__text + .c-teaserImageQoute__subline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageQoute__text + .c-teaserImageQoute__subline {
        margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-teaserImageQoute--inverted .c-teaserImageQoute__imageWrapper {
      margin-left: calc(0 / 12 * 100%);
      order: 2; } }
  @media (min-width: 768px) {
    .c-teaserImageQoute--inverted .c-teaserImageQoute__content {
      margin-left: calc(1 / 12 * 100%);
      order: 1; } }
  @media (min-width: 1024px) {
    .c-teaserImageQoute--inverted .c-teaserImageQoute__content {
      margin-left: calc(1 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .c-teaserImageQoute--inverted .c-teaserImageQoute__content {
      margin-left: calc((3 / 24 * 100%) + 8px); } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageText
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageText';
 */
.c-teaserImageText {
  margin-top: 92px;
  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(92px + 92 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserImageText {
      margin-top: 184px; } }
  @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 (min-width: 1645px) {
    .c-teaserImageText {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserImageText {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserImageText {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-teaserImageText {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserImageText {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-teaserImageText__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -16px;
    margin-right: -16px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: flex-start; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__row {
        margin-left: calc(-16px + -16 * (100vw - 375px) / (1270));
        margin-right: calc(-16px + -16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageText__row {
        margin-left: -32px;
        margin-right: -32px; } }
    @media (min-width: 768px) {
      .c-teaserImageText__row {
        /*margin-left: $spacing;
  margin-right: $spacing;*/
        margin-left: -8px;
        margin-right: -8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageText__row {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserImageText__row {
      margin-left: -16px;
      margin-right: -16px; } }
  .c-teaserImageText__image {
    width: calc(6 / 6 * 100%);
    text-decoration: none; }
    @media (min-width: 768px) {
      .c-teaserImageText__image {
        width: calc(5 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 16px;
        padding-right: 16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageText__image {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserImageText__image {
      padding-left: 32px;
      padding-right: 32px; } }
    @media (min-width: 1440px) {
      .c-teaserImageText__image {
        margin-left: calc(3 / 24 * 100%); } }
  .c-teaserImageText__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__content {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageText__content {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__content {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageText__content {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserImageText__content {
        width: calc(6 / 12 * 100%);
        margin-top: 0; } }
    @media (min-width: 1024px) {
      .c-teaserImageText__content {
        width: calc(4 / 12 * 100%); } }
  .c-teaserImageText__link {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__link {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageText__link {
        margin-top: 16px; } }
  .c-teaserImageText__zoomIconContainer {
    display: flex;
    flex-direction: row;
    align-items: center; }
  .c-teaserImageText__zoomIcon {
    margin-right: 4px; }
    @media screen and (min-width: 375px) {
      .c-teaserImageText__zoomIcon {
        margin-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageText__zoomIcon {
        margin-right: 8px; } }
  @media (min-width: 768px) {
    .c-teaserImageText--inverted .c-teaserImageText__image {
      margin-left: calc(0 / 12 * 100%);
      order: 2; } }
  @media (min-width: 768px) {
    .c-teaserImageText--inverted .c-teaserImageText__content {
      margin-left: calc(0 / 12 * 100%);
      order: 1; } }
  @media (min-width: 1024px) {
    .c-teaserImageText--inverted .c-teaserImageText__content {
      margin-left: calc(2 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .c-teaserImageText--inverted .c-teaserImageText__content {
      margin-left: calc(3 / 24 * 100%); } }
  .c-teaserImageText--disabledCropping .c-teaserImageText__row {
    align-items: center; }

/*
 |--------------------------------------------------------------------------
 | .c-teaserImageTextBig
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/imageTextBig';
 */
.c-teaserImageTextBig {
  margin-top: 76px; }
  @media screen and (min-width: 375px) {
    .c-teaserImageTextBig {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserImageTextBig {
      margin-top: 152px; } }
  .c-teaserImageTextBig__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-teaserImageTextBig__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserImageTextBig__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserImageTextBig__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-teaserImageTextBig__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserImageTextBig__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserImageTextBig__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserImageTextBig__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageTextBig__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserImageTextBig__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-teaserImageTextBig__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageTextBig__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserImageTextBig__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-teaserImageTextBig__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserImageTextBig__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserImageTextBig__col:nth-child(1) {
        width: calc(7 / 12 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserImageTextBig__col:nth-child(1) {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserImageTextBig__col:nth-child(1) {
      padding-left: 16px;
      padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-teaserImageTextBig__col:nth-child(1) {
        margin-left: calc(1 / 12 * 100%); } }
    .c-teaserImageTextBig__col:nth-child(2) {
      margin-top: 28px; }
      @media screen and (min-width: 375px) {
        .c-teaserImageTextBig__col:nth-child(2) {
          margin-top: calc(28px + 28 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserImageTextBig__col:nth-child(2) {
          margin-top: 56px; } }
      @media (min-width: 768px) {
        .c-teaserImageTextBig__col:nth-child(2) {
          width: calc(5 / 12 * 100%);
          margin-top: 0; } }
      @media (min-width: 1024px) {
        .c-teaserImageTextBig__col:nth-child(2) {
          width: calc(4 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .c-teaserImageTextBig__col:nth-child(2) {
          width: calc(7 / 24 * 100%);
          margin-left: calc(1 / 24 * 100%); } }
  .c-teaserImageTextBig__image {
    position: relative; }
  .c-teaserImageTextBig__badge {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate3d(0, 55%, 0); }
    @media (min-width: 768px) {
      .c-teaserImageTextBig__badge {
        right: auto;
        left: 0; } }
    @media (min-width: 1024px) {
      .c-teaserImageTextBig__badge {
        transform: translate3d(-55%, 55%, 0); } }
  @media (min-width: 768px) {
    .c-teaserImageTextBig--inverted .c-teaserImageTextBig__col:nth-child(1) {
      order: 2; } }
  @media (min-width: 1440px) {
    .c-teaserImageTextBig--inverted .c-teaserImageTextBig__col:nth-child(1) {
      margin-left: calc(1 / 24 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserImageTextBig--inverted .c-teaserImageTextBig__col:nth-child(2) {
      order: 1; } }
  @media (min-width: 1024px) {
    .c-teaserImageTextBig--inverted .c-teaserImageTextBig__col:nth-child(2) {
      margin-left: calc(0 / 12 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserImageTextBig--inverted .c-teaserImageTextBig__badge {
      right: 0;
      left: auto; } }
  @media (min-width: 1024px) {
    .c-teaserImageTextBig--inverted .c-teaserImageTextBig__badge {
      transform: translate3d(55%, 55%, 0); } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserTextboxArticleSlider
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/textboxArticleSlider';
 */
.c-teaserTextboxArticleSlider {
  margin-top: 108px; }
  @media screen and (min-width: 375px) {
    .c-teaserTextboxArticleSlider {
      margin-top: calc(108px + 108 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserTextboxArticleSlider {
      margin-top: 216px; } }
  .c-teaserTextboxArticleSlider__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-teaserTextboxArticleSlider__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserTextboxArticleSlider__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserTextboxArticleSlider__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-teaserTextboxArticleSlider__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserTextboxArticleSlider__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserTextboxArticleSlider__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserTextboxArticleSlider__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTextboxArticleSlider__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserTextboxArticleSlider__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-teaserTextboxArticleSlider__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTextboxArticleSlider__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserTextboxArticleSlider__slider {
    width: calc(6 / 6 * 100%);
    overflow: hidden; }
    @media (min-width: 768px) {
      .c-teaserTextboxArticleSlider__slider {
        margin-top: 20px;
        order: 2; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTextboxArticleSlider__slider {
      margin-top: calc(20px + 20 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTextboxArticleSlider__slider {
      margin-top: 40px; } }
    @media (min-width: 1440px) {
      .c-teaserTextboxArticleSlider__slider {
        margin-top: 4px;
        width: calc(24 / 24 * 100%);
        padding-left: calc(5 / 24 * 100%);
        margin-left: 0; } }
  @media screen and (min-width: 1440px) and (min-width: 375px) {
    .c-teaserTextboxArticleSlider__slider {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1440px) and (min-width: 1645px) {
    .c-teaserTextboxArticleSlider__slider {
      margin-top: 8px; } }
  .c-teaserTextboxArticleSlider__controls {
    position: absolute;
    bottom: 25px;
    right: 0;
    z-index: 10; }
    @media (min-width: 1440px) {
      .c-teaserTextboxArticleSlider__controls {
        right: auto;
        left: calc(5 / 24 * 100%);
        transform: translate3d(-100%, 0, 0); } }
  .c-teaserTextboxArticleSlider__content {
    position: relative;
    margin-top: 32px;
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserTextboxArticleSlider__content {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTextboxArticleSlider__content {
        margin-top: 64px; } }
    @media screen and (min-width: 375px) {
      .c-teaserTextboxArticleSlider__content {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTextboxArticleSlider__content {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-width: 768px) {
      .c-teaserTextboxArticleSlider__content {
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 0;
        order: 1; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTextboxArticleSlider__content {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTextboxArticleSlider__content {
      padding-left: 16px;
      padding-right: 16px; } }
    @media (min-width: 1440px) {
      .c-teaserTextboxArticleSlider__content {
        width: calc(17 / 24 * 100%); } }
    .c-teaserTextboxArticleSlider__content:before {
      content: '';
      margin-top: -64px;
      margin-bottom: -40px;
      border-radius: 15px;
      position: absolute;
      display: block;
      left: 50%;
      width: calc((8px * -2) + 100vw);
      max-width: calc( 375px + (8px * -2));
      top: 0;
      bottom: 0;
      background: var(--c-beige);
      transform: translate3d(-50%, 0, 0);
      z-index: -1; }
      @media screen and (min-width: 375px) {
        .c-teaserTextboxArticleSlider__content:before {
          margin-top: calc(-64px + -64 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserTextboxArticleSlider__content:before {
          margin-top: -128px; } }
      @media screen and (min-width: 375px) {
        .c-teaserTextboxArticleSlider__content:before {
          margin-bottom: calc(-40px + -40 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserTextboxArticleSlider__content:before {
          margin-bottom: -80px; } }
      @media screen and (min-width: 375px) {
        .c-teaserTextboxArticleSlider__content:before {
          border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserTextboxArticleSlider__content:before {
          border-radius: 25px; } }
      @media (min-width: 768px) {
        .c-teaserTextboxArticleSlider__content:before {
          max-width: unset; } }
      @media (min-width: 1024px) {
        .c-teaserTextboxArticleSlider__content:before {
          border-radius: 0;
          width: calc((8px * 2) + 100vw); } }
      @media (min-width: 1440px) {
        .c-teaserTextboxArticleSlider__content:before {
          border-bottom-right-radius: 15px;
          border-top-right-radius: 15px;
          max-width: calc( 1440px + (8px * 8));
          max-width: calc( 1440px); } }
  @media screen and (min-width: 1440px) and (min-width: 375px) {
    .c-teaserTextboxArticleSlider__content:before {
      border-bottom-right-radius: calc(15px + 10 * (100vw - 375px) / (1270));
      border-top-right-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1440px) and (min-width: 1645px) {
    .c-teaserTextboxArticleSlider__content:before {
      border-bottom-right-radius: 25px;
      border-top-right-radius: 25px; } }
      @media (min-width: 1921px) {
        .c-teaserTextboxArticleSlider__content:before {
          left: 0;
          width: calc((8px * 2) + 100vw + 50%);
          max-width: calc( 1440px + 100%); } }
  @media (min-width: 768px) {
    .c-teaserTextboxArticleSlider__subline {
      margin-left: calc(1 / 24 * 100%); } }
  .c-teaserTextboxArticleSlider__headline + .c-teaserTextboxArticleSlider__subline {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserTextboxArticleSlider__headline + .c-teaserTextboxArticleSlider__subline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTextboxArticleSlider__headline + .c-teaserTextboxArticleSlider__subline {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserTextboxArticleSlider__headline + .c-teaserTextboxArticleSlider__subline {
        margin-top: 4px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTextboxArticleSlider__headline + .c-teaserTextboxArticleSlider__subline {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTextboxArticleSlider__headline + .c-teaserTextboxArticleSlider__subline {
      margin-top: 8px; } }
  .c-teaserTextboxArticleSlider__textCols {
    margin-top: 16px;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 375px) {
      .c-teaserTextboxArticleSlider__textCols {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTextboxArticleSlider__textCols {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserTextboxArticleSlider__textCols {
        flex-direction: row;
        gap: calc(8px * 6); } }
  .c-teaserTextboxArticleSlider__textCol {
    width: calc(6 / 6 * 100%); }
    @media (min-width: 768px) {
      .c-teaserTextboxArticleSlider__textCol {
        width: calc(6 / 12 * 100%); } }
    .c-teaserTextboxArticleSlider__textCol:nth-child(2) {
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .c-teaserTextboxArticleSlider__textCol:nth-child(2) {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserTextboxArticleSlider__textCol:nth-child(2) {
          margin-top: 32px; } }
      @media (min-width: 768px) {
        .c-teaserTextboxArticleSlider__textCol:nth-child(2) {
          margin-top: 0; } }
  .c-teaserTextboxArticleSlider__link {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserTextboxArticleSlider__link {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTextboxArticleSlider__link {
        margin-top: 32px; } }
  .c-teaserTextboxArticleSlider__logo {
    display: none; }
    @media (min-width: 1440px) {
      .c-teaserTextboxArticleSlider__logo {
        --offsetLeft: calc(6 / 24 * -100%);
        top: 8px;
        display: block;
        position: absolute;
        right: var(--offsetLeft); } }
  @media screen and (min-width: 1440px) and (min-width: 375px) {
    .c-teaserTextboxArticleSlider__logo {
      top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1440px) and (min-width: 1645px) {
    .c-teaserTextboxArticleSlider__logo {
      top: 16px; } }
    @media (min-width: 1645px) {
      .c-teaserTextboxArticleSlider__logo {
        --offsetLeft: calc(3.5 / 24 * -100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserThreeImagesText
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/threeImagesText';
 */
.c-teaserThreeImagesText {
  margin-top: 92px;
  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-teaserThreeImagesText {
      margin-top: calc(92px + 92 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserThreeImagesText {
      margin-top: 184px; } }
  @media (min-width: 768px) {
    .c-teaserThreeImagesText {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-teaserThreeImagesText {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-teaserThreeImagesText {
      max-width: 1500px; } }
  @media (min-width: 1645px) {
    .c-teaserThreeImagesText {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserThreeImagesText {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserThreeImagesText {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-teaserThreeImagesText {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserThreeImagesText {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-teaserThreeImagesText__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-teaserThreeImagesText__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserThreeImagesText__row +
.c-teaserThreeImagesText__row {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__row +
.c-teaserThreeImagesText__row {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__row +
.c-teaserThreeImagesText__row {
        margin-top: 32px; } }
  .c-teaserThreeImagesText__headline {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__headline {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__headline {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserThreeImagesText__headline {
        width: calc(6 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-teaserThreeImagesText__headline {
        margin-left: calc(1 / 24 * 100%); } }
  .c-teaserThreeImagesText__imageBig {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__imageBig {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__imageBig {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserThreeImagesText__imageBig {
        width: calc(6 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-teaserThreeImagesText__imageBig {
        margin-left: calc(1 / 24 * 100%); } }
  .c-teaserThreeImagesText__images {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__images {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__images {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserThreeImagesText__images {
        width: calc(4 / 12 * 100%);
        height: 0; } }
  .c-teaserThreeImagesText__imageMedium {
    width: calc(4 / 7 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 16px;
    position: relative; }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__imageMedium {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__imageMedium {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__imageMedium {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__imageMedium {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserThreeImagesText__imageMedium {
        width: calc(4 / 4 * 100%);
        margin-top: 0; } }
  .c-teaserThreeImagesText__badge {
    display: none; }
    @media (min-width: 768px) {
      .c-teaserThreeImagesText__badge {
        position: absolute;
        top: 100%;
        left: 100%;
        transform: translate3d(-50%, -35%, 0);
        overflow: hidden;
        display: block; } }
    @media (min-width: 1024px) {
      .c-teaserThreeImagesText__badge {
        transform: translate3d(-38%, -35%, 0); } }
  .c-teaserThreeImagesText__imageSmall {
    width: calc(3 / 7 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__imageSmall {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__imageSmall {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__imageSmall {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__imageSmall {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserThreeImagesText__imageSmall {
        width: calc(3 / 4 * 100%); } }
  .c-teaserThreeImagesText__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserThreeImagesText__content {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserThreeImagesText__content {
        margin-top: 16px; } }
    @media (min-width: 768px) {
      .c-teaserThreeImagesText__content {
        width: calc(11 / 24 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-teaserThreeImagesText__content {
        margin-left: calc(1 / 24 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__headline {
      margin-left: calc(5 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__headline {
      margin-left: calc(11 / 24 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageBig {
      margin-left: calc(0 / 1 * 100%);
      order: 2; } }
  @media (min-width: 768px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__images {
      margin-left: calc(1 / 12 * 100%);
      order: 1; } }
  @media (min-width: 1440px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__images {
      margin-left: calc(3 / 24 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageSmall {
      margin-left: calc(1 / 4 * 100%);
      margin-top: 0;
      order: 1; }
      .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageSmall .e-image {
        position: relative;
        display: block;
        --offset: ;
        --offsetTopLeft: ;
        --offset: 17px;
        --offsetTopLeft: -17px;
        margin-right: unset;
        margin-bottom: unset;
        margin-left: var(--offset);
        margin-top: var(--offset);
        margin: 0; }
        .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageSmall .e-image:after {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          border-radius: inherit;
          background-color: var(--c-schemeAccent);
          z-index: -1; } }
    @media screen and (min-width: 768px) and (min-width: 375px) {
      .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageSmall .e-image {
        --offset: calc(17px + 13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 768px) and (min-width: 1645px) {
      .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageSmall .e-image {
        --offset: 30px; } }
    @media screen and (min-width: 768px) and (min-width: 375px) {
      .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageSmall .e-image {
        --offsetTopLeft: calc(-17px + -13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 768px) and (min-width: 1645px) {
      .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageSmall .e-image {
        --offsetTopLeft: -30px; } }
  @media (min-width: 768px) {
        .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageSmall .e-image:after {
          left: var(--offsetTopLeft);
          top: var(--offsetTopLeft); } }
  @media (min-width: 768px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageMedium {
      margin-top: 16px;
      order: 2; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageMedium {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__imageMedium {
      margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__content {
      margin-left: calc(5 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__content {
      margin-left: calc(11 / 24 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__badge {
      left: unset;
      top: unset;
      bottom: 100%;
      right: 100%;
      transform: translate3d(50%, 35%, 0); } }
  @media (min-width: 1024px) {
    .c-teaserThreeImagesText--inverted .c-teaserThreeImagesText__badge {
      transform: translate3d(38%, 35%, 0); } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserTwoImagesText
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/twoImagesText';
 */
.c-teaserTwoImagesText {
  margin-top: 92px;
  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-teaserTwoImagesText {
      margin-top: calc(92px + 92 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserTwoImagesText {
      margin-top: 184px; } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesText {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-teaserTwoImagesText {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-teaserTwoImagesText {
      max-width: 1500px; } }
  @media (min-width: 1645px) {
    .c-teaserTwoImagesText {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserTwoImagesText {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserTwoImagesText {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-teaserTwoImagesText {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserTwoImagesText {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-teaserTwoImagesText__row {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: -16px;
    margin-right: -16px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: flex-start; }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesText__row {
        margin-left: calc(-16px + -16 * (100vw - 375px) / (1270));
        margin-right: calc(-16px + -16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesText__row {
        margin-left: -32px;
        margin-right: -32px; } }
    @media (min-width: 768px) {
      .c-teaserTwoImagesText__row {
        /*margin-left: $spacing;
  margin-right: $spacing;*/
        margin-left: -8px;
        margin-right: -8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTwoImagesText__row {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTwoImagesText__row {
      margin-left: -16px;
      margin-right: -16px; } }
  .c-teaserTwoImagesText__images {
    width: calc(6 / 6 * 100%); }
    @media (min-width: 768px) {
      .c-teaserTwoImagesText__images {
        width: calc(5 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 16px;
        padding-right: 16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTwoImagesText__images {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTwoImagesText__images {
      padding-left: 32px;
      padding-right: 32px; } }
    @media (min-width: 1440px) {
      .c-teaserTwoImagesText__images {
        width: calc(9 / 24 * 100%);
        margin-left: calc(3 / 24 * 100%); } }
  .c-teaserTwoImagesText__image {
    width: calc(1 / 2 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesText__image {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesText__image {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-teaserTwoImagesText__image:first-child {
      margin-top: 48px; }
      @media screen and (min-width: 375px) {
        .c-teaserTwoImagesText__image:first-child {
          margin-top: calc(48px + 48 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserTwoImagesText__image:first-child {
          margin-top: 96px; } }
  .c-teaserTwoImagesText__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesText__content {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesText__content {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesText__content {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesText__content {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserTwoImagesText__content {
        width: calc(6 / 12 * 100%);
        margin-top: 0; } }
    @media (min-width: 1024px) {
      .c-teaserTwoImagesText__content {
        width: calc(4 / 12 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesText--inverted .c-teaserTwoImagesText__images {
      margin-left: calc(0 / 12 * 100%);
      order: 2; } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesText--inverted .c-teaserTwoImagesText__content {
      margin-left: calc(0 / 12 * 100%);
      order: 1; } }
  @media (min-width: 1024px) {
    .c-teaserTwoImagesText--inverted .c-teaserTwoImagesText__content {
      margin-left: calc(2 / 12 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesText--inverted .c-teaserTwoImagesText__image:first-child {
      margin-top: 0; }
    .c-teaserTwoImagesText--inverted .c-teaserTwoImagesText__image:last-child {
      margin-top: 48px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTwoImagesText--inverted .c-teaserTwoImagesText__image:last-child {
      margin-top: calc(48px + 48 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTwoImagesText--inverted .c-teaserTwoImagesText__image:last-child {
      margin-top: 96px; } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserTwoImagesTextbox
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/twoImagesTextbox';
 */
.c-teaserTwoImagesTextbox {
  margin-top: 92px;
  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-teaserTwoImagesTextbox {
      margin-top: calc(92px + 92 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserTwoImagesTextbox {
      margin-top: 184px; } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesTextbox {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .c-teaserTwoImagesTextbox {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .c-teaserTwoImagesTextbox {
      max-width: 1500px; } }
  @media (min-width: 1645px) {
    .c-teaserTwoImagesTextbox {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserTwoImagesTextbox {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserTwoImagesTextbox {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-teaserTwoImagesTextbox {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserTwoImagesTextbox {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-teaserTwoImagesTextbox__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-teaserTwoImagesTextbox__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__row {
        margin-left: -16px;
        margin-right: -16px; } }
    .c-teaserTwoImagesTextbox__row.mobile-bg {
      position: relative; }
      .c-teaserTwoImagesTextbox__row.mobile-bg::after {
        border-radius: 15px;
        /*margin-left: $spacing;
  margin-right: $spacing;*/
        margin-left: -8px;
        margin-right: -8px;
        content: '';
        position: absolute;
        display: block;
        top: 121px;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--c-beige);
        z-index: -1; }
        @media screen and (min-width: 375px) {
          .c-teaserTwoImagesTextbox__row.mobile-bg::after {
            border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
        @media screen and (min-width: 1645px) {
          .c-teaserTwoImagesTextbox__row.mobile-bg::after {
            border-radius: 25px; } }
        @media screen and (min-width: 375px) {
          .c-teaserTwoImagesTextbox__row.mobile-bg::after {
            margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
            margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
        @media screen and (min-width: 1645px) {
          .c-teaserTwoImagesTextbox__row.mobile-bg::after {
            margin-left: -16px;
            margin-right: -16px; } }
        @media (min-width: 768px) {
          .c-teaserTwoImagesTextbox__row.mobile-bg::after {
            display: none; } }
  .c-teaserTwoImagesTextbox__headline {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesTextbox__headline {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__headline {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserTwoImagesTextbox__headline {
        width: calc(6 / 12 * 100%);
        margin-right: calc(6 / 12 * 100%); } }
  .c-teaserTwoImagesTextbox__row +
.c-teaserTwoImagesTextbox__row {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesTextbox__row +
.c-teaserTwoImagesTextbox__row {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__row +
.c-teaserTwoImagesTextbox__row {
        margin-top: 32px; } }
  .c-teaserTwoImagesTextbox__images {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesTextbox__images {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__images {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserTwoImagesTextbox__images {
        width: calc(6 / 12 * 100%); } }
  .c-teaserTwoImagesTextbox__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-teaserTwoImagesTextbox__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserTwoImagesTextbox__content {
        width: calc(7 / 12 * 100%);
        margin-left: calc(-1 / 12 * 100%);
        margin-top: 128px;
        align-items: flex-end;
        display: flex;
        position: relative; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTwoImagesTextbox__content {
      margin-top: calc(128px + 128 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTwoImagesTextbox__content {
      margin-top: 256px; } }
    @media (min-width: 1024px) {
      .c-teaserTwoImagesTextbox__content {
        width: calc(6 / 12 * 100%);
        margin-left: calc(0 / 12 * 100%);
        margin-top: 0; } }
  .c-teaserTwoImagesTextbox__imageBig {
    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-teaserTwoImagesTextbox__imageBig {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__imageBig {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserTwoImagesTextbox__imageBig {
        width: calc(11 / 6 * 100%);
        flex-shrink: 0; } }
  .c-teaserTwoImagesTextbox__logo {
    width: 38px;
    right: calc(1 / 6 * 100%);
    position: absolute;
    top: 100%;
    transform: translate3d(50%, -20%, 0);
    z-index: 1; }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesTextbox__logo {
        width: calc(38px + 59 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__logo {
        width: 97px; } }
    @media (min-width: 768px) {
      .c-teaserTwoImagesTextbox__logo {
        right: calc(5 / 11 * 100%);
        top: 0; } }
  .c-teaserTwoImagesTextbox__imageSmall {
    width: calc(4 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesTextbox__imageSmall {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__imageSmall {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesTextbox__imageSmall {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__imageSmall {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserTwoImagesTextbox__imageSmall {
        width: calc(5 / 6 * 100%);
        margin-left: calc(2 / 12 * 100%);
        flex-shrink: 0; } }
    @media (min-width: 1024px) {
      .c-teaserTwoImagesTextbox__imageSmall {
        margin-left: calc(4 / 12 * 100%); } }
  .c-teaserTwoImagesTextbox__box {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 32px;
    padding-bottom: 32px;
    z-index: 1; }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesTextbox__box {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__box {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesTextbox__box {
        padding-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__box {
        padding-top: 64px; } }
    @media screen and (min-width: 375px) {
      .c-teaserTwoImagesTextbox__box {
        padding-bottom: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserTwoImagesTextbox__box {
        padding-bottom: 64px; } }
    @media (min-width: 768px) {
      .c-teaserTwoImagesTextbox__box {
        margin-bottom: 68px;
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 64px;
        padding-right: 64px;
        padding-top: 48px;
        padding-bottom: 48px;
        border-radius: 15px;
        background: var(--c-beige); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTwoImagesTextbox__box {
      margin-bottom: calc(68px + 68 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTwoImagesTextbox__box {
      margin-bottom: 136px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTwoImagesTextbox__box {
      padding-left: calc(64px + 64 * (100vw - 375px) / (1270));
      padding-right: calc(64px + 64 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTwoImagesTextbox__box {
      padding-left: 128px;
      padding-right: 128px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTwoImagesTextbox__box {
      padding-top: calc(48px + 48 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTwoImagesTextbox__box {
      padding-top: 96px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTwoImagesTextbox__box {
      padding-bottom: calc(48px + 48 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTwoImagesTextbox__box {
      padding-bottom: 96px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserTwoImagesTextbox__box {
      border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserTwoImagesTextbox__box {
      border-radius: 25px; } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesTextbox--inverted .c-teaserTwoImagesTextbox__headline {
      margin-left: calc(1 / 12 * 100%);
      margin-right: calc(5 / 12 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesTextbox--inverted .c-teaserTwoImagesTextbox__images {
      order: 2;
      margin-left: calc(-1 / 12 * 100%); } }
  @media (min-width: 1024px) {
    .c-teaserTwoImagesTextbox--inverted .c-teaserTwoImagesTextbox__images {
      margin-left: calc(0 / 12 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesTextbox--inverted .c-teaserTwoImagesTextbox__content {
      order: 1;
      margin-left: calc(0 / 12 * 100%); } }
  @media (min-width: 1024px) {
    .c-teaserTwoImagesTextbox--inverted .c-teaserTwoImagesTextbox__logo {
      right: calc(6 / 11 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesTextbox--inverted .c-teaserTwoImagesTextbox__row .c-teaserTwoImagesTextbox__row {
      justify-content: flex-end; } }
  @media (min-width: 768px) {
    .c-teaserTwoImagesTextbox--inverted .c-teaserTwoImagesTextbox__imageSmall {
      margin-left: 0;
      margin-right: calc(2 / 12 * 100%); } }
  @media (min-width: 1024px) {
    .c-teaserTwoImagesTextbox--inverted .c-teaserTwoImagesTextbox__imageSmall {
      margin-right: calc(4 / 12 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-teaserUspSlider
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/uspSlider';
 */
.c-teaserUspSlider {
  margin-top: 92px; }
  @media screen and (min-width: 375px) {
    .c-teaserUspSlider {
      margin-top: calc(92px + 92 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserUspSlider {
      margin-top: 184px; } }
  .c-teaserUspSlider__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-teaserUspSlider__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserUspSlider__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserUspSlider__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-teaserUspSlider__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserUspSlider__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserUspSlider__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserUspSlider__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserUspSlider__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserUspSlider__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-teaserUspSlider__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserUspSlider__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserUspSlider__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-teaserUspSlider__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserUspSlider__col {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-teaserUspSlider__col:first-child {
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .c-teaserUspSlider__col:first-child {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserUspSlider__col:first-child {
          margin-top: 32px; } }
      @media (min-width: 768px) {
        .c-teaserUspSlider__col:first-child {
          width: calc(4 / 12 * 100%);
          margin-left: calc(1 / 12 * 100%);
          margin-top: 0; } }
    @media (min-width: 768px) {
      .c-teaserUspSlider__col:nth-child(2) {
        width: calc(7 / 12 * 100%); } }
    .c-teaserUspSlider__col .c-teaserUspSlider__colFull {
      width: calc(6 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-teaserUspSlider__col .c-teaserUspSlider__colFull {
          width: calc(10 / 12 * 100%);
          margin-left: calc(1 / 12 * 100%); } }
  .c-teaserUspSlider__headlines.is-mobile {
    display: block; }
    @media (min-width: 768px) {
      .c-teaserUspSlider__headlines.is-mobile {
        display: none; } }
  .c-teaserUspSlider__headlines.is-desktop {
    display: none; }
    @media (min-width: 768px) {
      .c-teaserUspSlider__headlines.is-desktop {
        display: block; } }
  .c-teaserUspSlider__sliderControls {
    position: absolute;
    bottom: 30px;
    right: -8px;
    z-index: 1; }
    @media (min-width: 768px) {
      .c-teaserUspSlider__sliderControls {
        display: none; } }
  .c-teaserUspSlider__hoverControls {
    margin-top: 32px;
    position: relative; }
    @media screen and (min-width: 375px) {
      .c-teaserUspSlider__hoverControls {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserUspSlider__hoverControls {
        margin-top: 64px; } }
    @media (min-width: 768px) {
      .c-teaserUspSlider__hoverControls {
        margin-top: 16px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserUspSlider__hoverControls {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserUspSlider__hoverControls {
      margin-top: 32px; } }
  .c-teaserUspSlider__hoverControl {
    position: absolute; }
    @media (min-width: 768px) {
      .c-teaserUspSlider__hoverControl {
        margin-top: 16px;
        position: relative; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserUspSlider__hoverControl {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserUspSlider__hoverControl {
      margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-teaserUspSlider__hoverControl:first-child {
        margin-top: 0; } }
  .c-teaserUspSlider__hoverControls .c-teaserUspSlider__hoverControl {
    transform: translateY(10px);
    transition: transform 0.5s ease-in-out, opacity 0.4s ease-in-out;
    transition-delay: .2s;
    opacity: 0; }
    @media (min-width: 768px) {
      .c-teaserUspSlider__hoverControls .c-teaserUspSlider__hoverControl {
        opacity: 1;
        transform: unset; } }
    .c-teaserUspSlider__hoverControls .c-teaserUspSlider__hoverControl.is-active {
      transform: translateY(0px);
      opacity: 1; }
    .c-teaserUspSlider__hoverControls .c-teaserUspSlider__hoverControl:hover, .c-teaserUspSlider__hoverControls .c-teaserUspSlider__hoverControl.is-active {
      color: var(--c-schemePrimary); }
  .c-teaserUspSlider__slide .c-teaserUspSlider__image {
    transform: translateX(20px);
    opacity: 0;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out; }
    .c-teaserUspSlider__slide .c-teaserUspSlider__image:after {
      transform: translateX(-20px);
      opacity: 0;
      transition: transform 0.4s ease-out, opacity 0.4s ease-out; }
  .c-teaserUspSlider__slide.swiper-slide-active .c-teaserUspSlider__image {
    transform: translateX(0px);
    opacity: 1;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
    transition-delay: .4s; }
    .c-teaserUspSlider__slide.swiper-slide-active .c-teaserUspSlider__image:after {
      transform: translateX(0px);
      opacity: 1;
      transition: transform 0.4s ease-out, opacity 0.4s ease-out;
      transition-delay: .8s; }

/*
 |--------------------------------------------------------------------------
 | .c-teaserVideo
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/teaser/video';
 */
.c-teaserVideo {
  margin-top: 76px; }
  @media screen and (min-width: 375px) {
    .c-teaserVideo {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-teaserVideo {
      margin-top: 152px; } }
  .c-teaserVideo__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-teaserVideo__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-teaserVideo__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-teaserVideo__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-teaserVideo__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-teaserVideo__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-teaserVideo__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-teaserVideo__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserVideo__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-teaserVideo__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-teaserVideo__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserVideo__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-teaserVideo__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-teaserVideo__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserVideo__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-teaserVideo__col:nth-child(1) {
        width: calc(7 / 12 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-teaserVideo__col:nth-child(1) {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-teaserVideo__col:nth-child(1) {
      padding-left: 16px;
      padding-right: 16px; } }
    @media (min-width: 1024px) {
      .c-teaserVideo__col:nth-child(1) {
        margin-left: calc(1 / 24 * 100%); } }
    .c-teaserVideo__col:nth-child(2) {
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .c-teaserVideo__col:nth-child(2) {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-teaserVideo__col:nth-child(2) {
          margin-top: 32px; } }
      @media (min-width: 768px) {
        .c-teaserVideo__col:nth-child(2) {
          width: calc(5 / 12 * 100%);
          margin-top: 0; } }
      @media (min-width: 1024px) {
        .c-teaserVideo__col:nth-child(2) {
          width: calc(4 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .c-teaserVideo__col:nth-child(2) {
          width: calc(7 / 24 * 100%);
          margin-left: calc(1 / 24 * 100%); } }
  .c-teaserVideo__embed {
    border-radius: 15px;
    position: relative;
    overflow: hidden; }
    @media screen and (min-width: 375px) {
      .c-teaserVideo__embed {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-teaserVideo__embed {
        border-radius: 25px; } }
    .c-teaserVideo__embed.has-consented {
      padding-top: calc(9/16 * 100%); }
  @media (min-width: 768px) {
    .c-teaserVideo--inverted .c-teaserVideo__col:nth-child(1) {
      order: 2; } }
  @media (min-width: 1440px) {
    .c-teaserVideo--inverted .c-teaserVideo__col:nth-child(1) {
      margin-left: calc(1 / 24 * 100%); } }
  @media (min-width: 768px) {
    .c-teaserVideo--inverted .c-teaserVideo__col:nth-child(2) {
      order: 1; } }
  @media (min-width: 1024px) {
    .c-teaserVideo--inverted .c-teaserVideo__col:nth-child(2) {
      margin-left: calc(0 / 24 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-textHeadline
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/headline';
 */
.c-textHeadline {
  margin-top: 16px;
  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-textHeadline {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-textHeadline {
      margin-top: 32px; } }
  @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 (min-width: 1645px) {
    .c-textHeadline {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-textHeadline {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-textHeadline {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-textHeadline {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-textHeadline {
      padding-left: 32px;
      padding-right: 32px; } }
  .c-textHeadline__text {
    color: var(--c-schemeHeadline); }

/*
 |--------------------------------------------------------------------------
 | .c-textHeadlineGroup
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/headlineGroup';
 */
.c-textHeadlineGroup {
  margin-top: 44px; }
  @media screen and (min-width: 375px) {
    .c-textHeadlineGroup {
      margin-top: calc(44px + 44 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-textHeadlineGroup {
      margin-top: 88px; } }
  .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 (min-width: 1645px) {
      .c-textHeadlineGroup__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-textHeadlineGroup__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-textHeadlineGroup__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-textHeadlineGroup__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-textHeadlineGroup__col {
        padding-left: 16px;
        padding-right: 16px; } }
    .c-textHeadlineGroup__col:nth-child(1) {
      width: calc(5 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-textHeadlineGroup__col:nth-child(1) {
          width: calc(6 / 12 * 100%);
          margin-left: calc(3 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .c-textHeadlineGroup__col:nth-child(1) {
          width: calc(9 / 24 * 100%);
          margin-left: calc(8 / 24 * 100%); } }
    .c-textHeadlineGroup__col:nth-child(2) {
      width: calc(4 / 6 * 100%);
      margin-left: calc(2 / 6 * 100%); }
      @media (min-width: 768px) {
        .c-textHeadlineGroup__col:nth-child(2) {
          width: calc(6 / 12 * 100%);
          margin-left: calc(4 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .c-textHeadlineGroup__col:nth-child(2) {
          width: calc(8 / 24 * 100%);
          margin-left: calc(10 / 24 * 100%); } }
  .c-textHeadlineGroup__col +
.c-textHeadlineGroup__col .c-textHeadlineGroup__subline {
    margin-top: 4px; }
    @media screen and (min-width: 375px) {
      .c-textHeadlineGroup__col +
.c-textHeadlineGroup__col .c-textHeadlineGroup__subline {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-textHeadlineGroup__col +
.c-textHeadlineGroup__col .c-textHeadlineGroup__subline {
        margin-top: 8px; } }

/*
 |--------------------------------------------------------------------------
 | .c-textIntro
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/intro';
 */
.c-textIntro {
  margin-top: 80px; }
  @media screen and (min-width: 375px) {
    .c-textIntro {
      margin-top: calc(80px + 80 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-textIntro {
      margin-top: 160px; } }
  .c-textIntro__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-textIntro__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-textIntro__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-textIntro__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-textIntro__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-textIntro__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-textIntro__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-textIntro__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-textIntro__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .c-textIntro__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-textIntro__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-textIntro__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-textIntro__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-textIntro__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-textIntro__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-textIntro__col:first-child {
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .c-textIntro__col:first-child {
        width: calc(5 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .c-textIntro__col:first-child {
        width: calc(8 / 24 * 100%);
        margin-left: calc(4 / 24 * 100%); } }
    .c-textIntro__col:last-child {
      margin-top: 8px; }
      @media screen and (min-width: 375px) {
        .c-textIntro__col:last-child {
          margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-textIntro__col:last-child {
          margin-top: 16px; } }
      @media (min-width: 768px) {
        .c-textIntro__col:last-child {
          margin-top: 0px;
          width: calc(6 / 12 * 100%); } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-textIntro__col:last-child {
      margin-top: calc(0px + 0 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-textIntro__col:last-child {
      margin-top: 0px; } }
      @media (min-width: 1024px) {
        .c-textIntro__col:last-child {
          width: calc(5 / 12 * 100%); } }
      @media (min-width: 1440px) {
        .c-textIntro__col:last-child {
          width: calc(8 / 24 * 100%); } }
  .c-textIntro__preline + .c-textIntro__headline {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-textIntro__preline + .c-textIntro__headline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-textIntro__preline + .c-textIntro__headline {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .c-textIntro__preline + .c-textIntro__headline {
        margin-top: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-textIntro__preline + .c-textIntro__headline {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-textIntro__preline + .c-textIntro__headline {
      margin-top: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .c-text
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/text';
 */
.c-text {
  margin-top: 44px; }
  @media screen and (min-width: 375px) {
    .c-text {
      margin-top: calc(44px + 44 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-text {
      margin-top: 88px; } }
  .c-text__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-text__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-text__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-text__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-text__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-text__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-text__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-text__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-text__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-text__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-text__content {
        width: calc(6 / 12 * 100%);
        margin-left: calc(3 / 12 * 100%); } }
  .c-text h3,
  .c-text h4 {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px;
    font-family: "Red Hat Display", sans-serif;
    font-family: "Red Hat Display", sans-serif;
    text-transform: uppercase;
    color: var(--c-grey); }
    @media (min-width: 375px) and (max-width: 1645px) {
      .c-text h3,
      .c-text h4 {
        font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .c-text h3,
      .c-text h4 {
        font-size: 18px; } }
  .c-text a {
    color: var(--c-schemePrimary); }
  .c-text p + h3,
  .c-text p + h4 {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .c-text p + h3,
      .c-text p + h4 {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-text p + h3,
      .c-text p + h4 {
        margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-text--containerBig .c-text__content {
      margin-left: calc(0 / 12 * 100%); } }
  @media (min-width: 1024px) {
    .c-text--containerBig .c-text__content {
      margin-left: calc(1 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .c-text--containerBig .c-text__content {
      width: calc(14 / 24 * 100%);
      margin-left: calc(4 / 24 * 100%); } }
  .c-text--center .c-text__content {
    text-align: center; }

/*
 |--------------------------------------------------------------------------
 | .c-textTwoColumns
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/text/twoColumns';
 */
.c-textTwoColumns {
  margin-top: 44px; }
  @media screen and (min-width: 375px) {
    .c-textTwoColumns {
      margin-top: calc(44px + 44 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .c-textTwoColumns {
      margin-top: 88px; } }
  .c-textTwoColumns__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-textTwoColumns__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .c-textTwoColumns__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .c-textTwoColumns__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .c-textTwoColumns__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-textTwoColumns__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-textTwoColumns__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .c-textTwoColumns__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-textTwoColumns__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-textTwoColumns__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .c-textTwoColumns__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-textTwoColumns__col {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .c-textTwoColumns__col {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .c-textTwoColumns__col {
        width: calc(3 / 12 * 100%); } }
    @media (min-width: 768px) {
      .c-textTwoColumns__col:first-child {
        margin-left: calc(3 / 12 * 100%); } }
    .c-textTwoColumns__col:last-child {
      margin-top: 8px; }
      @media screen and (min-width: 375px) {
        .c-textTwoColumns__col:last-child {
          margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-textTwoColumns__col:last-child {
          margin-top: 16px; } }
      @media (min-width: 768px) {
        .c-textTwoColumns__col:last-child {
          margin-top: 0px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .c-textTwoColumns__col:last-child {
      margin-top: calc(0px + 0 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .c-textTwoColumns__col:last-child {
      margin-top: 0px; } }
    .c-textTwoColumns__col h3,
    .c-textTwoColumns__col h4 {
      font-family: "Red Hat Display", sans-serif;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 14px;
      font-family: "Red Hat Display", sans-serif;
      font-family: "Red Hat Display", sans-serif;
      text-transform: uppercase;
      color: var(--c-grey); }
      @media (min-width: 375px) and (max-width: 1645px) {
        .c-textTwoColumns__col h3,
        .c-textTwoColumns__col h4 {
          font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
      @media (min-width: 1645px) {
        .c-textTwoColumns__col h3,
        .c-textTwoColumns__col h4 {
          font-size: 18px; } }
    .c-textTwoColumns__col a {
      color: var(--c-schemePrimary); }
    .c-textTwoColumns__col p + h3,
    .c-textTwoColumns__col p + h4 {
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .c-textTwoColumns__col p + h3,
        .c-textTwoColumns__col p + h4 {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .c-textTwoColumns__col p + h3,
        .c-textTwoColumns__col p + h4 {
          margin-top: 32px; } }
  @media (min-width: 768px) {
    .c-textTwoColumns--containerBig .c-textTwoColumns__col {
      width: calc(4 / 12 * 100%); } }
  @media (min-width: 768px) {
    .c-textTwoColumns--containerBig .c-textTwoColumns__col:first-child {
      margin-left: calc(0 / 12 * 100%); } }
  @media (min-width: 1024px) {
    .c-textTwoColumns--containerBig .c-textTwoColumns__col:first-child {
      margin-left: calc(1 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .c-textTwoColumns--containerBig .c-textTwoColumns__col:first-child {
      margin-left: calc(4 / 24 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .c-toolnavButton
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/toolnav/button';
 */
.c-toolnavButton {
  position: relative; }
  .c-toolnavButton__mobile {
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    transform: translate3d(50%, 0, 0); }
    @media (min-width: 768px) {
      .c-toolnavButton__mobile {
        display: none; } }
  .c-toolnavButton__desktop {
    display: none; }
    @media (min-width: 768px) {
      .c-toolnavButton__desktop {
        display: block; } }

/*
 |--------------------------------------------------------------------------
 | .wl-crmSubscription
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/crm/subscription';
 */
.wl-crmSubscription {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .wl-crmSubscription {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .wl-crmSubscription {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .wl-crmSubscription {
      max-width: 1500px; } }
  @media (min-width: 1645px) {
    .wl-crmSubscription {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .wl-crmSubscription {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .wl-crmSubscription {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .wl-crmSubscription {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-crmSubscription {
      padding-left: 32px;
      padding-right: 32px; } }
  .wl-crmSubscription__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-crmSubscription__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .wl-crmSubscription__box {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 32px;
    padding-right: 32px;
    border-radius: 15px;
    position: relative;
    display: block;
    --offset: ;
    --offsetTopLeft: ;
    --offset: 17px;
    --offsetTopLeft: -17px;
    --offset: 17px;
    margin-right: var(--offset);
    margin-bottom: var(--offset);
    padding-top: 16px;
    padding-bottom: 32px;
    background: var(--c-beige); }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__box {
        padding-left: calc(32px + 32 * (100vw - 375px) / (1270));
        padding-right: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__box {
        padding-left: 64px;
        padding-right: 64px; } }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__box {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__box {
        border-radius: 25px; } }
    .wl-crmSubscription__box:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background-color: var(--c-schemeAccent);
      z-index: -1; }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__box {
        --offset: calc(17px + 13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__box {
        --offset: 30px; } }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__box {
        --offsetTopLeft: calc(-17px + -13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__box {
        --offsetTopLeft: -30px; } }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__box {
        --offset: calc(17px + 13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__box {
        --offset: 30px; } }
    .wl-crmSubscription__box:after {
      left: var(--offset);
      top: var(--offset); }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__box {
        padding-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__box {
        padding-top: 32px; } }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__box {
        padding-bottom: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__box {
        padding-bottom: 64px; } }
    @media (min-width: 768px) {
      .wl-crmSubscription__box {
        width: calc(8 / 12 * 100%);
        margin-left: calc(2 / 12 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .wl-crmSubscription__box {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .wl-crmSubscription__box {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .wl-crmSubscription__content {
      width: calc(14 / 16 * 100%);
      margin-left: calc(1 / 16 * 100%); } }
  .wl-crmSubscription__preline {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__preline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__preline {
        margin-top: 32px; } }
  .wl-crmSubscription__headline {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__headline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__headline {
        margin-top: 32px; } }
  .wl-crmSubscription__preline +
.wl-crmSubscription__headline {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__preline +
.wl-crmSubscription__headline {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__preline +
.wl-crmSubscription__headline {
        margin-top: 16px; } }
  .wl-crmSubscription__required {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .wl-crmSubscription__required {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-crmSubscription__required {
        margin-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-formContainer
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/form/container';
 */
.wl-formContainer__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-formContainer__row {
      margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
      margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-formContainer__row {
      margin-left: -16px;
      margin-right: -16px; } }

.wl-formContainer__form {
  width: calc(6 / 6 * 100vw);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px; }
  @media screen and (min-width: 375px) {
    .wl-formContainer__form {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-formContainer__form {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .wl-formContainer__form {
      width: calc(10 / 12 * 100%);
      margin-left: calc(1 / 12 * 100%); } }
  @media (min-width: 1440px) {
    .wl-formContainer__form {
      width: calc(6 / 12 * 100%);
      margin-left: calc(3 / 12 * 100%); } }

.wl-formContainer--isModal {
  margin-top: 24px;
  margin-bottom: 24px;
  overflow: hidden; }
  @media screen and (min-width: 375px) {
    .wl-formContainer--isModal {
      margin-top: calc(24px + 24 * (100vw - 375px) / (1270));
      margin-bottom: calc(24px + 24 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-formContainer--isModal {
      margin-top: 48px;
      margin-bottom: 48px; } }

/*
 |--------------------------------------------------------------------------
 | .w-form
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/components/form/form';
 */
.wl-form__row {
  width: auto;
  /*margin-left: $spacing;
  margin-right: $spacing;*/
  margin-left: -16px;
  margin-right: -16px;
  flex-flow: row wrap;
  display: flex;
  flex: 1 1 auto; }
  @media screen and (min-width: 375px) {
    .wl-form__row {
      margin-left: calc(-16px + -16 * (100vw - 375px) / (1270));
      margin-right: calc(-16px + -16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-form__row {
      margin-left: -32px;
      margin-right: -32px; } }

.wl-form__content {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  width: calc(6 / 6 * 100%);
  display: flex;
  flex-flow: row wrap; }
  @media screen and (min-width: 375px) {
    .wl-form__content {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-form__content {
      padding-left: 16px;
      padding-right: 16px; } }

.wl-form__item {
  margin-top: 16px;
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  width: calc(6 / 6 * 100%); }
  @media screen and (min-width: 375px) {
    .wl-form__item {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-form__item {
      margin-top: 32px; } }
  @media screen and (min-width: 375px) {
    .wl-form__item {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-form__item {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    .wl-form__item {
      width: calc(6 / 12 * 100%); } }
  @media (min-width: 768px) {
    .wl-form__item.fullWidth {
      width: calc(12 / 12 * 100%); } }
  .wl-form__item.autoWidth {
    width: auto; }
  .wl-form__item.is-hidden {
    display: none; }

.wl-form__headline {
  margin-top: 40px; }
  @media screen and (min-width: 375px) {
    .wl-form__headline {
      margin-top: calc(40px + 40 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-form__headline {
      margin-top: 80px; } }

.wl-form input[type=submit] {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
  background-color: var(--c-schemePrimary);
  color: var(--c-white);
  border-color: var(--c-schemePrimary); }
  @media screen and (min-width: 375px) {
    .wl-form input[type=submit] {
      font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-form input[type=submit] {
      font-size: 17px; } }
  .wl-form input[type=submit]:hover, .wl-form input[type=submit]:active, .wl-form input[type=submit]:focus {
    background-color: var(--c-schemeDarken);
    border-color: var(--c-schemeDarken); }
  .wl-form input[type=submit]:disabled, .wl-form input[type=submit].is-disabled {
    background-color: var(--c-text);
    color: var(--c-white);
    opacity: 0.5;
    pointer-events: none; }

.wl-form button[type=submit] {
  font-family: "Red Hat Display", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px 18px;
  border-radius: 22px;
  box-shadow: 2px 5px 6px var(--c-boxShaddow);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
  background-color: var(--c-schemePrimary);
  color: var(--c-white);
  border-color: var(--c-schemePrimary); }
  @media screen and (min-width: 375px) {
    .wl-form button[type=submit] {
      font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-form button[type=submit] {
      font-size: 17px; } }
  .wl-form button[type=submit]:hover, .wl-form button[type=submit]:active, .wl-form button[type=submit]:focus {
    background-color: var(--c-schemeDarken);
    border-color: var(--c-schemeDarken); }
  .wl-form button[type=submit]:disabled, .wl-form button[type=submit].is-disabled {
    background-color: var(--c-text);
    color: var(--c-white);
    opacity: 0.5;
    pointer-events: none; }

.wl-form--crm .wl-form__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-form--crm .wl-form__container {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .wl-form--crm .wl-form__container {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .wl-form--crm .wl-form__container {
      max-width: 1500px; } }
  @media (min-width: 1645px) {
    .wl-form--crm .wl-form__container {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .wl-form--crm .wl-form__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .wl-form--crm .wl-form__container {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .wl-form--crm .wl-form__container {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-form--crm .wl-form__container {
      padding-left: 32px;
      padding-right: 32px; } }

.wl-form--crm .wl-form__item input[type=text],
.wl-form--crm .wl-form__item input[type=email],
.wl-form--crm .wl-form__item input[type=checkbox],
.wl-form--crm .wl-form__item select {
  background-color: var(--c-white); }

.wl-formContainer .wl-form .wl-form__container {
  max-width: unset;
  width: unset; }

/*
 |--------------------------------------------------------------------------
 | .wl-enquiryForm
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/form/wlEnquiryForm';
 */
/*
 |--------
 | presets
 |--------
*/
:root {
  --wl-form-border: 0;
  --wl-form-borderRadius: 0;
  --wl-form-boxShadow: none!important;
  --wl-form-jb-background: none;
  --wl-form-jb-padding: 0; }

.wl-enquiryForm {
  position: relative;
  /* checkbox */ }
  .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm form {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .wl-enquiryForm form {
        width: calc(10 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .wl-enquiryForm form {
        width: calc(8 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .wl-enquiryForm form {
        width: calc(14 / 24 * 100%);
        margin-left: calc(4 / 24 * 100%); } }
  .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm .row {
        margin-left: -16px;
        margin-right: -16px; } }
    .wl-enquiryForm .row .col-sm-6,
    .wl-enquiryForm .row .col-md-12,
    .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-6,
        .wl-enquiryForm .row .col-md-12,
        .wl-enquiryForm .row .col-sm-12 {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-enquiryForm .row .col-sm-6,
        .wl-enquiryForm .row .col-md-12,
        .wl-enquiryForm .row .col-sm-12 {
          padding-left: 16px;
          padding-right: 16px; } }
    @media (min-width: 768px) {
      .wl-enquiryForm .row .col-sm-6 {
        width: calc(6 / 12 * 100%); } }
    @media (min-width: 768px) {
      .wl-enquiryForm .row .col-md-12 {
        width: calc(12 / 12 * 100%); } }
  .wl-enquiryForm textarea,
  .wl-enquiryForm input,
  .wl-enquiryForm select {
    border: var(--wl-border);
    border-radius: var(--wl-btnBorderRadius);
    box-shadow: var(--wl-form-boxShadow);
    height: auto;
    color: inherit;
    outline: none; }
  .wl-enquiryForm .jumbotron {
    background: var(--wl-form-jb-background);
    padding: var(--wl-form-jb-padding); }
    .wl-enquiryForm .jumbotron p {
      font-weight: normal; }
  .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 .control-label a {
    font-family: "Red Hat Display", sans-serif;
    line-height: 2.125;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s ease-out;
    color: var(--c-text); }
    .wl-enquiryForm .control-label a.is-disabled {
      pointer-events: none; }
    .wl-enquiryForm .control-label a:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 2px;
      left: 0;
      right: 0;
      border-bottom: 1px solid currentColor;
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
    .wl-enquiryForm .control-label a:hover:before, .wl-enquiryForm .control-label a:focus:before {
      transform: translate3d(0, 2px, 0); }
  .wl-enquiryForm .form-control {
    font-size: 14px; }
    @media (min-width: 375px) and (max-width: 1645px) {
      .wl-enquiryForm .form-control {
        font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .wl-enquiryForm .form-control {
        font-size: 18px; } }
  .wl-enquiryForm .form-group {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm .form-group {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm .form-group {
        margin-top: 32px; } }
  .wl-enquiryForm .glyphicon {
    display: none; }
  .wl-enquiryForm .qr-rooms {
    position: relative; }
    .wl-enquiryForm .qr-rooms .glyphicon-remove {
      display: block;
      position: absolute;
      right: 0;
      top: 17px;
      z-index: 2; }
      @media (min-width: 768px) {
        .wl-enquiryForm .qr-rooms .glyphicon-remove {
          top: 25px; } }
  .wl-enquiryForm label {
    font-family: "Red Hat Display", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal; }
    @media (min-width: 375px) and (max-width: 1645px) {
      .wl-enquiryForm label {
        font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .wl-enquiryForm label {
        font-size: 18px; } }
    .wl-enquiryForm label + * {
      margin-top: 4px; }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm label + * {
          margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-enquiryForm label + * {
          margin-top: 8px; } }
    .wl-enquiryForm label[data-required]:after {
      content: '*';
      color: var(--c-red); }
  .wl-enquiryForm input::-webkit-input-placeholder, .wl-enquiryForm input::-moz-placeholder, .wl-enquiryForm input::-ms-placeholder, .wl-enquiryForm input::placeholder {
    color: var(--c-text); }
  .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email], .wl-enquiryForm input.hasDatepicker {
    padding-top: 6.08px;
    padding-bottom: 6.08px;
    padding-right: 12px;
    padding-left: 12px;
    background: var(--c-beige);
    transition: outline-color .3s ease-out;
    outline: 1px solid var(--c-beige-darken);
    border-radius: 0; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email], .wl-enquiryForm input.hasDatepicker {
        padding-top: calc(6.08px + 6.08 * (100vw - 375px) / (1270));
        padding-bottom: calc(6.08px + 6.08 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email], .wl-enquiryForm input.hasDatepicker {
        padding-top: 12.16px;
        padding-bottom: 12.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) / (1270));
        padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm input[type=text], .wl-enquiryForm input[type=email], .wl-enquiryForm input.hasDatepicker {
        padding-right: 24px;
        padding-left: 24px; } }
    .wl-enquiryForm input[type=text]:focus, .wl-enquiryForm input[type=email]:focus, .wl-enquiryForm input.hasDatepicker:focus {
      outline: 1px solid var(--c-text); }
      .wl-enquiryForm input[type=text]:focus:invalid, .wl-enquiryForm input[type=email]:focus:invalid, .wl-enquiryForm input.hasDatepicker:focus:invalid {
        outline: 1px solid var(--c-red) !important; }
  .wl-enquiryForm select {
    --spacing-right: 8px;
    --icon-size: 11px;
    padding-top: 6.08px;
    padding-bottom: 6.08px;
    padding-left: 12px;
    padding-right: 24px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    outline: 1px solid var(--c-beige-darken);
    transition: outline-color .2s ease-out;
    background: var(--c-beige) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy42MzciIGhlaWdodD0iOC4yMzMiIHZpZXdCb3g9IjAgMCAxMy42MzcgOC4yMzMiPgogIDxwYXRoIGQ9Ik0wLDUuNCw1LjQsMGw1LjQsNS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4yMjMgNi44MTkpIHJvdGF0ZSgxODApIiBmaWxsPSJub25lIiBzdHJva2U9IiMyYjJiMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==) no-repeat calc(100% - var(--spacing-right)) center;
    background-size: var(--icon-size); }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select {
        --spacing-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm select {
        --spacing-right: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select {
        padding-top: calc(6.08px + 6.08 * (100vw - 375px) / (1270));
        padding-bottom: calc(6.08px + 6.08 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm select {
        padding-top: 12.16px;
        padding-bottom: 12.16px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select {
        padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm select {
        padding-left: 24px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select {
        padding-right: calc(24px + 24 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm select {
        padding-right: 48px; } }
    .wl-enquiryForm select:focus {
      outline: 1px solid var(--c-black);
      transition: outline-color .2s ease-out; }
      .wl-enquiryForm select:focus:invalid {
        outline: 1px solid var(--c-red) !important; }
    .wl-enquiryForm select:required:invalid {
      color: var(--c-text-lighten); }
  .wl-enquiryForm select,
  .wl-enquiryForm input.hasDatepicker {
    --spacing-right: 8px;
    --icon-size: 11px;
    padding-top: 6.08px;
    padding-bottom: 6.08px;
    padding-left: 12px;
    padding-right: 24px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    outline: 1px solid var(--c-beige-darken);
    transition: outline-color .2s ease-out;
    background: var(--c-beige) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy42MzciIGhlaWdodD0iOC4yMzMiIHZpZXdCb3g9IjAgMCAxMy42MzcgOC4yMzMiPgogIDxwYXRoIGQ9Ik0wLDUuNCw1LjQsMGw1LjQsNS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4yMjMgNi44MTkpIHJvdGF0ZSgxODApIiBmaWxsPSJub25lIiBzdHJva2U9IiMyYjJiMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==) no-repeat calc(100% - var(--spacing-right)) center;
    background-size: var(--icon-size); }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        --spacing-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        --spacing-right: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        padding-top: calc(6.08px + 6.08 * (100vw - 375px) / (1270));
        padding-bottom: calc(6.08px + 6.08 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        padding-top: 12.16px;
        padding-bottom: 12.16px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        padding-left: 24px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        padding-right: calc(24px + 24 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm select,
      .wl-enquiryForm input.hasDatepicker {
        padding-right: 48px; } }
    .wl-enquiryForm select:focus,
    .wl-enquiryForm input.hasDatepicker:focus {
      outline: 1px solid var(--c-black);
      transition: outline-color .2s ease-out; }
      .wl-enquiryForm select:focus:invalid,
      .wl-enquiryForm input.hasDatepicker:focus:invalid {
        outline: 1px solid var(--c-red) !important; }
    .wl-enquiryForm select:required:invalid,
    .wl-enquiryForm input.hasDatepicker:required:invalid {
      color: var(--c-text-lighten); }
  .wl-enquiryForm textarea {
    padding-top: 6.08px;
    padding-bottom: 6.08px;
    padding-right: 12px;
    padding-left: 12px;
    min-height: 120px;
    background: var(--c-beige);
    outline: 1px solid transparent;
    transition: outline-color .2s ease-out;
    resize: vertical; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm textarea {
        padding-top: calc(6.08px + 6.08 * (100vw - 375px) / (1270));
        padding-bottom: calc(6.08px + 6.08 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm textarea {
        padding-top: 12.16px;
        padding-bottom: 12.16px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm textarea {
        padding-right: calc(12px + 12 * (100vw - 375px) / (1270));
        padding-left: calc(12px + 12 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm textarea {
        padding-right: 24px;
        padding-left: 24px; } }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm textarea {
        min-height: calc(120px + 30 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm textarea {
        min-height: 150px; } }
    .wl-enquiryForm textarea:focus {
      outline: 1px solid var(--c-black);
      transition: outline-color .2s ease-out; }
  .wl-enquiryForm input[type=checkbox] {
    position: relative;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: var(--c-beige);
    margin-top: 0;
    margin-right: 16px;
    height: 22px;
    width: 22px;
    border-radius: 0;
    cursor: pointer;
    outline: 1px solid var(--c-beige-darken); }
    .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: 1px solid var(--c-text); }
      .wl-enquiryForm input[type=checkbox]:focus:invalid {
        outline: 1px solid var(--c-red) !important; }
    .wl-enquiryForm input[type=checkbox]#InsuranceId {
      margin-right: calc((8px * 2) - 4px); }
  .wl-enquiryForm .checkbox label {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm .checkbox label {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm .checkbox label {
        margin-top: 16px; } }
    @media (min-width: 768px) {
      .wl-enquiryForm .checkbox label {
        display: flex;
        align-items: center;
        flex-wrap: wrap; } }
    .wl-enquiryForm .checkbox label a {
      font-family: "Red Hat Display", sans-serif;
      line-height: 2.125;
      position: relative;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      text-decoration: none;
      transition: color 0.2s ease-out;
      color: var(--c-text);
      padding-right: 4px;
      padding-left: 4px; }
      .wl-enquiryForm .checkbox label a.is-disabled {
        pointer-events: none; }
      .wl-enquiryForm .checkbox label a:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        border-bottom: 1px solid currentColor;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      .wl-enquiryForm .checkbox label a:hover:before, .wl-enquiryForm .checkbox label a:focus:before {
        transform: translate3d(0, 2px, 0); }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .checkbox label a {
          padding-right: calc(4px + 4 * (100vw - 375px) / (1270));
          padding-left: calc(4px + 4 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-enquiryForm .checkbox label a {
          padding-right: 8px;
          padding-left: 8px; } }
  .wl-enquiryForm h3 {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 19.54547px;
    font-family: "Red Hat Display", sans-serif;
    font-family: "Red Hat Display", sans-serif;
    text-transform: uppercase;
    color: var(--c-grey);
    font-weight: bold; }
    @media (min-width: 375px) and (max-width: 1645px) {
      .wl-enquiryForm h3 {
        font-size: calc( 19.54547px + 15.82813 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .wl-enquiryForm h3 {
        font-size: 35.3736px; } }
  .wl-enquiryForm .qr-dates + div + h3 {
    margin-top: 56px; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm .qr-dates + div + h3 {
        margin-top: calc(56px + 56 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm .qr-dates + div + h3 {
        margin-top: 112px; } }
  .wl-enquiryForm .qr-personal-data + h3,
  .wl-enquiryForm .qr-additional + h3 {
    margin-top: 20px; }
    @media screen and (min-width: 375px) {
      .wl-enquiryForm .qr-personal-data + h3,
      .wl-enquiryForm .qr-additional + h3 {
        margin-top: calc(20px + 20 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-enquiryForm .qr-personal-data + h3,
      .wl-enquiryForm .qr-additional + h3 {
        margin-top: 40px; } }
  .wl-enquiryForm .btn {
    border-radius: var(--wl-btnBorderRadius); }
    .wl-enquiryForm .btn.btn-primary {
      margin-bottom: 16px; }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .btn.btn-primary {
          margin-bottom: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-enquiryForm .btn.btn-primary {
          margin-bottom: 32px; } }
    .wl-enquiryForm .btn.btn-default {
      font-family: "Red Hat Display", sans-serif;
      line-height: 2.125;
      position: relative;
      display: inline-flex;
      flex-wrap: wrap;
      text-align: center;
      text-decoration: none;
      transition: color 0.2s ease-out;
      color: var(--c-text);
      background-color: transparent;
      border: none;
      padding: 0;
      outline: none;
      box-shadow: none; }
      .wl-enquiryForm .btn.btn-default.is-disabled {
        pointer-events: none; }
      .wl-enquiryForm .btn.btn-default:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        border-bottom: 1px solid currentColor;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      .wl-enquiryForm .btn.btn-default:hover:before, .wl-enquiryForm .btn.btn-default:focus:before {
        transform: translate3d(0, 2px, 0); }
      .wl-enquiryForm .btn.btn-default .glyphicon.glyphicon-plus {
        display: none; }
    .wl-enquiryForm .btn.btn-primary {
      font-family: "Red Hat Display", sans-serif;
      font-size: 14px;
      font-weight: 400;
      padding: 7px 18px;
      border-radius: 22px;
      box-shadow: 2px 5px 6px var(--c-boxShaddow);
      border-width: 1px;
      border-style: solid;
      text-align: center;
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      text-transform: uppercase;
      text-decoration: none;
      transition: background-color .3s ease-out, border-color .3s ease-out;
      background-color: var(--c-schemePrimary);
      color: var(--c-white);
      border-color: var(--c-schemePrimary);
      outline: none; }
      @media screen and (min-width: 375px) {
        .wl-enquiryForm .btn.btn-primary {
          font-size: calc(14px + 3 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-enquiryForm .btn.btn-primary {
          font-size: 17px; } }
      .wl-enquiryForm .btn.btn-primary:hover, .wl-enquiryForm .btn.btn-primary:active, .wl-enquiryForm .btn.btn-primary:focus {
        background-color: var(--c-schemeDarken);
        border-color: var(--c-schemeDarken); }
      .wl-enquiryForm .btn.btn-primary:disabled, .wl-enquiryForm .btn.btn-primary.is-disabled {
        background-color: var(--c-text);
        color: var(--c-white);
        opacity: 0.5;
        pointer-events: none; }

/* Date Picker */
.datepicker-dropdown {
  margin-top: var(--body-offset-top); }
  .datepicker-dropdown table tr td.active.active {
    background: var(--c-schemePrimary); }

/*
 |--------------------------------------------------------------------------
 | .wl-objectAdditionalServiceCard
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/object/additionalServiceCard';
 */
.wl-objectAdditionalServiceCard {
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  transition-property: transform, opacity;
  z-index: 0; }
  .wl-objectAdditionalServiceCard.swiper-slide-active {
    z-index: 1; }
  @media screen and (min-width: 375px) {
    .wl-objectAdditionalServiceCard {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-objectAdditionalServiceCard {
      padding-left: 16px;
      padding-right: 16px; } }
  .wl-objectAdditionalServiceCard__wrapper {
    position: relative; }
  .wl-objectAdditionalServiceCard__desktopContent {
    padding-right: 28px;
    padding-left: 28px;
    padding-top: 24px;
    padding-bottom: 24px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: var(--c-white); }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceCard__desktopContent {
        padding-right: calc(28px + 28 * (100vw - 375px) / (1270));
        padding-left: calc(28px + 28 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceCard__desktopContent {
        padding-right: 56px;
        padding-left: 56px; } }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceCard__desktopContent {
        padding-top: calc(24px + 24 * (100vw - 375px) / (1270));
        padding-bottom: calc(24px + 24 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceCard__desktopContent {
        padding-top: 48px;
        padding-bottom: 48px; } }
    @media (min-width: 1440px) {
      .wl-objectAdditionalServiceCard__desktopContent {
        max-width: 70%; } }
  .wl-objectAdditionalServiceCard__duration {
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceCard__duration {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceCard__duration {
        margin-top: 8px; } }
  .wl-objectAdditionalServiceCard__icon {
    margin-right: 4px; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceCard__icon {
        margin-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceCard__icon {
        margin-right: 8px; } }
  .wl-objectAdditionalServiceCard__description {
    display: none; }
    @media (min-width: 768px) {
      .wl-objectAdditionalServiceCard__description {
        margin-top: 4px;
        display: block; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .wl-objectAdditionalServiceCard__description {
      margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .wl-objectAdditionalServiceCard__description {
      margin-top: 8px; } }
  .wl-objectAdditionalServiceCard__linkWrapper {
    margin-top: 8px;
    display: none; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceCard__linkWrapper {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceCard__linkWrapper {
        margin-top: 16px; } }
    @media (min-width: 768px) {
      .wl-objectAdditionalServiceCard__linkWrapper {
        display: block; } }
  .wl-objectAdditionalServiceCard__mobileContent {
    margin-top: 8px;
    display: block; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceCard__mobileContent {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceCard__mobileContent {
        margin-top: 16px; } }
    @media (min-width: 768px) {
      .wl-objectAdditionalServiceCard__mobileContent {
        display: none; } }
  .wl-objectAdditionalServiceCard__mobileLink {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceCard__mobileLink {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceCard__mobileLink {
        margin-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-objectAdditionalServiceTab
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/object/additionalServiceTab';
 */
.wl-objectAdditionalServiceTab {
  width: calc(1 / 3 * 100%);
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 4px;
  padding-right: 4px; }
  @media screen and (min-width: 375px) {
    .wl-objectAdditionalServiceTab {
      padding-left: calc(4px + 4 * (100vw - 375px) / (1270));
      padding-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-objectAdditionalServiceTab {
      padding-left: 8px;
      padding-right: 8px; } }
  @media (min-width: 768px) {
    .wl-objectAdditionalServiceTab {
      margin-top: 8px;
      width: 100%; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .wl-objectAdditionalServiceTab {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .wl-objectAdditionalServiceTab {
      margin-top: 16px; } }
  .wl-objectAdditionalServiceTab:hover {
    cursor: pointer; }
  @media (min-width: 768px) {
    .wl-objectAdditionalServiceTab:first-child {
      margin-top: 0; } }
  .wl-objectAdditionalServiceTab__wrapper {
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 15px;
    background: var(--c-beige);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 85px;
    transition: background-color .3s ease-in-out; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceTab__wrapper {
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceTab__wrapper {
        padding-right: 16px;
        padding-left: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceTab__wrapper {
        padding-top: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceTab__wrapper {
        padding-top: 16px;
        padding-bottom: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceTab__wrapper {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceTab__wrapper {
        border-radius: 25px; } }
    @media (min-width: 768px) {
      .wl-objectAdditionalServiceTab__wrapper {
        padding-right: 16px;
        padding-left: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
        flex-direction: row; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .wl-objectAdditionalServiceTab__wrapper {
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .wl-objectAdditionalServiceTab__wrapper {
      padding-right: 32px;
      padding-left: 32px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .wl-objectAdditionalServiceTab__wrapper {
      padding-top: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-bottom: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .wl-objectAdditionalServiceTab__wrapper {
      padding-top: 32px;
      padding-bottom: 32px; } }
  .wl-objectAdditionalServiceTab__icon {
    width: 30px; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceTab__icon {
        width: calc(30px + 35 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceTab__icon {
        width: 65px; } }
    @media (min-width: 768px) {
      .wl-objectAdditionalServiceTab__icon {
        margin-right: 4px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .wl-objectAdditionalServiceTab__icon {
      margin-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .wl-objectAdditionalServiceTab__icon {
      margin-right: 8px; } }
  .wl-objectAdditionalServiceTab__caption {
    margin-top: 8px;
    font-size: 11px;
    text-align: center;
    transition: color .3s ease-in-out; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServiceTab__caption {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServiceTab__caption {
        margin-top: 16px; } }
    @media (min-width: 375px) {
      .wl-objectAdditionalServiceTab__caption {
        font-size: 12px; } }
    @media (min-width: 768px) {
      .wl-objectAdditionalServiceTab__caption {
        font-size: 14px;
        flex-basis: 50%;
        margin-top: 0;
        text-align: left; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .wl-objectAdditionalServiceTab__caption {
      font-size: calc(14px + 4 * (100vw - 768px) / (877)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .wl-objectAdditionalServiceTab__caption {
      font-size: 18px; } }
  .wl-objectAdditionalServiceTab.is-active .wl-objectAdditionalServiceTab__wrapper {
    background: var(--c-schemePrimary); }
  .wl-objectAdditionalServiceTab.is-active .wl-objectAdditionalServiceTab__caption {
    color: var(--c-beige); }

/*
 |--------------------------------------------------------------------------
 | .wl-objectAdditionalServices
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/object/additionalServices';
 */
.wl-objectAdditionalServices {
  margin-top: 76px; }
  @media screen and (min-width: 375px) {
    .wl-objectAdditionalServices {
      margin-top: calc(76px + 76 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-objectAdditionalServices {
      margin-top: 152px; } }
  .wl-objectAdditionalServices__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-objectAdditionalServices__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .wl-objectAdditionalServices__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .wl-objectAdditionalServices__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .wl-objectAdditionalServices__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .wl-objectAdditionalServices__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .wl-objectAdditionalServices__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServices__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServices__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .wl-objectAdditionalServices__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;
    position: relative;
    justify-content: center; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServices__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServices__row {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 768px) {
      .wl-objectAdditionalServices__row {
        justify-content: unset; } }
  .wl-objectAdditionalServices__headlines {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServices__headlines {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServices__headlines {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 768px) {
      .wl-objectAdditionalServices__headlines {
        margin-left: calc(1 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .wl-objectAdditionalServices__headlines {
        margin-left: calc(3 / 24 * 100%); } }
  .wl-objectAdditionalServices__headline {
    margin-top: 4px; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServices__headline {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServices__headline {
        margin-top: 8px; } }
  .wl-objectAdditionalServices__slider {
    width: calc(6 / 6 * 100%); }
    @media (min-width: 768px) {
      .wl-objectAdditionalServices__slider {
        margin-left: calc(1 / 12 * 100%);
        width: calc(7 / 12 * 100%); } }
    @media (min-width: 1024px) {
      .wl-objectAdditionalServices__slider {
        width: calc(8 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .wl-objectAdditionalServices__slider {
        width: calc(14 / 24 * 100%);
        margin-left: calc(3 / 24 * 100%); } }
  .wl-objectAdditionalServices__sliderTabs {
    margin-top: 16px;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServices__sliderTabs {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServices__sliderTabs {
        margin-top: 32px; } }
    @media (min-width: 768px) {
      .wl-objectAdditionalServices__sliderTabs {
        width: calc(4 / 12 * 100%);
        left: calc(7 / 12 * 100%);
        position: absolute;
        flex-direction: column;
        align-items: flex-start;
        bottom: -50px;
        margin-top: 0; } }
    @media (min-width: 1024px) {
      .wl-objectAdditionalServices__sliderTabs {
        width: calc(3 / 12 * 100%);
        left: calc(8 / 12 * 100%); } }
    @media (min-width: 1440px) {
      .wl-objectAdditionalServices__sliderTabs {
        left: calc(31 / 48 * 100%); } }
  .wl-objectAdditionalServices__sliderWrapper {
    z-index: 0;
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .wl-objectAdditionalServices__sliderWrapper {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectAdditionalServices__sliderWrapper {
        margin-top: 32px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-objectMap
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/object/map';
 */
.wl-objectMap {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .wl-objectMap {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .wl-objectMap {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .wl-objectMap {
      max-width: 1500px; } }
  @media (min-width: 1645px) {
    .wl-objectMap {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .wl-objectMap {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .wl-objectMap {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .wl-objectMap {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-objectMap {
      padding-left: 32px;
      padding-right: 32px; } }
  .wl-objectMap__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-objectMap__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectMap__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .wl-objectMap__wrapper {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    width: calc(6 / 6 * 100%);
    border-radius: 15px;
    position: relative;
    display: block;
    --offset: ;
    --offsetTopLeft: ;
    --offset: 17px;
    --offsetTopLeft: -17px;
    --offset: 17px;
    margin-right: var(--offset);
    margin-bottom: var(--offset);
    background: var(--c-beige);
    padding-top: 100%; }
    @media screen and (min-width: 375px) {
      .wl-objectMap__wrapper {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectMap__wrapper {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-objectMap__wrapper {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectMap__wrapper {
        border-radius: 25px; } }
    .wl-objectMap__wrapper:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background-color: var(--c-schemeAccent);
      z-index: -1; }
    @media screen and (min-width: 375px) {
      .wl-objectMap__wrapper {
        --offset: calc(17px + 13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectMap__wrapper {
        --offset: 30px; } }
    @media screen and (min-width: 375px) {
      .wl-objectMap__wrapper {
        --offsetTopLeft: calc(-17px + -13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectMap__wrapper {
        --offsetTopLeft: -30px; } }
    @media screen and (min-width: 375px) {
      .wl-objectMap__wrapper {
        --offset: calc(17px + 13 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectMap__wrapper {
        --offset: 30px; } }
    .wl-objectMap__wrapper:after {
      left: var(--offset);
      top: var(--offset); }
    @media (min-width: 768px) {
      .wl-objectMap__wrapper {
        width: calc(8 / 12 * 100%);
        margin-left: calc(2 / 12 * 100%);
        padding-top: 40%; } }
  .wl-objectMap__gmap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px; }
    @media screen and (min-width: 375px) {
      .wl-objectMap__gmap {
        border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-objectMap__gmap {
        border-radius: 25px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-priceBadge
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/price/badge';
 */
.wl-priceBadge {
  width: 94px;
  height: 94px;
  background: var(--c-schemePrimary);
  border-radius: 50%;
  color: var(--c-white);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  text-align: center; }
  @media screen and (min-width: 375px) {
    .wl-priceBadge {
      width: calc(94px + 112 * (100vw - 375px) / (1270));
      height: calc(94px + 112 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-priceBadge {
      width: 206px;
      height: 206px; } }
  .wl-priceBadge__text {
    font-family: "Red Hat Display", sans-serif;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px; }
    @media screen and (min-width: 375px) {
      .wl-priceBadge__text {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-priceBadge__text {
        padding-left: 32px;
        padding-right: 32px; } }
  .wl-priceBadge__value {
    font-family: "Red Hat Display", sans-serif;
    font-size: 23.09433px;
    font-weight: 700; }
    @media (min-width: 375px) and (max-width: 1645px) {
      .wl-priceBadge__value {
        font-size: calc( 23.09433px + 26.49437 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .wl-priceBadge__value {
        font-size: 49.5887px; } }
  .wl-priceBadge__text +
.wl-priceBadge__value {
    margin-top: 4px; }
    @media screen and (min-width: 375px) {
      .wl-priceBadge__text +
.wl-priceBadge__value {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-priceBadge__text +
.wl-priceBadge__value {
        margin-top: 8px; } }
  .wl-priceBadge__value +
.wl-priceBadge__text {
    margin-top: 4px; }
    @media screen and (min-width: 375px) {
      .wl-priceBadge__value +
.wl-priceBadge__text {
        margin-top: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-priceBadge__value +
.wl-priceBadge__text {
        margin-top: 8px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-priceTextCta
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/price/textCta';
 */
.wl-priceTextCta {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap; }
  @media (min-width: 1645px) {
    .wl-priceTextCta {
      flex-wrap: nowrap; } }
  .wl-priceTextCta__price {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: 0px;
    margin-right: 0px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    align-items: baseline;
    flex-wrap: nowrap; }
    @media screen and (min-width: 375px) {
      .wl-priceTextCta__price {
        margin-left: calc(0px + 0 * (100vw - 375px) / (1270));
        margin-right: calc(0px + 0 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-priceTextCta__price {
        margin-left: 0px;
        margin-right: 0px; } }
  .wl-priceTextCta__value {
    font-size: 21.24593px;
    font-family: "Red Hat Display", sans-serif;
    color: var(--c-schemePrimary);
    flex-shrink: 0;
    font-weight: 700; }
    @media (min-width: 375px) and (max-width: 1645px) {
      .wl-priceTextCta__value {
        font-size: calc( 21.24593px + 20.63642 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .wl-priceTextCta__value {
        font-size: 41.88235px; } }
  .wl-priceTextCta__from {
    font-size: 14px;
    color: var(--c-text);
    font-weight: 400; }
    @media (min-width: 375px) and (max-width: 1645px) {
      .wl-priceTextCta__from {
        font-size: calc( 14px + 4 * ( ( 100vw - 375px) / 1270 )); } }
    @media (min-width: 1645px) {
      .wl-priceTextCta__from {
        font-size: 18px; } }
  .wl-priceTextCta__label {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    font-family: "Red Hat Display", sans-serif; }
    @media screen and (min-width: 375px) {
      .wl-priceTextCta__label {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-priceTextCta__label {
        padding-left: 16px;
        padding-right: 16px; } }
  .wl-priceTextCta__cta {
    margin-top: 8px;
    width: 100%;
    flex-shrink: 0; }
    @media screen and (min-width: 375px) {
      .wl-priceTextCta__cta {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-priceTextCta__cta {
        margin-top: 16px; } }
    @media (min-width: 1645px) {
      .wl-priceTextCta__cta {
        margin-top: 0;
        width: auto; } }

/*
 |--------------------------------------------------------------------------
 | .wl-roomCardBig
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/room/cardBig';
 */
.wl-roomCardBig {
  border-radius: 15px;
  background: var(--c-beige);
  overflow: hidden;
  width: 100%; }
  @media screen and (min-width: 375px) {
    .wl-roomCardBig {
      border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomCardBig {
      border-radius: 25px; } }
  .wl-roomCardBig.is-hidden {
    display: none; }
  .wl-roomCardBig__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-roomCardBig__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardBig__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .wl-roomCardBig__teaser {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .wl-roomCardBig__teaser {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardBig__teaser {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .wl-roomCardBig__teaser {
        width: calc(5 / 10 * 100%);
        order: 1; }
        .wl-roomCardBig__teaser .wl-roomCardBig__row {
          height: 100%; } }
  .wl-roomCardBig__content {
    width: calc(5 / 5 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px; }
    @media screen and (min-width: 375px) {
      .wl-roomCardBig__content {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardBig__content {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-width: 1024px) {
      .wl-roomCardBig__content {
        width: calc(17 / 20 * 100%);
        margin-left: calc(1 / 10 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardBig__content {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardBig__content {
      padding-left: 16px;
      padding-right: 16px; } }
  .wl-roomCardBig__details {
    width: calc(6 / 6 * 100%);
    background: var(--c-beige);
    position: relative; }
    @media (min-width: 1024px) {
      .wl-roomCardBig__details {
        width: calc(5 / 10 * 100%);
        padding-left: 8px;
        order: 2; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardBig__details {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardBig__details {
      padding-left: 16px; } }
  .wl-roomCardBig__images {
    height: 100%; }
  .wl-roomCardBig__slider {
    overflow: hidden;
    height: 100%; }
  .wl-roomCardBig__slides {
    width: auto;
    /*margin-left: $spacing;
  margin-right: $spacing;*/
    margin-left: 0px;
    margin-right: 0px;
    flex-flow: row wrap;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap; }
    @media screen and (min-width: 375px) {
      .wl-roomCardBig__slides {
        margin-left: calc(0px + 0 * (100vw - 375px) / (1270));
        margin-right: calc(0px + 0 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardBig__slides {
        margin-left: 0px;
        margin-right: 0px; } }
  .wl-roomCardBig__slide {
    width: calc(12 / 12 * 100%); }
  .wl-roomCardBig__controls {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2; }
    @media screen and (min-width: 375px) {
      .wl-roomCardBig__controls {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardBig__controls {
        padding-left: 16px;
        padding-right: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-roomCardBig__controls {
        padding-bottom: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardBig__controls {
        padding-bottom: 16px; } }
  .wl-roomCardBig__features {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: calc(100% - 60px);
    z-index: 1; }
    @media screen and (min-width: 375px) {
      .wl-roomCardBig__features {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardBig__features {
        padding-left: 16px;
        padding-right: 16px; } }

/*
 |--------------------------------------------------------------------------
 | .wl-roomCardSlider
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/room/cardSlider';
 */
.wl-roomCardSlider {
  height: auto; }
  .wl-roomCardSlider__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;
    flex-direction: column; }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__row {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 1024px) {
      .wl-roomCardSlider__row {
        align-items: stretch;
        flex-direction: row;
        height: 100%; } }
  .wl-roomCardSlider__teaser {
    width: calc(6 / 6 * 100%);
    position: relative;
    opacity: 0;
    transition: opacity 0.3s 0.15s ease-in-out; }
    @media (min-width: 768px) {
      .wl-roomCardSlider__teaser {
        width: calc(5 / 6 * 100%); } }
    @media (min-width: 1024px) {
      .wl-roomCardSlider__teaser {
        width: calc(7 / 12 * 100%);
        margin-left: calc(1 / 12 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px;
        order: 2; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardSlider__teaser {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardSlider__teaser {
      padding-left: 16px;
      padding-right: 16px; } }
    @media (min-width: 1645px) {
      .wl-roomCardSlider__teaser {
        width: calc(13 / 20 * 100%);
        margin-left: calc(2 / 20 * 100%); } }
    .swiper-slide-active .wl-roomCardSlider__teaser {
      transition: opacity 0.3s ease-in-out;
      opacity: 1; }
  .wl-roomCardSlider__content {
    width: calc(6 / 6 * 100%);
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px; }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__content {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__content {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__content {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__content {
        margin-top: 64px; } }
    @media (min-width: 768px) {
      .wl-roomCardSlider__content {
        width: calc(5 / 6 * 100%); } }
    @media (min-width: 1024px) {
      .wl-roomCardSlider__content {
        width: calc(4 / 12 * 100%);
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 0;
        padding-bottom: 35px;
        order: 1; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardSlider__content {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardSlider__content {
      padding-left: 16px;
      padding-right: 16px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardSlider__content {
      padding-bottom: calc(35px + 25 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardSlider__content {
      padding-bottom: 60px; } }
    @media (min-width: 1645px) {
      .wl-roomCardSlider__content {
        width: calc(5 / 20 * 100%); } }
  @media (min-width: 1024px) {
    .wl-roomCardSlider__image {
      padding-right: calc(1/13 * 100%);
      height: 100%; } }
  .wl-roomCardSlider__infos {
    position: absolute;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    top: 0;
    left: 0; }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__infos {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__infos {
        padding-left: 32px;
        padding-right: 32px; } }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__infos {
        padding-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__infos {
        padding-top: 32px; } }
    @media (min-width: 1024px) {
      .wl-roomCardSlider__infos {
        max-width: calc(100% - 300px);
        /* linebreak fix */ } }
  .wl-roomCardSlider__badge {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate3d(0, 50%, 0); }
    @media (min-width: 768px) {
      .wl-roomCardSlider__badge {
        right: -16px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .wl-roomCardSlider__badge {
      right: calc(-16px + -16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .wl-roomCardSlider__badge {
      right: -32px; } }
    @media (min-width: 1024px) {
      .wl-roomCardSlider__badge {
        margin-bottom: 32px;
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 8px;
        padding-right: 8px;
        transform: none;
        right: 0; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardSlider__badge {
      margin-bottom: calc(32px + 32 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardSlider__badge {
      margin-bottom: 64px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardSlider__badge {
      padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
      padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardSlider__badge {
      padding-left: 16px;
      padding-right: 16px; } }
  .wl-roomCardSlider__headline {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__headline {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__headline {
        padding-left: 16px;
        padding-right: 16px; } }
  .wl-roomCardSlider__features {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__features {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__features {
        margin-top: 16px; } }
  .wl-roomCardSlider__description {
    opacity: 0;
    transition: opacity 0.3s ease-in-out; }
    @media (min-width: 1024px) {
      .wl-roomCardSlider__description {
        padding-bottom: 16px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardSlider__description {
      padding-bottom: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardSlider__description {
      padding-bottom: 32px; } }
    .swiper-slide-active .wl-roomCardSlider__description {
      transition: opacity 0.3s 0.3s ease-in-out;
      opacity: 1; }
  .wl-roomCardSlider__inclusivesHeadline {
    margin-top: 16px; }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__inclusivesHeadline {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__inclusivesHeadline {
        margin-top: 32px; } }
  .wl-roomCardSlider__ctas {
    margin-top: 32px; }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__ctas {
        margin-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__ctas {
        margin-top: 64px; } }
    @media (min-width: 1024px) {
      .wl-roomCardSlider__ctas {
        position: absolute;
        top: 0;
        right: calc(1 / 20 * 100%);
        padding-top: 8px;
        /*padding-left: $spacing;
  padding-right: $spacing;*/
        padding-left: 16px;
        padding-right: 16px;
        text-align: right;
        margin-top: 0; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardSlider__ctas {
      padding-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardSlider__ctas {
      padding-top: 16px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomCardSlider__ctas {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomCardSlider__ctas {
      padding-left: 32px;
      padding-right: 32px; } }
  .wl-roomCardSlider__cta {
    margin-top: 8px; }
    @media screen and (min-width: 375px) {
      .wl-roomCardSlider__cta {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomCardSlider__cta {
        margin-top: 16px; } }
  @media (min-width: 1024px) {
    .wl-roomCardSlider .wl-roomCardSlider__linkSecondary {
      color: var(--c-white);
      border-color: var(--c-white); } }

/*
 |--------------------------------------------------------------------------
 | .wl-roomContent
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/room/content';
 */
.wl-roomContent__bottom {
  margin-top: 16px;
  padding-bottom: 24px; }
  @media screen and (min-width: 375px) {
    .wl-roomContent__bottom {
      margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomContent__bottom {
      margin-top: 32px; } }
  @media screen and (min-width: 375px) {
    .wl-roomContent__bottom {
      padding-bottom: calc(24px + 24 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomContent__bottom {
      padding-bottom: 48px; } }

.wl-roomContent__headline {
  margin-top: 28px; }
  @media screen and (min-width: 375px) {
    .wl-roomContent__headline {
      margin-top: calc(28px + 28 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomContent__headline {
      margin-top: 56px; } }

.wl-roomContent__subline {
  margin-top: 12px; }
  @media screen and (min-width: 375px) {
    .wl-roomContent__subline {
      margin-top: calc(12px + 12 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomContent__subline {
      margin-top: 24px; } }

.wl-roomContent__text {
  margin-top: 8px; }
  @media screen and (min-width: 375px) {
    .wl-roomContent__text {
      margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomContent__text {
      margin-top: 16px; } }

.wl-roomContent--stretch {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

/*
 |--------------------------------------------------------------------------
 | .wl-roomFeatures
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/room/features';
 */
.wl-roomFeatures {
  color: var(--c-white);
  display: flex;
  flex-wrap: wrap;
  /*padding-left: $spacing;
  padding-right: $spacing;*/
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 8px; }
  @media screen and (min-width: 375px) {
    .wl-roomFeatures {
      padding-left: calc(4px + 4 * (100vw - 375px) / (1270));
      padding-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomFeatures {
      padding-left: 8px;
      padding-right: 8px; } }
  @media screen and (min-width: 375px) {
    .wl-roomFeatures {
      padding-bottom: calc(8px + 8 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomFeatures {
      padding-bottom: 16px; } }
  .wl-roomFeatures__feature {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 4px;
    padding-right: 4px;
    flex-shrink: 0; }
    @media screen and (min-width: 375px) {
      .wl-roomFeatures__feature {
        padding-left: calc(4px + 4 * (100vw - 375px) / (1270));
        padding-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomFeatures__feature {
        padding-left: 8px;
        padding-right: 8px; } }
  .wl-roomFeatures__textIcon {
    display: inline-flex; }
  .wl-roomFeatures__icon {
    margin-right: 4px; }
    @media screen and (min-width: 375px) {
      .wl-roomFeatures__icon {
        margin-right: calc(4px + 4 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomFeatures__icon {
        margin-right: 8px; } }
  .wl-roomFeatures__value {
    font-family: "Red Hat Display", sans-serif; }
  .wl-roomFeatures__roomplanItems, .wl-roomFeatures__galleryItems {
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden; }

/*
 |--------------------------------------------------------------------------
 | .wl-roomOverview
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/room/overview';
 */
.wl-roomOverview {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .wl-roomOverview {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .wl-roomOverview {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .wl-roomOverview {
      max-width: 1500px; } }
  @media (min-width: 1645px) {
    .wl-roomOverview {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .wl-roomOverview {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .wl-roomOverview {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .wl-roomOverview {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomOverview {
      padding-left: 32px;
      padding-right: 32px; } }
  .wl-roomOverview__rooms {
    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-roomOverview__rooms {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomOverview__rooms {
        margin-left: -16px;
        margin-right: -16px; } }
    .wl-roomOverview__rooms > div {
      width: calc(6 / 6 * 100%);
      /*padding-left: $spacing;
  padding-right: $spacing;*/
      padding-left: 8px;
      padding-right: 8px;
      margin-top: 16px; }
      @media screen and (min-width: 375px) {
        .wl-roomOverview__rooms > div {
          padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
          padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-roomOverview__rooms > div {
          padding-left: 16px;
          padding-right: 16px; } }
      @media screen and (min-width: 375px) {
        .wl-roomOverview__rooms > div {
          margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-roomOverview__rooms > div {
          margin-top: 32px; } }
      @media (min-width: 768px) {
        .wl-roomOverview__rooms > div {
          width: calc(10 / 12 * 100%);
          margin-left: calc(1 / 12 * 100%); } }

/*
 |--------------------------------------------------------------------------
 | .wl-roomSlider
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/room/slider';
 */
.wl-roomSlider {
  overflow: hidden; }
  .wl-roomSlider__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-roomSlider__container {
        max-width: 800px; } }
    @media (min-width: 1024px) {
      .wl-roomSlider__container {
        max-width: 1200px; } }
    @media (min-width: 1440px) {
      .wl-roomSlider__container {
        max-width: 1500px; } }
    @media (min-width: 1645px) {
      .wl-roomSlider__container {
        --maxWidthGap: ;
        --maxWidthGap: 16px;
        max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .wl-roomSlider__container {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .wl-roomSlider__container {
      --maxWidthGap: 32px; } }
    @media screen and (min-width: 375px) {
      .wl-roomSlider__container {
        padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
        padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomSlider__container {
        padding-left: 32px;
        padding-right: 32px; } }
  .wl-roomSlider__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-roomSlider__row {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomSlider__row {
        margin-left: -16px;
        margin-right: -16px; } }
  .wl-roomSlider__content {
    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) {
      .wl-roomSlider__content {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomSlider__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1645px) {
      .wl-roomSlider__content {
        width: calc(20 / 24 * 100%);
        margin-left: calc(3 / 24 * 100%); } }
  .wl-roomSlider__rooms {
    width: calc(6 / 6 * 100%);
    margin-top: 16px;
    padding-bottom: 32px;
    position: relative; }
    @media screen and (min-width: 375px) {
      .wl-roomSlider__rooms {
        margin-top: calc(16px + 16 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomSlider__rooms {
        margin-top: 32px; } }
    @media screen and (min-width: 375px) {
      .wl-roomSlider__rooms {
        padding-bottom: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomSlider__rooms {
        padding-bottom: 64px; } }
    @media (min-width: 1024px) {
      .wl-roomSlider__rooms {
        padding-top: 32px;
        margin-top: -16px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomSlider__rooms {
      padding-top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomSlider__rooms {
      padding-top: 64px; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomSlider__rooms {
      margin-top: calc(-16px + -16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomSlider__rooms {
      margin-top: -32px; } }
    @media (min-width: 1645px) {
      .wl-roomSlider__rooms {
        width: calc(20 / 24 * 100%);
        margin-left: calc(3 / 24 * 100%); } }
    .wl-roomSlider__rooms::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      border-radius: 15px;
      right: 16px;
      background: var(--c-beige); }
      @media screen and (min-width: 375px) {
        .wl-roomSlider__rooms::before {
          border-radius: calc(15px + 10 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-roomSlider__rooms::before {
          border-radius: 25px; } }
      @media screen and (min-width: 375px) {
        .wl-roomSlider__rooms::before {
          right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-roomSlider__rooms::before {
          right: 32px; } }
      @media (min-width: 768px) {
        .wl-roomSlider__rooms::before {
          top: 32px; } }
  @media screen and (min-width: 768px) and (min-width: 375px) {
    .wl-roomSlider__rooms::before {
      top: calc(32px + 32 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 768px) and (min-width: 1645px) {
    .wl-roomSlider__rooms::before {
      top: 64px; } }
      @media (min-width: 1024px) {
        .wl-roomSlider__rooms::before {
          left: unset;
          top: 0;
          right: calc(11 / 20 * 100%);
          width: 50vw;
          border-bottom-left-radius: 0;
          border-top-left-radius: 0; } }
      @media (min-width: 1024px) {
        .wl-roomSlider__rooms::before {
          right: calc(6 / 12 * 100%); } }
      @media (min-width: 1645px) {
        .wl-roomSlider__rooms::before {
          right: calc(11 / 20 * 100%); } }
  .wl-roomSlider__slider {
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    /* box-shadow fix (ctas) */
    overflow: hidden; }
    @media screen and (min-width: 375px) {
      .wl-roomSlider__slider {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomSlider__slider {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 1024px) {
      .wl-roomSlider__slider {
        padding-bottom: 4px;
        /* box-shadow fix (slider controls) */ } }
  .wl-roomSlider__controls {
    position: absolute;
    right: 0;
    width: 35px;
    padding-bottom: 32px;
    bottom: 0;
    z-index: 1; }
    @media screen and (min-width: 375px) {
      .wl-roomSlider__controls {
        width: calc(35px + 25 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomSlider__controls {
        width: 60px; } }
    @media screen and (min-width: 375px) {
      .wl-roomSlider__controls {
        padding-bottom: calc(32px + 32 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomSlider__controls {
        padding-bottom: 64px; } }
    @media (min-width: 1024px) {
      .wl-roomSlider__controls {
        position: relative;
        padding-bottom: 0;
        margin-top: -35px;
        width: auto; } }
  @media screen and (min-width: 1024px) and (min-width: 375px) {
    .wl-roomSlider__controls {
      margin-top: calc(-35px + -25 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1024px) and (min-width: 1645px) {
    .wl-roomSlider__controls {
      margin-top: -60px; } }
    .wl-roomSlider__controls .c-sliderControls__next {
      margin-top: 8px;
      padding-bottom: 8px;
      /* box-shadow fix (ctas) */ }
      @media screen and (min-width: 375px) {
        .wl-roomSlider__controls .c-sliderControls__next {
          margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .wl-roomSlider__controls .c-sliderControls__next {
          margin-top: 16px; } }
      @media (min-width: 1024px) {
        .wl-roomSlider__controls .c-sliderControls__next {
          margin-top: 0;
          padding-bottom: 0; } }

/*
 |--------------------------------------------------------------------------
 | .wl-roomTabs
 |--------------------------------------------------------------------------
 _components.scss: @import '../../templates/websline/room/tabs';
 */
.wl-roomTabs {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 375px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 768px) {
    .wl-roomTabs {
      max-width: 800px; } }
  @media (min-width: 1024px) {
    .wl-roomTabs {
      max-width: 1200px; } }
  @media (min-width: 1440px) {
    .wl-roomTabs {
      max-width: 1500px; } }
  @media (min-width: 1645px) {
    .wl-roomTabs {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .wl-roomTabs {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .wl-roomTabs {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .wl-roomTabs {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .wl-roomTabs {
      padding-left: 32px;
      padding-right: 32px; } }
  .wl-roomTabs__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) {
      .wl-roomTabs__tabs {
        margin-left: calc(-8px + -8 * (100vw - 375px) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomTabs__tabs {
        margin-left: -16px;
        margin-right: -16px; } }
    @media (min-width: 768px) {
      .wl-roomTabs__tabs {
        flex-direction: row;
        justify-content: center; } }
  .wl-roomTabs__tab {
    margin-top: 8px;
    /*padding-left: $spacing;
  padding-right: $spacing;*/
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 375px) {
      .wl-roomTabs__tab {
        margin-top: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomTabs__tab {
        margin-top: 16px; } }
    @media screen and (min-width: 375px) {
      .wl-roomTabs__tab {
        padding-left: calc(8px + 8 * (100vw - 375px) / (1270));
        padding-right: calc(8px + 8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .wl-roomTabs__tab {
        padding-left: 16px;
        padding-right: 16px; } }
    .wl-roomTabs__tab:first-child {
      margin-top: 0; }
    @media (min-width: 768px) {
      .wl-roomTabs__tab {
        margin-top: 0; } }

.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 (min-width: 1645px) {
    .c-gridOverlay {
      --maxWidthGap: ;
      --maxWidthGap: 16px;
      max-width: calc(1645px + (var(--maxWidthGap) * 2)); } }
  @media screen and (min-width: 1645px) and (min-width: 375px) {
    .c-gridOverlay {
      --maxWidthGap: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) and (min-width: 1645px) {
    .c-gridOverlay {
      --maxWidthGap: 32px; } }
  @media screen and (min-width: 375px) {
    .c-gridOverlay {
      padding-left: calc(16px + 16 * (100vw - 375px) / (1270));
      padding-right: calc(16px + 16 * (100vw - 375px) / (1270)); } }
  @media screen and (min-width: 1645px) {
    .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) / (1270));
        margin-right: calc(-8px + -8 * (100vw - 375px) / (1270)); } }
    @media screen and (min-width: 1645px) {
      .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) / (1270)); } }
      @media screen and (min-width: 1645px) {
        .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); }