:root {
  --color-base: var(--wp--preset--color--base);
  --color-green: var(--wp--preset--color--green);
  --color-darkgreen: var(--wp--preset--color--dark-green);
  --color-blue: var(--wp--preset--color--blue);
  --color-petrol: var(--wp--preset--color--teal);
  --color-lightblue: var(--wp--preset--color--light-blue);
  --color-dark-navy: var(--wp--preset--color--dark-navy);
  --color-error-red: #c30e0e;
  --color-success-green: #008a22;
  --color-red-light: #ff9494;
  /* Gap */
  --gap-24: 1.5rem;
  --gap-64: 4rem;
  /* BorderRadius */
  --br-5: 5px;
  --br-8: 8px;
  --br-15: 15px;
  --br-100: 100px;
  /* mediabreaks */
  --mb_mobilesmall: $mb_mobilesmall;
  --mb_mobile: $mb_mobile;
  --mb_content: $mb_content;
  --content_narrowSize: 600px;
  --content_normalSize: 846px;
  --content_wideSize: 1048px;
  /* padding margin */
  --mobilepadding: 1rem;
  /* header */
  --header_height_mobile: 80px;
  --header_logo_size: 160px;
  --header_margin: 1rem;
  /* hero */
  --hero_height_mobile: 440px;
  --hero_height: 560px;
  /* slider */
  --dotbutton_size: 12px;
  --activedot_size: 36px;
  --pausebutton_size: 25px;
  --sliderarrow__size: 48px;
  --sliderarrow_sides_offset: calc(var(--mobilepadding) / 2);
  --sliderarrow_top_offset: 50%;
  /* swiper */
  --swiper-navigation-sides-offset: var(--sliderarrow_sides_offset);
  --swiper-navigation-top-offset: var(--sliderarrow_top_offset);
  --swiper-navigation-size: var(--sliderarrow__size);
  /* form, input */
  --input-margin_bottom: 1.75rem;
}

body {
  --contentstart-after-header: calc(var(--header_height_mobile) + 2rem);
}

