@charset "UTF-8";
:root {
  --percent-font-size: 100%;
  --base-font-size: 18;
  --base-font-size-rem: calc((var(--base-font-size)) / var(--base-font-size) * 1rem);
  --base-line-height: 28;
  --base-line-height-rem: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
  --h1-size: 50;
  --h1-size-rem: calc((var(--h1-size)) / var(--base-font-size) * 1rem);
  --h2-size: 40;
  --h2-size-rem: calc((var(--h2-size)) / var(--base-font-size) * 1rem);
  --h3-size: 35;
  --h3-size-rem: calc((var(--h3-size)) / var(--base-font-size) * 1rem);
  --h4-size: 32;
  --h4-size-rem: calc((var(--h4-size)) / var(--base-font-size) * 1rem);
  --h5-size: 28;
  --h5-size-rem: calc((var(--h5-size)) / var(--base-font-size) * 1rem);
  --h6-size: 26;
  --h6-size-rem: calc((var(--h6-size)) / var(--base-font-size) * 1rem);
  --font-display: "Oswald";
  --font-display-light: 300;
  --font-display-regular: 400;
  --font-display-bold: 700;
  --font-main: "Open Sans";
  --font-main-light: 300;
  --font-main-regular: 400;
  --font-main-bold: 700;
  --icon-font: icomoon;
  --icon-font-weight: 400;
  --color-primary: hsla(
    var(--color-primary-h),
    calc(var(--color-primary-s) * 1%),
    calc(var(--color-primary-l) * 1%),
    var(--color-primary-a)
  );
  --color-primary-h: 77.7272727273;
  --color-primary-s: 55.9322033898;
  --color-primary-l: 46.2745098039;
  --color-primary-a: 1;
  --color-primary-text: hsla(
    var(--color-primary-text-h),
    calc(var(--color-primary-text-s) * 1%),
    calc(var(--color-primary-text-l) * 1%),
    var(--color-primary-text-a)
  );
  --color-primary-text-h: 216;
  --color-primary-text-s: 10.2040816327;
  --color-primary-text-l: 9.6078431373;
  --color-primary-text-a: 1;
  --color-secondary: hsla(
    var(--color-secondary-h),
    calc(var(--color-secondary-s) * 1%),
    calc(var(--color-secondary-l) * 1%),
    var(--color-secondary-a)
  );
  --color-secondary-h: 210;
  --color-secondary-s: 11.1111111111;
  --color-secondary-l: 14.1176470588;
  --color-secondary-a: 1;
  --color-secondary-text: hsla(
    var(--color-secondary-text-h),
    calc(var(--color-secondary-text-s) * 1%),
    calc(var(--color-secondary-text-l) * 1%),
    var(--color-secondary-text-a)
  );
  --color-secondary-text-h: 0;
  --color-secondary-text-s: 0;
  --color-secondary-text-l: 100;
  --color-secondary-text-a: 1;
  --color-background: hsla(
    var(--color-background-h),
    calc(var(--color-background-s) * 1%),
    calc(var(--color-background-l) * 1%),
    var(--color-background-a)
  );
  --color-background-h: 0;
  --color-background-s: 0;
  --color-background-l: 100;
  --color-background-a: 1;
  --color-background-text: hsla(
    var(--color-background-text-h),
    calc(var(--color-background-text-s) * 1%),
    calc(var(--color-background-text-l) * 1%),
    var(--color-background-text-a)
  );
  --color-background-text-h: 0;
  --color-background-text-s: 0;
  --color-background-text-l: 29.0196078431;
  --color-background-text-a: 1;
  --color-surface: hsla(
    var(--color-surface-h),
    calc(var(--color-surface-s) * 1%),
    calc(var(--color-surface-l) * 1%),
    var(--color-surface-a)
  );
  --color-surface-h: 0;
  --color-surface-s: 0;
  --color-surface-l: 94.9019607843;
  --color-surface-a: 1;
  --color-surface-text: hsla(
    var(--color-surface-text-h),
    calc(var(--color-surface-text-s) * 1%),
    calc(var(--color-surface-text-l) * 1%),
    var(--color-surface-text-a)
  );
  --color-surface-text-h: 0;
  --color-surface-text-s: 0;
  --color-surface-text-l: 29.0196078431;
  --color-surface-text-a: 1;
  --color-surface-elevated: hsla(
    var(--color-surface-elevated-h),
    calc(var(--color-surface-elevated-s) * 1%),
    calc(var(--color-surface-elevated-l) * 1%),
    var(--color-surface-elevated-a)
  );
  --color-surface-elevated-h: 210;
  --color-surface-elevated-s: 11.1111111111;
  --color-surface-elevated-l: 14.1176470588;
  --color-surface-elevated-a: 1;
  --color-surface-elevated-text: hsla(
    var(--color-surface-elevated-text-h),
    calc(var(--color-surface-elevated-text-s) * 1%),
    calc(var(--color-surface-elevated-text-l) * 1%),
    var(--color-surface-elevated-text-a)
  );
  --color-surface-elevated-text-h: 0;
  --color-surface-elevated-text-s: 0;
  --color-surface-elevated-text-l: 100;
  --color-surface-elevated-text-a: 1;
  --color-warning: hsla(
    var(--color-warning-h),
    calc(var(--color-warning-s) * 1%),
    calc(var(--color-warning-l) * 1%),
    var(--color-warning-a)
  );
  --color-warning-h: 0;
  --color-warning-s: 80.487804878;
  --color-warning-l: 51.7647058824;
  --color-warning-a: 1;
  --color-warning-text: hsla(
    var(--color-warning-text-h),
    calc(var(--color-warning-text-s) * 1%),
    calc(var(--color-warning-text-l) * 1%),
    var(--color-warning-text-a)
  );
  --color-warning-text-h: 0;
  --color-warning-text-s: 0;
  --color-warning-text-l: 100;
  --color-warning-text-a: 1;
  --color-border: hsla(
    var(--color-border-h),
    calc(var(--color-border-s) * 1%),
    calc(var(--color-border-l) * 1%),
    var(--color-border-a)
  );
  --color-border-h: 0;
  --color-border-s: 0;
  --color-border-l: 29.8039215686;
  --color-border-a: 1;
  --base-gap: 18;
  --base-gap-rem: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  --space-sm-min: 30;
  --space-sm-max: 60;
  --space-md-min: 60;
  --space-md-max: 90;
  --space-lg-min: 90;
  --space-lg-max: 120;
  --space-xl-min: 120;
  --space-xl-max: 150;
  --base-border: calc((1) / var(--base-font-size) * 1rem) solid var(--color-border);
  --base-border-radius: 0;
  --base-border-radius-rem: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
  --base-border-radius-limited: min((var(--base-border-radius)) / var(--base-font-size) * 1rem, (16) / var(--base-font-size) * 1rem);
  --base-box-shadow: 0px calc((5) / var(--base-font-size) * 1rem) calc((10) / var(--base-font-size) * 1rem) 0px var(--color-background-text-opacity-20, hsla(var(--color-background-text-h), calc(var(--color-background-text-s) * 1%), calc(var(--color-background-text-l) * 1%), 0.2));
  --base-outline: calc((1) / var(--base-font-size) * 1rem) solid var(--color-border);
  --focus-outline-color: hsla(var(--color-surface-elevated-h), calc(var(--color-surface-elevated-s) * 1%), calc((calc((var(--color-surface-elevated-l) - 50.00001) / max(var(--color-surface-elevated-l) - 50.00001, -1 * (var(--color-surface-elevated-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-surface-elevated-l))) * 2 - 1) * (max(0, min(1, var(--color-surface-elevated-l) - 90.00001)) * 2 - 1)) * 10 + var(--color-surface-elevated-l)) * 1%), 1);
  --focus-outline: calc((2) / var(--base-font-size) * 1rem) solid var(--focus-outline-color);
  --hide-text-direction: right;
}

@font-face {
  font-family: "icomoon";
  font-display: swap;
  src: url("../fonts/icomoon.woff");
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/oswald-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/oswald-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/oswald-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.icon {
  line-height: 1;
}
.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
}

.icon-phone:before {
  content: "\e910";
}

.icon-instagram:before {
  content: "\e913";
}

.icon-facebook:before {
  content: "\e914";
}

.icon-printer:before {
  content: "\e90b";
}

.icon-check-square:before {
  content: "\e907";
}

.icon-arrow-down:before {
  content: "\ea1d";
}

.icon-arrow-left:before {
  content: "\ea1e";
}

.icon-arrow-right:before {
  content: "\ea1f";
}

.icon-arrow-up:before {
  content: "\ea21";
}

.icon-file:before {
  content: "\e90f";
}

.icon-clock:before {
  content: "\e908";
}

.icon-map:before {
  content: "\e90c";
}

.icon-send:before {
  content: "\e90d";
}

.icon-play:before {
  content: "\e900";
}

.icon-angle-right:before {
  content: "\e901";
}

.icon-angle-left:before {
  content: "\e902";
}

.icon-angle-down:before {
  content: "\e903";
}

.icon-angle-up:before {
  content: "\e904";
}

.icon-plus:before {
  content: "\e909";
}

.icon-minus:before {
  content: "\e90a";
}

.icon-envelope:before {
  content: "\e905";
}

.icon-times:before {
  content: "\e906";
}

.icon-exclamation:before {
  content: "\e90e";
}

form.default [type=color],
form.default [type=text],
form.default [type=tel],
form.default [type=email],
form.default [type=file],
form.default input,
form.default textarea,
form.default select, #quickbar, #quickbar label[for=navi-toggled]:after {
  transition: 0.3s;
}

img[data-src]:not(.lazy-loaded) {
  background-image: url("/images/layout/loading.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

.lazy-bg:not(.lazy-loaded) {
  opacity: 0.99;
}

body:not(.cms-liveeditor-is-opened) .popover:focus-within > :first-child + div {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

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

html {
  box-sizing: border-box;
  background-color: var(--color-background);
  color: var(--color-background-text);
  font-family: var(--font-main);
  font-weight: var(--font-main-light);
  font-size: calc(var(--percent-font-size) * var(--base-font-size) / 16);
  hyphens: manual;
  line-height: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
  scroll-padding-block-start: calc(var(--content-inset-top-dynamic) + calc((var(--base-line-height)) / var(--base-font-size) * 1rem));
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

strong {
  font-family: var(--font-main);
  font-weight: var(--font-main-bold);
}

body {
  font-size: calc((var(--base-font-size)) / var(--base-font-size) * 1rem);
  line-height: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
  opacity: 1 !important;
  max-width: 2560px;
  margin: 0 auto;
}
body:not(.javascript) * {
  transition: none !important;
}

html[class*=font-size] * {
  hyphens: auto;
}
html[data-theme].contrast-intensify *, .contrast-intensify * {
  text-transform: none !important;
}

iframe,
[data-iframe] {
  display: block;
  border: none;
  width: 100%;
}
iframe[data-iframe=googlemaps],
[data-iframe][data-iframe=googlemaps] {
  margin-bottom: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
}

address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6,
.h1,
#header .hero blockquote,
.hero blockquote, .h2, form.default span.legend, .h3, .h4, .h5, .h6 {
  display: block;
  text-rendering: optimizeLegibility;
  hyphens: auto;
  -webkit-hyphens: auto;
  font-family: var(--font-display);
  font-weight: var(--font-display-bold);
  line-height: 130% !important;
  text-transform: uppercase;
  color: var(--color-secondary);
  letter-spacing: 0.02em;
  margin-bottom: calc((35) / var(--base-font-size) * 1rem);
  padding-left: calc((30) / var(--base-font-size) * 1rem);
  position: relative;
}
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before,
.h1:before,
#header .hero blockquote:before,
.hero blockquote:before, .h2:before, form.default span.legend:before, .h3:before, .h4:before, .h5:before, .h6:before {
  content: "";
  display: block;
  background: var(--color-primary);
  width: calc((10) / var(--base-font-size) * 1rem);
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.h1 span,
#header .hero blockquote span,
.hero blockquote span, .h2 span, form.default span.legend span, .h3 span, .h4 span, .h5 span, .h6 span {
  display: block;
  text-transform: none;
  color: var(--color-border);
  font-family: var(--font-main);
  font-weight: var(--font-main-regular);
  line-height: 130% !important;
}

h1, .h1, #header .hero blockquote,
.hero blockquote {
  font-size: calc((37.5) / var(--base-font-size) * 1rem);
  line-height: calc((27) / var(--base-font-size) * 1rem);
}
h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
.hero blockquote span:not(.enlarge) {
  font-size: calc((19.5) / var(--base-font-size) * 1rem);
}
@media (min-width: 480px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((40) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 640px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((45) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 760px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((50) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 992px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((47.5) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((24.7) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (min-width: 1364px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((50) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((26) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((27) / var(--base-font-size) * 1rem);
    line-height: calc((27) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((27) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 480px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((28.8) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((32.4) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 640px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((32.4) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((32.4) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 760px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((36) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((32.4) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((34.2) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((34.2) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (max-width: 1199.98px) and (min-width: 1364px) {
  h1, .h1, #header .hero blockquote,
  .hero blockquote {
    font-size: calc((36) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h1 span:not(.enlarge), .h1 span:not(.enlarge), #header .hero blockquote span:not(.enlarge),
  .hero blockquote span:not(.enlarge) {
    font-size: calc((36) / var(--base-font-size) * 1rem);
  }
}

h2, .h2, form.default span.legend {
  font-size: calc((30) / var(--base-font-size) * 1rem);
  line-height: calc((27) / var(--base-font-size) * 1rem);
}
h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
  font-size: calc((18) / var(--base-font-size) * 1rem);
}
@media (min-width: 480px) {
  h2, .h2, form.default span.legend {
    font-size: calc((32) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((21.6) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 640px) {
  h2, .h2, form.default span.legend {
    font-size: calc((36) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((21.6) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 760px) {
  h2, .h2, form.default span.legend {
    font-size: calc((40) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((21.6) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 992px) {
  h2, .h2, form.default span.legend {
    font-size: calc((38) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((22.8) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (min-width: 1364px) {
  h2, .h2, form.default span.legend {
    font-size: calc((40) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((24) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) {
  h2, .h2, form.default span.legend {
    font-size: calc((25.5) / var(--base-font-size) * 1rem);
    line-height: calc((27) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((25.5) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 480px) {
  h2, .h2, form.default span.legend {
    font-size: calc((27.2) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((30.6) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 640px) {
  h2, .h2, form.default span.legend {
    font-size: calc((30.6) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((30.6) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 760px) {
  h2, .h2, form.default span.legend {
    font-size: calc((34) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((30.6) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  h2, .h2, form.default span.legend {
    font-size: calc((32.3) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((32.3) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (max-width: 1199.98px) and (min-width: 1364px) {
  h2, .h2, form.default span.legend {
    font-size: calc((34) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h2 span:not(.enlarge), .h2 span:not(.enlarge), form.default span.legend span:not(.enlarge) {
    font-size: calc((34) / var(--base-font-size) * 1rem);
  }
}

h3, .h3 {
  font-size: calc((26.25) / var(--base-font-size) * 1rem);
  line-height: calc((27) / var(--base-font-size) * 1rem);
}
h3 span:not(.enlarge), .h3 span:not(.enlarge) {
  font-size: calc((26.25) / var(--base-font-size) * 1rem);
}
@media (min-width: 480px) {
  h3, .h3 {
    font-size: calc((28) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((31.5) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 640px) {
  h3, .h3 {
    font-size: calc((31.5) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((31.5) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 760px) {
  h3, .h3 {
    font-size: calc((35) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((31.5) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 992px) {
  h3, .h3 {
    font-size: calc((33.25) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((33.25) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (min-width: 1364px) {
  h3, .h3 {
    font-size: calc((35) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((35) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) {
  h3, .h3 {
    font-size: calc((24) / var(--base-font-size) * 1rem);
    line-height: calc((27) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((24) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 480px) {
  h3, .h3 {
    font-size: calc((25.6) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((28.8) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 640px) {
  h3, .h3 {
    font-size: calc((28.8) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((28.8) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 760px) {
  h3, .h3 {
    font-size: calc((32) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((28.8) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  h3, .h3 {
    font-size: calc((30.4) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((30.4) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (max-width: 1199.98px) and (min-width: 1364px) {
  h3, .h3 {
    font-size: calc((32) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h3 span:not(.enlarge), .h3 span:not(.enlarge) {
    font-size: calc((32) / var(--base-font-size) * 1rem);
  }
}

h4, .h4 {
  font-size: calc((24) / var(--base-font-size) * 1rem);
  line-height: calc((27) / var(--base-font-size) * 1rem);
}
h4 span:not(.enlarge), .h4 span:not(.enlarge) {
  font-size: calc((24) / var(--base-font-size) * 1rem);
}
@media (min-width: 480px) {
  h4, .h4 {
    font-size: calc((25.6) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((28.8) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 640px) {
  h4, .h4 {
    font-size: calc((28.8) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((28.8) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 760px) {
  h4, .h4 {
    font-size: calc((32) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((28.8) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 992px) {
  h4, .h4 {
    font-size: calc((30.4) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((30.4) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (min-width: 1364px) {
  h4, .h4 {
    font-size: calc((32) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((32) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) {
  h4, .h4 {
    font-size: calc((22.5) / var(--base-font-size) * 1rem);
    line-height: calc((27) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((22.5) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 480px) {
  h4, .h4 {
    font-size: calc((24) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((27) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 640px) {
  h4, .h4 {
    font-size: calc((27) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((27) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 760px) {
  h4, .h4 {
    font-size: calc((30) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((27) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  h4, .h4 {
    font-size: calc((28.5) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((28.5) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (max-width: 1199.98px) and (min-width: 1364px) {
  h4, .h4 {
    font-size: calc((30) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h4 span:not(.enlarge), .h4 span:not(.enlarge) {
    font-size: calc((30) / var(--base-font-size) * 1rem);
  }
}

h5, .h5 {
  font-size: calc((21) / var(--base-font-size) * 1rem);
  line-height: calc((27) / var(--base-font-size) * 1rem);
}
h5 span:not(.enlarge), .h5 span:not(.enlarge) {
  font-size: calc((21) / var(--base-font-size) * 1rem);
}
@media (min-width: 480px) {
  h5, .h5 {
    font-size: calc((22.4) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((25.2) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 640px) {
  h5, .h5 {
    font-size: calc((25.2) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((25.2) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 760px) {
  h5, .h5 {
    font-size: calc((28) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((25.2) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 992px) {
  h5, .h5 {
    font-size: calc((26.6) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((26.6) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (min-width: 1364px) {
  h5, .h5 {
    font-size: calc((28) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((28) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) {
  h5, .h5 {
    font-size: calc((21) / var(--base-font-size) * 1rem);
    line-height: calc((27) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((21) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 480px) {
  h5, .h5 {
    font-size: calc((22.4) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((25.2) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 640px) {
  h5, .h5 {
    font-size: calc((25.2) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((25.2) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 760px) {
  h5, .h5 {
    font-size: calc((28) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((25.2) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  h5, .h5 {
    font-size: calc((26.6) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((26.6) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (max-width: 1199.98px) and (min-width: 1364px) {
  h5, .h5 {
    font-size: calc((28) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h5 span:not(.enlarge), .h5 span:not(.enlarge) {
    font-size: calc((28) / var(--base-font-size) * 1rem);
  }
}

h6, .h6 {
  font-size: calc((19.5) / var(--base-font-size) * 1rem);
  line-height: calc((27) / var(--base-font-size) * 1rem);
}
h6 span:not(.enlarge), .h6 span:not(.enlarge) {
  font-size: calc((19.5) / var(--base-font-size) * 1rem);
}
@media (min-width: 480px) {
  h6, .h6 {
    font-size: calc((20.8) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 640px) {
  h6, .h6 {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 760px) {
  h6, .h6 {
    font-size: calc((26) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 992px) {
  h6, .h6 {
    font-size: calc((24.7) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((24.7) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (min-width: 1364px) {
  h6, .h6 {
    font-size: calc((26) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((26) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) {
  h6, .h6 {
    font-size: calc((19.5) / var(--base-font-size) * 1rem);
    line-height: calc((27) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((19.5) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 480px) {
  h6, .h6 {
    font-size: calc((20.8) / var(--base-font-size) * 1rem);
    line-height: calc((28.8) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 640px) {
  h6, .h6 {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
    line-height: calc((30.6) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 760px) {
  h6, .h6 {
    font-size: calc((26) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((23.4) / var(--base-font-size) * 1rem);
  }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  h6, .h6 {
    font-size: calc((24.7) / var(--base-font-size) * 1rem);
    line-height: calc((43.2) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((24.7) / var(--base-font-size) * 1rem);
    line-height: calc(100% + calc((10) / var(--base-font-size) * 1rem));
  }
}
@media (max-width: 1199.98px) and (min-width: 1364px) {
  h6, .h6 {
    font-size: calc((26) / var(--base-font-size) * 1rem);
    line-height: calc((36) / var(--base-font-size) * 1rem);
  }
  h6 span:not(.enlarge), .h6 span:not(.enlarge) {
    font-size: calc((26) / var(--base-font-size) * 1rem);
  }
}

a {
  color: inherit;
  word-wrap: break-word;
  transition: all 0.3s ease-in-out;
}
a:hover, a:focus, a:active {
  text-decoration-color: transparent;
}
a img {
  border: none;
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: var(--focus-outline);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
html[data-theme].contrast-intensify a:focus, .contrast-intensify a:focus,
html[data-theme].contrast-intensify button:focus,
.contrast-intensify button:focus,
html[data-theme].contrast-intensify [tabindex]:focus,
.contrast-intensify [tabindex]:focus {
  outline: var(--focus-outline);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}

hr,
.hr {
  display: flex;
  background-color: var(--color-secondary-opacity-25, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.25));
  border: none;
  clear: both;
  height: calc((1) / var(--base-font-size) * 1rem);
  margin: 4rem 0;
  flex-basis: 100%;
}

ul,
ol {
  list-style: none;
}
ul.styled-list, main ul:not(.unstyled-list),
ol.styled-list,
main ol:not(.unstyled-list) {
  display: flex;
  flex-direction: column;
}
body.index ul.styled-list, body.index main ul:not(.unstyled-list), main body.index ul:not(.unstyled-list),
body.index ol.styled-list,
body.index main ol:not(.unstyled-list),
main body.index ol:not(.unstyled-list) {
  row-gap: 2rem;
}
ul.styled-list li, main ul:not(.unstyled-list) li,
ol.styled-list li,
main ol:not(.unstyled-list) li {
  padding-left: calc((58) / var(--base-font-size) * 1rem);
  position: relative;
  min-height: calc((60) / var(--base-font-size) * 1rem);
  padding-right: calc((29) / var(--base-font-size) * 1rem);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
ul.styled-list li:before, main ul:not(.unstyled-list) li:before,
ol.styled-list li:before,
main ol:not(.unstyled-list) li:before {
  content: "\e907";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
  display: flex;
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  aspect-ratio: 1/1;
  width: 40px;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 10px;
}
ul.styled-list ul, main ul:not(.unstyled-list) ul,
ol.styled-list ul,
main ol:not(.unstyled-list) ul {
  margin-left: 1rem;
  margin-bottom: 0;
}

dl.styled-list:after,
main dl:not(.unstyled-list):after {
  content: "";
  display: table;
  clear: both;
}
dl.styled-list,
main dl:not(.unstyled-list) {
  zoom: 1;
}
dl.styled-list dt,
main dl:not(.unstyled-list) dt,
dl.styled-list dd,
main dl:not(.unstyled-list) dd {
  display: block;
  background-color: var(--color-surface-opacity-80, hsla(var(--color-surface-h), calc(var(--color-surface-s) * 1%), calc(var(--color-surface-l) * 1%), 0.8));
  color: var(--color-surface-text);
  padding: calc((15) / var(--base-font-size) * 1rem);
}
dl.styled-list dt,
main dl:not(.unstyled-list) dt {
  border-top-left-radius: var(--base-border-radius-limited);
  border-top-right-radius: var(--base-border-radius-limited);
  padding-bottom: 0;
  font-weight: var(--font-main-regular);
}
dl.styled-list dd,
main dl:not(.unstyled-list) dd {
  padding-top: 0;
  border-bottom-left-radius: var(--base-border-radius-limited);
  border-bottom-right-radius: var(--base-border-radius-limited);
}
dl.styled-list dd + dt,
main dl:not(.unstyled-list) dd + dt {
  margin-top: calc((10) / var(--base-font-size) * 1rem);
}
dl.styled-list dd + dd,
main dl:not(.unstyled-list) dd + dd {
  margin-top: calc((-15) / var(--base-font-size) * 1rem);
}
dl.float-list:after {
  content: "";
  display: table;
  clear: both;
}
dl.float-list {
  zoom: 1;
}
dl.float-list dt,
dl.float-list dd {
  display: block;
  float: left;
}
dl.float-list dt {
  padding-right: 0.5rem;
  width: 40%;
  clear: left;
}
dl.float-list dd {
  width: 60%;
}

ol.styled-list,
main ol:not(.unstyled-list) {
  counter-reset: item;
}
ol.styled-list li,
main ol:not(.unstyled-list) li {
  counter-increment: item;
}
ol.styled-list li:before,
main ol:not(.unstyled-list) li:before {
  content: counters(item, ".") ". ";
}
ol.styled-list ol,
main ol:not(.unstyled-list) ol {
  margin-bottom: 0;
}
ol.styled-list ol li:before,
main ol:not(.unstyled-list) ol li:before {
  content: counters(item, ".") " ";
  margin-right: calc((5) / var(--base-font-size) * 1rem);
}

figure > a,
figure > picture {
  margin-bottom: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
}
figure a,
figure picture {
  display: block;
}
figure a img,
figure picture img {
  margin-bottom: 0;
}

img {
  vertical-align: bottom;
  float: none;
  height: auto;
  max-width: 100%;
  width: 100%;
}
[data-rel] img, .lightbox-zoom-image img {
  margin-bottom: 0;
}
[data-rel],
.lightbox-zoom-image,
.lightbox-zoom-image a,
.cms-gallery-image,
.cms-gallery-image a {
  border-radius: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
}
[data-rel]:not(.no-border-radius) img,
.lightbox-zoom-image:not(.no-border-radius) img,
.lightbox-zoom-image a:not(.no-border-radius) img,
.cms-gallery-image:not(.no-border-radius) img,
.cms-gallery-image a:not(.no-border-radius) img {
  border-radius: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
}

main table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  text-align: left;
  font-size: calc((var(--base-font-size)) / var(--base-font-size) * 1rem);
  border-radius: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
}
@media (max-width: 639.98px) {
  main table {
    overflow-x: auto;
    display: block;
  }
}
main table caption {
  text-align: left;
  padding: calc((var(--base-gap)) / var(--base-font-size) * 1rem) calc((var(--base-gap)) / var(--base-font-size) * 1rem) calc((25) / var(--base-font-size) * 1rem);
  display: table-caption;
  font-weight: var(--font-main-regular);
  font-size: 1.2rem;
}
main table thead {
  border-collapse: collapse;
  display: table-header-group;
}
main table tbody {
  width: 100%;
  display: table-row-group;
}
main table tbody tr {
  padding: calc((var(--base-gap)) / var(--base-font-size) * 1rem) 0;
}
main table tbody tr:not(:last-child) {
  border-bottom: calc((1) / var(--base-font-size) * 1rem) solid var(--color-border);
}
main table tr {
  display: table-row;
}
main table th,
main table td {
  padding: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  display: table-cell;
  vertical-align: top;
}
@media (max-width: 639.98px) {
  main table td {
    min-width: 50vw;
  }
}

.margin-bottom:not(.no-margin-bottom), main img:not(.no-margin-bottom), main p:not(.no-margin-bottom),
main ol:not(.no-margin-bottom),
main ul:not(.no-margin-bottom),
main dl:not(.no-margin-bottom),
main table:not(.no-margin-bottom) {
  margin-bottom: calc((28) / var(--base-font-size) * 1rem);
}

html[data-theme].contrast-intensify main p a, .contrast-intensify main p a,
html[data-theme].contrast-intensify main ol a,
.contrast-intensify main ol a,
html[data-theme].contrast-intensify main ul a,
.contrast-intensify main ul a,
html[data-theme].contrast-intensify main dl a,
.contrast-intensify main dl a,
html[data-theme].contrast-intensify main table a,
.contrast-intensify main table a {
  font-weight: bold;
}
:root {
  --scrollbar-width: calc(100vw - 100%);
  --viewport-without-scrollbar: calc(100vw - var(--scrollbar-width));
  --row-max-width-dynamic: calc(min(calc((2160) / var(--base-font-size) * 1rem), var(--viewport-without-scrollbar)));
  --row-max-width: var(--row-max-width-dynamic);
}

.row {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((2160) / var(--base-font-size) * 1rem);
  width: 100%;
  position: relative;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.row:not(.full-width) .row {
  margin-left: calc(calc((var(--base-gap) * -1) / var(--base-font-size) * 1rem));
  padding-left: 0;
  padding-right: 0;
  max-width: calc(100% + calc((var(--base-gap) * 2) / var(--base-font-size) * 1rem));
  width: calc(100% + calc((var(--base-gap) * 2) / var(--base-font-size) * 1rem));
}
.row.full-width {
  max-width: none;
}
.row > .row {
  margin: 0;
  padding: 0;
  max-width: 100%;
  width: 100%;
  flex-basis: 100%;
}
@media (min-width: 2160px) {
  .row.break-right, .row.break-left {
    max-width: calc(50vw + var(--row-max-width-dynamic) / 2 - var(--scrollbar-width) / 2);
  }
  .row.break-right {
    margin-left: auto;
    margin-right: 0;
    justify-content: flex-start;
  }
  .row.break-left {
    margin-right: auto;
    margin-left: 0;
    justify-content: flex-end;
  }
}

.col {
  float: left;
  padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  max-width: 100%;
  width: 100%;
  flex: 1 0 100%;
  box-sizing: border-box;
}

.no-gutter,
.no-gutter > .col {
  padding-left: 0;
  padding-right: 0;
}

.gutter,
.gutter > .col {
  padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
}

@media (min-width: 0px) {
  .default-gutter {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 480px) {
  .tiny-gutter {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 640px) {
  .small-gutter {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 760px) {
  .medium-gutter {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 992px) {
  .large-gutter {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 1200px) {
  .giant-gutter {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 1364px) {
  .huge-gutter {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 1520px) {
  .full-gutter {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 2160px) {
  .cut-gutter {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 0px) {
  .default-gutter > .col {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 480px) {
  .tiny-gutter > .col {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 640px) {
  .small-gutter > .col {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 760px) {
  .medium-gutter > .col {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 992px) {
  .large-gutter > .col {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 1200px) {
  .giant-gutter > .col {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 1364px) {
  .huge-gutter > .col {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 1520px) {
  .full-gutter > .col {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 2160px) {
  .cut-gutter > .col {
    padding-left: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  }
}

@media (min-width: 0px) {
  .col.default-1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col.default-2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col.default-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col.default-4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col.default-5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col.default-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col.default-7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col.default-8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col.default-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col.default-10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col.default-11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col.default-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col.default-auto {
    max-width: 100%;
    flex-basis: 0;
  }
  .col.default-prefix-0 {
    margin-left: 0%;
  }
  .col.default-prefix-1 {
    margin-left: 8.3333333333%;
  }
  .col.default-prefix-2 {
    margin-left: 16.6666666667%;
  }
  .col.default-prefix-3 {
    margin-left: 25%;
  }
  .col.default-prefix-4 {
    margin-left: 33.3333333333%;
  }
  .col.default-prefix-5 {
    margin-left: 41.6666666667%;
  }
  .col.default-prefix-6 {
    margin-left: 50%;
  }
  .col.default-prefix-7 {
    margin-left: 58.3333333333%;
  }
  .col.default-prefix-8 {
    margin-left: 66.6666666667%;
  }
  .col.default-prefix-9 {
    margin-left: 75%;
  }
  .col.default-prefix-10 {
    margin-left: 83.3333333333%;
  }
  .col.default-prefix-11 {
    margin-left: 91.6666666667%;
  }
  .col.default-prefix-12 {
    margin-left: 100%;
  }
  .col.default-suffix-0 {
    margin-right: 0%;
  }
  .col.default-suffix-1 {
    margin-right: 8.3333333333%;
  }
  .col.default-suffix-2 {
    margin-right: 16.6666666667%;
  }
  .col.default-suffix-3 {
    margin-right: 25%;
  }
  .col.default-suffix-4 {
    margin-right: 33.3333333333%;
  }
  .col.default-suffix-5 {
    margin-right: 41.6666666667%;
  }
  .col.default-suffix-6 {
    margin-right: 50%;
  }
  .col.default-suffix-7 {
    margin-right: 58.3333333333%;
  }
  .col.default-suffix-8 {
    margin-right: 66.6666666667%;
  }
  .col.default-suffix-9 {
    margin-right: 75%;
  }
  .col.default-suffix-10 {
    margin-right: 83.3333333333%;
  }
  .col.default-suffix-11 {
    margin-right: 91.6666666667%;
  }
  .col.default-suffix-12 {
    margin-right: 100%;
  }
  .default-start {
    justify-content: flex-start;
  }
  .default-center {
    justify-content: center;
  }
  .default-end {
    justify-content: flex-end;
  }
  .default-between {
    justify-content: space-between;
  }
  .default-around {
    justify-content: space-around;
  }
  .default-top {
    align-items: flex-start;
  }
  .default-middle {
    align-items: center;
  }
  .default-baseline {
    align-items: baseline;
  }
  .default-bottom {
    align-items: flex-end;
  }
  .default-stretch {
    align-items: stretch;
  }
  .default-reverse {
    flex-direction: row-reverse;
  }
  .default-forward {
    flex-direction: row;
  }
  .default-first {
    order: -1;
  }
  .default-last {
    order: 1;
  }
  .default-unset {
    order: 0;
  }
}
@media (min-width: 480px) {
  .col.tiny-1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col.tiny-2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col.tiny-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col.tiny-4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col.tiny-5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col.tiny-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col.tiny-7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col.tiny-8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col.tiny-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col.tiny-10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col.tiny-11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col.tiny-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col.tiny-auto {
    max-width: 100%;
    flex-basis: 0;
  }
  .col.tiny-prefix-0 {
    margin-left: 0%;
  }
  .col.tiny-prefix-1 {
    margin-left: 8.3333333333%;
  }
  .col.tiny-prefix-2 {
    margin-left: 16.6666666667%;
  }
  .col.tiny-prefix-3 {
    margin-left: 25%;
  }
  .col.tiny-prefix-4 {
    margin-left: 33.3333333333%;
  }
  .col.tiny-prefix-5 {
    margin-left: 41.6666666667%;
  }
  .col.tiny-prefix-6 {
    margin-left: 50%;
  }
  .col.tiny-prefix-7 {
    margin-left: 58.3333333333%;
  }
  .col.tiny-prefix-8 {
    margin-left: 66.6666666667%;
  }
  .col.tiny-prefix-9 {
    margin-left: 75%;
  }
  .col.tiny-prefix-10 {
    margin-left: 83.3333333333%;
  }
  .col.tiny-prefix-11 {
    margin-left: 91.6666666667%;
  }
  .col.tiny-prefix-12 {
    margin-left: 100%;
  }
  .col.tiny-suffix-0 {
    margin-right: 0%;
  }
  .col.tiny-suffix-1 {
    margin-right: 8.3333333333%;
  }
  .col.tiny-suffix-2 {
    margin-right: 16.6666666667%;
  }
  .col.tiny-suffix-3 {
    margin-right: 25%;
  }
  .col.tiny-suffix-4 {
    margin-right: 33.3333333333%;
  }
  .col.tiny-suffix-5 {
    margin-right: 41.6666666667%;
  }
  .col.tiny-suffix-6 {
    margin-right: 50%;
  }
  .col.tiny-suffix-7 {
    margin-right: 58.3333333333%;
  }
  .col.tiny-suffix-8 {
    margin-right: 66.6666666667%;
  }
  .col.tiny-suffix-9 {
    margin-right: 75%;
  }
  .col.tiny-suffix-10 {
    margin-right: 83.3333333333%;
  }
  .col.tiny-suffix-11 {
    margin-right: 91.6666666667%;
  }
  .col.tiny-suffix-12 {
    margin-right: 100%;
  }
  .tiny-start {
    justify-content: flex-start;
  }
  .tiny-center {
    justify-content: center;
  }
  .tiny-end {
    justify-content: flex-end;
  }
  .tiny-between {
    justify-content: space-between;
  }
  .tiny-around {
    justify-content: space-around;
  }
  .tiny-top {
    align-items: flex-start;
  }
  .tiny-middle {
    align-items: center;
  }
  .tiny-baseline {
    align-items: baseline;
  }
  .tiny-bottom {
    align-items: flex-end;
  }
  .tiny-stretch {
    align-items: stretch;
  }
  .tiny-reverse {
    flex-direction: row-reverse;
  }
  .tiny-forward {
    flex-direction: row;
  }
  .tiny-first {
    order: -1;
  }
  .tiny-last {
    order: 1;
  }
  .tiny-unset {
    order: 0;
  }
}
@media (min-width: 640px) {
  .col.small-1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col.small-2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col.small-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col.small-4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col.small-5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col.small-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col.small-7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col.small-8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col.small-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col.small-10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col.small-11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col.small-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col.small-auto {
    max-width: 100%;
    flex-basis: 0;
  }
  .col.small-prefix-0 {
    margin-left: 0%;
  }
  .col.small-prefix-1 {
    margin-left: 8.3333333333%;
  }
  .col.small-prefix-2 {
    margin-left: 16.6666666667%;
  }
  .col.small-prefix-3 {
    margin-left: 25%;
  }
  .col.small-prefix-4 {
    margin-left: 33.3333333333%;
  }
  .col.small-prefix-5 {
    margin-left: 41.6666666667%;
  }
  .col.small-prefix-6 {
    margin-left: 50%;
  }
  .col.small-prefix-7 {
    margin-left: 58.3333333333%;
  }
  .col.small-prefix-8 {
    margin-left: 66.6666666667%;
  }
  .col.small-prefix-9 {
    margin-left: 75%;
  }
  .col.small-prefix-10 {
    margin-left: 83.3333333333%;
  }
  .col.small-prefix-11 {
    margin-left: 91.6666666667%;
  }
  .col.small-prefix-12 {
    margin-left: 100%;
  }
  .col.small-suffix-0 {
    margin-right: 0%;
  }
  .col.small-suffix-1 {
    margin-right: 8.3333333333%;
  }
  .col.small-suffix-2 {
    margin-right: 16.6666666667%;
  }
  .col.small-suffix-3 {
    margin-right: 25%;
  }
  .col.small-suffix-4 {
    margin-right: 33.3333333333%;
  }
  .col.small-suffix-5 {
    margin-right: 41.6666666667%;
  }
  .col.small-suffix-6 {
    margin-right: 50%;
  }
  .col.small-suffix-7 {
    margin-right: 58.3333333333%;
  }
  .col.small-suffix-8 {
    margin-right: 66.6666666667%;
  }
  .col.small-suffix-9 {
    margin-right: 75%;
  }
  .col.small-suffix-10 {
    margin-right: 83.3333333333%;
  }
  .col.small-suffix-11 {
    margin-right: 91.6666666667%;
  }
  .col.small-suffix-12 {
    margin-right: 100%;
  }
  .small-start {
    justify-content: flex-start;
  }
  .small-center {
    justify-content: center;
  }
  .small-end {
    justify-content: flex-end;
  }
  .small-between {
    justify-content: space-between;
  }
  .small-around {
    justify-content: space-around;
  }
  .small-top {
    align-items: flex-start;
  }
  .small-middle {
    align-items: center;
  }
  .small-baseline {
    align-items: baseline;
  }
  .small-bottom {
    align-items: flex-end;
  }
  .small-stretch {
    align-items: stretch;
  }
  .small-reverse {
    flex-direction: row-reverse;
  }
  .small-forward {
    flex-direction: row;
  }
  .small-first {
    order: -1;
  }
  .small-last {
    order: 1;
  }
  .small-unset {
    order: 0;
  }
}
@media (min-width: 760px) {
  .col.medium-1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col.medium-2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col.medium-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col.medium-4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col.medium-5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col.medium-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col.medium-7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col.medium-8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col.medium-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col.medium-10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col.medium-11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col.medium-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col.medium-auto {
    max-width: 100%;
    flex-basis: 0;
  }
  .col.medium-prefix-0 {
    margin-left: 0%;
  }
  .col.medium-prefix-1 {
    margin-left: 8.3333333333%;
  }
  .col.medium-prefix-2 {
    margin-left: 16.6666666667%;
  }
  .col.medium-prefix-3 {
    margin-left: 25%;
  }
  .col.medium-prefix-4 {
    margin-left: 33.3333333333%;
  }
  .col.medium-prefix-5 {
    margin-left: 41.6666666667%;
  }
  .col.medium-prefix-6 {
    margin-left: 50%;
  }
  .col.medium-prefix-7 {
    margin-left: 58.3333333333%;
  }
  .col.medium-prefix-8 {
    margin-left: 66.6666666667%;
  }
  .col.medium-prefix-9 {
    margin-left: 75%;
  }
  .col.medium-prefix-10 {
    margin-left: 83.3333333333%;
  }
  .col.medium-prefix-11 {
    margin-left: 91.6666666667%;
  }
  .col.medium-prefix-12 {
    margin-left: 100%;
  }
  .col.medium-suffix-0 {
    margin-right: 0%;
  }
  .col.medium-suffix-1 {
    margin-right: 8.3333333333%;
  }
  .col.medium-suffix-2 {
    margin-right: 16.6666666667%;
  }
  .col.medium-suffix-3 {
    margin-right: 25%;
  }
  .col.medium-suffix-4 {
    margin-right: 33.3333333333%;
  }
  .col.medium-suffix-5 {
    margin-right: 41.6666666667%;
  }
  .col.medium-suffix-6 {
    margin-right: 50%;
  }
  .col.medium-suffix-7 {
    margin-right: 58.3333333333%;
  }
  .col.medium-suffix-8 {
    margin-right: 66.6666666667%;
  }
  .col.medium-suffix-9 {
    margin-right: 75%;
  }
  .col.medium-suffix-10 {
    margin-right: 83.3333333333%;
  }
  .col.medium-suffix-11 {
    margin-right: 91.6666666667%;
  }
  .col.medium-suffix-12 {
    margin-right: 100%;
  }
  .medium-start {
    justify-content: flex-start;
  }
  .medium-center {
    justify-content: center;
  }
  .medium-end {
    justify-content: flex-end;
  }
  .medium-between {
    justify-content: space-between;
  }
  .medium-around {
    justify-content: space-around;
  }
  .medium-top {
    align-items: flex-start;
  }
  .medium-middle {
    align-items: center;
  }
  .medium-baseline {
    align-items: baseline;
  }
  .medium-bottom {
    align-items: flex-end;
  }
  .medium-stretch {
    align-items: stretch;
  }
  .medium-reverse {
    flex-direction: row-reverse;
  }
  .medium-forward {
    flex-direction: row;
  }
  .medium-first {
    order: -1;
  }
  .medium-last {
    order: 1;
  }
  .medium-unset {
    order: 0;
  }
}
@media (min-width: 992px) {
  .col.large-1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col.large-2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col.large-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col.large-4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col.large-5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col.large-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col.large-7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col.large-8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col.large-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col.large-10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col.large-11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col.large-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col.large-auto {
    max-width: 100%;
    flex-basis: 0;
  }
  .col.large-prefix-0 {
    margin-left: 0%;
  }
  .col.large-prefix-1 {
    margin-left: 8.3333333333%;
  }
  .col.large-prefix-2 {
    margin-left: 16.6666666667%;
  }
  .col.large-prefix-3 {
    margin-left: 25%;
  }
  .col.large-prefix-4 {
    margin-left: 33.3333333333%;
  }
  .col.large-prefix-5 {
    margin-left: 41.6666666667%;
  }
  .col.large-prefix-6 {
    margin-left: 50%;
  }
  .col.large-prefix-7 {
    margin-left: 58.3333333333%;
  }
  .col.large-prefix-8 {
    margin-left: 66.6666666667%;
  }
  .col.large-prefix-9 {
    margin-left: 75%;
  }
  .col.large-prefix-10 {
    margin-left: 83.3333333333%;
  }
  .col.large-prefix-11 {
    margin-left: 91.6666666667%;
  }
  .col.large-prefix-12 {
    margin-left: 100%;
  }
  .col.large-suffix-0 {
    margin-right: 0%;
  }
  .col.large-suffix-1 {
    margin-right: 8.3333333333%;
  }
  .col.large-suffix-2 {
    margin-right: 16.6666666667%;
  }
  .col.large-suffix-3 {
    margin-right: 25%;
  }
  .col.large-suffix-4 {
    margin-right: 33.3333333333%;
  }
  .col.large-suffix-5 {
    margin-right: 41.6666666667%;
  }
  .col.large-suffix-6 {
    margin-right: 50%;
  }
  .col.large-suffix-7 {
    margin-right: 58.3333333333%;
  }
  .col.large-suffix-8 {
    margin-right: 66.6666666667%;
  }
  .col.large-suffix-9 {
    margin-right: 75%;
  }
  .col.large-suffix-10 {
    margin-right: 83.3333333333%;
  }
  .col.large-suffix-11 {
    margin-right: 91.6666666667%;
  }
  .col.large-suffix-12 {
    margin-right: 100%;
  }
  .large-start {
    justify-content: flex-start;
  }
  .large-center {
    justify-content: center;
  }
  .large-end {
    justify-content: flex-end;
  }
  .large-between {
    justify-content: space-between;
  }
  .large-around {
    justify-content: space-around;
  }
  .large-top {
    align-items: flex-start;
  }
  .large-middle {
    align-items: center;
  }
  .large-baseline {
    align-items: baseline;
  }
  .large-bottom {
    align-items: flex-end;
  }
  .large-stretch {
    align-items: stretch;
  }
  .large-reverse {
    flex-direction: row-reverse;
  }
  .large-forward {
    flex-direction: row;
  }
  .large-first {
    order: -1;
  }
  .large-last {
    order: 1;
  }
  .large-unset {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .col.giant-1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col.giant-2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col.giant-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col.giant-4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col.giant-5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col.giant-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col.giant-7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col.giant-8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col.giant-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col.giant-10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col.giant-11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col.giant-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col.giant-auto {
    max-width: 100%;
    flex-basis: 0;
  }
  .col.giant-prefix-0 {
    margin-left: 0%;
  }
  .col.giant-prefix-1 {
    margin-left: 8.3333333333%;
  }
  .col.giant-prefix-2 {
    margin-left: 16.6666666667%;
  }
  .col.giant-prefix-3 {
    margin-left: 25%;
  }
  .col.giant-prefix-4 {
    margin-left: 33.3333333333%;
  }
  .col.giant-prefix-5 {
    margin-left: 41.6666666667%;
  }
  .col.giant-prefix-6 {
    margin-left: 50%;
  }
  .col.giant-prefix-7 {
    margin-left: 58.3333333333%;
  }
  .col.giant-prefix-8 {
    margin-left: 66.6666666667%;
  }
  .col.giant-prefix-9 {
    margin-left: 75%;
  }
  .col.giant-prefix-10 {
    margin-left: 83.3333333333%;
  }
  .col.giant-prefix-11 {
    margin-left: 91.6666666667%;
  }
  .col.giant-prefix-12 {
    margin-left: 100%;
  }
  .col.giant-suffix-0 {
    margin-right: 0%;
  }
  .col.giant-suffix-1 {
    margin-right: 8.3333333333%;
  }
  .col.giant-suffix-2 {
    margin-right: 16.6666666667%;
  }
  .col.giant-suffix-3 {
    margin-right: 25%;
  }
  .col.giant-suffix-4 {
    margin-right: 33.3333333333%;
  }
  .col.giant-suffix-5 {
    margin-right: 41.6666666667%;
  }
  .col.giant-suffix-6 {
    margin-right: 50%;
  }
  .col.giant-suffix-7 {
    margin-right: 58.3333333333%;
  }
  .col.giant-suffix-8 {
    margin-right: 66.6666666667%;
  }
  .col.giant-suffix-9 {
    margin-right: 75%;
  }
  .col.giant-suffix-10 {
    margin-right: 83.3333333333%;
  }
  .col.giant-suffix-11 {
    margin-right: 91.6666666667%;
  }
  .col.giant-suffix-12 {
    margin-right: 100%;
  }
  .giant-start {
    justify-content: flex-start;
  }
  .giant-center {
    justify-content: center;
  }
  .giant-end {
    justify-content: flex-end;
  }
  .giant-between {
    justify-content: space-between;
  }
  .giant-around {
    justify-content: space-around;
  }
  .giant-top {
    align-items: flex-start;
  }
  .giant-middle {
    align-items: center;
  }
  .giant-baseline {
    align-items: baseline;
  }
  .giant-bottom {
    align-items: flex-end;
  }
  .giant-stretch {
    align-items: stretch;
  }
  .giant-reverse {
    flex-direction: row-reverse;
  }
  .giant-forward {
    flex-direction: row;
  }
  .giant-first {
    order: -1;
  }
  .giant-last {
    order: 1;
  }
  .giant-unset {
    order: 0;
  }
}
@media (min-width: 1364px) {
  .col.huge-1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col.huge-2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col.huge-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col.huge-4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col.huge-5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col.huge-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col.huge-7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col.huge-8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col.huge-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col.huge-10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col.huge-11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col.huge-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col.huge-auto {
    max-width: 100%;
    flex-basis: 0;
  }
  .col.huge-prefix-0 {
    margin-left: 0%;
  }
  .col.huge-prefix-1 {
    margin-left: 8.3333333333%;
  }
  .col.huge-prefix-2 {
    margin-left: 16.6666666667%;
  }
  .col.huge-prefix-3 {
    margin-left: 25%;
  }
  .col.huge-prefix-4 {
    margin-left: 33.3333333333%;
  }
  .col.huge-prefix-5 {
    margin-left: 41.6666666667%;
  }
  .col.huge-prefix-6 {
    margin-left: 50%;
  }
  .col.huge-prefix-7 {
    margin-left: 58.3333333333%;
  }
  .col.huge-prefix-8 {
    margin-left: 66.6666666667%;
  }
  .col.huge-prefix-9 {
    margin-left: 75%;
  }
  .col.huge-prefix-10 {
    margin-left: 83.3333333333%;
  }
  .col.huge-prefix-11 {
    margin-left: 91.6666666667%;
  }
  .col.huge-prefix-12 {
    margin-left: 100%;
  }
  .col.huge-suffix-0 {
    margin-right: 0%;
  }
  .col.huge-suffix-1 {
    margin-right: 8.3333333333%;
  }
  .col.huge-suffix-2 {
    margin-right: 16.6666666667%;
  }
  .col.huge-suffix-3 {
    margin-right: 25%;
  }
  .col.huge-suffix-4 {
    margin-right: 33.3333333333%;
  }
  .col.huge-suffix-5 {
    margin-right: 41.6666666667%;
  }
  .col.huge-suffix-6 {
    margin-right: 50%;
  }
  .col.huge-suffix-7 {
    margin-right: 58.3333333333%;
  }
  .col.huge-suffix-8 {
    margin-right: 66.6666666667%;
  }
  .col.huge-suffix-9 {
    margin-right: 75%;
  }
  .col.huge-suffix-10 {
    margin-right: 83.3333333333%;
  }
  .col.huge-suffix-11 {
    margin-right: 91.6666666667%;
  }
  .col.huge-suffix-12 {
    margin-right: 100%;
  }
  .huge-start {
    justify-content: flex-start;
  }
  .huge-center {
    justify-content: center;
  }
  .huge-end {
    justify-content: flex-end;
  }
  .huge-between {
    justify-content: space-between;
  }
  .huge-around {
    justify-content: space-around;
  }
  .huge-top {
    align-items: flex-start;
  }
  .huge-middle {
    align-items: center;
  }
  .huge-baseline {
    align-items: baseline;
  }
  .huge-bottom {
    align-items: flex-end;
  }
  .huge-stretch {
    align-items: stretch;
  }
  .huge-reverse {
    flex-direction: row-reverse;
  }
  .huge-forward {
    flex-direction: row;
  }
  .huge-first {
    order: -1;
  }
  .huge-last {
    order: 1;
  }
  .huge-unset {
    order: 0;
  }
}
@media (min-width: 1520px) {
  .col.full-1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col.full-2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col.full-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col.full-4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col.full-5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col.full-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col.full-7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col.full-8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col.full-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col.full-10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col.full-11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col.full-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col.full-auto {
    max-width: 100%;
    flex-basis: 0;
  }
  .col.full-prefix-0 {
    margin-left: 0%;
  }
  .col.full-prefix-1 {
    margin-left: 8.3333333333%;
  }
  .col.full-prefix-2 {
    margin-left: 16.6666666667%;
  }
  .col.full-prefix-3 {
    margin-left: 25%;
  }
  .col.full-prefix-4 {
    margin-left: 33.3333333333%;
  }
  .col.full-prefix-5 {
    margin-left: 41.6666666667%;
  }
  .col.full-prefix-6 {
    margin-left: 50%;
  }
  .col.full-prefix-7 {
    margin-left: 58.3333333333%;
  }
  .col.full-prefix-8 {
    margin-left: 66.6666666667%;
  }
  .col.full-prefix-9 {
    margin-left: 75%;
  }
  .col.full-prefix-10 {
    margin-left: 83.3333333333%;
  }
  .col.full-prefix-11 {
    margin-left: 91.6666666667%;
  }
  .col.full-prefix-12 {
    margin-left: 100%;
  }
  .col.full-suffix-0 {
    margin-right: 0%;
  }
  .col.full-suffix-1 {
    margin-right: 8.3333333333%;
  }
  .col.full-suffix-2 {
    margin-right: 16.6666666667%;
  }
  .col.full-suffix-3 {
    margin-right: 25%;
  }
  .col.full-suffix-4 {
    margin-right: 33.3333333333%;
  }
  .col.full-suffix-5 {
    margin-right: 41.6666666667%;
  }
  .col.full-suffix-6 {
    margin-right: 50%;
  }
  .col.full-suffix-7 {
    margin-right: 58.3333333333%;
  }
  .col.full-suffix-8 {
    margin-right: 66.6666666667%;
  }
  .col.full-suffix-9 {
    margin-right: 75%;
  }
  .col.full-suffix-10 {
    margin-right: 83.3333333333%;
  }
  .col.full-suffix-11 {
    margin-right: 91.6666666667%;
  }
  .col.full-suffix-12 {
    margin-right: 100%;
  }
  .full-start {
    justify-content: flex-start;
  }
  .full-center {
    justify-content: center;
  }
  .full-end {
    justify-content: flex-end;
  }
  .full-between {
    justify-content: space-between;
  }
  .full-around {
    justify-content: space-around;
  }
  .full-top {
    align-items: flex-start;
  }
  .full-middle {
    align-items: center;
  }
  .full-baseline {
    align-items: baseline;
  }
  .full-bottom {
    align-items: flex-end;
  }
  .full-stretch {
    align-items: stretch;
  }
  .full-reverse {
    flex-direction: row-reverse;
  }
  .full-forward {
    flex-direction: row;
  }
  .full-first {
    order: -1;
  }
  .full-last {
    order: 1;
  }
  .full-unset {
    order: 0;
  }
}
@media (min-width: 2160px) {
  .col.cut-1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }
  .col.cut-2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }
  .col.cut-3 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .col.cut-4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }
  .col.cut-5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }
  .col.cut-6 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .col.cut-7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }
  .col.cut-8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
  .col.cut-9 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .col.cut-10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }
  .col.cut-11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }
  .col.cut-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .col.cut-auto {
    max-width: 100%;
    flex-basis: 0;
  }
  .col.cut-prefix-0 {
    margin-left: 0%;
  }
  .col.cut-prefix-1 {
    margin-left: 8.3333333333%;
  }
  .col.cut-prefix-2 {
    margin-left: 16.6666666667%;
  }
  .col.cut-prefix-3 {
    margin-left: 25%;
  }
  .col.cut-prefix-4 {
    margin-left: 33.3333333333%;
  }
  .col.cut-prefix-5 {
    margin-left: 41.6666666667%;
  }
  .col.cut-prefix-6 {
    margin-left: 50%;
  }
  .col.cut-prefix-7 {
    margin-left: 58.3333333333%;
  }
  .col.cut-prefix-8 {
    margin-left: 66.6666666667%;
  }
  .col.cut-prefix-9 {
    margin-left: 75%;
  }
  .col.cut-prefix-10 {
    margin-left: 83.3333333333%;
  }
  .col.cut-prefix-11 {
    margin-left: 91.6666666667%;
  }
  .col.cut-prefix-12 {
    margin-left: 100%;
  }
  .col.cut-suffix-0 {
    margin-right: 0%;
  }
  .col.cut-suffix-1 {
    margin-right: 8.3333333333%;
  }
  .col.cut-suffix-2 {
    margin-right: 16.6666666667%;
  }
  .col.cut-suffix-3 {
    margin-right: 25%;
  }
  .col.cut-suffix-4 {
    margin-right: 33.3333333333%;
  }
  .col.cut-suffix-5 {
    margin-right: 41.6666666667%;
  }
  .col.cut-suffix-6 {
    margin-right: 50%;
  }
  .col.cut-suffix-7 {
    margin-right: 58.3333333333%;
  }
  .col.cut-suffix-8 {
    margin-right: 66.6666666667%;
  }
  .col.cut-suffix-9 {
    margin-right: 75%;
  }
  .col.cut-suffix-10 {
    margin-right: 83.3333333333%;
  }
  .col.cut-suffix-11 {
    margin-right: 91.6666666667%;
  }
  .col.cut-suffix-12 {
    margin-right: 100%;
  }
  .cut-start {
    justify-content: flex-start;
  }
  .cut-center {
    justify-content: center;
  }
  .cut-end {
    justify-content: flex-end;
  }
  .cut-between {
    justify-content: space-between;
  }
  .cut-around {
    justify-content: space-around;
  }
  .cut-top {
    align-items: flex-start;
  }
  .cut-middle {
    align-items: center;
  }
  .cut-baseline {
    align-items: baseline;
  }
  .cut-bottom {
    align-items: flex-end;
  }
  .cut-stretch {
    align-items: stretch;
  }
  .cut-reverse {
    flex-direction: row-reverse;
  }
  .cut-forward {
    flex-direction: row;
  }
  .cut-first {
    order: -1;
  }
  .cut-last {
    order: 1;
  }
  .cut-unset {
    order: 0;
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-1,
  .row.break-right > .col.default-1 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 1);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-2,
  .row.break-right > .col.default-2 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 2);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-3,
  .row.break-right > .col.default-3 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 3);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-4,
  .row.break-right > .col.default-4 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 4);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-5,
  .row.break-right > .col.default-5 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 5);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-6,
  .row.break-right > .col.default-6 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 6);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-7,
  .row.break-right > .col.default-7 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 7);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-8,
  .row.break-right > .col.default-8 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 8);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-9,
  .row.break-right > .col.default-9 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 9);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-10,
  .row.break-right > .col.default-10 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 10);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-11,
  .row.break-right > .col.default-11 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 11);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-12,
  .row.break-right > .col.default-12 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 12);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.default-auto,
  .row.break-right > .col.default-auto {
    max-width: 100%;
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-1,
  .row.break-right > .col.tiny-1 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 1);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-2,
  .row.break-right > .col.tiny-2 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 2);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-3,
  .row.break-right > .col.tiny-3 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 3);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-4,
  .row.break-right > .col.tiny-4 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 4);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-5,
  .row.break-right > .col.tiny-5 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 5);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-6,
  .row.break-right > .col.tiny-6 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 6);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-7,
  .row.break-right > .col.tiny-7 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 7);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-8,
  .row.break-right > .col.tiny-8 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 8);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-9,
  .row.break-right > .col.tiny-9 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 9);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-10,
  .row.break-right > .col.tiny-10 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 10);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-11,
  .row.break-right > .col.tiny-11 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 11);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-12,
  .row.break-right > .col.tiny-12 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 12);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.tiny-auto,
  .row.break-right > .col.tiny-auto {
    max-width: 100%;
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-1,
  .row.break-right > .col.small-1 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 1);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-2,
  .row.break-right > .col.small-2 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 2);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-3,
  .row.break-right > .col.small-3 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 3);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-4,
  .row.break-right > .col.small-4 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 4);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-5,
  .row.break-right > .col.small-5 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 5);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-6,
  .row.break-right > .col.small-6 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 6);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-7,
  .row.break-right > .col.small-7 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 7);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-8,
  .row.break-right > .col.small-8 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 8);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-9,
  .row.break-right > .col.small-9 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 9);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-10,
  .row.break-right > .col.small-10 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 10);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-11,
  .row.break-right > .col.small-11 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 11);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-12,
  .row.break-right > .col.small-12 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 12);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.small-auto,
  .row.break-right > .col.small-auto {
    max-width: 100%;
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-1,
  .row.break-right > .col.medium-1 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 1);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-2,
  .row.break-right > .col.medium-2 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 2);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-3,
  .row.break-right > .col.medium-3 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 3);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-4,
  .row.break-right > .col.medium-4 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 4);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-5,
  .row.break-right > .col.medium-5 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 5);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-6,
  .row.break-right > .col.medium-6 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 6);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-7,
  .row.break-right > .col.medium-7 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 7);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-8,
  .row.break-right > .col.medium-8 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 8);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-9,
  .row.break-right > .col.medium-9 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 9);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-10,
  .row.break-right > .col.medium-10 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 10);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-11,
  .row.break-right > .col.medium-11 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 11);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-12,
  .row.break-right > .col.medium-12 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 12);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.medium-auto,
  .row.break-right > .col.medium-auto {
    max-width: 100%;
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-1,
  .row.break-right > .col.large-1 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 1);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-2,
  .row.break-right > .col.large-2 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 2);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-3,
  .row.break-right > .col.large-3 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 3);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-4,
  .row.break-right > .col.large-4 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 4);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-5,
  .row.break-right > .col.large-5 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 5);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-6,
  .row.break-right > .col.large-6 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 6);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-7,
  .row.break-right > .col.large-7 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 7);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-8,
  .row.break-right > .col.large-8 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 8);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-9,
  .row.break-right > .col.large-9 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 9);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-10,
  .row.break-right > .col.large-10 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 10);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-11,
  .row.break-right > .col.large-11 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 11);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-12,
  .row.break-right > .col.large-12 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 12);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.large-auto,
  .row.break-right > .col.large-auto {
    max-width: 100%;
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-1,
  .row.break-right > .col.giant-1 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 1);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-2,
  .row.break-right > .col.giant-2 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 2);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-3,
  .row.break-right > .col.giant-3 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 3);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-4,
  .row.break-right > .col.giant-4 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 4);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-5,
  .row.break-right > .col.giant-5 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 5);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-6,
  .row.break-right > .col.giant-6 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 6);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-7,
  .row.break-right > .col.giant-7 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 7);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-8,
  .row.break-right > .col.giant-8 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 8);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-9,
  .row.break-right > .col.giant-9 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 9);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-10,
  .row.break-right > .col.giant-10 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 10);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-11,
  .row.break-right > .col.giant-11 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 11);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-12,
  .row.break-right > .col.giant-12 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 12);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.giant-auto,
  .row.break-right > .col.giant-auto {
    max-width: 100%;
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-1,
  .row.break-right > .col.huge-1 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 1);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-2,
  .row.break-right > .col.huge-2 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 2);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-3,
  .row.break-right > .col.huge-3 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 3);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-4,
  .row.break-right > .col.huge-4 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 4);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-5,
  .row.break-right > .col.huge-5 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 5);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-6,
  .row.break-right > .col.huge-6 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 6);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-7,
  .row.break-right > .col.huge-7 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 7);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-8,
  .row.break-right > .col.huge-8 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 8);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-9,
  .row.break-right > .col.huge-9 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 9);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-10,
  .row.break-right > .col.huge-10 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 10);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-11,
  .row.break-right > .col.huge-11 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 11);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-12,
  .row.break-right > .col.huge-12 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 12);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.huge-auto,
  .row.break-right > .col.huge-auto {
    max-width: 100%;
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-1,
  .row.break-right > .col.full-1 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 1);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-2,
  .row.break-right > .col.full-2 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 2);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-3,
  .row.break-right > .col.full-3 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 3);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-4,
  .row.break-right > .col.full-4 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 4);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-5,
  .row.break-right > .col.full-5 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 5);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-6,
  .row.break-right > .col.full-6 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 6);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-7,
  .row.break-right > .col.full-7 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 7);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-8,
  .row.break-right > .col.full-8 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 8);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-9,
  .row.break-right > .col.full-9 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 9);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-10,
  .row.break-right > .col.full-10 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 10);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-11,
  .row.break-right > .col.full-11 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 11);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-12,
  .row.break-right > .col.full-12 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 12);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.full-auto,
  .row.break-right > .col.full-auto {
    max-width: 100%;
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-1,
  .row.break-right > .col.cut-1 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 1);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-2,
  .row.break-right > .col.cut-2 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 2);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-3,
  .row.break-right > .col.cut-3 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 3);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-4,
  .row.break-right > .col.cut-4 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 4);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-5,
  .row.break-right > .col.cut-5 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 5);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-6,
  .row.break-right > .col.cut-6 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 6);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-7,
  .row.break-right > .col.cut-7 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 7);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-8,
  .row.break-right > .col.cut-8 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 8);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-9,
  .row.break-right > .col.cut-9 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 9);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-10,
  .row.break-right > .col.cut-10 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 10);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-11,
  .row.break-right > .col.cut-11 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 11);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-12,
  .row.break-right > .col.cut-12 {
    max-width: calc(var(--row-max-width-dynamic) / 12 * 12);
  }
}
@media (min-width: 2160px) {
  .row.break-left > .col.cut-auto,
  .row.break-right > .col.cut-auto {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  #navigation nav ul.navi li:hover.nav-back,
  #navigation nav ul.navi li:hover > a, #navigation nav ul.navi li:hover:not(.nav-back) > span, #navigation nav ul.navi li:hover:not(.nav-back) > a, #navigation nav ul.navi li:focus.nav-back,
  #navigation nav ul.navi li:focus > a, #navigation nav ul.navi li:focus:not(.nav-back) > span, #navigation nav ul.navi li:focus:not(.nav-back) > a, #navigation nav ul.navi li.nav-back:focus, #navigation nav ul.navi li.nav-back:focus-within,
  #navigation nav ul.navi li > a:focus,
  #navigation nav ul.navi li > a:focus-within, #navigation nav ul.navi li:not(.nav-back) > span:focus, #navigation nav ul.navi li:not(.nav-back) > span:focus-within, #navigation nav ul.navi li:not(.nav-back) > a:focus, #navigation nav ul.navi li:not(.nav-back) > a:focus-within {
    color: var(--color-primary);
    background-color: hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc((calc((var(--color-secondary-l) - 50.00001) / max(var(--color-secondary-l) - 50.00001, -1 * (var(--color-secondary-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-secondary-l))) * 2 - 1) * (max(0, min(1, var(--color-secondary-l) - 90.00001)) * 2 - 1)) * 6 + var(--color-secondary-l)) * 1%), 1);
  }
}
@media (min-width: 1200px) {
  #navigation nav ul.navi li.nav-back:not(.nav-back):hover:before,
  #navigation nav ul.navi li:hover > a:not(.nav-back):before, #navigation nav ul.navi li:hover:not(.nav-back) > span:not(.nav-back):before, #navigation nav ul.navi li.nav-back:not(.nav-back):focus:before,
  #navigation nav ul.navi li:focus > a:not(.nav-back):before, #navigation nav ul.navi li:focus:not(.nav-back) > span:not(.nav-back):before, #navigation nav ul.navi li.nav-back:not(.nav-back):focus-within:before,
  #navigation nav ul.navi li > a:not(.nav-back):focus:before,
  #navigation nav ul.navi li > a:not(.nav-back):focus-within:before, #navigation nav ul.navi li:not(.nav-back) > span:not(.nav-back):focus:before, #navigation nav ul.navi li:not(.nav-back) > span:not(.nav-back):focus-within:before {
    width: 100%;
    left: 0;
    right: unset;
  }
}

@media (max-width: 1199.98px) {
  #navigation nav ul.navi li:has(.sub.open) > span, #navigation nav ul.navi li:not(.nav-back) > span:not(.sub-toggler):hover, #navigation nav ul.navi li:not(.nav-back) > span:not(.sub-toggler):focus-visible, #navigation nav ul.navi li a.active, #navigation nav ul.navi li.has-sub > span.active, #navigation nav ul.navi li.has-sub.active > a,
  #navigation nav ul.navi li.has-sub.active > span {
    color: var(--color-primary);
    background-color: hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc((calc((var(--color-secondary-l) - 50.00001) / max(var(--color-secondary-l) - 50.00001, -1 * (var(--color-secondary-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-secondary-l))) * 2 - 1) * (max(0, min(1, var(--color-secondary-l) - 90.00001)) * 2 - 1)) * 6 + var(--color-secondary-l)) * 1%), 1);
  }
}
@media (min-width: 1200px) {
  #navigation nav ul.navi li:has(.sub.open) > span, #navigation nav ul.navi li:not(.nav-back) > span:not(.sub-toggler):hover, #navigation nav ul.navi li:not(.nav-back) > span:not(.sub-toggler):focus-visible, #navigation nav ul.navi li a.active, #navigation nav ul.navi li.has-sub > span.active, #navigation nav ul.navi li.has-sub.active > a,
  #navigation nav ul.navi li.has-sub.active > span {
    font-weight: var(--font-main-bold);
  }
  #navigation nav ul.navi li:has(.sub.open) > span:not(.nav-back):before, #navigation nav ul.navi li:not(.nav-back) > span:not(.nav-back):not(.sub-toggler):hover:before, #navigation nav ul.navi li:not(.nav-back) > span:not(.nav-back):not(.sub-toggler):focus-visible:before, #navigation nav ul.navi li a.active:not(.nav-back):before, #navigation nav ul.navi li.has-sub > span.active:not(.nav-back):before, #navigation nav ul.navi li.has-sub.active > a:not(.nav-back):before,
  #navigation nav ul.navi li.has-sub.active > span:not(.nav-back):before {
    width: 100%;
    left: 0;
    right: unset;
  }
}

#navigation nav ul.navi li.nav-back:before {
  content: "\e902";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
}

#navigation nav ul.navi li.has-sub > span:after,
#navigation nav ul.navi li.has-sub > a:after {
  content: "\e901";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
  text-decoration: none;
}
@media (min-width: 1200px) {
  #navigation nav ul.navi li.has-sub > span:after,
  #navigation nav ul.navi li.has-sub > a:after {
    transform: rotate(90deg);
    margin-left: 4px !important;
    translate: 0 2px;
  }
}

:root {
  --quickbar-height: calc((68) / var(--base-font-size) * 1rem);
  --quickbar-for-desktop: false;
  --ruffnav-nav-height: calc(100vh - var(--quickbar-height));
}
@supports (width: 100dvh) {
  :root {
    --ruffnav-nav-height: calc(100dvh - var(--quickbar-height));
  }
}
@media (max-width: 1199.98px) {
  :root {
    --content-inset-top: var(--quickbar-height);
    --content-inset-top-dynamic: var(--content-inset-top);
  }
}
@media (min-width: 1200px) {
  :root {
    --content-inset-top: calc((var(--navigation-height)) / var(--base-font-size) * 1rem);
    --content-inset-top-dynamic: calc((var(--navigation-height-dynamic, var(--navigation-height, 200))) / var(--base-font-size) * 1rem);
  }
}

@media (max-width: 1199.98px) {
  #navigation {
    width: clamp(calc((240) / var(--base-font-size) * 1rem), 50%, calc((400) / var(--base-font-size) * 1rem));
    overflow: hidden;
    top: var(--quickbar-height);
    bottom: 0;
  }
  #navigation.first-level nav {
    height: var(--ruffnav-nav-height);
    overflow: hidden;
    overflow-y: auto;
  }
  #navigation nav ul.navi li.has-sub .sub {
    height: var(--ruffnav-nav-height);
    z-index: 1;
  }
  #navigation nav ul.navi li.has-sub .sub.open {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
  }
  #navigation nav ul.navi li.has-sub .sub:before {
    content: attr(data-parent-name);
    display: block;
  }
  #navigation nav .mobile-close-button {
    display: block;
    width: 100%;
    font-size: calc((14) / var(--base-font-size) * 1rem);
    line-height: 100%;
    max-width: calc((140) / var(--base-font-size) * 1rem);
    margin: calc((var(--base-gap)) / var(--base-font-size) * 1rem) auto;
  }
  html.hidden-scroll {
    overflow: hidden;
  }
}
#quickbar {
  position: fixed;
  left: 0;
  width: 100%;
}
@media (max-width: 1199.98px) {
  #quickbar {
    height: var(--quickbar-height);
  }
}
#quickbar {
  top: 0;
}
#quickbar label[for=navi-toggled] {
  display: block;
  cursor: pointer;
  position: relative;
}
#quickbar label[for=navi-toggled], #quickbar label[for=navi-toggled] * {
  box-sizing: border-box;
}
#quickbar label[for=navi-toggled] span {
  text-indent: -9999px;
  content: "";
  display: block;
  border-radius: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
  width: calc((32) / var(--base-font-size) * 1rem);
  max-width: calc((68) / var(--base-font-size) * 1rem);
  height: calc((32) / var(--base-font-size) * 1rem);
  max-height: calc((68) / var(--base-font-size) * 1rem);
}
#quickbar label[for=navi-toggled]:after {
  content: "";
  position: fixed;
  left: 0;
  width: 200vw;
  height: 200vh;
  display: block;
  background-color: var(--color-background-text);
  opacity: 0.9;
  z-index: -1;
  top: var(--quickbar-height);
}
#quickbar label[for=navi-toggled] svg {
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
#quickbar label[for=navi-toggled] svg path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transition: stroke-dasharray 0.5s cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#quickbar label[for=navi-toggled] svg path:first-child {
  transition: stroke-dasharray 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  stroke-dasharray: 16 300;
  stroke-dashoffset: -34.42;
}
#quickbar label[for=navi-toggled] svg path:last-child {
  stroke-dasharray: 16 300;
  stroke-dashoffset: 34.42;
}

#navi-toggled {
  display: none;
}
@media (max-width: 1199.98px) {
  #navi-toggled:not(:checked) ~ * #navigation,
  #navi-toggled:not(:checked) ~ #navigation {
    transform: translateX(100%);
    visibility: hidden;
  }
  body.cms-liveeditor-is-opened #navi-toggled:not(:checked) ~ * #navigation,
  body.cms-liveeditor-is-opened #navi-toggled:not(:checked) ~ #navigation {
    visibility: visible;
  }
}
#navi-toggled:not(:checked) ~ #quickbar label[for=navi-toggled]:after {
  opacity: 0;
  visibility: hidden;
}
#navi-toggled:not(:checked) ~ #quickbar label[for=navi-toggled] svg {
  transform: translate(-50%, -50%) rotate(0);
}
#navi-toggled:not(:checked) ~ #quickbar label[for=navi-toggled] svg path:first-child,
#navi-toggled:not(:checked) ~ #quickbar label[for=navi-toggled] svg path:last-child {
  stroke-dasharray: 12 63;
  stroke-dashoffset: -2;
}

body.javascript #navigation,
body.javascript .sub:not(.no-transition) {
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

[data-navigation-status] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#navigation {
  position: fixed;
  max-width: 100%;
  right: 0;
  background-color: var(--color-secondary);
  z-index: 1000001;
}
@media (min-width: 1200px) {
  #navigation {
    z-index: 999998;
  }
}
@media (max-width: 1199.98px) {
  #navigation .row {
    position: unset;
  }
  #navigation .row .col {
    padding: 0;
  }
  #navigation .row .col.brandingCol {
    display: none;
  }
}
#navigation nav ul {
  width: 100%;
}
#navigation nav ul.navi li a, #navigation nav ul.navi li:not(.nav-back) > span, #navigation nav ul.navi li.nav-back, #navigation nav ul.navi li.has-sub > span {
  display: block;
  cursor: pointer;
  text-decoration: none;
  font-weight: var(--font-main-regular);
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
  text-transform: lowercase;
}
@media (max-width: 1199.98px) {
  #navigation nav ul.navi li a, #navigation nav ul.navi li:not(.nav-back) > span, #navigation nav ul.navi li.nav-back, #navigation nav ul.navi li.has-sub > span {
    padding: 1em calc((var(--base-gap)) / var(--base-font-size) * 1rem);
    background-color: var(--color-secondary);
    color: var(--color-secondary-text);
  }
}
@media (min-width: 1200px) {
  #navigation nav ul.navi li a, #navigation nav ul.navi li:not(.nav-back) > span, #navigation nav ul.navi li.nav-back, #navigation nav ul.navi li.has-sub > span {
    position: relative;
    border-radius: var(--base-border-radius-limited);
  }
  #navigation nav ul.navi li a:not(.nav-back):before, #navigation nav ul.navi li:not(.nav-back) > span:not(.nav-back):before, #navigation nav ul.navi li.nav-back:not(.nav-back):before, #navigation nav ul.navi li.has-sub > span:not(.nav-back):before {
    content: "";
    position: absolute;
    right: 0;
    bottom: calc((-2) / var(--base-font-size) * 1rem);
    width: 0;
    height: calc((2) / var(--base-font-size) * 1rem);
    background: var(--color-primary);
    transition: width 300ms ease;
  }
}
html.contrast-intensify #navigation nav ul.navi li a, html.contrast-intensify #navigation nav ul.navi li:not(.nav-back) > span, html.contrast-intensify #navigation nav ul.navi li.nav-back, html.contrast-intensify #navigation nav ul.navi li.has-sub > span {
  text-decoration: underline;
}
html.contrast-intensify #navigation nav ul.navi li a:before, html.contrast-intensify #navigation nav ul.navi li a:after, html.contrast-intensify #navigation nav ul.navi li:not(.nav-back) > span:before, html.contrast-intensify #navigation nav ul.navi li:not(.nav-back) > span:after, html.contrast-intensify #navigation nav ul.navi li.nav-back:before, html.contrast-intensify #navigation nav ul.navi li.nav-back:after, html.contrast-intensify #navigation nav ul.navi li.has-sub > span:before, html.contrast-intensify #navigation nav ul.navi li.has-sub > span:after {
  text-decoration: none;
}
#navigation nav ul.navi li.has-sub > span,
#navigation nav ul.navi li.has-sub > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#navigation nav ul.navi li.has-sub > span .sub,
#navigation nav ul.navi li.has-sub > a .sub {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-secondary);
}
#navigation nav ul.navi li.has-sub > span .sub:before,
#navigation nav ul.navi li.has-sub > a .sub:before {
  padding: 1em calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
}
#navigation nav ul.navi li.has-sub > span .sub,
#navigation nav ul.navi li.has-sub > a .sub {
  visibility: hidden;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  #navigation nav ul.navi li.has-sub > span .sub,
  #navigation nav ul.navi li.has-sub > a .sub {
    transform: translateX(100%);
  }
}
@media (min-width: 1200px) {
  #navigation nav ul.navi li.has-sub > span .sub,
  #navigation nav ul.navi li.has-sub > a .sub {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 1199.98px) {
  #navigation nav ul.navi li.has-sub > span .sub.current,
  #navigation nav ul.navi li.has-sub > a .sub.current {
    transform: translateX(0%);
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  #navigation nav ul.navi li.has-sub > span .sub.current,
  #navigation nav ul.navi li.has-sub > a .sub.current {
    opacity: 1;
    visibility: visible;
  }
}
#navigation nav ul.navi li.has-sub > span .sub:focus,
#navigation nav ul.navi li.has-sub > a .sub:focus {
  outline-offset: calc((-3) / var(--base-font-size) * 1rem);
}
#navigation nav ul.navi li.has-sub > span:after,
#navigation nav ul.navi li.has-sub > a:after {
  margin-left: 0.5em;
  display: inline-block;
}
#navigation nav ul.navi li.has-sub > .sub .has-sub > span:after,
#navigation nav ul.navi li.has-sub > .sub .has-sub > a:after {
  transform: rotate(0);
}
#navigation nav ul.navi li.has-sub .sub {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-secondary);
}
#navigation nav ul.navi li.has-sub .sub:before {
  padding: 1em calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
}
#navigation nav ul.navi li.has-sub .sub {
  visibility: hidden;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  #navigation nav ul.navi li.has-sub .sub {
    transform: translateX(100%);
  }
}
@media (min-width: 1200px) {
  #navigation nav ul.navi li.has-sub .sub {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 1199.98px) {
  #navigation nav ul.navi li.has-sub .sub.current {
    transform: translateX(0%);
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  #navigation nav ul.navi li.has-sub .sub.current {
    opacity: 1;
    visibility: visible;
  }
}
#navigation nav ul.navi li.has-sub .sub:focus {
  outline-offset: calc((-3) / var(--base-font-size) * 1rem);
}
#navigation nav ul.navi li.nav-back {
  position: relative;
  background-color: hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc((calc((var(--color-secondary-l) - 50.00001) / max(var(--color-secondary-l) - 50.00001, -1 * (var(--color-secondary-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-secondary-l))) * 2 - 1) * (max(0, min(1, var(--color-secondary-l) - 90.00001)) * 2 - 1)) * 4 + var(--color-secondary-l)) * 1%), 1);
}
#navigation nav ul.navi li.nav-back:before {
  margin-right: 0.3em;
  display: inline-block;
}

@media (min-width: 1200px) {
  #navigation {
    top: 0;
    width: 100%;
  }
  #navigation .desktop-hide {
    display: none;
  }
  #navigation nav ul.navi {
    display: flex;
    justify-content: space-between;
    width: auto;
  }
  #navigation nav ul.navi li a, #navigation nav ul.navi li:not(.nav-back) > span,
  #navigation nav ul.navi li .sub:before,
  #navigation nav ul.navi li .nav-back {
    white-space: nowrap;
  }
  #navigation nav ul.navi li.has-sub {
    position: relative;
  }
  #navigation nav ul.navi li.has-sub .sub {
    top: 100%;
    width: auto;
  }
  #navigation nav ul.navi li.has-sub .sub .sub {
    left: 100%;
    top: 0;
  }
  #navigation nav ul.navi li.nav-back:before {
    content: "\e906";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: var(--icon-font);
    font-weight: var(--icon-font-weight);
    text-align: center;
    width: 100%;
  }
  #navigation nav ul.navi li.nav-back span {
    display: none;
  }
  #navigation {
    transition: transform 300ms ease-in-out, opacity 300ms ease-in-out, visibility 300ms ease-in-out, box-shadow 300ms ease-in-out;
  }
  body.scrolled #navigation, body:not(.index) #navigation {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  }
  #navigation .row {
    align-items: center;
  }
  #navigation .row .col.brandingCol {
    display: flex;
    align-items: center;
    max-width: calc((344) / var(--base-font-size) * 1rem);
    padding-block: calc((25) / var(--base-font-size) * 1rem);
    transition: all 0.3s ease-in-out;
  }
  body.scrolled #navigation .row .col.brandingCol, body:not(.index) #navigation .row .col.brandingCol {
    max-width: calc((344) / var(--base-font-size) * 1rem);
  }
  #navigation .row .col.naviCol {
    flex: 1 1;
  }
  #navigation nav ul.navi {
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
  }
  #navigation nav ul.navi li.has-sub .sub {
    gap: calc((10) / var(--base-font-size) * 1rem);
    padding: calc((10) / var(--base-font-size) * 1rem);
    box-shadow: var(--base-box-shadow);
    min-width: 100%;
    border-radius: var(--base-border-radius-limited);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  html[data-theme].contrast-intensify #navigation nav ul.navi li.has-sub .sub, .contrast-intensify #navigation nav ul.navi li.has-sub .sub {
    transition: outline-offset 0s;
    outline: var(--focus-outline);
    outline-color: var(--color-background);
    outline-offset: calc((-2) / var(--base-font-size) * 1rem);
  }
  #navigation nav ul.navi li.has-sub .sub a,
  #navigation nav ul.navi li.has-sub .sub span {
    background-color: var(--color-surface);
    color: var(--color-surface-text);
    padding-inline: calc((10) / var(--base-font-size) * 1rem);
    padding-block: calc((5) / var(--base-font-size) * 1rem);
    box-shadow: inset 0 0 0 1px var(--color-surface-elevated-opacity-65, hsla(var(--color-surface-elevated-h), calc(var(--color-surface-elevated-s) * 1%), calc(var(--color-surface-elevated-l) * 1%), 0.65));
    text-decoration: none;
  }
  #navigation nav ul.navi li.has-sub .sub a:hover, #navigation nav ul.navi li.has-sub .sub a:focus, #navigation nav ul.navi li.has-sub .sub a:active, #navigation nav ul.navi li.has-sub .sub a.active,
  #navigation nav ul.navi li.has-sub .sub span:hover,
  #navigation nav ul.navi li.has-sub .sub span:focus,
  #navigation nav ul.navi li.has-sub .sub span:active,
  #navigation nav ul.navi li.has-sub .sub span.active {
    background-color: var(--color-primary);
    color: var(--color-primary-text);
    text-decoration: none;
  }
  #navigation nav ul.navi li.nav-back {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 100%;
    padding: 0;
    background-color: var(--color-primary);
    color: var(--color-primary-text);
    height: calc((30) / var(--base-font-size) * 1rem);
    width: calc((30) / var(--base-font-size) * 1rem);
    border-radius: calc((2) / var(--base-font-size) * 1rem);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #navigation nav ul.navi li.nav-back, #navigation nav ul.navi li.nav-back:before {
    margin: 0;
  }
  #navigation nav ul.navi li.nav-back:hover, #navigation nav ul.navi li.nav-back:focus {
    background-color: var(--color-background);
    color: var(--color-background-text);
    box-shadow: inset 0 0 0 2px var(--color-surface-elevated);
  }
}
#quickbar {
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
  fill: var(--color-secondary-text);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  z-index: 1000000;
  box-shadow: inset 0 calc((-2) / var(--base-font-size) * 1rem) 0 0 currentColor;
}
@media (min-width: 1200px) {
  #quickbar {
    display: none;
  }
}
#quickbar .contact-items {
  display: flex;
  gap: calc((8) / var(--base-font-size) * 1rem);
}
#quickbar .contact-items > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 0;
  color: inherit;
  width: 2rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: calc((5) / var(--base-font-size) * 1rem) !important;
  background-color: var(--color-background);
  color: var(--color-background-text);
}
#quickbar .contact-items > a:before {
  font-size: calc((18) / var(--base-font-size) * 1rem);
}
#quickbar .contact-items > a.phone:before {
  content: "\e910";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
}
#quickbar .contact-items > a.email:before {
  content: "\e905";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
}
#quickbar .contact-items > a.instagram:before {
  content: "\e913";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
  font-weight: normal;
  font-size: calc((22) / var(--base-font-size) * 1rem);
}
#quickbar .contact-items > a.facebook:before {
  content: "\e914";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
  font-weight: normal;
  font-size: calc((25) / var(--base-font-size) * 1rem);
}
#quickbar .contact-items > a:hover, #quickbar .contact-items > a:focus, #quickbar .contact-items > a:active, #quickbar .contact-items > a.active {
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  box-shadow: inset 0 0 0 2px currentColor;
}
#quickbar .contact-items > a:focus {
  outline-style: dashed;
}
#quickbar span[role=button] {
  width: 2rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: calc((5) / var(--base-font-size) * 1rem) !important;
  transition: all 0.3s ease-in-out;
  background-color: var(--color-background);
  color: var(--color-background-text);
}
#quickbar span[role=button][aria-expanded=true], #quickbar span[role=button]:focus, #quickbar span[role=button]:hover {
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  box-shadow: inset 0 0 0 2px currentColor;
}
#quickbar span[role=button]:focus {
  outline-style: dashed;
}

.branding {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.branding__logo {
  display: block;
  width: auto;
  height: calc((44) / var(--base-font-size) * 1rem);
}
.branding--footer .branding__logo {
  width: calc((300) / var(--base-font-size) * 1rem);
  height: auto;
}

#quickbar .contact-items {
  display: none;
}
#quickbar {
  justify-content: flex-end;
}
@media (min-width: 1200px) {
  #quickbar {
    display: none;
  }
}