/* Orbitron */
@font-face {
  font-family: "Orbitron";
  src: url("../fonts/orbitron/Orbitron-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Orbitron";
  src: url("../fonts/orbitron/Orbitron-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Orbitron";
  src: url("../fonts/orbitron/Orbitron-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Orbitron";
  src: url("../fonts/orbitron/Orbitron-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Orbitron";
  src: url("../fonts/orbitron/Orbitron-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Orbitron";
  src: url("../fonts/orbitron/Orbitron-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Roboto */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
h1.wp-block-heading,
h1 {
  font-family: var(--wp--preset--font-family--orbitron, "Orbitron");
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  h1.wp-block-heading,
  h1 {
    font-size: var(--wp--preset--font-size--xl);
  }
}

h2.wp-block-heading,
h2.wp-block-post-title,
h2 {
  font-family: var(--wp--preset--font-family--orbitron, "Orbitron");
  font-size: var(--wp--preset--font-size--xl);
  font-weight: 900;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  h2.wp-block-heading,
  h2.wp-block-post-title,
  h2 {
    font-size: var(--wp--preset--font-size--xl);
  }
}

h3.wp-block-heading,
h3.wp-block-post-title,
h3 {
  font-family: var(--wp--preset--font-family--orbitron, "Orbitron");
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
}

h4.wp-block-heading,
h4.wp-block-post-title,
h4 {
  font-family: var(--wp--preset--font-family--orbitron, "Orbitron");
  font-size: var(--wp--preset--font-size--l);
  font-weight: 600;
  line-height: 1.3;
}

p,
:root :where(.is-layout-flow) > p,
:where(body .is-layout-constrained) > p,
.is-layout-constrained > p {
  font-family: var(--wp--preset--font-family--roboto, "Roboto");
  font-size: var(--wp--preset--font-size--s);
  font-weight: 400;
  margin-bottom: 1rem;
  margin-block-end: 0.5rem;
  line-height: 1.5;
}

.wp-block-heading,
.is-layout-flow > .wp-block-heading,
.is-layout-constrained > .wp-block-heading {
  margin-top: 2rem;
  margin-block-start: 2rem;
  margin-bottom: 1rem;
  margin-block-end: 1rem;
}
.wp-block-heading:first-child,
.is-layout-flow > .wp-block-heading:first-child,
.is-layout-constrained > .wp-block-heading:first-child {
  margin-top: 0;
  margin-block-start: 0;
}

.wp-element-button,
.wp-block-button__link.wp-element-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  border: 1.5px solid transparent;
  background: linear-gradient(var(--color-base), var(--color-base)) padding-box, var(--wp--preset--gradient--button-gradient) border-box;
  color: var(--color-dark-navy);
  font-family: var(--wp--preset--font-family--orbitron, "Orbitron");
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: visible;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.wp-element-button:hover,
.wp-block-button__link.wp-element-button:hover {
  outline: none;
  box-shadow: 0 0 18px rgba(41, 129, 228, 0.55), 0 0 40px rgba(41, 129, 228, 0.28), 0 0 80px rgba(41, 129, 228, 0.1);
}
.wp-element-button:focus, .wp-element-button:focus-visible,
.wp-block-button__link.wp-element-button:focus,
.wp-block-button__link.wp-element-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 5px var(--color-ice-blue);
}
.wp-element-button:disabled, .wp-element-button[disabled], .wp-element-button[aria-disabled=true],
.wp-block-button__link.wp-element-button:disabled,
.wp-block-button__link.wp-element-button[disabled],
.wp-block-button__link.wp-element-button[aria-disabled=true] {
  background-color: var(--color-gray-disabled);
  color: var(--color-white);
  border-color: var(--color-gray-disabled);
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-filled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  border: 1.5px solid transparent;
  background: linear-gradient(var(--color-base), var(--color-base)) padding-box, var(--wp--preset--gradient--button-gradient) border-box;
  color: var(--color-dark-navy);
  font-family: var(--wp--preset--font-family--orbitron, "Orbitron");
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: visible;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.btn-filled:hover {
  outline: none;
  box-shadow: 0 0 18px rgba(41, 129, 228, 0.55), 0 0 40px rgba(41, 129, 228, 0.28), 0 0 80px rgba(41, 129, 228, 0.1);
}
.btn-filled:hover {
  outline: none;
  box-shadow: 0 0 18px rgba(41, 129, 228, 0.55), 0 0 40px rgba(41, 129, 228, 0.28), 0 0 80px rgba(41, 129, 228, 0.1);
}

.wp-block-buttons {
  gap: 0.75rem;
}

.wp-block-heading + .wp-block-buttons {
  margin-top: 1rem;
}

.wp-block-button.has-arrow .wp-element-button,
.wp-block-button.has-arrow .wp-block-button__link.wp-element-button {
  gap: 0.5rem;
}
.wp-block-button.has-arrow .wp-element-button::before,
.wp-block-button.has-arrow .wp-block-button__link.wp-element-button::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background-color: currentColor;
  mask-image: url("../icons/arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-image: url("../icons/arrow.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}

.wp-block-button.is-style-filled .wp-element-button,
.wp-block-button.is-style-filled .wp-block-button__link.wp-element-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  border: 1.5px solid transparent;
  background: linear-gradient(var(--color-base), var(--color-base)) padding-box, var(--wp--preset--gradient--button-gradient) border-box;
  color: var(--color-dark-navy);
  font-family: var(--wp--preset--font-family--orbitron, "Orbitron");
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: visible;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.wp-block-button.is-style-filled .wp-element-button:hover,
.wp-block-button.is-style-filled .wp-block-button__link.wp-element-button:hover {
  outline: none;
  box-shadow: 0 0 18px rgba(41, 129, 228, 0.55), 0 0 40px rgba(41, 129, 228, 0.28), 0 0 80px rgba(41, 129, 228, 0.1);
}
.wp-block-button.is-style-filled .wp-element-button,
.wp-block-button.is-style-filled .wp-block-button__link.wp-element-button {
  padding: 0.5rem 1.5rem !important;
  border-radius: 0.5rem !important;
  overflow: visible !important;
}

.wp-block-button.is-style-glass-blue .wp-element-button,
.wp-block-button.is-style-glass-blue .wp-block-button__link.wp-element-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  text-shadow: 0 0 12px #0e2739;
  background: rgba(250, 247, 240, 0.13);
  backdrop-filter: blur(9.75px);
  font-family: var(--wp--preset--font-family--orbitron, "Orbitron");
  font-weight: 600;
  font-size: 1.125rem;
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.wp-block-button.is-style-glass-blue .wp-element-button::before,
.wp-block-button.is-style-glass-blue .wp-block-button__link.wp-element-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  border: 0.75px solid rgba(255, 255, 255, 0.97);
  pointer-events: none;
}
.wp-block-button.is-style-glass-blue .wp-element-button::after,
.wp-block-button.is-style-glass-blue .wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  filter: blur(1px);
  pointer-events: none;
  transition: box-shadow 0.3s ease;
  border-color: var(--color-blue);
}
.wp-block-button.is-style-glass-blue:hover .wp-element-button,
.wp-block-button.is-style-glass-blue:hover .wp-block-button__link.wp-element-button {
  outline: none;
  box-shadow: 0 0 18px rgba(41, 129, 228, 0.55), 0 0 40px rgba(41, 129, 228, 0.28), 0 0 80px rgba(41, 129, 228, 0.1);
}

.wp-block-button.is-style-glass-blue.has-arrow .wp-element-button::before,
.wp-block-button.is-style-glass-blue.has-arrow .wp-block-button__link.wp-element-button::before,
.wp-block-button.is-style-glass-green.has-arrow .wp-element-button::before,
.wp-block-button.is-style-glass-green.has-arrow .wp-block-button__link.wp-element-button::before {
  position: relative; /* to adjust for arrow icon */
}

.wp-block-button.is-style-glass-green .wp-element-button,
.wp-block-button.is-style-glass-green .wp-block-button__link.wp-element-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0.5rem;
  color: #fff;
  text-shadow: 0 0 12px #0e2739;
  background: rgba(250, 247, 240, 0.13);
  backdrop-filter: blur(9.75px);
  font-family: var(--wp--preset--font-family--orbitron, "Orbitron");
  font-weight: 600;
  font-size: 1.125rem;
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.wp-block-button.is-style-glass-green .wp-element-button::before,
.wp-block-button.is-style-glass-green .wp-block-button__link.wp-element-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  border: 0.75px solid rgba(255, 255, 255, 0.97);
  pointer-events: none;
}
.wp-block-button.is-style-glass-green .wp-element-button::after,
.wp-block-button.is-style-glass-green .wp-block-button__link.wp-element-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  filter: blur(1px);
  pointer-events: none;
  transition: box-shadow 0.3s ease;
  border-color: #64d025;
}
.wp-block-button.is-style-glass-green:hover .wp-element-button,
.wp-block-button.is-style-glass-green:hover .wp-block-button__link.wp-element-button {
  outline: none;
  box-shadow: 0 0 18px rgba(100, 208, 37, 0.75), 0 0 40px rgba(100, 208, 37, 0.4), 0 0 80px rgba(100, 208, 37, 0.18), inset 0 0 18px rgba(100, 208, 37, 0.12);
}

@media all and (max-width: 768px) {
  .wp-block-button {
    width: 100%;
  }
}
.wp-block-cover .wp-block-cover__inner-container {
  width: calc(100% - var(--mobilepadding) * 2);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  max-width: var(--content_wideSize);
  max-width: var(--content_wideSize);
}
@media all and (min-width: 768px) and (max-width: 1320px) {
  .wp-block-cover .wp-block-cover__inner-container {
    max-width: 80%;
  }
}
.wp-block-cover .wp-block-cover__inner-container {
  padding-top: var(--contentstart-after-header);
  padding-bottom: 3rem;
  top: 0;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-heading:first-child {
  margin-top: 0;
}
.wp-block-cover .wp-block-cover__inner-container h1.wp-block-heading {
  color: #fff;
  text-transform: uppercase;
  font-size: 6rem;
}
.wp-block-cover .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container .wp-block-heading,
.wp-block-cover .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container p,
.wp-block-cover .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container span,
.wp-block-cover .wp-block-cover__background.has-black-background-color + .wp-block-cover__inner-container a,
.wp-block-cover .wp-block-cover__background.has-violet-background-color + .wp-block-cover__inner-container .wp-block-heading,
.wp-block-cover .wp-block-cover__background.has-violet-background-color + .wp-block-cover__inner-container p,
.wp-block-cover .wp-block-cover__background.has-violet-background-color + .wp-block-cover__inner-container span,
.wp-block-cover .wp-block-cover__background.has-violet-background-color + .wp-block-cover__inner-container a {
  color: #fff;
}

.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
  position: relative;
}

/* all mediabreaks */
.wp-block-media-text .wp-block-media-text__content {
  max-width: 450px;
  padding: 2rem 4rem;
}
.wp-block-media-text .wp-block-media-text__content .wp-block-heading {
  margin-bottom: 3rem;
}
.wp-block-media-text .wp-block-media-text__content p:last-child {
  margin-bottom: 0;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  border-radius: var(--br-10) 0 0 var(--br-10);
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img {
  border-radius: var(--br-10) 0 0 var(--br-10);
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  margin-left: auto;
}

@media all and (max-width: 768px) {
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    margin-right: var(--mobilepadding);
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
    margin-right: 0;
    margin-left: var(--mobilepadding);
  }
}
header {
  position: absolute;
  width: 100%;
  height: var(--header_height_mobile);
  max-height: var(--header_height_mobile);
  background-color: transparent;
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: 600;
  font-size: var(--wp--preset--font-size--s);
  margin: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: border-box;
  z-index: 100000;
}
header .wp-block-columns.header__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap !important;
  align-items: center;
  margin: 2rem var(--header_margin);
  max-width: 1048px;
  gap: unset;
  box-sizing: border-box;
}
header .wp-block-columns.header__inner .wp-block-column.header__logo {
  flex-grow: unset;
  flex-basis: var(--header_logo_size) !important;
  z-index: 999999;
}
header .wp-block-columns.header__inner .wp-block-column.header__logo img {
  width: calc(var(--header_logo_size) - 20px);
  height: auto;
}

@media all and (min-width: 1098px) {
  header .wp-block-columns.header__inner {
    margin-left: auto;
    margin-right: auto;
  }
}
ul.wp-block-navigation__container.wp-block-navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2rem;
}
ul.wp-block-navigation__container.wp-block-navigation a,
ul.wp-block-navigation__container.wp-block-navigation a:visited,
ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__label {
  text-decoration: none;
  color: var(--color-black);
}
ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content {
  position: relative;
}
ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 0.5rem 1.5rem;
  border-radius: var(--br-5);
}
ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__label {
  color: var(--color-white);
}

header ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label {
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--s);
  color: #fff;
}

footer ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__content .wp-block-navigation-item__label {
  color: var(--color-dark-navy);
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: 700;
  line-height: 1.3;
  font-size: var(--wp--preset--font-size--s);
  white-space: pre;
}

/* mobile styles */
@media all and (max-width: 768px) {
  #mainnav {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    transform: translateX(100vw);
    position: absolute;
    top: 0;
    left: 0;
  }
  .header__menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .header__menu-toggle {
    margin-top: -3px;
    white-space: pre;
  }
  .header__menu-toggle button {
    background-color: transparent;
    color: var(--color-black);
    border: 0;
    outline: 0;
    box-shadow: none;
    font-family: var(--wp--preset--font-family--exo-2);
    font-weight: 600;
    font-size: var(--wp--preset--font-size--m);
    border-radius: 5px;
  }
  .header__menu-toggle button:focus {
    outline: none;
    box-shadow: 0 0 0 3px var(--color-ice-blue);
  }
  .header__menu-toggle .header__menu-toggle--open {
    display: inline-block;
  }
  .header__menu-toggle .header__menu-toggle--close {
    display: none;
  }
  ul.wp-block-navigation__container.wp-block-navigation {
    flex-direction: column;
    width: 100%;
  }
  ul.wp-block-navigation__container.wp-block-navigation.menu__main {
    margin-bottom: 2rem;
  }
  ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
    background-color: var(--color-white);
    color: var(--color-black);
  }
  ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__label {
    color: var(--color-black);
  }
  /* open mobile menu */
  header.menu--open #mainnav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--color-black);
    height: calc(100vh - var(--contentstart-after-header));
    height: calc(100dvh - var(--contentstart-after-header));
    max-height: calc(100vh - var(--contentstart-after-header));
    max-height: calc(100dvh - var(--contentstart-after-header));
    overflow: scroll;
    padding-top: var(--contentstart-after-header);
    animation: overlay-menu-slide-in-right 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    animation-fill-mode: forwards;
    z-index: -1;
  }
  header.menu--open ul.wp-block-navigation__container.wp-block-navigation a,
  header.menu--open ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item__label {
    color: var(--color-white);
  }
  header.menu--open ul.wp-block-navigation__container.wp-block-navigation .current-menu-item .wp-block-navigation-item__label {
    color: var(--color-black);
  }
  header.menu--open .header__menu-toggle--open {
    display: none;
  }
  header.menu--open .header__menu-toggle--close {
    display: inline-block;
  }
  header.feedfilter--open .header__menu-toggle--open {
    display: none;
  }
  header.feedfilter--open .header__menu-toggle--close {
    display: inline-block;
  }
}
@media all and (max-width: 768px) and (min-width: 768px) {
  .header__menu {
    display: flex;
    align-items: center;
    margin-right: var(--header_logo_size) !important;
  }
  #mainnav {
    display: flex;
    justify-content: center;
    flex-grow: 1;
  }
  .header__menu-toggle {
    display: none;
  }
}
@media all and (max-width: 768px) {
  @keyframes overlay-menu-slide-in-right {
    from {
      transform: translateX(100%);
      opacity: 1;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
}
.trp-shortcode-switcher__wrapper {
  margin-top: 4px;
}
.trp-shortcode-switcher__wrapper p {
  margin: 0;
}
.trp-shortcode-switcher__wrapper .trp-current-language-item__wrapper:not(.trp-hide-arrow) {
  padding-right: 0;
}
.trp-shortcode-switcher__wrapper .trp-shortcode-switcher {
  padding: 0;
  background-color: transparent;
}
.trp-shortcode-switcher__wrapper .trp-shortcode-switcher .trp-language-item {
  padding: 0;
}
.trp-shortcode-switcher__wrapper .trp-shortcode-switcher .trp-language-item .trp-language-item-name {
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--s);
  color: #fff;
}
.trp-shortcode-switcher__wrapper .trp-shortcode-switcher .trp-shortcode-arrow {
  margin-top: 4px;
}
.trp-shortcode-switcher__wrapper .trp-shortcode-switcher .trp-shortcode-arrow path {
  stroke: #fff;
}

footer {
  margin-top: auto;
  background-color: var(--color-base);
}
footer .footer__inner {
  max-width: 1048px;
  margin: var(--header_margin);
  margin-top: 2rem;
  box-sizing: border-box;
}
footer .footer__inner nav#footernav {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
footer .footer__inner nav#footernav ul.wp-block-navigation__container.wp-block-navigation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
footer .footer__inner nav#footernav ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item {
  display: flex;
  line-height: 1;
}
footer .footer__inner nav#footernav ul.wp-block-navigation__container.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  background-color: transparent;
}
footer .footer__inner .footer__logo--wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2.5rem var(--mobilepadding);
}
footer .footer__inner .footer__logo--wrapper .wp-block-image img {
  width: 160px;
  margin-bottom: 1rem;
}
footer .footer__inner .footer__logo--wrapper .footer-copyright {
  color: var(--color-dark-navy);
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: 700;
  line-height: 1.3;
  font-size: var(--wp--preset--font-size--s);
  white-space: pre;
  font-weight: 400;
}