.mobileBranding {
  position: fixed;
  top: 0;
  left: 0;
  height: var(--quickbar-height);
  display: flex;
  align-items: center;
  padding: 0 calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  z-index: 1000001;
}
.mobileBranding .branding__logo {
  height: calc((34) / var(--base-font-size) * 1rem);
}
@media (min-width: 1200px) {
  .mobileBranding {
    display: none;
  }
}

#navigation nav ul.navi.navi-main > li > a,
#navigation nav ul.navi.navi-main > li > span {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: var(--font-main-regular);
  font-size: calc((18) / var(--base-font-size) * 1rem);
}
#navigation nav ul.navi.navi-main > li > a.active,
#navigation nav ul.navi.navi-main > li > a[aria-current], #navigation nav ul.navi.navi-main > li.active > a {
  font-weight: var(--font-main-bold);
}
#navigation .nav-actions {
  display: flex;
  gap: calc((14) / var(--base-font-size) * 1rem);
  padding: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
}

@media (min-width: 1200px) {
  #navigation {
    position: static;
    width: 100%;
    background-color: var(--color-secondary);
    color: var(--color-secondary-text);
  }
  body.scrolled #navigation, body:not(.index) #navigation {
    box-shadow: none;
  }
  #navigation .default-container > .row {
    align-items: center;
    min-height: calc((88) / var(--base-font-size) * 1rem);
  }
  #navigation .brandingCol {
    max-width: calc((344) / var(--base-font-size) * 1rem);
    padding-block: calc((25) / var(--base-font-size) * 1rem);
  }
  #navigation .brandingCol .branding__logo {
    width: calc((300) / var(--base-font-size) * 1rem);
    height: auto;
  }
  #navigation .naviCol {
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc((36) / var(--base-font-size) * 1rem);
  }
  #navigation nav ul.navi.navi-main {
    width: auto;
    justify-content: flex-end;
    gap: calc((30) / var(--base-font-size) * 1rem);
  }
  #navigation .nav-actions {
    padding: 0;
  }
}
.navi-add {
  display: flex;
  align-items: center;
  gap: calc((30) / var(--base-font-size) * 1rem);
  list-style: none;
  flex-wrap: wrap;
}
.navi-add li {
  margin: 0;
}
.navi-add a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: calc((18) / var(--base-font-size) * 1rem);
  font-weight: var(--font-main-regular);
}
.navi-add li.active a {
  font-weight: var(--font-main-bold);
}
.navi-add li.active a,
.navi-add a:hover,
.navi-add a:focus {
  color: var(--color-primary);
}
.navi-add .social a.instagram {
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 1;
}
.navi-add .social a.instagram:before {
  content: "\e913";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
  font-weight: normal;
  font-size: calc((22) / var(--base-font-size) * 1rem);
  line-height: 1;
}
@media (max-width: 759.98px) {
  .navi-add {
    justify-content: center;
  }
}