/* mobile styles */
@media all and (min-width: 1098px) {
  footer .footer__inner {
    margin-left: auto;
    margin-right: auto;
  }
}
/**** SWiPER ****/
.swiper {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100vw;
}
.swiper .swiper-slide {
  width: 200px;
  min-width: 200px;
  max-width: unset;
  margin: 0 var(--mobilepadding) 0 0;
  box-sizing: border-box;
  height: auto;
}
.swiper .swiper-slide:last-child {
  margin-right: 0;
}

/* ARROWS */
.swiper-arrow {
  width: var(--sliderarrow__size);
  height: var(--sliderarrow__size);
  background-color: var(--color-base);
  background-repeat: no-repeat;
  border: 2px solid #04243c;
  border-radius: 0;
  cursor: pointer;
  z-index: 10000;
  position: absolute;
  top: var(--sliderarrow_top_offset);
  transform: translateY(-50%);
}
.swiper-arrow:before {
  display: none;
}
.swiper-arrow svg {
  display: none;
}
.swiper-arrow.swiper-button-disabled, .swiper-arrow:disabled[true] {
  display: none;
}
.swiper-arrow.swiper-button-prev {
  left: var(--sliderarrow_sides_offset);
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTg0MzggMTguMDMxMkwxLjQ5OTA5IDkuNTQ1OTdMOS45ODQzOCAxLjA2MDY5IiBzdHJva2U9IiMwNDI0M0MiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8bGluZSB5MT0iLTEuNSIgeDI9IjE2IiB5Mj0iLTEuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAtOC40MjkzN2UtMDggLTguNDI5MzdlLTA4IC0xIDIuNzYxNzIgOC44Mzg4NykiIHN0cm9rZT0iIzA0MjQzQyIgc3Ryb2tlLXdpZHRoPSIzIi8+Cjwvc3ZnPgo=);
  border-bottom-left-radius: 12px;
}
.swiper-arrow.swiper-button-next {
  right: var(--sliderarrow_sides_offset);
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzc3MzQgMTguMDMxMkwxNy4yNjI2IDkuNTQ1OTdMOC43NzczNCAxLjA2MDY5IiBzdHJva2U9IiMwNDI0M0MiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8bGluZSB4MT0iMTYiIHkxPSIxMC4zMzg5IiB4Mj0iLTEuMjY0NDFlLTA3IiB5Mj0iMTAuMzM4OSIgc3Ryb2tlPSIjMDQyNDNDIiBzdHJva2Utd2lkdGg9IjMiLz4KPC9zdmc+Cg==);
  border-top-right-radius: 12px;
}
.swiper-arrow:focus-visible {
  outline: none;
  box-shadow: 0 0 0 5px var(--color-ice-blue);
}

@media all and (min-width: 896px) {
  .swiper .swiper-slide {
    width: 320px;
    min-width: 320px;
  }
  .swiper-arrow.swiper-button-prev {
    left: calc((100vw - var(--content_normalSize)) / 2);
  }
  .swiper-arrow.swiper-button-next {
    right: calc((100vw - var(--content_normalSize)) / 2);
  }
}
@media all and (min-width: 1098px) {
  .swiper-arrow.swiper-button-prev {
    left: calc((100vw - var(--content_wideSize)) / 2);
  }
  .swiper-arrow.swiper-button-next {
    right: calc((100vw - var(--content_wideSize)) / 2);
  }
}
form {
  width: 100%;
}
form .wpcf7-form-control-wrap {
  display: inline-block;
  width: 100%;
}
form br {
  display: none;
}
form p {
  margin: 0 !important;
}
form input,
form textarea {
  width: 100%;
  border: none;
  background: var(--color-base);
  color: var(--color-dark-navy);
  font-size: var(--wp--preset--font-size--s);
  font-family: var(--wp--preset--font-family--roboto);
  padding: 1rem;
  box-sizing: border-box;
}
form input::placeholder,
form textarea::placeholder {
  color: var(--color-dark-navy);
  opacity: 1;
}
form input:focus,
form textarea:focus {
  outline: none;
}
form textarea {
  resize: vertical;
}
form .contactform__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--input-margin_bottom);
  align-items: stretch;
}
form .contactform__right {
  display: flex;
  flex-direction: column;
}
form .contactform__right .wpcf7-not-valid-tip {
  top: calc(100% + 2px);
}
form .contactform__right .contactform__field {
  margin-bottom: var(--input-margin_bottom);
}
form .contactform__right .contactform__field:last-child {
  margin-bottom: 0;
}
form .contactform__field {
  position: relative;
}
form .contactform__field input {
  height: 100%;
  min-height: 55px;
}
form .contactform__checkbox > span {
  display: flex;
  margin: 1.5rem 0 1rem 0;
  color: #fff;
  align-items: center;
}
form .contactform__checkbox > span input {
  min-height: 24px;
  min-width: 24px;
  width: 24px !important;
  height: 24px;
  padding: 0;
  margin: 0;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
}
form .contactform__checkbox > span input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDYwNTUgNS43MDMxMkw2LjU3NDY0IDExLjIxNzJMMTYuNzMxNCAxLjA2MDQ4IiBzdHJva2U9IiMwNDI0M0MiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}
form .contactform__checkbox > span span {
  padding-left: 1rem;
}
form .contactform__checkbox + .wpcf7-not-valid-tip {
  top: calc(100% - 7px);
}
form .wp-block-buttons {
  margin-top: 2rem;
}
form {
  /* error msg */
}
form .wpcf7-not-valid-tip {
  color: var(--color-error-red);
  position: absolute;
  font-size: var(--wp--preset--font-size--s);
}
form.invalid .wpcf7-response-output,
form .wpcf7 form.unaccepted .wpcf7-response-output,
form .wpcf7 form.payment-required .wpcf7-response-output {
  margin-left: 0;
  margin-top: 1rem;
  padding: 1rem;
  border: 0;
  border-radius: 8px;
  background-color: var(--color-error-red);
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 32px) !important;
  color: white;
}
form {
  /* success msg */
}
form:not(.invalid) .wpcf7-response-output {
  margin-left: 0;
  margin-top: 3rem;
  padding: 1rem;
  border: 0;
  border-radius: var(--br-8);
  background-color: var(--color-success-green);
  width: calc(100% - 24px) !important;
  max-width: 504px;
  color: white;
}
@media (max-width: 900px) {
  form .contactform__grid {
    grid-template-columns: 1fr;
  }
}

body,
:root :where(body),
.wp-site-blocks {
  font-family: var(--wp--preset--font-family--roboto);
  font-size: var(--wp--preset--font-size--s);
  background-color: var(--color-base);
  width: 100%;
  max-width: 100vw;
  height: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  line-height: normal;
}

.wp-site-blocks {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  max-width: 100vw;
  background-color: transparent;
}

/* PAGE LAYOUT */
main {
  flex: 1;
  width: 100%;
  max-width: 100%;
}

.entry-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

:where(body .is-layout-flow) > *,
:where(.wp-site-blocks) > *,
:where(body .is-layout-constrained) > *,
.is-layout-constrained > *,
.is-layout-flow > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.mobile--hidden {
  display: none;
}

.desktop--hidden {
  display: inline-block;
}

/*# sourceMappingURL=main.css.map */