@media (max-width: 1199.98px) {
  body.cms-template-edit #navigation {
    margin-top: var(--quickbar-height);
  }
  body.cms-template-edit #navi-toggled:not(:checked) ~ * #navigation,
  body.cms-template-edit #navi-toggled:not(:checked) ~ #navigation {
    transform: none;
  }
  body.cms-template-edit #navigation.first-level nav {
    height: auto;
  }
  body.cms-template-edit #navigation .sub {
    display: none;
  }
  body.cms-page-edit #navigation {
    display: none;
  }
}
.standardPadding {
  --pad-base: clamp(calc((80) / var(--base-font-size) * 1rem), calc((45.7142857143) / var(--base-font-size) * 1rem) + 9.5238095238vw, calc((200) / var(--base-font-size) * 1rem));
  --pad-block: var(--pad-base);
  padding-block: var(--pad-block);
}
.standardPadding.noPad {
  --pad-block: 0px;
}
.standardPadding.noPadTop {
  padding-block-start: 0;
}
.standardPadding.noPadBot {
  padding-block-end: 0;
}
.standardPadding.half-pad-bot, .standardPadding.halfPadBot {
  padding-block-end: calc(var(--pad-block) / 2);
}
.standardPadding.halfPad {
  --pad-block: calc(var(--pad-base) / 2);
}

.standardMargin {
  --mar-base: clamp(calc((80) / var(--base-font-size) * 1rem), calc((45.7142857143) / var(--base-font-size) * 1rem) + 9.5238095238vw, calc((200) / var(--base-font-size) * 1rem));
  --mar-block: var(--mar-base);
  margin-block: var(--mar-block);
}
.standardMargin.noMar {
  --mar-block: 0px;
}
.standardMargin.noMarTop {
  margin-block-start: 0;
}
.standardMargin.noMarBot {
  margin-block-end: 0;
}
.standardMargin.half-mar-bot, .standardMargin.halfMarBot {
  margin-block-end: calc(var(--mar-block) / 2);
}
.standardMargin.halfMar {
  --mar-block: calc(var(--mar-base) / 2);
}

.margin-bottom {
  margin-bottom: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
}
.margin-bottom.no-margin-bottom, .box > .margin-bottom:last-child {
  margin-bottom: 0;
}

.z-bottom {
  z-index: -1;
}

.z-default {
  z-index: 0;
}

.z-top {
  z-index: 1;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.static {
  position: static;
}

.sticky {
  position: sticky;
}

.sticky-top {
  position: sticky;
  top: var(--content-inset-top);
}

.sticky-top-dynamic {
  position: sticky;
  top: var(--content-inset-top-dynamic);
}

.fixed {
  position: fixed;
}

.inset {
  inset: 0;
}

.highlight {
  color: var(--color-secondary);
}

html[data-theme].contrast-intensify .contrast-intensify-image-darken, .contrast-intensify .contrast-intensify-image-darken {
  filter: brightness(0.5);
}

html[data-theme].contrast-intensify .contrast-intensify-image-lighten, .contrast-intensify .contrast-intensify-image-lighten {
  filter: brightness(1.5);
}

html[data-theme].contrast-intensify .contrast-intensify-border, .contrast-intensify .contrast-intensify-border {
  transition: outline-offset 0s;
  outline: var(--focus-outline);
  outline-color: var(--color-background);
  outline-offset: calc((-2) / var(--base-font-size) * 1rem);
}

small {
  font-size: 0.65em;
}

.font-display {
  font-family: var(--font-display);
}
.font-display-light {
  font-weight: var(--font-display-light);
}
.font-display-regular {
  font-weight: var(--font-display-regular);
}
.font-display-bold {
  font-weight: var(--font-display-bold);
}

.font-main {
  font-family: var(--font-main);
}
.font-main-light {
  font-weight: var(--font-main-light);
}
.font-main-regular {
  font-weight: var(--font-main-regular);
}
.font-main-bold {
  font-weight: var(--font-main-bold);
}

.btn, form.default button,
form.default [type=submit] {
  transition: all 0.3s ease-in-out;
  appearance: none;
  border: none;
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  cursor: pointer;
  display: inline-flex;
  line-height: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
  padding: 0.8rem 1rem;
  text-align: center;
  align-items: center;
  text-decoration: none;
  font-family: var(--font-main);
  font-weight: var(--font-main-regular);
  font-size: calc((var(--base-font-size)) / var(--base-font-size) * 1rem);
  border-radius: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
  box-shadow: inset 0 0 0 2px var(--color-primary-opacity-0, hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc(var(--color-primary-l) * 1%), 0));
  font-weight: var(--font-main-bold);
  padding-block: calc((16) / var(--base-font-size) * 1rem);
  padding-inline: calc((32) / var(--base-font-size) * 1rem);
}
.btn:hover, form.default button:hover,
form.default [type=submit]:hover, .btn:focus, form.default button:focus,
form.default [type=submit]:focus, .btn:active, form.default button:active,
form.default [type=submit]:active, .btn.active, form.default button.active,
form.default .active[type=submit] {
  background-color: var(--color-background);
  color: var(--color-background-text);
  box-shadow: inset 0 0 0 2px currentColor;
}
.btn, form.default button,
form.default [type=submit] {
  gap: calc((10) / var(--base-font-size) * 1rem);
}
.btn:disabled, form.default button:disabled,
form.default [type=submit]:disabled, .btn.disabled, form.default button.disabled,
form.default .disabled[type=submit] {
  cursor: inherit;
  pointer-events: none;
  opacity: 0.5;
}
.btn.btn-primary, form.default button.btn-primary,
form.default .btn-primary[type=submit] {
  background-color: var(--color-primary);
  color: var(--color-primary-text);
}
.btn.btn-primary.btn-outline, form.default button.btn-primary.btn-outline,
form.default .btn-primary.btn-outline[type=submit] {
  background-color: transparent;
  color: var(--color-primary);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-primary);
}
.btn.btn-primary.btn-outline:focus:focus-visible, form.default button.btn-primary.btn-outline:focus:focus-visible,
form.default .btn-primary.btn-outline[type=submit]:focus:focus-visible {
  outline: var(--focus-outline);
  outline-color: var(--color-primary);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-primary.btn-outline:focus-visible, form.default button.btn-primary.btn-outline:focus-visible,
form.default .btn-primary.btn-outline[type=submit]:focus-visible {
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-primary);
}
html[data-theme].contrast-intensify .btn.btn-primary.btn-outline:focus, .contrast-intensify .btn.btn-primary.btn-outline:focus, .contrast-intensify form.default button.btn-primary.btn-outline:focus, form.default .contrast-intensify button.btn-primary.btn-outline:focus,
.contrast-intensify form.default .btn-primary.btn-outline[type=submit]:focus,
form.default .contrast-intensify .btn-primary.btn-outline[type=submit]:focus {
  outline: var(--focus-outline);
  outline-color: var(--color-primary);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-primary:hover, form.default button.btn-primary:hover,
form.default .btn-primary[type=submit]:hover {
  background-color: hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc((calc((var(--color-primary-l) - 50.00001) / max(var(--color-primary-l) - 50.00001, -1 * (var(--color-primary-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-primary-l))) * 2 - 1) * (max(0, min(1, var(--color-primary-l) - 90.00001)) * 2 - 1)) * 10 + var(--color-primary-l)) * 1%), 1);
  color: var(--color-primary-text);
}
.btn.btn-primary:active, form.default button.btn-primary:active,
form.default .btn-primary[type=submit]:active {
  background-color: hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc((calc((var(--color-primary-l) - 50.00001) / max(var(--color-primary-l) - 50.00001, -1 * (var(--color-primary-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-primary-l))) * 2 - 1) * (max(0, min(1, var(--color-primary-l) - 90.00001)) * 2 - 1)) * 15 + var(--color-primary-l)) * 1%), 1);
  color: var(--color-primary-text);
}
.btn.btn-primary:focus, form.default button.btn-primary:focus,
form.default .btn-primary[type=submit]:focus {
  background-color: hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc((calc((var(--color-primary-l) - 50.00001) / max(var(--color-primary-l) - 50.00001, -1 * (var(--color-primary-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-primary-l))) * 2 - 1) * (max(0, min(1, var(--color-primary-l) - 90.00001)) * 2 - 1)) * 20 + var(--color-primary-l)) * 1%), 1);
  color: var(--color-primary-text);
}
.btn.btn-secondary, form.default button.btn-secondary,
form.default .btn-secondary[type=submit] {
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
}
.btn.btn-secondary.btn-outline, form.default button.btn-secondary.btn-outline,
form.default .btn-secondary.btn-outline[type=submit] {
  background-color: transparent;
  color: var(--color-secondary);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-secondary);
}
.btn.btn-secondary.btn-outline:focus:focus-visible, form.default button.btn-secondary.btn-outline:focus:focus-visible,
form.default .btn-secondary.btn-outline[type=submit]:focus:focus-visible {
  outline: var(--focus-outline);
  outline-color: var(--color-secondary);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-secondary.btn-outline:focus-visible, form.default button.btn-secondary.btn-outline:focus-visible,
form.default .btn-secondary.btn-outline[type=submit]:focus-visible {
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-secondary);
}
html[data-theme].contrast-intensify .btn.btn-secondary.btn-outline:focus, .contrast-intensify .btn.btn-secondary.btn-outline:focus, .contrast-intensify form.default button.btn-secondary.btn-outline:focus, form.default .contrast-intensify button.btn-secondary.btn-outline:focus,
.contrast-intensify form.default .btn-secondary.btn-outline[type=submit]:focus,
form.default .contrast-intensify .btn-secondary.btn-outline[type=submit]:focus {
  outline: var(--focus-outline);
  outline-color: var(--color-secondary);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-secondary:hover, form.default button.btn-secondary:hover,
form.default .btn-secondary[type=submit]:hover {
  background-color: hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc((calc((var(--color-secondary-l) - 50.00001) / max(var(--color-secondary-l) - 50.00001, -1 * (var(--color-secondary-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-secondary-l))) * 2 - 1) * (max(0, min(1, var(--color-secondary-l) - 90.00001)) * 2 - 1)) * 10 + var(--color-secondary-l)) * 1%), 1);
  color: var(--color-secondary-text);
}
.btn.btn-secondary:active, form.default button.btn-secondary:active,
form.default .btn-secondary[type=submit]:active {
  background-color: hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc((calc((var(--color-secondary-l) - 50.00001) / max(var(--color-secondary-l) - 50.00001, -1 * (var(--color-secondary-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-secondary-l))) * 2 - 1) * (max(0, min(1, var(--color-secondary-l) - 90.00001)) * 2 - 1)) * 15 + var(--color-secondary-l)) * 1%), 1);
  color: var(--color-secondary-text);
}
.btn.btn-secondary:focus, form.default button.btn-secondary:focus,
form.default .btn-secondary[type=submit]:focus {
  background-color: hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc((calc((var(--color-secondary-l) - 50.00001) / max(var(--color-secondary-l) - 50.00001, -1 * (var(--color-secondary-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-secondary-l))) * 2 - 1) * (max(0, min(1, var(--color-secondary-l) - 90.00001)) * 2 - 1)) * 20 + var(--color-secondary-l)) * 1%), 1);
  color: var(--color-secondary-text);
}
.btn.btn-background, form.default button.btn-background,
form.default .btn-background[type=submit] {
  background-color: var(--color-background);
  color: var(--color-background-text);
}
.btn.btn-background.btn-outline, form.default button.btn-background.btn-outline,
form.default .btn-background.btn-outline[type=submit] {
  background-color: transparent;
  color: var(--color-background);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-background);
}
.btn.btn-background.btn-outline:focus:focus-visible, form.default button.btn-background.btn-outline:focus:focus-visible,
form.default .btn-background.btn-outline[type=submit]:focus:focus-visible {
  outline: var(--focus-outline);
  outline-color: var(--color-background);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-background.btn-outline:focus-visible, form.default button.btn-background.btn-outline:focus-visible,
form.default .btn-background.btn-outline[type=submit]:focus-visible {
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-background);
}
html[data-theme].contrast-intensify .btn.btn-background.btn-outline:focus, .contrast-intensify .btn.btn-background.btn-outline:focus, .contrast-intensify form.default button.btn-background.btn-outline:focus, form.default .contrast-intensify button.btn-background.btn-outline:focus,
.contrast-intensify form.default .btn-background.btn-outline[type=submit]:focus,
form.default .contrast-intensify .btn-background.btn-outline[type=submit]:focus {
  outline: var(--focus-outline);
  outline-color: var(--color-background);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-background:hover, form.default button.btn-background:hover,
form.default .btn-background[type=submit]:hover {
  background-color: hsla(var(--color-background-h), calc(var(--color-background-s) * 1%), calc((calc((var(--color-background-l) - 50.00001) / max(var(--color-background-l) - 50.00001, -1 * (var(--color-background-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-background-l))) * 2 - 1) * (max(0, min(1, var(--color-background-l) - 90.00001)) * 2 - 1)) * 10 + var(--color-background-l)) * 1%), 1);
  color: var(--color-background-text);
}
.btn.btn-background:active, form.default button.btn-background:active,
form.default .btn-background[type=submit]:active {
  background-color: hsla(var(--color-background-h), calc(var(--color-background-s) * 1%), calc((calc((var(--color-background-l) - 50.00001) / max(var(--color-background-l) - 50.00001, -1 * (var(--color-background-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-background-l))) * 2 - 1) * (max(0, min(1, var(--color-background-l) - 90.00001)) * 2 - 1)) * 15 + var(--color-background-l)) * 1%), 1);
  color: var(--color-background-text);
}
.btn.btn-background:focus, form.default button.btn-background:focus,
form.default .btn-background[type=submit]:focus {
  background-color: hsla(var(--color-background-h), calc(var(--color-background-s) * 1%), calc((calc((var(--color-background-l) - 50.00001) / max(var(--color-background-l) - 50.00001, -1 * (var(--color-background-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-background-l))) * 2 - 1) * (max(0, min(1, var(--color-background-l) - 90.00001)) * 2 - 1)) * 20 + var(--color-background-l)) * 1%), 1);
  color: var(--color-background-text);
}
.btn.btn-surface, form.default button.btn-surface,
form.default .btn-surface[type=submit] {
  background-color: var(--color-surface);
  color: var(--color-surface-text);
}
.btn.btn-surface.btn-outline, form.default button.btn-surface.btn-outline,
form.default .btn-surface.btn-outline[type=submit] {
  background-color: transparent;
  color: var(--color-surface);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-surface);
}
.btn.btn-surface.btn-outline:focus:focus-visible, form.default button.btn-surface.btn-outline:focus:focus-visible,
form.default .btn-surface.btn-outline[type=submit]:focus:focus-visible {
  outline: var(--focus-outline);
  outline-color: var(--color-surface);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-surface.btn-outline:focus-visible, form.default button.btn-surface.btn-outline:focus-visible,
form.default .btn-surface.btn-outline[type=submit]:focus-visible {
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-surface);
}
html[data-theme].contrast-intensify .btn.btn-surface.btn-outline:focus, .contrast-intensify .btn.btn-surface.btn-outline:focus, .contrast-intensify form.default button.btn-surface.btn-outline:focus, form.default .contrast-intensify button.btn-surface.btn-outline:focus,
.contrast-intensify form.default .btn-surface.btn-outline[type=submit]:focus,
form.default .contrast-intensify .btn-surface.btn-outline[type=submit]:focus {
  outline: var(--focus-outline);
  outline-color: var(--color-surface);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-surface:hover, form.default button.btn-surface:hover,
form.default .btn-surface[type=submit]:hover {
  background-color: hsla(var(--color-surface-h), calc(var(--color-surface-s) * 1%), calc((calc((var(--color-surface-l) - 50.00001) / max(var(--color-surface-l) - 50.00001, -1 * (var(--color-surface-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-surface-l))) * 2 - 1) * (max(0, min(1, var(--color-surface-l) - 90.00001)) * 2 - 1)) * 10 + var(--color-surface-l)) * 1%), 1);
  color: var(--color-surface-text);
}
.btn.btn-surface:active, form.default button.btn-surface:active,
form.default .btn-surface[type=submit]:active {
  background-color: hsla(var(--color-surface-h), calc(var(--color-surface-s) * 1%), calc((calc((var(--color-surface-l) - 50.00001) / max(var(--color-surface-l) - 50.00001, -1 * (var(--color-surface-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-surface-l))) * 2 - 1) * (max(0, min(1, var(--color-surface-l) - 90.00001)) * 2 - 1)) * 15 + var(--color-surface-l)) * 1%), 1);
  color: var(--color-surface-text);
}
.btn.btn-surface:focus, form.default button.btn-surface:focus,
form.default .btn-surface[type=submit]:focus {
  background-color: hsla(var(--color-surface-h), calc(var(--color-surface-s) * 1%), calc((calc((var(--color-surface-l) - 50.00001) / max(var(--color-surface-l) - 50.00001, -1 * (var(--color-surface-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-surface-l))) * 2 - 1) * (max(0, min(1, var(--color-surface-l) - 90.00001)) * 2 - 1)) * 20 + var(--color-surface-l)) * 1%), 1);
  color: var(--color-surface-text);
}
.btn.btn-surface-elevated, form.default button.btn-surface-elevated,
form.default .btn-surface-elevated[type=submit] {
  background-color: var(--color-surface-elevated);
  color: var(--color-surface-elevated-text);
}
.btn.btn-surface-elevated.btn-outline, form.default button.btn-surface-elevated.btn-outline,
form.default .btn-surface-elevated.btn-outline[type=submit] {
  background-color: transparent;
  color: var(--color-surface-elevated);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-surface-elevated);
}
.btn.btn-surface-elevated.btn-outline:focus:focus-visible, form.default button.btn-surface-elevated.btn-outline:focus:focus-visible,
form.default .btn-surface-elevated.btn-outline[type=submit]:focus:focus-visible {
  outline: var(--focus-outline);
  outline-color: var(--color-surface-elevated);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-surface-elevated.btn-outline:focus-visible, form.default button.btn-surface-elevated.btn-outline:focus-visible,
form.default .btn-surface-elevated.btn-outline[type=submit]:focus-visible {
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-surface-elevated);
}
html[data-theme].contrast-intensify .btn.btn-surface-elevated.btn-outline:focus, .contrast-intensify .btn.btn-surface-elevated.btn-outline:focus, .contrast-intensify form.default button.btn-surface-elevated.btn-outline:focus, form.default .contrast-intensify button.btn-surface-elevated.btn-outline:focus,
.contrast-intensify form.default .btn-surface-elevated.btn-outline[type=submit]:focus,
form.default .contrast-intensify .btn-surface-elevated.btn-outline[type=submit]:focus {
  outline: var(--focus-outline);
  outline-color: var(--color-surface-elevated);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-surface-elevated:hover, form.default button.btn-surface-elevated:hover,
form.default .btn-surface-elevated[type=submit]:hover {
  background-color: hsla(var(--color-surface-elevated-h), calc(var(--color-surface-elevated-s) * 1%), calc((calc((var(--color-surface-elevated-l) - 50.00001) / max(var(--color-surface-elevated-l) - 50.00001, -1 * (var(--color-surface-elevated-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-surface-elevated-l))) * 2 - 1) * (max(0, min(1, var(--color-surface-elevated-l) - 90.00001)) * 2 - 1)) * 10 + var(--color-surface-elevated-l)) * 1%), 1);
  color: var(--color-surface-elevated-text);
}
.btn.btn-surface-elevated:active, form.default button.btn-surface-elevated:active,
form.default .btn-surface-elevated[type=submit]:active {
  background-color: hsla(var(--color-surface-elevated-h), calc(var(--color-surface-elevated-s) * 1%), calc((calc((var(--color-surface-elevated-l) - 50.00001) / max(var(--color-surface-elevated-l) - 50.00001, -1 * (var(--color-surface-elevated-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-surface-elevated-l))) * 2 - 1) * (max(0, min(1, var(--color-surface-elevated-l) - 90.00001)) * 2 - 1)) * 15 + var(--color-surface-elevated-l)) * 1%), 1);
  color: var(--color-surface-elevated-text);
}
.btn.btn-surface-elevated:focus, form.default button.btn-surface-elevated:focus,
form.default .btn-surface-elevated[type=submit]:focus {
  background-color: hsla(var(--color-surface-elevated-h), calc(var(--color-surface-elevated-s) * 1%), calc((calc((var(--color-surface-elevated-l) - 50.00001) / max(var(--color-surface-elevated-l) - 50.00001, -1 * (var(--color-surface-elevated-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-surface-elevated-l))) * 2 - 1) * (max(0, min(1, var(--color-surface-elevated-l) - 90.00001)) * 2 - 1)) * 20 + var(--color-surface-elevated-l)) * 1%), 1);
  color: var(--color-surface-elevated-text);
}
.btn.btn-warning, form.default button.btn-warning,
form.default .btn-warning[type=submit] {
  background-color: var(--color-warning);
  color: var(--color-warning-text);
}
.btn.btn-warning.btn-outline, form.default button.btn-warning.btn-outline,
form.default .btn-warning.btn-outline[type=submit] {
  background-color: transparent;
  color: var(--color-warning);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-warning);
}
.btn.btn-warning.btn-outline:focus:focus-visible, form.default button.btn-warning.btn-outline:focus:focus-visible,
form.default .btn-warning.btn-outline[type=submit]:focus:focus-visible {
  outline: var(--focus-outline);
  outline-color: var(--color-warning);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-warning.btn-outline:focus-visible, form.default button.btn-warning.btn-outline:focus-visible,
form.default .btn-warning.btn-outline[type=submit]:focus-visible {
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-warning);
}
html[data-theme].contrast-intensify .btn.btn-warning.btn-outline:focus, .contrast-intensify .btn.btn-warning.btn-outline:focus, .contrast-intensify form.default button.btn-warning.btn-outline:focus, form.default .contrast-intensify button.btn-warning.btn-outline:focus,
.contrast-intensify form.default .btn-warning.btn-outline[type=submit]:focus,
form.default .contrast-intensify .btn-warning.btn-outline[type=submit]:focus {
  outline: var(--focus-outline);
  outline-color: var(--color-warning);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.btn.btn-warning:hover, form.default button.btn-warning:hover,
form.default .btn-warning[type=submit]:hover {
  background-color: hsla(var(--color-warning-h), calc(var(--color-warning-s) * 1%), calc((calc((var(--color-warning-l) - 50.00001) / max(var(--color-warning-l) - 50.00001, -1 * (var(--color-warning-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-warning-l))) * 2 - 1) * (max(0, min(1, var(--color-warning-l) - 90.00001)) * 2 - 1)) * 10 + var(--color-warning-l)) * 1%), 1);
  color: var(--color-warning-text);
}
.btn.btn-warning:active, form.default button.btn-warning:active,
form.default .btn-warning[type=submit]:active {
  background-color: hsla(var(--color-warning-h), calc(var(--color-warning-s) * 1%), calc((calc((var(--color-warning-l) - 50.00001) / max(var(--color-warning-l) - 50.00001, -1 * (var(--color-warning-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-warning-l))) * 2 - 1) * (max(0, min(1, var(--color-warning-l) - 90.00001)) * 2 - 1)) * 15 + var(--color-warning-l)) * 1%), 1);
  color: var(--color-warning-text);
}
.btn.btn-warning:focus, form.default button.btn-warning:focus,
form.default .btn-warning[type=submit]:focus {
  background-color: hsla(var(--color-warning-h), calc(var(--color-warning-s) * 1%), calc((calc((var(--color-warning-l) - 50.00001) / max(var(--color-warning-l) - 50.00001, -1 * (var(--color-warning-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-warning-l))) * 2 - 1) * (max(0, min(1, var(--color-warning-l) - 90.00001)) * 2 - 1)) * 20 + var(--color-warning-l)) * 1%), 1);
  color: var(--color-warning-text);
}
.btn.btn-background:hover, form.default button.btn-background:hover,
form.default .btn-background[type=submit]:hover, .btn.btn-background:focus, form.default button.btn-background:focus,
form.default .btn-background[type=submit]:focus, .btn.btn-background:active, form.default button.btn-background:active,
form.default .btn-background[type=submit]:active, .btn.btn-background.active, form.default button.btn-background.active,
form.default .btn-background.active[type=submit] {
  background-color: var(--color-surface-elevated);
  color: var(--color-surface-elevated-text);
  outline-color: currentColor !important;
}
.btn.btn-border, form.default button.btn-border,
form.default .btn-border[type=submit] {
  box-shadow: inset 0 0 0 2px var(--color-background);
}
.btn.btn-phone:before, form.default button.btn-phone:before,
form.default .btn-phone[type=submit]:before {
  content: "\e910";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
  font-size: calc(1em - 2px);
}

.popover {
  position: relative;
}
body:not(.cms-liveeditor-is-opened) .popover {
  display: inline-block;
}
body:not(.cms-liveeditor-is-opened) .popover > :nth-child(1) {
  cursor: pointer;
}
body:not(.cms-liveeditor-is-opened) .popover > :nth-child(2) {
  position: absolute;
  width: max-content;
  max-width: calc((250) / var(--base-font-size) * 1rem);
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  left: 0;
  top: 100%;
  transform: translateY(0.5rem);
}
.popover > :nth-child(2) {
  font-size: calc(calc((var(--base-font-size)) / var(--base-font-size) * 1rem) - calc((2) / var(--base-font-size) * 1rem));
  border-radius: var(--base-border-radius-limited);
  z-index: 1;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  background-color: var(--color-surface-elevated);
  color: var(--color-surface-elevated-text);
}
html[data-theme].contrast-intensify .popover > :nth-child(2), .contrast-intensify .popover > :nth-child(2) {
  transition: outline-offset 0s;
  outline: var(--focus-outline);
  outline-color: var(--color-background);
  outline-offset: calc((-2) / var(--base-font-size) * 1rem);
}
.popover > :nth-child(2) {
  padding: calc(calc((var(--base-gap)) / var(--base-font-size) * 1rem) / 2) calc((var(--base-gap)) / var(--base-font-size) * 1rem);
}
.popover > :nth-child(2) > :last-child {
  margin-bottom: 0;
}
.popover > :nth-child(2):focus-within [tabindex]:focus, .popover > :nth-child(2):focus-within:focus,
.popover > :nth-child(2):focus-within *:focus {
  outline-color: var(--color-surface-elevated-text);
}
html[data-theme].contrast-intensify .popover > :nth-child(2):focus-within [tabindex]:focus, .contrast-intensify .popover > :nth-child(2):focus-within [tabindex]:focus, html[data-theme].contrast-intensify .popover > :nth-child(2):focus-within:focus, .contrast-intensify .popover > :nth-child(2):focus-within:focus,
html[data-theme].contrast-intensify .popover > :nth-child(2):focus-within *:focus,
.contrast-intensify .popover > :nth-child(2):focus-within *:focus {
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
  outline-color: var(--color-surface-elevated-text);
}

.clear {
  clear: both;
  float: none;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.clearfix {
  zoom: 1;
}

.hidden {
  display: none !important;
}

body:not(.cms-liveeditor-is-opened) .frontend-hidden {
  display: none !important;
}

.visually-hidden,
.frontend-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.hideText, noscript label > span {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 0;
}

.float-left {
  float: left;
}

img.float-left {
  margin-right: 1rem;
}

.float-right {
  float: right;
}

img.float-right {
  margin-left: 1rem;
}

.fluid {
  height: auto;
  width: 100%;
}

.non-fluid {
  width: auto !important;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

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

.wide {
  width: 100%;
  display: block;
}

.width-100 {
  width: 100%;
}

.width-auto {
  width: auto;
}

.video-container {
  margin-bottom: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
  border-radius: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
}
body:not(.cms-liveeditor-is-opened) .video-container:not(.video-tag):not(.format-auto) {
  aspect-ratio: 16/9;
}
body:not(.cms-liveeditor-is-opened) .video-container:not(.video-tag):not(.format-auto).format-1-1 {
  aspect-ratio: 1/1;
}
body:not(.cms-liveeditor-is-opened) .video-container:not(.video-tag):not(.format-auto).format-3-4 {
  aspect-ratio: 3/4;
}
body:not(.cms-liveeditor-is-opened) .video-container:not(.video-tag):not(.format-auto).format-4-3 {
  aspect-ratio: 4/3;
}
body:not(.cms-liveeditor-is-opened) .video-container:not(.video-tag):not(.format-auto).format-9-16 {
  aspect-ratio: 9/16;
}
body:not(.cms-liveeditor-is-opened) .video-container:not(.video-tag):not(.format-auto).format-21-9 {
  aspect-ratio: 21/9;
}
body:not(.cms-liveeditor-is-opened) .video-container:not(.video-tag):not(.format-auto).format-9-21 {
  aspect-ratio: 9/21;
}
body:not(.cms-liveeditor-is-opened) .video-container:not(.video-tag):not(.format-auto) video {
  height: 100%;
}
.video-container video {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
}

.border-radius-max, form.default [type=color],
form.default [type=text],
form.default [type=tel],
form.default [type=email],
form.default [type=file],
form.default input,
form.default textarea,
form.default select {
  border-radius: var(--base-border-radius-limited);
}

.border-radius, .box {
  border-radius: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
}
.border-radius.no-border-radius, .no-border-radius.box {
  border-radius: 0;
}

.box-shadow {
  box-shadow: var(--base-box-shadow);
}
.box-shadow.no-box-shadow {
  box-shadow: none;
}

.flex {
  display: flex;
}

.gap {
  gap: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
}

.remove-gaps.row:has(> .col) {
  margin-left: calc(-1 * 0px);
  max-width: calc(100% + 0px * 2);
  width: calc(100% + 0px * 2);
}
.remove-gaps.row:has(> .col) > .col {
  padding-left: 0px;
  padding-right: 0px;
}

.row.wrap,
.flex.wrap {
  flex-wrap: wrap;
}
.row.stretch,
.flex.stretch {
  align-items: stretch;
}
.row.top,
.flex.top {
  align-items: flex-start;
}
.row.middle,
.flex.middle {
  align-items: center;
}
.row.bottom,
.flex.bottom {
  align-items: flex-end;
}
.row.start,
.flex.start {
  justify-content: flex-start;
}
.row.center,
.flex.center {
  justify-content: center;
}
.row.end,
.flex.end {
  justify-content: flex-end;
}
.row.around,
.flex.around {
  justify-content: space-around;
}
.row.between,
.flex.between {
  justify-content: space-between;
}

.color-primary {
  color: var(--color-primary);
}

.bg-color-primary {
  background-color: var(--color-primary);
  color: var(--color-primary-text);
}
.bg-color-primary [tabindex]:focus, .bg-color-primary:focus,
.bg-color-primary *:focus {
  outline-color: var(--color-primary-text);
}
html[data-theme].contrast-intensify .bg-color-primary [tabindex]:focus, .contrast-intensify .bg-color-primary [tabindex]:focus, html[data-theme].contrast-intensify .bg-color-primary:focus, .contrast-intensify .bg-color-primary:focus,
html[data-theme].contrast-intensify .bg-color-primary *:focus,
.contrast-intensify .bg-color-primary *:focus {
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
  outline-color: var(--color-primary-text);
}

.border-primary {
  color: var(--color-primary);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-primary);
}

.color-primary-text {
  color: var(--color-primary-text);
}

.color-secondary {
  color: var(--color-secondary);
}

.bg-color-secondary {
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
}
.bg-color-secondary [tabindex]:focus, .bg-color-secondary:focus,
.bg-color-secondary *:focus {
  outline-color: var(--color-secondary-text);
}
html[data-theme].contrast-intensify .bg-color-secondary [tabindex]:focus, .contrast-intensify .bg-color-secondary [tabindex]:focus, html[data-theme].contrast-intensify .bg-color-secondary:focus, .contrast-intensify .bg-color-secondary:focus,
html[data-theme].contrast-intensify .bg-color-secondary *:focus,
.contrast-intensify .bg-color-secondary *:focus {
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
  outline-color: var(--color-secondary-text);
}

.border-secondary {
  color: var(--color-secondary);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-secondary);
}

.color-secondary-text {
  color: var(--color-secondary-text);
}

.color-background {
  color: var(--color-background);
}

.bg-color-background {
  background-color: var(--color-background);
  color: var(--color-background-text);
}
.bg-color-background [tabindex]:focus, .bg-color-background:focus,
.bg-color-background *:focus {
  outline-color: var(--color-background-text);
}
html[data-theme].contrast-intensify .bg-color-background [tabindex]:focus, .contrast-intensify .bg-color-background [tabindex]:focus, html[data-theme].contrast-intensify .bg-color-background:focus, .contrast-intensify .bg-color-background:focus,
html[data-theme].contrast-intensify .bg-color-background *:focus,
.contrast-intensify .bg-color-background *:focus {
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
  outline-color: var(--color-background-text);
}

.border-background {
  color: var(--color-background);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-background);
}

.color-background-text {
  color: var(--color-background-text);
}

.color-surface {
  color: var(--color-surface);
}

.bg-color-surface {
  background-color: var(--color-surface);
  color: var(--color-surface-text);
}
.bg-color-surface [tabindex]:focus, .bg-color-surface:focus,
.bg-color-surface *:focus {
  outline-color: var(--color-surface-text);
}
html[data-theme].contrast-intensify .bg-color-surface [tabindex]:focus, .contrast-intensify .bg-color-surface [tabindex]:focus, html[data-theme].contrast-intensify .bg-color-surface:focus, .contrast-intensify .bg-color-surface:focus,
html[data-theme].contrast-intensify .bg-color-surface *:focus,
.contrast-intensify .bg-color-surface *:focus {
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
  outline-color: var(--color-surface-text);
}

.border-surface {
  color: var(--color-surface);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-surface);
}

.color-surface-text {
  color: var(--color-surface-text);
}

.color-surface-elevated {
  color: var(--color-surface-elevated);
}

.bg-color-surface-elevated {
  background-color: var(--color-surface-elevated);
  color: var(--color-surface-elevated-text);
}
.bg-color-surface-elevated [tabindex]:focus, .bg-color-surface-elevated:focus,
.bg-color-surface-elevated *:focus {
  outline-color: var(--color-surface-elevated-text);
}
html[data-theme].contrast-intensify .bg-color-surface-elevated [tabindex]:focus, .contrast-intensify .bg-color-surface-elevated [tabindex]:focus, html[data-theme].contrast-intensify .bg-color-surface-elevated:focus, .contrast-intensify .bg-color-surface-elevated:focus,
html[data-theme].contrast-intensify .bg-color-surface-elevated *:focus,
.contrast-intensify .bg-color-surface-elevated *:focus {
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
  outline-color: var(--color-surface-elevated-text);
}

.border-surface-elevated {
  color: var(--color-surface-elevated);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-surface-elevated);
}

.color-surface-elevated-text {
  color: var(--color-surface-elevated-text);
}

.color-warning {
  color: var(--color-warning);
}

.bg-color-warning {
  background-color: var(--color-warning);
  color: var(--color-warning-text);
}
.bg-color-warning [tabindex]:focus, .bg-color-warning:focus,
.bg-color-warning *:focus {
  outline-color: var(--color-warning-text);
}
html[data-theme].contrast-intensify .bg-color-warning [tabindex]:focus, .contrast-intensify .bg-color-warning [tabindex]:focus, html[data-theme].contrast-intensify .bg-color-warning:focus, .contrast-intensify .bg-color-warning:focus,
html[data-theme].contrast-intensify .bg-color-warning *:focus,
.contrast-intensify .bg-color-warning *:focus {
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
  outline-color: var(--color-warning-text);
}

.border-warning {
  color: var(--color-warning);
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-warning);
}

.color-warning-text {
  color: var(--color-warning-text);
}

.color-border {
  color: var(--color-border);
}

.bg-color-border {
  background-color: var(--color-border);
}

.border {
  outline: var(--base-outline);
  outline-offset: calc((-1) / var(--base-font-size) * 1rem);
  outline-color: var(--color-border);
}

.box {
  padding: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
}
.box.box-inline {
  display: inline-block;
}
body:before {
  width: calc(72pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
}
@media (min-width: 0px) {
  body:before {
    width: calc(162pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
  }
}
@media (min-width: 480px) {
  body:before {
    width: calc(246pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
  }
}
@media (min-width: 640px) {
  body:before {
    width: calc(336pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
  }
}
@media (min-width: 760px) {
  body:before {
    width: calc(432pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
  }
}
@media (min-width: 992px) {
  body:before {
    width: calc(522pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
  }
}
@media (min-width: 1200px) {
  body:before {
    width: calc(618pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
  }
}
@media (min-width: 1364px) {
  body:before {
    width: calc(708pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
  }
}
@media (min-width: 1520px) {
  body:before {
    width: calc(798pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
  }
}
@media (min-width: 2160px) {
  body:before {
    width: calc(882pt + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2);
  }
}
body:before {
  content: "default:16px....default:0px....tiny:480px....small:640px....medium:760px....large:992px....giant:1200px....huge:1364px....full:1520px....cut:2160px";
  display: none !important;
}
body.dev-mode:before, body.debug:before {
  background-color: var(--color-warning);
  color: var(--color-warning-text);
  border-color: var(--color-warning);
  border-style: solid;
  border-width: 0 calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  display: block !important;
  font-family: Courier;
  font-size: 10pt;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 2.5;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  z-index: 99999;
}

.default-container {
  width: 100%;
}

.separator {
  position: relative;
}

.col.shrink {
  flex: 0 0 auto;
  width: auto;
}

.tab-btn {
  position: absolute;
  left: calc((12) / var(--base-font-size) * 1rem);
  top: calc((-60) / var(--base-font-size) * 1rem);
  z-index: 100;
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  padding: calc((10) / var(--base-font-size) * 1rem) calc((18) / var(--base-font-size) * 1rem);
  text-decoration: none;
}
.tab-btn:focus {
  top: calc((12) / var(--base-font-size) * 1rem);
}

.background-image-container {
  position: relative;
  overflow: hidden;
}

figure.background-image {
  position: absolute;
  inset: 0;
  margin: 0;
}
figure.background-image img,
figure.background-image picture {
  display: block;
  width: 100%;
  height: 100%;
}
figure.background-image img {
  object-fit: cover;
}

.kicker {
  display: inline-flex;
  align-items: center;
  gap: calc((14) / var(--base-font-size) * 1rem);
  font-weight: var(--font-main-bold);
  font-size: calc((17) / var(--base-font-size) * 1rem);
  margin-bottom: calc((18) / var(--base-font-size) * 1rem);
}
.kicker:before {
  content: "";
  width: calc((34) / var(--base-font-size) * 1rem);
  height: calc((3) / var(--base-font-size) * 1rem);
  background-color: var(--color-primary);
  display: inline-block;
}
.kicker--light {
  color: #ffffff;
}

.subline {
  color: var(--color-background-opacity-75, hsla(var(--color-background-h), calc(var(--color-background-s) * 1%), calc(var(--color-background-l) * 1%), 0.75));
  font-size: calc((20) / var(--base-font-size) * 1rem);
  margin-bottom: calc((26) / var(--base-font-size) * 1rem);
}

.ghost-title {
  display: block;
  font-family: var(--font-display);
  font-weight: var(--font-display-bold);
  text-transform: uppercase;
  line-height: 0.9;
  letter-spacing: -0.01em;
  color: #d6d6d6;
  font-size: clamp((56) / var(--base-font-size) * 1rem, 11vw, (150) / var(--base-font-size) * 1rem);
}
.ghost-title--right {
  text-align: right;
}

.imgRow {
  --pad-base: clamp(calc((80) / var(--base-font-size) * 1rem), calc((31.4285714286) / var(--base-font-size) * 1rem) + 13.4920634921vw, calc((250) / var(--base-font-size) * 1rem));
  --pad-block: var(--pad-base);
  padding-block: var(--pad-block);
}
.imgRow.noPad {
  --pad-block: 0px;
}
.imgRow.noPadTop {
  padding-block-start: 0;
}
.imgRow.noPadBot {
  padding-block-end: 0;
}
.imgRow.half-pad-bot, .imgRow.halfPadBot {
  padding-block-end: calc(var(--pad-block) / 2);
}
.imgRow.halfPad {
  --pad-block: calc(var(--pad-base) / 2);
}
@media (max-width: 991.98px) {
  .imgRow {
    row-gap: 2rem;
  }
}
.imgRow .contentCol {
  --pad-base: clamp(calc((80) / var(--base-font-size) * 1rem), calc((31.4285714286) / var(--base-font-size) * 1rem) + 13.4920634921vw, calc((250) / var(--base-font-size) * 1rem));
  --pad-block: var(--pad-base);
  padding-block: var(--pad-block);
}
.imgRow .contentCol.noPad {
  --pad-block: 0px;
}
.imgRow .contentCol.noPadTop {
  padding-block-start: 0;
}
.imgRow .contentCol.noPadBot {
  padding-block-end: 0;
}
.imgRow .contentCol.half-pad-bot, .imgRow .contentCol.halfPadBot {
  padding-block-end: calc(var(--pad-block) / 2);
}
.imgRow .contentCol.halfPad {
  --pad-block: calc(var(--pad-base) / 2);
}
@media (max-width: 991.98px) {
  .imgRow .contentCol {
    padding-block: 0;
  }
}
.imgRow .imgCol {
  position: relative;
  z-index: 0;
}
.imgRow .imgCol picture {
  margin: 0;
}
@media (max-width: 991.98px) {
  .imgRow .imgCol {
    order: 2;
  }
}
.imgRow .imgCol img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .imgRow .imgCol img {
    max-width: calc(100% - calc((var(--base-gap)) / var(--base-font-size) * 1rem));
  }
}
@media (max-width: 991.98px) {
  .imgRow .imgCol img {
    position: static;
    max-height: calc((400) / var(--base-font-size) * 1rem);
    border-radius: calc((0) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 992px) {
  .imgRow .col:first-of-type.contentCol {
    padding-right: 4.1666666667%;
  }
}
@media (min-width: 1520px) {
  .imgRow .col:first-of-type.contentCol {
    padding-right: 8.3333333333%;
  }
}
@media (min-width: 992px) {
  .imgRow .col:first-of-type.imgCol img {
    border-top-right-radius: calc((0) / var(--base-font-size) * 1rem);
    border-bottom-right-radius: calc((0) / var(--base-font-size) * 1rem);
    left: 0;
  }
}
@media (min-width: 992px) {
  .imgRow .col:last-of-type.contentCol {
    padding-left: 4.1666666667%;
  }
}
@media (min-width: 1520px) {
  .imgRow .col:last-of-type.contentCol {
    padding-left: 8.3333333333%;
  }
}
@media (min-width: 992px) {
  .imgRow .col:last-of-type.imgCol img {
    border-top-left-radius: calc((0) / var(--base-font-size) * 1rem);
    border-bottom-left-radius: calc((0) / var(--base-font-size) * 1rem);
    right: 0;
    left: unset;
  }
}

@media (min-width: 0px) {
  .default-column-count-1 {
    column-count: 1;
    break-inside: avoid;
  }
}
@media (min-width: 0px) {
  .default-column-count-2 {
    column-count: 2;
    break-inside: avoid;
  }
}
@media (min-width: 0px) {
  .default-column-count-3 {
    column-count: 3;
    break-inside: avoid;
  }
}
@media (min-width: 480px) {
  .tiny-column-count-1 {
    column-count: 1;
    break-inside: avoid;
  }
}
@media (min-width: 480px) {
  .tiny-column-count-2 {
    column-count: 2;
    break-inside: avoid;
  }
}
@media (min-width: 480px) {
  .tiny-column-count-3 {
    column-count: 3;
    break-inside: avoid;
  }
}
@media (min-width: 640px) {
  .small-column-count-1 {
    column-count: 1;
    break-inside: avoid;
  }
}
@media (min-width: 640px) {
  .small-column-count-2 {
    column-count: 2;
    break-inside: avoid;
  }
}
@media (min-width: 640px) {
  .small-column-count-3 {
    column-count: 3;
    break-inside: avoid;
  }
}
@media (min-width: 760px) {
  .medium-column-count-1 {
    column-count: 1;
    break-inside: avoid;
  }
}
@media (min-width: 760px) {
  .medium-column-count-2 {
    column-count: 2;
    break-inside: avoid;
  }
}
@media (min-width: 760px) {
  .medium-column-count-3 {
    column-count: 3;
    break-inside: avoid;
  }
}
@media (min-width: 992px) {
  .large-column-count-1 {
    column-count: 1;
    break-inside: avoid;
  }
}
@media (min-width: 992px) {
  .large-column-count-2 {
    column-count: 2;
    break-inside: avoid;
  }
}
@media (min-width: 992px) {
  .large-column-count-3 {
    column-count: 3;
    break-inside: avoid;
  }
}
@media (min-width: 1200px) {
  .giant-column-count-1 {
    column-count: 1;
    break-inside: avoid;
  }
}
@media (min-width: 1200px) {
  .giant-column-count-2 {
    column-count: 2;
    break-inside: avoid;
  }
}
@media (min-width: 1200px) {
  .giant-column-count-3 {
    column-count: 3;
    break-inside: avoid;
  }
}
@media (min-width: 1364px) {
  .huge-column-count-1 {
    column-count: 1;
    break-inside: avoid;
  }
}
@media (min-width: 1364px) {
  .huge-column-count-2 {
    column-count: 2;
    break-inside: avoid;
  }
}
@media (min-width: 1364px) {
  .huge-column-count-3 {
    column-count: 3;
    break-inside: avoid;
  }
}
@media (min-width: 1520px) {
  .full-column-count-1 {
    column-count: 1;
    break-inside: avoid;
  }
}
@media (min-width: 1520px) {
  .full-column-count-2 {
    column-count: 2;
    break-inside: avoid;
  }
}
@media (min-width: 1520px) {
  .full-column-count-3 {
    column-count: 3;
    break-inside: avoid;
  }
}
@media (min-width: 2160px) {
  .cut-column-count-1 {
    column-count: 1;
    break-inside: avoid;
  }
}
@media (min-width: 2160px) {
  .cut-column-count-2 {
    column-count: 2;
    break-inside: avoid;
  }
}
@media (min-width: 2160px) {
  .cut-column-count-3 {
    column-count: 3;
    break-inside: avoid;
  }
}
.insertSpan {
  position: relative;
  z-index: 0;
}
.insertSpan .background-span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-secondary);
  top: 0;
  z-index: -1;
  max-width: 33.3333333333%;
  border-radius: 0;
}
@media (max-width: 1363.98px) {
  .insertSpan .background-span {
    display: none;
  }
}
@media (min-width: 2160px) {
  .insertSpan .background-span {
    max-width: calc((100vw - calc((2160) / var(--base-font-size) * 1rem)) / 2 + calc((2160) / var(--base-font-size) * 1rem) / 12 * 4);
  }
}
@media (min-width: 2560px) {
  .insertSpan .background-span {
    max-width: calc((calc((2560) / var(--base-font-size) * 1rem) - calc((2160) / var(--base-font-size) * 1rem)) / 2 + calc((2160) / var(--base-font-size) * 1rem) / 12 * 4);
  }
}
.insertSpan.teaserArea .background-span {
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.insertSpan.refArea .background-span {
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

:root body {
  --form-background-color: var(--color-background);
  --form-color: var(--color-background-text);
  --form-input-background-color: var(--color-background);
  --form-input-focus-background-color: hsla(var(--color-background-h), calc(var(--color-background-s) * 1%), calc((calc((var(--color-background-l) - 50.00001) / max(var(--color-background-l) - 50.00001, -1 * (var(--color-background-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-background-l))) * 2 - 1) * (max(0, min(1, var(--color-background-l) - 90.00001)) * 2 - 1)) * 2 + var(--color-background-l)) * 1%), 1);
  --form-input-focus-border-color: var(--color-primary);
  --form-input-color: var(--color-background-text);
  --form-input-focus-color: var(--color-background-text);
  --form-required-color: var(--color-warning);
  --form-invalid-color: var(--color-warning);
  --form-invalid-border-color: var(--color-warning);
  --form-error-background-color: var(--color-warning);
  --form-error-color: var(--color-warning-text);
  --form-placeholder-color: var(--color-background-text);
  --form-input-disabled-background-color: hsla(var(--color-background-h), calc(var(--color-background-s) * 1%), calc((calc((var(--color-background-l) - 50.00001) / max(var(--color-background-l) - 50.00001, -1 * (var(--color-background-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-background-l))) * 2 - 1) * (max(0, min(1, var(--color-background-l) - 90.00001)) * 2 - 1)) * 5 + var(--color-background-l)) * 1%), 1);
}

form.default {
  width: 100%;
  padding-bottom: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
  background-color: var(--form-background-color);
  color: var(--form-color);
}
form.default.disabled input, form.default.disabled textarea, form.default.disabled select, form.default.disabled button, form.default.disabled label {
  pointer-events: none;
  opacity: 0.5;
}
form.default.disabled input a, form.default.disabled textarea a, form.default.disabled select a, form.default.disabled button a, form.default.disabled label a {
  pointer-events: all;
}
form.default ::-webkit-input-placeholder {
  color: var(--form-placeholder-color);
}
form.default ::-moz-placeholder {
  color: var(--form-placeholder-color);
}
form.default :-ms-input-placeholder {
  color: var(--form-placeholder-color) !important;
}
form.default :-moz-placeholder {
  color: var(--form-placeholder-color);
}
form.default.was-validated:invalid input:not([type=radio]):not([type=checkbox]):required:invalid,
form.default.was-validated:invalid textarea:required:invalid,
form.default.was-validated:invalid select:required:invalid {
  border-color: var(--form-invalid-border-color);
}
form.default.was-validated:invalid label.invalid {
  color: var(--form-invalid-color);
}
form.default input, form.default textarea, form.default select {
  accent-color: var(--form-input-color);
}
form.default input.gotcha_field, form.default textarea.gotcha_field, form.default select.gotcha_field {
  display: none !important;
}
form.default span.legend {
  margin-top: 2rem;
}
form.default legend {
  margin: -2rem 0;
}
form.default ever-captcha {
  padding: 1rem 0 0.6rem;
  clear: both;
}
form.default label, form.default fieldset, form.default legend {
  color: inherit;
  padding: 1rem 0 0.6rem;
  position: relative;
  clear: both;
  display: inline-flex;
  align-items: baseline;
}
form.default label[for*=privacypolicy], form.default label[for*=privacy-policy], form.default label[for*=datenschutz], form.default label[for*=rueckrufbitte-ja], form.default label[for*=callback-yes], form.default fieldset[for*=privacypolicy], form.default fieldset[for*=privacy-policy], form.default fieldset[for*=datenschutz], form.default fieldset[for*=rueckrufbitte-ja], form.default fieldset[for*=callback-yes], form.default legend[for*=privacypolicy], form.default legend[for*=privacy-policy], form.default legend[for*=datenschutz], form.default legend[for*=rueckrufbitte-ja], form.default legend[for*=callback-yes] {
  display: block;
  float: right;
  width: calc(100% - calc((var(--base-font-size) * 2) / var(--base-font-size) * 1rem));
}
form.default fieldset {
  border: none;
  display: block;
}
form.default fieldset label {
  margin-right: 1rem;
}
form.default div[data-field-error] {
  background-color: var(--form-error-background-color);
  color: var(--form-error-color);
  position: relative;
  display: inline-block;
  padding: 0.5rem;
  line-height: 1;
  width: 100%;
}
form.default small {
  color: var(--form-required-color);
  line-height: 1rem;
  display: inline-block;
  font-size: 0;
}
form.default small:before {
  font-size: calc((14) / var(--base-font-size) * 1rem);
  padding-left: calc((6) / var(--base-font-size) * 1rem);
}
body.lang-en form.default small:before {
  content: "(Required)";
}
body.lang-de form.default small:before {
  content: "(Pflichtfeld)";
}
form.default [type=color],
form.default [type=text],
form.default [type=tel],
form.default [type=email],
form.default [type=file],
form.default input,
form.default textarea,
form.default select {
  background-color: var(--form-input-background-color);
  color: var(--form-input-color);
  border: var(--base-border);
  border-color: var(--color-secondary-opacity-25, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.25));
  display: block;
  font-family: var(--font-main);
  font-size: calc((var(--base-font-size)) / var(--base-font-size) * 1rem);
  line-height: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
  margin: 0 0 0.5rem 0;
  padding: 0.8rem;
  position: relative;
  resize: none;
  width: 100%;
}
form.default [type=color]:-webkit-autofill,
form.default [type=text]:-webkit-autofill,
form.default [type=tel]:-webkit-autofill,
form.default [type=email]:-webkit-autofill,
form.default [type=file]:-webkit-autofill,
form.default input:-webkit-autofill,
form.default textarea:-webkit-autofill,
form.default select:-webkit-autofill {
  -webkit-text-fill-color: var(--form-input-color) !important;
  -webkit-box-shadow: 0 0 0 calc((50) / var(--base-font-size) * 1rem) var(--form-input-background-color) inset !important;
  transition: background-color 5000s ease-in-out, color 5000s ease-in-out;
}
form.default [type=color]:-webkit-autofill:-webkit-autofill:hover, form.default [type=color]:-webkit-autofill:-webkit-autofill:focus,
form.default [type=text]:-webkit-autofill:-webkit-autofill:hover,
form.default [type=text]:-webkit-autofill:-webkit-autofill:focus,
form.default [type=tel]:-webkit-autofill:-webkit-autofill:hover,
form.default [type=tel]:-webkit-autofill:-webkit-autofill:focus,
form.default [type=email]:-webkit-autofill:-webkit-autofill:hover,
form.default [type=email]:-webkit-autofill:-webkit-autofill:focus,
form.default [type=file]:-webkit-autofill:-webkit-autofill:hover,
form.default [type=file]:-webkit-autofill:-webkit-autofill:focus,
form.default input:-webkit-autofill:-webkit-autofill:hover,
form.default input:-webkit-autofill:-webkit-autofill:focus,
form.default textarea:-webkit-autofill:-webkit-autofill:hover,
form.default textarea:-webkit-autofill:-webkit-autofill:focus,
form.default select:-webkit-autofill:-webkit-autofill:hover,
form.default select:-webkit-autofill:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 calc((50) / var(--base-font-size) * 1rem) var(--form-input-focus-background-color) inset !important;
}
form.default [type=color]:not([type=checkbox]):not([type=radio]):focus,
form.default [type=text]:not([type=checkbox]):not([type=radio]):focus,
form.default [type=tel]:not([type=checkbox]):not([type=radio]):focus,
form.default [type=email]:not([type=checkbox]):not([type=radio]):focus,
form.default [type=file]:not([type=checkbox]):not([type=radio]):focus,
form.default input:not([type=checkbox]):not([type=radio]):focus,
form.default textarea:not([type=checkbox]):not([type=radio]):focus,
form.default select:not([type=checkbox]):not([type=radio]):focus {
  border-color: var(--form-input-focus-border-color);
  background-color: var(--form-input-focus-background-color);
  color: var(--form-input-focus-color);
  outline-offset: 4px;
}
form.default [type=color][type=checkbox]:focus:focus-visible, form.default [type=color][type=radio]:focus:focus-visible,
form.default [type=text][type=checkbox]:focus:focus-visible,
form.default [type=text][type=radio]:focus:focus-visible,
form.default [type=tel][type=checkbox]:focus:focus-visible,
form.default [type=tel][type=radio]:focus:focus-visible,
form.default [type=email][type=checkbox]:focus:focus-visible,
form.default [type=email][type=radio]:focus:focus-visible,
form.default [type=file][type=checkbox]:focus:focus-visible,
form.default [type=file][type=radio]:focus:focus-visible,
form.default input[type=checkbox]:focus:focus-visible,
form.default input[type=radio]:focus:focus-visible,
form.default textarea[type=checkbox]:focus:focus-visible,
form.default textarea[type=radio]:focus:focus-visible,
form.default select[type=checkbox]:focus:focus-visible,
form.default select[type=radio]:focus:focus-visible {
  outline: var(--focus-outline);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
form.default [type=color]:disabled,
form.default [type=text]:disabled,
form.default [type=tel]:disabled,
form.default [type=email]:disabled,
form.default [type=file]:disabled,
form.default input:disabled,
form.default textarea:disabled,
form.default select:disabled {
  opacity: 0.5;
  background-color: var(--form-input-disabled-background-color);
}
form.default textarea {
  min-height: 7.5rem;
  padding-top: 0.9rem;
}
form.default textarea[name=Nachricht], form.default textarea[name=Message], form.default textarea[name=Text] {
  min-height: 18.5rem;
}
form.default [type=color] {
  padding: 0.18rem;
  width: calc((var(--base-font-size) * 3) / var(--base-font-size) * 1rem);
  height: calc((var(--base-font-size) * 3) / var(--base-font-size) * 1rem);
}
form.default [type=checkbox] {
  display: inline-block;
  margin: 0 calc((var(--base-font-size) / 2) / var(--base-font-size) * 1rem) 0 0;
  padding: 0;
  width: calc((var(--base-font-size)) / var(--base-font-size) * 1rem);
  height: calc((var(--base-font-size)) / var(--base-font-size) * 1rem);
  flex-shrink: 0;
  order: -1;
}
form.default [type=radio] {
  margin: 0 calc((var(--base-font-size) / 2) / var(--base-font-size) * 1rem) 0 0;
  width: calc((var(--base-font-size)) / var(--base-font-size) * 1rem);
  min-height: auto;
  flex-shrink: 0;
}
div.error {
  background-color: var(--color-warning);
  color: var(--color-warning-text);
  background-color: var(--form-error-background-color);
  color: var(--form-error-color);
  padding: 0.5rem;
  max-width: calc(calc((2160) / var(--base-font-size) * 1rem) - calc((var(--base-gap) * 2) / var(--base-font-size) * 1rem));
  margin: auto;
  width: calc(100% - calc((var(--base-gap) * 2) / var(--base-font-size) * 1rem));
}

.contact-text {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: calc((30) / var(--base-font-size) * 1rem) 0;
  margin: calc((30) / var(--base-font-size) * 1rem) 0 calc((40) / var(--base-font-size) * 1rem) 0;
}
.contact-text p {
  margin-bottom: 0;
}

.specialfield {
  display: none !important;
  visibility: hidden !important;
}

#newsletter-info {
  background-color: var(--form-error-background-color);
  color: var(--form-error-color);
  font-weight: var(--font-main-bold);
  margin-bottom: calc((var(--base-line-height)) / var(--base-font-size) * 1rem);
  padding: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
}
#newsletter-info *:last-of-type {
  margin-bottom: 0;
}

img[name=vimg] + input[name=imgverify] {
  float: right;
}

#__bs_notify__ {
  z-index: 9999999 !important;
}

.WidgetBannerContainer {
  z-index: 1000000 !important;
}

noscript {
  margin-top: calc((60) / var(--base-font-size) * 1rem);
  display: block;
}
noscript input#noticebar {
  display: none;
}
noscript input#noticebar:checked ~ div {
  opacity: 1;
  visibility: visible;
}
noscript input#noticebar:checked ~ label {
  background-color: hsla(var(--color-warning-h), calc(var(--color-warning-s) * 1%), calc((calc((var(--color-warning-l) - 50.00001) / max(var(--color-warning-l) - 50.00001, -1 * (var(--color-warning-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-warning-l))) * 2 - 1) * (max(0, min(1, var(--color-warning-l) - 90.00001)) * 2 - 1)) * 20 + var(--color-warning-l)) * 1%), 1);
  color: var(--color-warning-text);
  content: "\e906";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
}
noscript input#noticebar:not(:checked) ~ label:focus-visible {
  background-color: hsla(var(--color-warning-h), calc(var(--color-warning-s) * 1%), calc((calc((var(--color-warning-l) - 50.00001) / max(var(--color-warning-l) - 50.00001, -1 * (var(--color-warning-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-warning-l))) * 2 - 1) * (max(0, min(1, var(--color-warning-l) - 90.00001)) * 2 - 1)) * 20 + var(--color-warning-l)) * 1%), 1);
  color: var(--color-warning-text);
}
noscript input#noticebar:not(:checked) ~ label:focus-visible ~ div {
  opacity: 1;
  visibility: visible;
}
noscript label {
  background-color: var(--color-warning);
  color: var(--color-warning-text);
  bottom: calc((10) / var(--base-font-size) * 1rem);
  font-size: calc((25) / var(--base-font-size) * 1rem);
  height: calc((45) / var(--base-font-size) * 1rem);
  opacity: 0.9;
  position: fixed;
  right: calc((10) / var(--base-font-size) * 1rem);
  text-decoration: none;
  width: calc((45) / var(--base-font-size) * 1rem);
  z-index: 99999999 !important;
}
noscript label:before {
  content: "\e90e";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
  left: 50%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
noscript label > span {
  display: block;
  height: 100%;
}
noscript label:hover {
  cursor: pointer;
  background-color: hsla(var(--color-warning-h), calc(var(--color-warning-s) * 1%), calc((calc((var(--color-warning-l) - 50.00001) / max(var(--color-warning-l) - 50.00001, -1 * (var(--color-warning-l) - 50.00001)) * (max(0, min(1, 10.00001 - var(--color-warning-l))) * 2 - 1) * (max(0, min(1, var(--color-warning-l) - 90.00001)) * 2 - 1)) * 5 + var(--color-warning-l)) * 1%), 1);
}
noscript label + div {
  opacity: 0;
  visibility: hidden;
  height: 100vh;
}

noscript label + div,
noscript label .notice-bar {
  background-color: var(--color-warning);
  color: var(--color-warning-text);
  display: flex;
  justify-content: space-around;
  left: 0;
  padding: calc((20) / var(--base-font-size) * 1rem);
  position: fixed;
  text-align: center;
  top: 0;
  transition: 0.3s;
  width: 100%;
  z-index: 9999999 !important;
}
noscript label + div span,
noscript label .notice-bar span {
  align-self: center;
  font-size: calc((22) / var(--base-font-size) * 1rem);
  line-height: calc((30) / var(--base-font-size) * 1rem);
  margin: 0;
}
noscript label + div a,
noscript label .notice-bar a {
  color: var(--color-warning-text);
}
noscript label + div a:hover,
noscript label .notice-bar a:hover {
  color: var(--color-warning-text);
  text-decoration: none;
}

noscript div:first-child {
  display: none;
}

.tab-btn {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  padding: 2.6em;
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  font-size: calc((24) / var(--base-font-size) * 1rem);
  z-index: 2000;
  transition: all 300ms;
  text-decoration: none;
  outline-color: currentColor !important;
  font-weight: var(--font-main-regular);
}
.tab-btn:focus {
  transform: translate(-50%, -50%) scale(1);
  outline-offset: -6px !important;
  outline-style: dashed !important;
}

body.sitemap {
  display: flex;
  padding: 2rem;
}
body.sitemap nav {
  width: 100%;
  margin: 0 auto;
}
body.sitemap nav .sitemap ul {
  padding-left: 20px;
}

.highlight-anchor {
  outline: var(--focus-outline);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}

.back-to-top {
  display: none;
  pointer-events: none;
}

#back-to-top {
  outline: none;
  pointer-events: none;
}

.vplay-youtube .vplay-youtube-poster-wp[data-youtube-poster-wp] {
  top: 0px;
  left: 0px;
  cursor: default;
  z-index: 999 !important;
}
.vplay-youtube [data-youtube-playbtn-wp] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 999 !important;
}

@media (max-width: 1199.98px) {
  #page-wrap {
    padding-top: var(--quickbar-height);
  }
}

#header .hero,
.hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: calc((640) / var(--base-font-size) * 1rem);
  overflow: hidden;
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
  aspect-ratio: 2560/1150;
}
#header .hero figure.background-image:after,
#header .hero .hero__overlay,
.hero figure.background-image:after,
.hero .hero__overlay {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-secondary-opacity-60, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.6));
}
#header .hero .row,
.hero .row {
  position: relative;
  z-index: 2;
  --pad-base: clamp(calc((80) / var(--base-font-size) * 1rem), calc((68.5714285714) / var(--base-font-size) * 1rem) + 3.1746031746vw, calc((120) / var(--base-font-size) * 1rem));
  --pad-block: var(--pad-base);
  padding-block: var(--pad-block);
}
#header .hero .row.noPad,
.hero .row.noPad {
  --pad-block: 0px;
}
#header .hero .row.noPadTop,
.hero .row.noPadTop {
  padding-block-start: 0;
}
#header .hero .row.noPadBot,
.hero .row.noPadBot {
  padding-block-end: 0;
}
#header .hero .row.half-pad-bot, #header .hero .row.halfPadBot,
.hero .row.half-pad-bot,
.hero .row.halfPadBot {
  padding-block-end: calc(var(--pad-block) / 2);
}
#header .hero .row.halfPad,
.hero .row.halfPad {
  --pad-block: calc(var(--pad-base) / 2);
}
#header .hero .row,
.hero .row {
  padding-block-start: 0;
}
#header .hero .kicker,
.hero .kicker {
  font-weight: var(--font-main-regular);
  font-size: clamp(calc((17) / var(--base-font-size) * 1rem), calc((9.3333333333) / var(--base-font-size) * 1rem) + 1.1979166667vw, calc((40) / var(--base-font-size) * 1rem));
  line-height: 1.3;
  margin-bottom: calc((24) / var(--base-font-size) * 1rem);
}
#header .hero blockquote,
.hero blockquote {
  color: #ffffff;
  margin-bottom: calc((24) / var(--base-font-size) * 1rem);
  font-size: clamp(calc((36) / var(--base-font-size) * 1rem), calc((14.6666666667) / var(--base-font-size) * 1rem) + 3.3333333333vw, calc((100) / var(--base-font-size) * 1rem));
  line-height: 1.15 !important;
}
#header .hero blockquote span,
.hero blockquote span {
  font-family: unset;
  font-size: inherit !important;
  font-weight: unset;
  color: unset;
  line-height: unset !important;
  text-transform: uppercase;
}
#header .hero blockquote span,
.hero blockquote span {
  display: block;
}
#header .hero .hero__lead,
#header .hero p,
.hero .hero__lead,
.hero p {
  color: var(--color-background-opacity-85, hsla(var(--color-background-h), calc(var(--color-background-s) * 1%), calc(var(--color-background-l) * 1%), 0.85));
  font-weight: var(--font-main-regular);
  font-size: clamp(calc((18) / var(--base-font-size) * 1rem), calc((14) / var(--base-font-size) * 1rem) + 0.625vw, calc((30) / var(--base-font-size) * 1rem));
  line-height: 1.4;
  max-width: calc((1056) / var(--base-font-size) * 1rem);
  margin-bottom: 0;
}
#header .hero .btn-flex,
.hero .btn-flex {
  display: flex;
  flex-wrap: wrap;
  gap: calc((35) / var(--base-font-size) * 1rem);
  margin-top: calc((50) / var(--base-font-size) * 1rem);
}

.services {
  position: relative;
  overflow: hidden;
}
.services .ghost-title--right {
  position: relative;
  margin-bottom: calc((-40) / var(--base-font-size) * 1rem);
  padding-right: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  z-index: 1;
}
.services__block {
  position: absolute;
  left: 0;
  top: calc((150) / var(--base-font-size) * 1rem);
  width: 36vw;
  max-width: calc((560) / var(--base-font-size) * 1rem);
  height: calc((360) / var(--base-font-size) * 1rem);
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
  z-index: 0;
}
.services__grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc((28) / var(--base-font-size) * 1rem);
}
@media (max-width: 759.98px) {
  .services__grid {
    grid-template-columns: 1fr;
  }
}
.services__bar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: calc((32) / var(--base-font-size) * 1rem);
  margin-top: calc((40) / var(--base-font-size) * 1rem);
}
@media (max-width: 759.98px) {
  .services__bar {
    flex-wrap: wrap;
    gap: calc((16) / var(--base-font-size) * 1rem);
  }
}
.services__tab {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: var(--font-main-bold);
  font-size: calc((16) / var(--base-font-size) * 1rem);
  color: var(--color-secondary);
}
.services__tab.is-active {
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
  padding: calc((22) / var(--base-font-size) * 1rem) calc((40) / var(--base-font-size) * 1rem);
  margin: calc((-22) / var(--base-font-size) * 1rem) 0;
}
.services__line {
  flex: 1 1 auto;
  height: calc((1) / var(--base-font-size) * 1rem);
  background-color: var(--color-border-opacity-90, hsla(var(--color-border-h), calc(var(--color-border-s) * 1%), calc(var(--color-border-l) * 1%), 0.9));
}
.services__nav {
  display: flex;
  gap: calc((2) / var(--base-font-size) * 1rem);
}
.services__arrow {
  width: calc((44) / var(--base-font-size) * 1rem);
  height: calc((44) / var(--base-font-size) * 1rem);
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-surface);
  color: var(--color-surface-text);
  color: var(--color-secondary);
}
.services__arrow svg {
  width: calc((20) / var(--base-font-size) * 1rem);
  height: calc((20) / var(--base-font-size) * 1rem);
}
.services__arrow--next {
  background-color: var(--color-primary);
  color: var(--color-primary-text);
}

.service-card {
  position: relative;
  display: block;
  text-decoration: none;
  aspect-ratio: 4/5;
  overflow: hidden;
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
}
.service-card .background-image-container, .service-card__media {
  position: absolute;
  inset: 0;
}
.service-card__media {
  background: var(--color-secondary) center/cover no-repeat;
  transition: transform 0.4s ease;
}
.service-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 22, 25, 0) 40%, rgba(20, 22, 25, 0.85) 100%);
  z-index: 1;
}
.service-card__label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc((26) / var(--base-font-size) * 1rem);
  z-index: 2;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: var(--font-main-bold);
  font-size: calc((20) / var(--base-font-size) * 1rem);
  padding: 0 calc((16) / var(--base-font-size) * 1rem);
}
.service-card:hover .service-card__media, .service-card:hover figure.background-image img {
  transform: clamp(calc((18) / var(--base-font-size) * 1rem), calc((22.8428571429) / var(--base-font-size) * 1rem) + -1.0089285714vw, calc((1.05) / var(--base-font-size) * 1rem));
}

body:not(.index) #content {
  --pad-base: clamp(calc((80) / var(--base-font-size) * 1rem), calc((68.5714285714) / var(--base-font-size) * 1rem) + 3.1746031746vw, calc((120) / var(--base-font-size) * 1rem));
  --pad-block: var(--pad-base);
  padding-block: var(--pad-block);
}
body:not(.index) #content.noPad {
  --pad-block: 0px;
}
body:not(.index) #content.noPadTop {
  padding-block-start: 0;
}
body:not(.index) #content.noPadBot {
  padding-block-end: 0;
}
body:not(.index) #content.half-pad-bot, body:not(.index) #content.halfPadBot {
  padding-block-end: calc(var(--pad-block) / 2);
}
body:not(.index) #content.halfPad {
  --pad-block: calc(var(--pad-base) / 2);
}
body:not(.index) #content:has(> .cta-band:last-child) {
  padding-block-end: 0;
}

.cta-band {
  position: relative;
  overflow: hidden;
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
}
.cta-band figure.background-image:after, .cta-band__overlay {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(20, 22, 25, 0.62);
}
.cta-band .row {
  position: relative;
  z-index: 2;
  padding: calc((110) / var(--base-font-size) * 1rem) calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  text-align: center;
}
.cta-band__title,
.cta-band h2 {
  color: #ffffff;
  margin-bottom: calc((10) / var(--base-font-size) * 1rem);
}
.cta-band__lead {
  color: var(--color-background-opacity-90, hsla(var(--color-background-h), calc(var(--color-background-s) * 1%), calc(var(--color-background-l) * 1%), 0.9));
  font-size: calc((19) / var(--base-font-size) * 1rem);
  margin-bottom: calc((26) / var(--base-font-size) * 1rem);
}

.value-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: calc((14) / var(--base-font-size) * 1rem);
  margin-top: calc((26) / var(--base-font-size) * 1rem);
}
.value-list li {
  background-color: var(--color-surface);
  color: var(--color-surface-text);
  border-left: calc((8) / var(--base-font-size) * 1rem) solid var(--color-primary);
  padding: calc((18) / var(--base-font-size) * 1rem) calc((24) / var(--base-font-size) * 1rem);
  color: var(--color-surface-text);
  min-height: 0;
}
.value-list li strong {
  display: block;
  color: var(--color-secondary);
  margin-bottom: calc((4) / var(--base-font-size) * 1rem);
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc((20) / var(--base-font-size) * 1rem);
  margin-top: calc((40) / var(--base-font-size) * 1rem);
}
@media (max-width: 991.98px) {
  .service-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 639.98px) {
  .service-grid {
    grid-template-columns: 1fr;
  }
}

.service-tile {
  position: relative;
  display: flex;
  min-height: calc((340) / var(--base-font-size) * 1rem);
  border-radius: calc((var(--base-border-radius-limited)) / var(--base-font-size) * 1rem);
  overflow: hidden;
  box-shadow: inset 0 0 0 0 var(--color-primary-opacity-0, hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc(var(--color-primary-l) * 1%), 0));
  transition: all 0.3s ease-in-out;
}
.service-tile .background-image {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 0;
}
.service-tile .background-image img {
  border-radius: inherit;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.service-tile:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, var(--color-secondary-opacity-90, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.9)) 0%, var(--color-secondary-opacity-55, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.55)) 34%, var(--color-secondary-opacity-12, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.12)) 68%, var(--color-secondary-opacity-04, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.04)) 100%);
  transition: all 0.3s ease-in-out;
}
.service-tile__body {
  position: relative;
  z-index: 2;
  margin-top: auto;
  width: 100%;
  padding: calc((30) / var(--base-font-size) * 1rem) calc((30) / var(--base-font-size) * 1rem) calc((28) / var(--base-font-size) * 1rem);
  color: #ffffff;
}
.service-tile__title {
  font-family: var(--font-display);
  font-weight: var(--font-display-bold);
  text-transform: uppercase;
  font-size: calc((25) / var(--base-font-size) * 1rem);
  line-height: 1.08;
  letter-spacing: 0.02em;
  margin: 0 0 calc((8) / var(--base-font-size) * 1rem);
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.service-tile__text {
  margin: 0;
  max-width: 36ch;
  color: var(--color-background-opacity-82, hsla(var(--color-background-h), calc(var(--color-background-s) * 1%), calc(var(--color-background-l) * 1%), 0.82));
  font-size: calc((15) / var(--base-font-size) * 1rem);
  line-height: 1.45;
}
.service-tile__link {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  overflow: clip;
}
.service-tile:hover, .service-tile:focus-within {
  box-shadow: inset 0 0 0 calc((4) / var(--base-font-size) * 1rem) var(--color-primary);
}
.service-tile:hover .background-image img, .service-tile:focus-within .background-image img {
  transform: clamp(calc((18) / var(--base-font-size) * 1rem), calc((22.8428571429) / var(--base-font-size) * 1rem) + -1.0089285714vw, calc((1.05) / var(--base-font-size) * 1rem));
}
.service-tile:hover .service-tile__title, .service-tile:focus-within .service-tile__title {
  color: var(--color-primary);
}

.references {
  position: relative;
  overflow: hidden;
}
.references::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc((75) / var(--base-font-size) * 1rem);
  bottom: calc(var(--pad-block) - calc((75) / var(--base-font-size) * 1rem));
  width: calc((100% - var(--row-max-width-dynamic)) / 2 + var(--row-max-width-dynamic) / 12 * 3);
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
  z-index: 0;
}
@media (max-width: 759.98px) {
  .references::after {
    display: none;
  }
}
.references > .row {
  position: relative;
  z-index: 1;
}
.references .ghost-title {
  margin-bottom: calc((30) / var(--base-font-size) * 1rem);
}
.references__bar {
  display: flex;
  align-items: center;
  gap: calc((32) / var(--base-font-size) * 1rem);
  margin-top: calc((38) / var(--base-font-size) * 1rem);
}
.references__line {
  flex: 1 1 auto;
  height: calc((1) / var(--base-font-size) * 1rem);
  background-color: var(--color-border-opacity-90, hsla(var(--color-border-h), calc(var(--color-border-s) * 1%), calc(var(--color-border-l) * 1%), 0.9));
  margin-right: calc(min(calc((2160) / var(--base-font-size) * 1rem), 100% + calc((var(--base-gap)) / var(--base-font-size) * 1rem) * 2) / 12 * 3 - calc((var(--base-gap)) / var(--base-font-size) * 1rem) + calc((50) / var(--base-font-size) * 1rem));
}
@media (max-width: 759.98px) {
  .references__line {
    margin-right: 0;
  }
}

.gallery {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: calc((225) / var(--base-font-size) * 1rem) calc((77) / var(--base-font-size) * 1rem) calc((76) / var(--base-font-size) * 1rem) calc((225) / var(--base-font-size) * 1rem);
  gap: calc((36) / var(--base-font-size) * 1rem);
}
.gallery__item {
  display: block;
  background: var(--color-secondary) center/cover no-repeat;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.gallery__item:hover {
  opacity: 0.85;
}
.gallery__item--1 {
  grid-column: 1/3;
  grid-row: 1/2;
}
.gallery__item--2 {
  grid-column: 1/3;
  grid-row: 2/5;
}
.gallery__item--3 {
  grid-column: 3/5;
  grid-row: 1/4;
}
.gallery__item--4 {
  grid-column: 3/4;
  grid-row: 4/5;
}
.gallery__item--5 {
  grid-column: 4/5;
  grid-row: 4/5;
}
.gallery__item--6 {
  grid-column: 5/6;
  grid-row: 1/3;
}
.gallery__item--7 {
  grid-column: 6/7;
  grid-row: 1/3;
}
.gallery__item--8 {
  grid-column: 5/7;
  grid-row: 3/5;
}
@media (max-width: 759.98px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: none;
    grid-auto-rows: calc((130) / var(--base-font-size) * 1rem);
  }
  .gallery__item {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

#footer {
  background-color: var(--color-secondary);
  color: var(--color-secondary-text);
  padding: calc((40) / var(--base-font-size) * 1rem) 0;
}
#footer .footer__inner {
  gap: calc((28) / var(--base-font-size) * 1rem);
  flex-wrap: wrap;
}

.footer__badge {
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  padding: calc((10) / var(--base-font-size) * 1rem) calc((16) / var(--base-font-size) * 1rem);
}
.footer__badge-logo {
  display: block;
  width: calc((250) / var(--base-font-size) * 1rem);
  height: auto;
}

@media (max-width: 759.98px) {
  #footer .footer__inner {
    flex-direction: column;
    text-align: center;
  }
}
.back-to-top {
  position: fixed;
  right: calc((20) / var(--base-font-size) * 1rem);
  bottom: calc((20) / var(--base-font-size) * 1rem);
  width: calc((46) / var(--base-font-size) * 1rem);
  height: calc((46) / var(--base-font-size) * 1rem);
  display: none;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-primary-text);
  z-index: 50;
  text-decoration: none;
}
.back-to-top span {
  font-size: 0;
}
.back-to-top:before {
  content: "↑";
  font-size: calc((22) / var(--base-font-size) * 1rem);
}
body.scrolled .back-to-top {
  display: flex;
}

.teaserArea {
  --mar-base: clamp(calc((80) / var(--base-font-size) * 1rem), calc((45.7142857143) / var(--base-font-size) * 1rem) + 9.5238095238vw, calc((200) / var(--base-font-size) * 1rem));
  --mar-block: var(--mar-base);
  margin-block: var(--mar-block);
}
.teaserArea.noMar {
  --mar-block: 0px;
}
.teaserArea.noMarTop {
  margin-block-start: 0;
}
.teaserArea.noMarBot {
  margin-block-end: 0;
}
.teaserArea.half-mar-bot, .teaserArea.halfMarBot {
  margin-block-end: calc(var(--mar-block) / 2);
}
.teaserArea.halfMar {
  --mar-block: calc(var(--mar-base) / 2);
}
@media (max-width: 991.98px) {
  .teaserArea {
    margin-bottom: 0 !important;
  }
}
.teaserArea {
  position: relative;
}
.teaserArea .display-headline {
  font-family: var(--font-display);
  font-weight: var(--font-display-bold);
  line-height: 100%;
  text-align: right;
  margin-bottom: calc((30) / var(--base-font-size) * 1rem);
  font-size: calc((40) / var(--base-font-size) * 1rem);
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 480px) {
  .teaserArea .display-headline {
    font-size: calc((60) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 992px) {
  .teaserArea .display-headline {
    font-size: calc((100) / var(--base-font-size) * 1rem);
  }
}
@media (min-width: 2160px) {
  .teaserArea .display-headline {
    font-size: calc((200) / var(--base-font-size) * 1rem);
    line-height: 100%;
  }
}
.teaserArea .display-headline p {
  margin: 0;
}
.teaserArea .row {
  --pad-base: clamp(calc((80) / var(--base-font-size) * 1rem), calc((31.4285714286) / var(--base-font-size) * 1rem) + 13.4920634921vw, calc((250) / var(--base-font-size) * 1rem));
  --pad-block: var(--pad-base);
  padding-block: var(--pad-block);
}
.teaserArea .row.noPad {
  --pad-block: 0px;
}
.teaserArea .row.noPadTop {
  padding-block-start: 0;
}
.teaserArea .row.noPadBot {
  padding-block-end: 0;
}
.teaserArea .row.half-pad-bot, .teaserArea .row.halfPadBot {
  padding-block-end: calc(var(--pad-block) / 2);
}
.teaserArea .row.halfPad {
  --pad-block: calc(var(--pad-base) / 2);
}
.teaserArea .row {
  padding-block-start: 0;
}
@media (max-width: 991.98px) {
  .teaserArea .row {
    padding-bottom: 0;
  }
}
@media (min-width: 1520px) {
  .teaserArea .row .col {
    max-width: 91.6666666667%;
    margin-left: auto;
  }
}
.teaserArea .row .col.quoteCol {
  position: absolute;
  bottom: 0;
  right: 0;
  --pad-base: clamp(calc((80) / var(--base-font-size) * 1rem), calc((72.8571428571) / var(--base-font-size) * 1rem) + 1.9841269841vw, calc((105) / var(--base-font-size) * 1rem));
  --pad-block: var(--pad-base);
  padding-block: var(--pad-block);
}
.teaserArea .row .col.quoteCol.noPad {
  --pad-block: 0px;
}
.teaserArea .row .col.quoteCol.noPadTop {
  padding-block-start: 0;
}
.teaserArea .row .col.quoteCol.noPadBot {
  padding-block-end: 0;
}
.teaserArea .row .col.quoteCol.half-pad-bot, .teaserArea .row .col.quoteCol.halfPadBot {
  padding-block-end: calc(var(--pad-block) / 2);
}
.teaserArea .row .col.quoteCol.halfPad {
  --pad-block: calc(var(--pad-base) / 2);
}
.teaserArea .row .col.quoteCol {
  padding-block-start: 0;
}
@media (max-width: 1519.98px) {
  .teaserArea .row .col.quoteCol {
    display: none;
  }
}
.teaserArea .row .col.quoteCol {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 91.6666666667%;
  left: auto;
}
.teaserArea .row .col.quoteCol .split-left {
  max-width: calc(27.2727272727% - 9px);
  width: 100%;
}
.teaserArea .row .col.quoteCol .split-left p {
  min-width: max-content;
  break-inside: avoid;
  text-align: right;
  padding-right: calc((50) / var(--base-font-size) * 1rem);
  display: block;
  margin: 0;
  margin-block-start: auto;
  text-transform: uppercase;
  color: var(--color-background);
  font-family: var(--font-display);
  font-size: calc((40) / var(--base-font-size) * 1rem);
}
.teaserArea .row .col.quoteCol .split-left p strong {
  font-family: inherit;
}
.teaserArea .row .col.quoteCol .split-right {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teaserArea .row .col.quoteCol .split-right > p {
  display: block;
  padding-left: 50px;
  margin: 0;
  text-transform: uppercase;
  font-family: var(--font-display);
  font-size: calc((40) / var(--base-font-size) * 1rem);
}
.teaserArea .row .col.quoteCol .split-right > p strong {
  font-family: inherit;
}
.teaserArea .row .col.quoteCol .swiper-navigation {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: calc((15) / var(--base-font-size) * 1rem);
  height: fit-content;
}
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-prev,
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-next {
  position: relative;
  width: calc((60) / var(--base-font-size) * 1rem);
  aspect-ratio: 1/1;
  height: auto;
  inset: unset;
  margin: 0;
  padding: 0;
  transform: unset;
  border-radius: calc((var(--base-border-radius)) / var(--base-font-size) * 1rem);
  background: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-prev:after,
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-next:after {
  content: none;
}
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-prev svg,
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-next svg {
  display: none;
}
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-prev:hover,
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-next:hover {
  background: var(--color-secondary);
}
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-prev:before,
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-next:before {
  font-size: calc((30) / var(--base-font-size) * 1rem);
  line-height: 1;
  font-weight: normal;
  color: var(--color-surface-elevated-text);
}
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-prev:before {
  content: "\e902";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
}
.teaserArea .row .col.quoteCol .swiper-navigation .swiper-button-next:before {
  content: "\e901";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: var(--icon-font);
  font-weight: var(--icon-font-weight);
}
.teaserArea .swiper {
  position: relative;
}
.teaserArea .swiper .swiper-wrapper .swiper-slide {
  position: relative;
  z-index: 0;
  display: flex;
  box-sizing: border-box;
  height: calc((750) / var(--base-font-size) * 1rem);
  max-width: calc((690) / var(--base-font-size) * 1rem);
  border-radius: var(--base-border-radius-limited);
  transition: all 0.3s ease-in-out;
}
.teaserArea .swiper .swiper-wrapper .swiper-slide:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  border-radius: calc(calc((var(--base-border-radius-limited)) / var(--base-font-size) * 1rem) - 1px);
  background: var(--color-secondary-opacity-60, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.6));
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.teaserArea .swiper .swiper-wrapper .swiper-slide .background-image {
  border-radius: inherit;
}
.teaserArea .swiper .swiper-wrapper .swiper-slide .background-image picture, .teaserArea .swiper .swiper-wrapper .swiper-slide .background-image img {
  border-radius: inherit;
}
.teaserArea .swiper .swiper-wrapper .swiper-slide .capture {
  position: absolute;
  bottom: calc((36) / var(--base-font-size) * 1rem);
  width: 100%;
  text-align: center;
  z-index: 2;
}
.teaserArea .swiper .swiper-wrapper .swiper-slide .capture p {
  margin-bottom: 0;
  padding-inline: calc((var(--base-gap)) / var(--base-font-size) * 1rem);
  color: var(--color-background);
  font-size: calc((22) / var(--base-font-size) * 1rem);
  line-height: 130%;
  transition: all 0.3s ease-in-out;
  font-weight: bold;
  text-transform: uppercase;
  font-family: var(--font-display);
  font-weight: var(--font-display-bold);
}
@media (min-width: 2160px) {
  .teaserArea .swiper .swiper-wrapper .swiper-slide .capture p {
    font-size: calc((40) / var(--base-font-size) * 1rem);
  }
}
.teaserArea .swiper .swiper-wrapper .swiper-slide a {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: clip;
  box-shadow: inset 0 0 0 4px var(--color-primary-opacity-0, hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc(var(--color-primary-l) * 1%), 0));
  transition: all 0.3s ease-in-out;
}
.teaserArea .swiper .swiper-wrapper .swiper-slide a:hover, .teaserArea .swiper .swiper-wrapper .swiper-slide a:focus, .teaserArea .swiper .swiper-wrapper .swiper-slide a:active, .teaserArea .swiper .swiper-wrapper .swiper-slide a.active {
  box-shadow: inset 0 0 0 4px var(--color-primary);
  outline: none !important;
}
.teaserArea .swiper .swiper-wrapper .swiper-slide a:hover .capture p, .teaserArea .swiper .swiper-wrapper .swiper-slide a:focus .capture p, .teaserArea .swiper .swiper-wrapper .swiper-slide a:active .capture p, .teaserArea .swiper .swiper-wrapper .swiper-slide a.active .capture p {
  color: var(--color-primary);
}

body.kontakt #content .ct1 > .row > .col {
  max-width: calc((1120) / var(--base-font-size) * 1rem);
  margin-inline: auto;
}

.wizard {
  max-width: calc((1120) / var(--base-font-size) * 1rem);
  margin: calc((44) / var(--base-font-size) * 1rem) auto 0;
  background: #ffffff;
  border: calc((1) / var(--base-font-size) * 1rem) solid var(--color-secondary-opacity-10, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.1));
  box-shadow: 0 calc((1) / var(--base-font-size) * 1rem) 0 var(--color-secondary-opacity-04, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.04)), 0 calc((18) / var(--base-font-size) * 1rem) calc((50) / var(--base-font-size) * 1rem) calc((-24) / var(--base-font-size) * 1rem) var(--color-secondary-opacity-35, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.35));
  overflow: hidden;
}
.wizard .wizard__step {
  display: none;
  border: 0;
  margin: 0;
  padding: calc((44) / var(--base-font-size) * 1rem) calc((48) / var(--base-font-size) * 1rem) calc((10) / var(--base-font-size) * 1rem);
}
.wizard .wizard__step.is-active {
  display: block;
  animation: wizardFade 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (max-width: 639.98px) {
  .wizard .wizard__step {
    padding: calc((28) / var(--base-font-size) * 1rem) calc((22) / var(--base-font-size) * 1rem) calc((6) / var(--base-font-size) * 1rem);
  }
}
.wizard .wizard__legend {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 calc((26) / var(--base-font-size) * 1rem);
  font-family: var(--font-display);
  font-weight: var(--font-display-bold);
  font-size: clamp(calc((24) / var(--base-font-size) * 1rem), 3vw, calc((34) / var(--base-font-size) * 1rem));
  line-height: 1.1;
  color: var(--color-secondary);
}
.wizard .wizard__legend span {
  display: block;
  margin-top: calc((8) / var(--base-font-size) * 1rem);
  font-family: var(--font-main);
  font-weight: var(--font-main-regular);
  font-size: calc((17) / var(--base-font-size) * 1rem);
  color: var(--color-secondary-opacity-60, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.6));
}
.wizard__sublabel {
  margin: calc((28) / var(--base-font-size) * 1rem) 0 calc((14) / var(--base-font-size) * 1rem);
  font-weight: var(--font-main-bold);
  color: var(--color-secondary);
}
.wizard__sublabel:first-of-type {
  margin-top: 0;
}
.wizard__sublabel em {
  font-style: normal;
  font-weight: var(--font-main-regular);
  color: var(--color-secondary-opacity-50, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.5));
}
.wizard__progress {
  display: flex;
  gap: calc((8) / var(--base-font-size) * 1rem);
  list-style: none;
  margin: 0;
  padding: calc((30) / var(--base-font-size) * 1rem) calc((48) / var(--base-font-size) * 1rem);
  background: var(--color-secondary);
}
@media (max-width: 639.98px) {
  .wizard__progress {
    padding: calc((22) / var(--base-font-size) * 1rem) calc((22) / var(--base-font-size) * 1rem);
  }
}
.wizard__progress-item {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((12) / var(--base-font-size) * 1rem);
  position: relative;
  text-align: center;
  color: rgba(255, 255, 255, 0.42);
  transition: color 0.2s ease;
}
.wizard__progress-item:not(:last-child):before {
  content: "";
  position: absolute;
  top: calc((17) / var(--base-font-size) * 1rem);
  left: calc(50% + calc((22) / var(--base-font-size) * 1rem));
  right: calc(-50% + calc((22) / var(--base-font-size) * 1rem));
  height: calc((2) / var(--base-font-size) * 1rem);
  background: rgba(255, 255, 255, 0.16);
  transition: background-color 0.3s ease;
}
.wizard__progress-num {
  position: relative;
  z-index: 1;
  width: calc((36) / var(--base-font-size) * 1rem);
  height: calc((36) / var(--base-font-size) * 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc((2) / var(--base-font-size) * 1rem) solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
  font-family: var(--font-display);
  font-weight: var(--font-display-bold);
  font-size: calc((16) / var(--base-font-size) * 1rem);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.wizard__progress-label {
  font-family: var(--font-display);
  font-size: calc((13) / var(--base-font-size) * 1rem);
  font-weight: var(--font-display-regular);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.wizard__progress-item.is-done {
  cursor: pointer;
}
.wizard__progress-item.is-active {
  color: #ffffff;
}
.wizard__progress-item.is-active .wizard__progress-num {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-primary-text);
  box-shadow: 0 0 0 calc((5) / var(--base-font-size) * 1rem) var(--color-primary-opacity-22, hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc(var(--color-primary-l) * 1%), 0.22));
}
.wizard__progress-item.is-done {
  color: rgba(255, 255, 255, 0.82);
}
.wizard__progress-item.is-done .wizard__progress-num {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-primary-text);
  font-size: 0;
}
.wizard__progress-item.is-done .wizard__progress-num:after {
  content: "";
  width: calc((15) / var(--base-font-size) * 1rem);
  height: calc((15) / var(--base-font-size) * 1rem);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316181b' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.wizard__progress-item.is-done:before {
  background: var(--color-primary);
}
@media (max-width: 639.98px) {
  .wizard__progress-label {
    display: none;
  }
}
.wizard__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc((16) / var(--base-font-size) * 1rem);
}
@media (max-width: 991.98px) {
  .wizard__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 639.98px) {
  .wizard__grid {
    grid-template-columns: 1fr;
  }
}
.wizard__grid--thirds {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991.98px) {
  .wizard__grid--thirds {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 639.98px) {
  .wizard__grid--thirds {
    grid-template-columns: 1fr;
  }
}
.wizard__q {
  margin-top: calc((32) / var(--base-font-size) * 1rem);
}
.wizard__q:first-of-type {
  margin-top: calc((10) / var(--base-font-size) * 1rem);
}
.wizard__detail-count {
  margin: calc((-14) / var(--base-font-size) * 1rem) 0 calc((22) / var(--base-font-size) * 1rem);
  font-size: calc((13) / var(--base-font-size) * 1rem);
  font-weight: var(--font-main-bold);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-secondary-opacity-45, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.45));
}
.wizard__detail-count:empty {
  display: none;
}
.wizard__inputrow {
  max-width: calc((460) / var(--base-font-size) * 1rem);
}
.wizard__inputrow input,
.wizard__inputrow textarea {
  width: 100%;
  margin: 0;
  background: var(--color-surface);
  border: calc((1) / var(--base-font-size) * 1rem) solid var(--color-secondary-opacity-12, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.12));
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.wizard__inputrow input:focus,
.wizard__inputrow textarea:focus {
  background: #ffffff;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 calc((3) / var(--base-font-size) * 1rem) var(--color-primary-opacity-14, hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc(var(--color-primary-l) * 1%), 0.14));
}
.wizard__inputrow--full {
  max-width: none;
}
.wizard__fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc((18) / var(--base-font-size) * 1rem) calc((26) / var(--base-font-size) * 1rem);
}
@media (max-width: 759.98px) {
  .wizard__fields {
    grid-template-columns: 1fr;
  }
}
.wizard__field {
  display: flex;
  flex-direction: column;
}
.wizard__field label {
  display: block;
  padding: 0 0 calc((8) / var(--base-font-size) * 1rem);
  font-weight: var(--font-main-bold);
  color: var(--color-secondary);
}
.wizard__field .req {
  color: var(--color-warning);
}
.wizard__field .hint {
  font-weight: var(--font-main-regular);
  color: var(--color-secondary-opacity-50, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.5));
}
.wizard__field input, .wizard__field textarea {
  width: 100%;
  margin: 0;
  background: var(--color-surface);
  border: calc((1) / var(--base-font-size) * 1rem) solid var(--color-secondary-opacity-12, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.12));
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.wizard__field input:focus, .wizard__field textarea:focus {
  background: #ffffff;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 calc((3) / var(--base-font-size) * 1rem) var(--color-primary-opacity-14, hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc(var(--color-primary-l) * 1%), 0.14));
}
.wizard__field input.is-invalid, .wizard__field textarea.is-invalid {
  background: #ffffff;
  border-color: var(--color-warning);
}
.wizard__field--full {
  grid-column: 1/-1;
}
.wizard .wizard__consent {
  display: flex;
  align-items: flex-start;
  gap: calc((12) / var(--base-font-size) * 1rem);
  padding: 0;
  font-weight: var(--font-main-regular);
  color: var(--color-secondary-opacity-80, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.8));
}
.wizard .wizard__consent input {
  flex: 0 0 auto;
  width: calc((20) / var(--base-font-size) * 1rem);
  height: calc((20) / var(--base-font-size) * 1rem);
  margin: calc((2) / var(--base-font-size) * 1rem) 0 0;
}
.wizard .wizard__consent a {
  color: var(--color-primary);
}
.wizard .wizard__consent.is-invalid span {
  color: var(--color-warning);
}
.wizard__actions {
  display: flex;
  align-items: center;
  gap: calc((16) / var(--base-font-size) * 1rem);
  margin: calc((28) / var(--base-font-size) * 1rem) 0 0;
  padding: calc((22) / var(--base-font-size) * 1rem) calc((48) / var(--base-font-size) * 1rem);
  border-top: calc((1) / var(--base-font-size) * 1rem) solid var(--color-secondary-opacity-10, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.1));
  background: var(--color-surface-opacity-50, hsla(var(--color-surface-h), calc(var(--color-surface-s) * 1%), calc(var(--color-surface-l) * 1%), 0.5));
}
@media (max-width: 639.98px) {
  .wizard__actions {
    padding: calc((18) / var(--base-font-size) * 1rem) calc((22) / var(--base-font-size) * 1rem);
  }
}
.wizard__actions .btn {
  transition: transform 0.14s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.wizard__actions .btn:active {
  transform: clamp(calc((18) / var(--base-font-size) * 1rem), calc((22.8657142857) / var(--base-font-size) * 1rem) + -1.0136904762vw, calc((0.97) / var(--base-font-size) * 1rem));
}
.wizard__count {
  margin: 0 auto;
  color: var(--color-secondary-opacity-55, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.55));
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: calc((13) / var(--base-font-size) * 1rem);
}
.wizard__count b {
  color: var(--color-secondary);
}
.wizard__error {
  margin-top: calc((18) / var(--base-font-size) * 1rem);
  color: var(--color-warning);
  font-weight: var(--font-main-bold);
}
.wizard__honey {
  position: absolute;
  left: -9999px;
  width: calc((1) / var(--base-font-size) * 1rem);
  height: calc((1) / var(--base-font-size) * 1rem);
  overflow: hidden;
}
.wizard [hidden] {
  display: none !important;
}
.wizard ::selection {
  background: var(--color-primary);
  color: var(--color-primary-text);
}
.wizard input,
.wizard textarea {
  caret-color: var(--color-primary);
}
.wizard input::placeholder,
.wizard textarea::placeholder {
  color: var(--color-secondary-opacity-66, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.66));
  opacity: 1;
}
.wizard input:focus-visible,
.wizard textarea:focus-visible {
  outline: calc((2) / var(--base-font-size) * 1rem) solid var(--color-primary);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.wizard .wizard__consent input {
  accent-color: var(--color-primary);
}
.wizard a {
  text-underline-offset: 0.18em;
}
.wizard .choice-card {
  display: block;
  padding: 0;
  margin: 0;
}

.wizard__done {
  margin-top: calc((30) / var(--base-font-size) * 1rem);
  padding: calc((48) / var(--base-font-size) * 1rem) calc((48) / var(--base-font-size) * 1rem);
  background: #ffffff;
  border: calc((1) / var(--base-font-size) * 1rem) solid var(--color-secondary-opacity-10, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.1));
  box-shadow: 0 calc((1) / var(--base-font-size) * 1rem) 0 var(--color-secondary-opacity-04, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.04)), 0 calc((18) / var(--base-font-size) * 1rem) calc((50) / var(--base-font-size) * 1rem) calc((-24) / var(--base-font-size) * 1rem) var(--color-secondary-opacity-35, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.35));
}
@media (max-width: 639.98px) {
  .wizard__done {
    padding: calc((30) / var(--base-font-size) * 1rem) calc((22) / var(--base-font-size) * 1rem);
  }
}
.wizard__done:before {
  content: "";
  display: block;
  width: calc((52) / var(--base-font-size) * 1rem);
  height: calc((52) / var(--base-font-size) * 1rem);
  margin-bottom: calc((24) / var(--base-font-size) * 1rem);
  border-radius: 50%;
  background-color: var(--color-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc((28) / var(--base-font-size) * 1rem) calc((28) / var(--base-font-size) * 1rem);
}
.wizard__done .headline {
  margin-bottom: calc((16) / var(--base-font-size) * 1rem);
}
.wizard__done p {
  margin-bottom: calc((14) / var(--base-font-size) * 1rem);
  color: var(--color-surface-text);
}
.wizard__done a {
  color: var(--color-primary);
}
.wizard__done .btn-flex {
  margin-top: calc((24) / var(--base-font-size) * 1rem);
}

.wizard__alert {
  margin-top: calc((24) / var(--base-font-size) * 1rem);
  padding: calc((16) / var(--base-font-size) * 1rem) calc((20) / var(--base-font-size) * 1rem);
  background: var(--color-warning-opacity-10, hsla(var(--color-warning-h), calc(var(--color-warning-s) * 1%), calc(var(--color-warning-l) * 1%), 0.1));
  border: calc((1) / var(--base-font-size) * 1rem) solid var(--color-warning-opacity-35, hsla(var(--color-warning-h), calc(var(--color-warning-s) * 1%), calc(var(--color-warning-l) * 1%), 0.35));
  color: var(--color-secondary);
  font-weight: var(--font-main-bold);
}

.choice-card {
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer;
  height: 100%;
}
.choice-card > input {
  position: absolute;
  width: calc((1) / var(--base-font-size) * 1rem);
  height: calc((1) / var(--base-font-size) * 1rem);
  margin: 0;
  opacity: 0;
}
.choice-card__box {
  display: flex;
  align-items: center;
  gap: calc((18) / var(--base-font-size) * 1rem);
  min-height: calc((76) / var(--base-font-size) * 1rem);
  height: 100%;
  padding: calc((18) / var(--base-font-size) * 1rem) calc((22) / var(--base-font-size) * 1rem);
  background: var(--color-surface);
  color: var(--color-secondary);
  border: calc((1) / var(--base-font-size) * 1rem) solid var(--color-secondary-opacity-10, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.1));
  font-family: var(--font-main);
  font-weight: var(--font-main-bold);
  font-size: calc((17) / var(--base-font-size) * 1rem);
  line-height: 1.25;
  transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}
.choice-card__label {
  flex: 1 1 auto;
}
.choice-card__mark {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((26) / var(--base-font-size) * 1rem);
  height: calc((26) / var(--base-font-size) * 1rem);
  border: calc((2) / var(--base-font-size) * 1rem) solid var(--color-secondary-opacity-22, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.22));
  border-radius: calc((4) / var(--base-font-size) * 1rem);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc((15) / var(--base-font-size) * 1rem) calc((15) / var(--base-font-size) * 1rem);
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.choice-card:hover .choice-card__box {
  background: #ffffff;
  border-color: var(--color-secondary-opacity-28, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.28));
  box-shadow: 0 calc((10) / var(--base-font-size) * 1rem) calc((24) / var(--base-font-size) * 1rem) calc((-8) / var(--base-font-size) * 1rem) var(--color-secondary-opacity-30, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.3));
  transform: translateY(calc((-2) / var(--base-font-size) * 1rem));
}
.choice-card:hover .choice-card__mark {
  border-color: var(--color-secondary-opacity-40, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.4));
}
.choice-card:active .choice-card__box {
  transform: clamp(calc((18) / var(--base-font-size) * 1rem), calc((22.8628571429) / var(--base-font-size) * 1rem) + -1.0130952381vw, calc((0.98) / var(--base-font-size) * 1rem));
}
.choice-card > input:focus-visible + .choice-card__box {
  outline: calc((2) / var(--base-font-size) * 1rem) solid var(--color-primary);
  outline-offset: calc((2) / var(--base-font-size) * 1rem);
}
.choice-card > input:checked + .choice-card__box {
  border-color: var(--color-primary);
  background: var(--color-primary-opacity-06, hsla(var(--color-primary-h), calc(var(--color-primary-s) * 1%), calc(var(--color-primary-l) * 1%), 0.06));
  box-shadow: inset 0 0 0 calc((1) / var(--base-font-size) * 1rem) var(--color-primary), 0 calc((6) / var(--base-font-size) * 1rem) calc((16) / var(--base-font-size) * 1rem) calc((-8) / var(--base-font-size) * 1rem) var(--color-secondary-opacity-28, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.28));
}
.choice-card:hover > input:checked + .choice-card__box {
  border-color: var(--color-primary);
}
.choice-card > input:checked + .choice-card__box .choice-card__mark {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.choice-card--radio .choice-card__mark {
  border-radius: 50%;
  background-image: none !important;
}
.choice-card--radio .choice-card__mark:after {
  content: "";
  width: calc((10) / var(--base-font-size) * 1rem);
  height: calc((10) / var(--base-font-size) * 1rem);
  border-radius: 50%;
  background: #ffffff;
  opacity: 0;
  transform: clamp(calc((18) / var(--base-font-size) * 1rem), calc((23) / var(--base-font-size) * 1rem) + -1.0416666667vw, calc((0.5) / var(--base-font-size) * 1rem));
  transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.12s ease;
}
.choice-card--radio > input:checked + .choice-card__box .choice-card__mark {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.choice-card--radio > input:checked + .choice-card__box .choice-card__mark:after {
  transform: clamp(calc((18) / var(--base-font-size) * 1rem), calc((22.8571428571) / var(--base-font-size) * 1rem) + -1.0119047619vw, calc((1) / var(--base-font-size) * 1rem));
  opacity: 1;
}

.wizard__submit.is-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}
.wizard__submit.is-loading:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc((18) / var(--base-font-size) * 1rem);
  height: calc((18) / var(--base-font-size) * 1rem);
  margin: calc((-9) / var(--base-font-size) * 1rem) 0 0 calc((-9) / var(--base-font-size) * 1rem);
  border: calc((2) / var(--base-font-size) * 1rem) solid var(--color-secondary-opacity-25, hsla(var(--color-secondary-h), calc(var(--color-secondary-s) * 1%), calc(var(--color-secondary-l) * 1%), 0.25));
  border-top-color: var(--color-secondary);
  border-radius: 50%;
  animation: wizardSpin 0.6s linear infinite;
}

@keyframes wizardFade {
  from {
    opacity: 0;
    transform: translateY(calc((10) / var(--base-font-size) * 1rem));
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes wizardSpin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wizard__step.is-active {
    animation: none;
  }
  .wizard__submit.is-loading:after {
    animation-duration: 1.2s;
  }
}/**
 * Swiper 14.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


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




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

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

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


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: "";
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}