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

* {
  margin: 0;
  padding: 0;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeSpeed;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

:where(img, picture, video, canvas, svg):not([class]):empty {
  display: block;
  max-width: 100%;
}

:where(p, h1, h2, h3, h4, h5, h6, a) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3, h4, h5, h6) a {
  color: inherit;
}

:where(ul, ol) {
  padding: 0;
  list-style: none;
}

ul[class^=c-] {
  list-style-type: none;
}

button {
  all: unset;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

address {
  font-style: normal;
}

article {
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@font-face {
  font-family: "Matter";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../../assets/fonts/Matter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Matter";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../../assets/fonts/Matter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Sohne Breit";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../../assets/fonts/Soehne-Breit-Halbfett.woff2") format("woff2");
}
@font-face {
  font-family: "Sohne Breit";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../../assets/fonts/Soehne-Breit-Kraftig.woff2") format("woff2");
}
body {
  font-family: "Matter", Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: #242424;
  font-size: clamp(0.9375rem, 0.181818vw + 0.835227rem, 1.0625rem);
}

h1 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.5rem, 2.181818vw + 0.272727rem, 3rem);
  color: #001166;
}

.c-h1 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.5rem, 2.181818vw + 0.272727rem, 3rem);
  color: #001166;
}

h2 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.375rem, 1.636364vw + 0.454545rem, 2.5rem);
  color: #001166;
}

.c-h2 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.375rem, 1.636364vw + 0.454545rem, 2.5rem);
  color: #001166;
}

h3 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  color: #001166;
}

.c-h3 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  color: #001166;
}

h4 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.25rem, 0.363636vw + 1.045455rem, 1.5rem);
  color: #001166;
}

.c-h4 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.25rem, 0.363636vw + 1.045455rem, 1.5rem);
  color: #001166;
}

h5 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1rem, 0.545455vw + 0.693182rem, 1.375rem);
  color: #001166;
}

.c-h5 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1rem, 0.545455vw + 0.693182rem, 1.375rem);
  color: #001166;
}

h6 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  color: #001166;
}

.c-h6 {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  color: #001166;
}

.c-txs {
  font-family: "Matter", Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: #242424;
  font-size: clamp(0.8125rem, 0.181818vw + 0.710227rem, 0.9375rem);
}

.c-ts {
  font-family: "Matter", Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: #242424;
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
}

.c-tm {
  font-family: "Matter", Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: #242424;
  font-size: clamp(0.9375rem, 0.181818vw + 0.835227rem, 1.0625rem);
}

.c-tl {
  font-family: "Matter", Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.8;
  color: #242424;
  font-size: clamp(0.9375rem, 0.272727vw + 0.784091rem, 1.125rem);
}

.c-content {
  max-width: 70ch;
}
.c-content :where(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0.2em;
}
.c-content :where(strong) {
  font-weight: 600;
}
.c-content :where(p, ul):not(:last-child, :has(+ ul)) {
  margin-bottom: 1.6em;
}
.l-main {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.l-section {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-inline: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
  padding-block: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.l-container {
  width: min(100%, 100rem);
  z-index: 10;
}
.l-container:is(.-wide) {
  width: min(100%, 115rem);
}
.l-container:is(.-fluid) {
  width: 100%;
}

.l-grid {
  display: grid;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}
@media (max-width: 37.49375em) {
  .l-grid {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 37.5em) {
  .l-grid {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 75em) {
  .l-grid {
    grid-template-columns: repeat(12, 1fr);
  }
}
.l-grid:is(.-g0) {
  gap: 0;
}
.l-grid:is(.-row) {
  row-gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}
.l-grid:is(.-end) {
  align-items: end;
}
.l-grid:is(.-center) {
  align-items: center;
}
.l-grid:has(.l-cell:is(.-sticky)) {
  align-items: start;
}

.l-cell {
  grid-column-end: span 8;
}
.l-cell:is(.-m1) {
  grid-column-end: span 1;
}
.l-cell:is(.-m2) {
  grid-column-end: span 2;
}
.l-cell:is(.-m3) {
  grid-column-end: span 3;
}
.l-cell:is(.-m4) {
  grid-column-end: span 4;
}
.l-cell:is(.-m5) {
  grid-column-end: span 5;
}
.l-cell:is(.-m6) {
  grid-column-end: span 6;
}
.l-cell:is(.-m7) {
  grid-column-end: span 7;
}
@media (min-width: 37.5em) {
  .l-cell:is(.-center):is(.-t6) {
    grid-column-start: 4;
  }
  .l-cell:is(.-center):is(.-t8) {
    grid-column-start: 3;
  }
  .l-cell:is(.-center):is(.-t10) {
    grid-column-start: 2;
  }
}
@media (min-width: 75em) {
  .l-cell:is(.-center):is(.-d6) {
    grid-column-start: 4;
  }
  .l-cell:is(.-center):is(.-d8) {
    grid-column-start: 3;
  }
  .l-cell:is(.-center):is(.-d10) {
    grid-column-start: 2;
  }
}
@media (min-width: 37.5em) {
  .l-cell {
    grid-column-end: span 12;
  }
  .l-cell:is(.-t1) {
    grid-column-end: span 1;
  }
  .l-cell:is(.-t2) {
    grid-column-end: span 2;
  }
  .l-cell:is(.-t3) {
    grid-column-end: span 3;
  }
  .l-cell:is(.-t4) {
    grid-column-end: span 4;
  }
  .l-cell:is(.-t5) {
    grid-column-end: span 5;
  }
  .l-cell:is(.-t6) {
    grid-column-end: span 6;
  }
  .l-cell:is(.-t7) {
    grid-column-end: span 7;
  }
  .l-cell:is(.-t8) {
    grid-column-end: span 8;
  }
  .l-cell:is(.-t9) {
    grid-column-end: span 9;
  }
  .l-cell:is(.-t10) {
    grid-column-end: span 10;
  }
  .l-cell:is(.-t11) {
    grid-column-end: span 11;
  }
  .l-cell:is(.-t_cs2) {
    grid-column-start: 2;
  }
  .l-cell:is(.-t_cs3) {
    grid-column-start: 3;
  }
  .l-cell:is(.-t_cs4) {
    grid-column-start: 4;
  }
  .l-cell:is(.-t_cs5) {
    grid-column-start: 5;
  }
  .l-cell:is(.-t_cs6) {
    grid-column-start: 6;
  }
  .l-cell:is(.-t_cs7) {
    grid-column-start: 7;
  }
  .l-cell:is(.-t_cs8) {
    grid-column-start: 8;
  }
  .l-cell:is(.-t_cs9) {
    grid-column-start: 9;
  }
  .l-cell:is(.-t_cs10) {
    grid-column-start: 10;
  }
}
@media (min-width: 37.5em) and (max-width: 56.24375em) {
  .l-cell:is(.-to1) {
    grid-column-end: span 1;
  }
  .l-cell:is(.-to2) {
    grid-column-end: span 2;
  }
  .l-cell:is(.-to3) {
    grid-column-end: span 3;
  }
  .l-cell:is(.-to4) {
    grid-column-end: span 4;
  }
  .l-cell:is(.-to5) {
    grid-column-end: span 5;
  }
  .l-cell:is(.-to6) {
    grid-column-end: span 6;
  }
  .l-cell:is(.-to7) {
    grid-column-end: span 7;
  }
  .l-cell:is(.-to8) {
    grid-column-end: span 8;
  }
  .l-cell:is(.-to9) {
    grid-column-end: span 9;
  }
  .l-cell:is(.-to10) {
    grid-column-end: span 10;
  }
  .l-cell:is(.-to11) {
    grid-column-end: span 11;
  }
  .l-cell:is(.-to_cs2) {
    grid-column-start: 2;
  }
  .l-cell:is(.-to_cs3) {
    grid-column-start: 3;
  }
  .l-cell:is(.-to_cs4) {
    grid-column-start: 4;
  }
  .l-cell:is(.-to_cs5) {
    grid-column-start: 5;
  }
  .l-cell:is(.-to_cs6) {
    grid-column-start: 6;
  }
  .l-cell:is(.-to_cs7) {
    grid-column-start: 7;
  }
  .l-cell:is(.-to_cs8) {
    grid-column-start: 8;
  }
  .l-cell:is(.-to_cs9) {
    grid-column-start: 9;
  }
  .l-cell:is(.-to_cs10) {
    grid-column-start: 10;
  }
  .l-cell:is(.-to_center):is(.-t6) {
    grid-column-start: 4;
  }
  .l-cell:is(.-to_center):is(.-t8) {
    grid-column-start: 3;
  }
  .l-cell:is(.-to_center):is(.-t10) {
    grid-column-start: 2;
  }
}
@media (min-width: 75em) {
  .l-cell {
    grid-column-end: span 12;
  }
  .l-cell:is(.-d1) {
    grid-column-end: span 1;
  }
  .l-cell:is(.-d2) {
    grid-column-end: span 2;
  }
  .l-cell:is(.-d3) {
    grid-column-end: span 3;
  }
  .l-cell:is(.-d4) {
    grid-column-end: span 4;
  }
  .l-cell:is(.-d5) {
    grid-column-end: span 5;
  }
  .l-cell:is(.-d6) {
    grid-column-end: span 6;
  }
  .l-cell:is(.-d7) {
    grid-column-end: span 7;
  }
  .l-cell:is(.-d8) {
    grid-column-end: span 8;
  }
  .l-cell:is(.-d9) {
    grid-column-end: span 9;
  }
  .l-cell:is(.-d10) {
    grid-column-end: span 10;
  }
  .l-cell:is(.-d11) {
    grid-column-end: span 11;
  }
  .l-cell:is(.-d12) {
    grid-column-end: span 12;
  }
  .l-cell:is(.-d_cs1) {
    grid-column-start: 1;
  }
  .l-cell:is(.-d_cs2) {
    grid-column-start: 2;
  }
  .l-cell:is(.-d_cs3) {
    grid-column-start: 3;
  }
  .l-cell:is(.-d_cs4) {
    grid-column-start: 4;
  }
  .l-cell:is(.-d_cs5) {
    grid-column-start: 5;
  }
  .l-cell:is(.-d_cs6) {
    grid-column-start: 6;
  }
  .l-cell:is(.-d_cs7) {
    grid-column-start: 7;
  }
  .l-cell:is(.-d_cs8) {
    grid-column-start: 8;
  }
  .l-cell:is(.-d_cs9) {
    grid-column-start: 9;
  }
  .l-cell:is(.-d_cs10) {
    grid-column-start: 10;
  }
  .l-cell:is(.-d_cs11) {
    grid-column-start: 11;
  }
  .l-cell:is(.-d_cs12) {
    grid-column-start: 12;
  }
}

.c-header {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 1000;
}
.c-header__top, .c-header__main {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
  width: 100%;
}
.c-header__main {
  height: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}
.c-header__container {
  width: min(100%, 100rem);
  z-index: 10;
}
.c-header__container:is(.-wide) {
  width: min(100%, 115rem);
}
.c-header__container:is(.-fluid) {
  width: 100%;
}
.c-header :where(.c-top-menu, .c-main-menu) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.c-header .c-top-menu__link,
.c-header .c-main-menu__link,
.c-header .c-sub-menu__link {
  display: flex;
  align-items: center;
  padding-block: clamp(0.125rem, 0.181818vw + 0.022727rem, 0.25rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
  line-height: 1;
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
}
.c-header .c-top-menu__link svg,
.c-header .c-main-menu__link svg,
.c-header .c-sub-menu__link svg {
  height: 1rem;
  width: auto;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-header .c-top-menu__link__icon,
.c-header .c-main-menu__link__icon,
.c-header .c-sub-menu__link__icon {
  display: flex;
}
.c-header .c-sub-menu__parent .c-main-menu__link {
  display: flex;
  align-items: center;
}
.c-header .c-sub-menu__wrapper {
  position: absolute;
  z-index: 100;
}
.c-header .c-sub-menu__item {
  white-space: nowrap;
}

:where(.c-logo__link, .c-footer-logo__link) {
  display: flex;
}

.c-top-menu__item,
.c-main-menu__item,
.c-sub-menu__item {
  position: relative;
}
.c-top-menu__link:is(span),
.c-main-menu__link:is(span),
.c-sub-menu__link:is(span) {
  cursor: pointer;
}
.c-top-menu__link-icon,
.c-main-menu__link-icon,
.c-sub-menu__link-icon {
  display: flex;
}

.c-mobile-nav__wrapper {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  padding-inline: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
  overflow-y: scroll;
  z-index: 900;
}

@media (min-width: 75em) {
  :where(.c-hamburger,
  .c-header-group__item:has(.c-hamburger),
  .c-mobile-nav__wrapper) {
    display: none !important;
  }
}
@media (max-width: 74.99375em) {
  .c-main-nav {
    display: none !important;
  }
}
.c-mobile-sub__parent .c-mobile-menu__link {
  display: flex;
}

.c-hamburger__icon {
  position: relative;
}
.c-hamburger__bar {
  position: absolute;
}

.c-footer__main, .c-footer__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}
.c-footer__container {
  width: min(100%, 100rem);
  z-index: 10;
}
.c-footer__container:is(.-wide) {
  width: min(100%, 115rem);
}
.c-footer__container:is(.-fluid) {
  width: 100%;
}
.c-footer .c-footer-menu {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  column-gap: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  row-gap: clamp(0.5rem, 0.727273vw + 0.090909rem, 1rem);
}
.c-footer .c-footer-menu__item {
  display: flex;
}
.c-footer .c-bottom-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.c-footer .c-footer-menu__link,
.c-footer .c-bottom-menu__link {
  display: flex;
  align-items: center;
  padding-block: clamp(0.125rem, 0.181818vw + 0.022727rem, 0.25rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
  line-height: 1;
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
}
.c-footer .c-footer-menu__link svg,
.c-footer .c-bottom-menu__link svg {
  height: 1rem;
  width: auto;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-footer .c-footer-menu__link__icon,
.c-footer .c-bottom-menu__link__icon {
  display: flex;
}

.c-colophon {
  display: flex;
  align-items: center;
  line-height: 1;
}
.c-colophon__link {
  padding-block: clamp(0.125rem, 0.181818vw + 0.022727rem, 0.25rem);
}

figure:has(img) {
  position: relative;
  width: 100%;
  overflow: hidden;
}
figure:has(img) picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
}
.c-group:is(.-center) {
  justify-content: center;
}
.c-group:is(.-vertical) {
  flex-direction: column;
  align-items: flex-start;
}
.c-group:is(.-vertical-center) {
  align-items: center;
  flex-direction: column;
}

.c-list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  column-gap: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  row-gap: clamp(0.5rem, 0.727273vw + 0.090909rem, 1rem);
}
.c-list__item {
  display: flex;
}
.c-list:is(.-center) {
  align-items: center;
}
.c-list:is(.-horizontal) {
  flex-direction: row;
  align-items: center;
}
.c-list:is(.-center) {
  align-items: center;
}

.c-link {
  display: flex;
  align-items: center;
  padding-block: clamp(0.125rem, 0.181818vw + 0.022727rem, 0.25rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
  line-height: 1;
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
}
.c-link svg {
  height: 1rem;
  width: auto;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-link__icon {
  display: flex;
}

.c-button {
  display: inline-flex;
  align-items: center;
  height: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
  padding-inline: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  line-height: 1;
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
}
.c-button svg {
  height: 1rem;
  width: auto;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-button__icon {
  display: flex;
}

.c-usp {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
}
.c-usp svg {
  height: 1rem;
  width: auto;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-usp__icon {
  display: flex;
}
.c-usp svg {
  fill: #242424;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.screen-reader-text {
  display: none;
}

.gform_required_legend {
  display: none;
}

.gform_validation_container {
  display: none !important;
  position: absolute !important;
  left: -9000px;
}

.c-form__field:is(.c-form__consent, .c-form__captcha):not(.c-form__custom) .gfield_label {
  display: none !important;
}

.c-form {
  position: relative;
}
.c-form .gform_fields {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
  gap: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}
.c-form .ginput_container {
  display: flex;
}

.c-form__field {
  display: flex;
  position: relative;
  width: 100%;
  border: none;
  grid-column-end: span 8;
}
.c-form__field:is(.-m1) {
  grid-column-end: span 1;
}
.c-form__field:is(.-m2) {
  grid-column-end: span 2;
}
.c-form__field:is(.-m3) {
  grid-column-end: span 3;
}
.c-form__field:is(.-m4) {
  grid-column-end: span 4;
}
.c-form__field:is(.-m5) {
  grid-column-end: span 5;
}
.c-form__field:is(.-m6) {
  grid-column-end: span 6;
}
.c-form__field:is(.-m7) {
  grid-column-end: span 7;
}
@media (max-width: 37.49375em) {
  .c-form__field:is(.-mo1) {
    grid-column-end: span 1;
  }
  .c-form__field:is(.-mo2) {
    grid-column-end: span 2;
  }
  .c-form__field:is(.-mo3) {
    grid-column-end: span 3;
  }
  .c-form__field:is(.-mo4) {
    grid-column-end: span 4;
  }
  .c-form__field:is(.-mo5) {
    grid-column-end: span 5;
  }
  .c-form__field:is(.-mo6) {
    grid-column-end: span 6;
  }
  .c-form__field:is(.-mo7) {
    grid-column-end: span 7;
  }
}
@media (min-width: 37.5em) {
  .c-form__field:is(.-t1) {
    grid-column-end: span 1;
  }
  .c-form__field:is(.-t2) {
    grid-column-end: span 2;
  }
  .c-form__field:is(.-t3) {
    grid-column-end: span 3;
  }
  .c-form__field:is(.-t4) {
    grid-column-end: span 4;
  }
  .c-form__field:is(.-t5) {
    grid-column-end: span 5;
  }
  .c-form__field:is(.-t6) {
    grid-column-end: span 6;
  }
  .c-form__field:is(.-t7) {
    grid-column-end: span 7;
  }
  .c-form__field:is(.-t8) {
    grid-column-end: span 8;
  }
}

.c-form__field .ginput_container {
  width: 100%;
}

.c-form__field .gfield_label {
  display: flex;
  line-height: 1;
  position: absolute;
  left: clamp(1rem, 0.181818vw + 0.897727rem, 1.125rem);
  top: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  transition-property: transform, top, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  transform-origin: top left;
  color: inherit;
}
:where(.c-footer) .c-form__field .gfield_label {
  color: #FFFFFF;
}
.c-form__field:is(.-hide-label) .gfield_label {
  display: none;
}

.c-form__field:is(.c-form__input) input, .c-form__field:is(.c-form__input) textarea {
  width: 100%;
  appearance: none;
  border: none;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  color: inherit;
  padding-top: clamp(1.375rem, 0.363636vw + 1.170455rem, 1.625rem);
  padding-bottom: 0.625rem;
  padding-inline: clamp(1rem, 0.181818vw + 0.897727rem, 1.125rem);
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  background: rgba(26, 26, 26, 0.031372549);
  border: 0.078125rem solid rgba(26, 26, 26, 0.0784313725);
}
.c-form__field:is(.c-form__input) input:is(input), .c-form__field:is(.c-form__input) textarea:is(input) {
  line-height: 1;
}
.c-form__field:is(.c-form__input) input:is(textarea), .c-form__field:is(.c-form__input) textarea:is(textarea) {
  resize: vertical;
  overflow: auto;
}
.c-form__field:is(.c-form__input) input::placeholder, .c-form__field:is(.c-form__input) textarea::placeholder {
  opacity: 1;
}
.c-form__field:is(.c-form__input) input:disabled, .c-form__field:is(.c-form__input) textarea:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-form__field:is(.c-form__input) input:focus, .c-form__field:is(.c-form__input) textarea:focus {
  outline: none;
}
.c-form__field:is(.c-form__input) input[readonly], .c-form__field:is(.c-form__input) textarea[readonly] {
  cursor: default;
}
:where(.c-footer) .c-form__field:is(.c-form__input) input, :where(.c-footer) .c-form__field:is(.c-form__input) textarea {
  background: rgba(255, 255, 255, 0.0509803922);
  border-color: rgba(255, 255, 255, 0.1019607843);
  color: #FFFFFF;
}
.c-form__field:is(.c-form__input) input:is(textarea), .c-form__field:is(.c-form__input) textarea:is(textarea) {
  max-height: clamp(10rem, 2.181818vw + 8.772727rem, 11.5rem);
}
.c-form__field:is(.c-form__input) input::placeholder, .c-form__field:is(.c-form__input) textarea::placeholder {
  opacity: 0;
}
.c-form__field:is(.c-form__input):has(input:focus, textarea:focus, input:not(:placeholder-shown), textarea:not(:placeholder-shown)) .gfield_label {
  top: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  transform: scale(0.7);
  opacity: 0.4;
}

.c-form__field:is(.c-form__number) input, .c-form__field:is(.c-form__number) textarea {
  width: 100%;
  appearance: none;
  border: none;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  color: inherit;
  padding-top: clamp(1.375rem, 0.363636vw + 1.170455rem, 1.625rem);
  padding-bottom: 0.625rem;
  padding-inline: clamp(1rem, 0.181818vw + 0.897727rem, 1.125rem);
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  background: rgba(26, 26, 26, 0.031372549);
  border: 0.078125rem solid rgba(26, 26, 26, 0.0784313725);
}
.c-form__field:is(.c-form__number) input:is(input), .c-form__field:is(.c-form__number) textarea:is(input) {
  line-height: 1;
}
.c-form__field:is(.c-form__number) input:is(textarea), .c-form__field:is(.c-form__number) textarea:is(textarea) {
  resize: vertical;
  overflow: auto;
}
.c-form__field:is(.c-form__number) input::placeholder, .c-form__field:is(.c-form__number) textarea::placeholder {
  opacity: 1;
}
.c-form__field:is(.c-form__number) input:disabled, .c-form__field:is(.c-form__number) textarea:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-form__field:is(.c-form__number) input:focus, .c-form__field:is(.c-form__number) textarea:focus {
  outline: none;
}
.c-form__field:is(.c-form__number) input[readonly], .c-form__field:is(.c-form__number) textarea[readonly] {
  cursor: default;
}
:where(.c-footer) .c-form__field:is(.c-form__number) input, :where(.c-footer) .c-form__field:is(.c-form__number) textarea {
  background: rgba(255, 255, 255, 0.0509803922);
  border-color: rgba(255, 255, 255, 0.1019607843);
  color: #FFFFFF;
}
.c-form__field:is(.c-form__number):has(input:focus, input:not(:placeholder-shown)) .gfield_label {
  top: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  transform: scale(0.7);
  opacity: 0.4;
}

.c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_radio, .c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_checkbox {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
}
.c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_radio .gchoice, .c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_checkbox .gchoice {
  display: inline-flex;
  align-items: center;
}
.c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_radio .gchoice input:is([type=radio], [type=checkbox]), .c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_checkbox .gchoice input:is([type=radio], [type=checkbox]) {
  display: none;
}
.c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_radio .gchoice input ~ label, .c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_checkbox .gchoice input ~ label {
  gap: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
}
.c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_radio .gchoice input ~ label::before, .c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_checkbox .gchoice input ~ label::before {
  content: "";
  display: flex;
  width: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  height: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  background: #f8f8f8;
}
.c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_radio .gchoice input ~ label::after, .c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_checkbox .gchoice input ~ label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(0.4375rem, 0.090909vw + 0.386364rem, 0.5rem);
  transform: translate(-50%, -50%);
  background: #1A1A1A;
}
.c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_radio .gchoice input:is([type=radio]), .c-form__field:is(.c-form__radio, .c-form__checkbox):not(.-custom) .gfield_checkbox .gchoice input:is([type=radio]) {
  border-radius: 100%;
}
.gform-button,
.gform_button {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
  padding-inline: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  line-height: 1;
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
  font-size: inherit;
}
.gform-button svg,
.gform_button svg {
  height: 1rem;
  width: auto;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.gform-button__icon,
.gform_button__icon {
  display: flex;
}

.c-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.c-header__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 74.99375em) {
  .c-header__main {
    padding-right: clamp(1.5rem, 8.727273vw + -3.409091rem, 7.5rem);
  }
}
:where(.logged-in) .c-header {
  top: 2rem;
}

.c-logo {
  height: clamp(1.125rem, 0.363636vw + 0.920455rem, 1.375rem);
}
.c-logo__link {
  transform: translate(0, -0.0625rem);
}

.c-main-nav,
.c-header-nav {
  position: relative;
  padding: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}

.c-main-nav {
  margin-right: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  margin-left: auto;
}

@media (min-width: 75em) {
  .c-header-nav {
    margin-right: -1.875rem;
  }
}

.c-main-menu__link,
.c-header-menu__link {
  height: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
  padding-inline: clamp(0.5625rem, 0.272727vw + 0.409091rem, 0.75rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
@media (max-width: 37.49375em) {
  .c-main-menu__link,
  .c-header-menu__link {
    width: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
    padding: 0;
    justify-content: center;
  }
}

.c-main-menu__link-count {
  font-size: clamp(0.8125rem, 0.181818vw + 0.710227rem, 0.9375rem);
  border-radius: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  padding: 0.25rem 0.375rem;
  border: 0.078125rem solid rgba(255, 255, 255, 0.1019607843);
  background: rgba(255, 255, 255, 0.0509803922);
}

.c-header-menu {
  display: flex;
  align-items: center;
}
.c-header-menu__link {
  display: flex;
  align-items: center;
  padding-block: clamp(0.125rem, 0.181818vw + 0.022727rem, 0.25rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
  line-height: 1;
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
}
.c-header-menu__link svg {
  height: 1rem;
  width: auto;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-header-menu__link__icon {
  display: flex;
}
.c-header-menu__link-icon {
  display: flex;
}
.c-header-menu__link:is(.-button) {
  padding-inline: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  background: #56E7FF;
  color: #001166;
}

@media (max-width: 37.49375em) {
  .c-header-menu__item:nth-child(1) .c-header-menu__link {
    width: 2.25rem;
    height: 2.25rem;
  }
  .c-header-menu__item:nth-child(1) .c-header-menu__link-title {
    display: none;
  }
  .c-header-menu__item:nth-child(2) {
    display: none;
  }
}
@media (max-width: 74.99375em) {
  .c-header-menu__item:not(:last-child) {
    margin-right: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  }
}
@media (min-width: 75em) {
  .c-header-menu__item:not(:last-child, :nth-last-child(2)) {
    margin-right: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  }
}

.c-hamburger {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
  padding-inline: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
}
@media (max-width: 37.49375em) {
  .c-hamburger {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
  }
}
.c-hamburger__icon {
  width: 1.125rem;
  height: 0.75rem;
}
.c-hamburger__bar {
  width: 100%;
  height: 0.078125rem;
  transition-property: transform, background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-hamburger__bar:nth-child(2), .c-hamburger__bar:nth-child(3) {
  top: 50%;
  transform: translate(0, -50%);
}
.c-hamburger__bar:nth-child(4) {
  bottom: 0;
}
.c-hamburger[data-state=active] .c-hamburger__bar:nth-child(1) {
  transform: scaleX(0);
}
.c-hamburger[data-state=active] .c-hamburger__bar:nth-child(2) {
  transform: rotate(-45deg);
  transition-delay: 0.05s;
}
.c-hamburger[data-state=active] .c-hamburger__bar:nth-child(3) {
  transform: rotate(45deg);
  transition-delay: 0.1s;
}
.c-hamburger[data-state=active] .c-hamburger__bar:nth-child(4) {
  transform: scaleX(0);
  transition-delay: 0.15s;
}

.c-mobile-nav__wrapper {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  padding-top: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}
.c-mobile-nav__background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #56E7FF;
  z-index: -1;
}

.c-mobile-nav {
  padding-block: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
  padding-left: clamp(3rem, 17.454545vw + -6.818182rem, 15rem);
  border-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  height: 100%;
  background: #001166;
}

.c-mobile-menu {
  margin-left: calc(-1 * clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem));
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 0.181818vw + 0.647727rem, 0.875rem);
}
.c-mobile-menu__link {
  display: inline-flex;
  align-items: center;
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.25rem, 0.363636vw + 1.045455rem, 1.5rem);
  color: #001166;
  margin-bottom: 0;
  color: #FFFFFF;
  gap: 0.75rem;
}
.c-mobile-menu__link-count {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  color: #001166;
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  line-height: 1;
  margin-bottom: 0;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.0509803922);
  border: 0.078125rem solid rgba(255, 255, 255, 0.1019607843);
}

.c-mobile-nav__wrapper {
  visibility: hidden;
}
.c-mobile-nav__wrapper[data-state=active] {
  visibility: visible;
}
.c-mobile-nav__background {
  transform: scaleY(0);
  transform-origin: top;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
:where(.c-mobile-nav__wrapper[data-state=active]) .c-mobile-nav__background {
  transform: scaleY(100%);
}

.c-mobile-menu__item {
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-mobile-menu__item:nth-child(1) {
  transform: translate(0, 0.25rem);
}
.c-mobile-menu__item:nth-child(2) {
  transform: translate(0, 0.5rem);
}
.c-mobile-menu__item:nth-child(3) {
  transform: translate(0, 0.75rem);
}
.c-mobile-menu__item:nth-child(4) {
  transform: translate(0, 1rem);
}
.c-mobile-menu__item:nth-child(5) {
  transform: translate(0, 1.25rem);
}
.c-mobile-menu__item:nth-child(6) {
  transform: translate(0, 1.5rem);
}
.c-mobile-menu__item:nth-child(7) {
  transform: translate(0, 1.75rem);
}
:where(.c-mobile-nav__wrapper[data-state=active]) .c-mobile-menu__item {
  opacity: 1;
  transform: translate(0, 0) !important;
}
:where(.c-mobile-nav__wrapper[data-state=active]) .c-mobile-menu__item:nth-child(1) {
  transition-delay: 0.1s;
}
:where(.c-mobile-nav__wrapper[data-state=active]) .c-mobile-menu__item:nth-child(2) {
  transition-delay: 0.15s;
}
:where(.c-mobile-nav__wrapper[data-state=active]) .c-mobile-menu__item:nth-child(3) {
  transition-delay: 0.2s;
}
:where(.c-mobile-nav__wrapper[data-state=active]) .c-mobile-menu__item:nth-child(4) {
  transition-delay: 0.25s;
}
:where(.c-mobile-nav__wrapper[data-state=active]) .c-mobile-menu__item:nth-child(5) {
  transition-delay: 0.3s;
}
:where(.c-mobile-nav__wrapper[data-state=active]) .c-mobile-menu__item:nth-child(6) {
  transition-delay: 0.35s;
}
:where(.c-mobile-nav__wrapper[data-state=active]) .c-mobile-menu__item:nth-child(7) {
  transition-delay: 0.4s;
}

.c-main-nav[data-color=blur],
.c-header-nav[data-color=blur] {
  backdrop-filter: blur(1.5rem);
  background: rgba(26, 26, 26, 0.0784313725);
  border: 0.078125rem solid rgba(255, 255, 255, 0.1019607843);
}
.c-main-nav[data-color=blur] .c-main-menu__link,
.c-main-nav[data-color=blur] .c-header-menu__link,
.c-header-nav[data-color=blur] .c-main-menu__link,
.c-header-nav[data-color=blur] .c-header-menu__link {
  color: #FFFFFF;
}
.c-main-nav[data-color=blur] .c-main-menu__link:where(:hover, :focus),
.c-main-nav[data-color=blur] .c-header-menu__link:where(:hover, :focus),
.c-header-nav[data-color=blur] .c-main-menu__link:where(:hover, :focus),
.c-header-nav[data-color=blur] .c-header-menu__link:where(:hover, :focus) {
  background: rgba(255, 255, 255, 0.0509803922);
}
.c-main-nav[data-color=light],
.c-header-nav[data-color=light] {
  backdrop-filter: blur(1.5rem);
  background: rgba(26, 26, 26, 0.0784313725);
  border: 0.078125rem solid rgba(255, 255, 255, 0.1019607843);
  background: transparent;
  border-color: rgba(26, 26, 26, 0.031372549);
}
.c-main-nav[data-color=light] .c-main-menu__link,
.c-main-nav[data-color=light] .c-header-menu__link,
.c-header-nav[data-color=light] .c-main-menu__link,
.c-header-nav[data-color=light] .c-header-menu__link {
  color: #545454;
}
.c-main-nav[data-color=light] .c-main-menu__link:where(:hover, :focus),
.c-main-nav[data-color=light] .c-header-menu__link:where(:hover, :focus),
.c-header-nav[data-color=light] .c-main-menu__link:where(:hover, :focus),
.c-header-nav[data-color=light] .c-header-menu__link:where(:hover, :focus) {
  background: rgba(26, 26, 26, 0.031372549);
}

@media (max-width: 37.49375em) {
  .c-hamburger {
    background: rgba(255, 255, 255, 0.0509803922);
  }
  :where([data-color=light]) .c-hamburger {
    background: rgba(26, 26, 26, 0.031372549);
  }
}
.c-hamburger__bar {
  background: #FFFFFF;
}
:where([data-color=light]) .c-hamburger__bar {
  background: #545454;
}

.c-logo__wrapper {
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-logo__wrapper[data-state=inactive] {
  transform: translate(0, -5rem);
}
@media (min-width: 37.5em) {
  .c-logo__wrapper[data-state=inactive] {
    transform: translate(0, -7.5rem);
  }
}

.c-main-nav {
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-main-nav[data-state=inactive] {
  transform: translate(0, -5rem);
  transition-delay: 0.05s;
}
@media (min-width: 37.5em) {
  .c-main-nav[data-state=inactive] {
    transform: translate(0, -7.5rem);
  }
}

@media (max-width: 37.49375em) {
  :where(.l-body:has(.c-mobile-nav__wrapper[data-state=active])) .c-header-nav {
    background: none !important;
    border-color: transparent !important;
    backdrop-filter: none !important;
  }
}
@media (max-width: 74.99375em) {
  .c-header-nav {
    transition-property: margin-right;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  }
  .c-header-nav[data-state=active] {
    margin-right: calc(-1 * clamp(0.5rem, 2.909091vw + -1.136364rem, 2.5rem));
  }
}

@media (min-width: 75em) {
  .c-header-menu__item:has(.c-hamburger) {
    width: 0;
    overflow: hidden;
    transition-property: width, margin-left;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
  }
  :where([data-state=active]) .c-header-menu__item:has(.c-hamburger) {
    width: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
    margin-left: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
    transition-delay: 0.05s;
  }
}

.c-footer {
  position: relative;
  display: flex;
  justify-content: center;
  border-top-left-radius: clamp(0.875rem, 0.545455vw + 0.568182rem, 1.25rem);
  background: #56E7FF;
  overflow: hidden;
}
.c-footer__main {
  position: relative;
  background: #001166;
  border-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  border-top-right-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  overflow: hidden;
}
@media (max-width: 37.49375em) {
  .c-footer__main {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 37.5em) {
  .c-footer {
    padding: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  }
}

.c-footer__container {
  display: grid;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
  row-gap: 0;
}
@media (max-width: 37.49375em) {
  .c-footer__container {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 37.5em) {
  .c-footer__container {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 75em) {
  .c-footer__container {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (max-width: 37.49375em) {
  .c-footer__cta {
    grid-column-end: span 8;
  }
}
@media (min-width: 37.5em) {
  .c-footer__cta {
    grid-column-end: span 6;
  }
}
@media (min-width: 75em) {
  .c-footer__cta {
    grid-column-end: span 7;
  }
}
@media (max-width: 37.49375em) {
  .c-footer__form {
    grid-column-end: span 8;
  }
}
@media (min-width: 37.5em) {
  .c-footer__form {
    grid-column-end: span 5;
  }
}
@media (min-width: 75em) {
  .c-footer__form {
    grid-column-end: span 4;
  }
}
@media (min-width: 37.5em) {
  .c-footer__form {
    grid-column-start: 8;
  }
}
@media (min-width: 75em) {
  .c-footer__form {
    grid-column-start: 9;
  }
}
@media (max-width: 37.49375em) {
  .c-footer__marquee, .c-footer__nav {
    grid-column-end: span 8;
  }
}
@media (min-width: 37.5em) {
  .c-footer__marquee, .c-footer__nav {
    grid-column-end: span 12;
  }
}
@media (min-width: 75em) {
  .c-footer__marquee, .c-footer__nav {
    grid-column-end: span 12;
  }
}

.c-footer__cta, .c-footer__form {
  padding-block: 4rem;
  padding-bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}
@media (min-width: 37.5em) {
  .c-footer__cta, .c-footer__form {
    padding-block: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
  }
}
.c-footer__marquee {
  padding-top: 2rem;
  padding-bottom: 4rem;
}
@media (min-width: 37.5em) {
  .c-footer__marquee {
    padding-top: clamp(5rem, 10.909091vw + -1.136364rem, 12.5rem);
  }
}
@media (min-width: 37.5em) {
  .c-footer__marquee {
    padding-bottom: clamp(5rem, 10.909091vw + -1.136364rem, 12.5rem);
  }
}
.c-footer__nav {
  padding-bottom: 4rem;
}
@media (max-width: 37.49375em) {
  .c-footer__nav {
    padding-top: 2rem;
  }
}
@media (min-width: 37.5em) {
  .c-footer__nav {
    padding-bottom: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  }
}

.c-footer__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  column-gap: clamp(1rem, 2.181818vw + -0.227273rem, 2.5rem);
}
@media (min-width: 37.5em) {
  .c-footer__nav {
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}

@media (min-width: 37.5em) {
  .c-bottom-nav {
    margin-right: auto;
  }
}

.c-bottom-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
}
.c-bottom-menu__link {
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  color: #FFFFFF;
}

.c-social-group {
  display: flex;
  justify-content: center;
  padding: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  background: rgba(255, 255, 255, 0.0509803922);
  border: 0.078125rem solid rgba(255, 255, 255, 0.1019607843);
}

.c-social {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(2rem, 0.363636vw + 1.795455rem, 2.25rem);
  aspect-ratio: 1;
}
.c-social svg {
  width: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  fill: #FFFFFF;
}

@media (max-width: 37.49375em) {
  .c-footer__main {
    padding-inline: 0;
  }
  .c-footer__cta, .c-footer__form, .c-footer__marquee, .c-footer__nav {
    position: relative;
    padding-inline: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
  }
  .c-footer__form::before, .c-footer__marquee::before, .c-footer__nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.625rem;
    height: 100%;
    background: #56E7FF;
  }
  .c-footer__form::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #56E7FF 70.7%);
    transform: translate(100%, 0);
  }
}

.c-footer__bar {
  position: absolute;
  bottom: 0;
  right: 0;
  width: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  height: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
  border-top-left-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  background: #56E7FF;
}
.c-footer__bar::after {
  content: "";
  position: absolute;
  width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  bottom: 0;
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #56E7FF 70.7%);
  right: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  transform: translate(-100%, 0) rotate(180deg);
}

.c-footer__cta {
  position: relative;
}
.c-footer__cta-background {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-bottom-right-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  background: #56E7FF;
  z-index: -1;
}
.c-footer__cta-background::before {
  content: "";
  position: absolute;
  width: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  height: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  top: 0;
  right: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #56E7FF 70.7%);
  transform: translate(100%, 0);
}
.c-footer__cta-background::after {
  content: "";
  position: absolute;
  width: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  height: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  bottom: 0;
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #56E7FF 70.7%);
  transform: translate(0, 100%);
}

.c-content :where(ul, ol) {
  list-style-type: disc;
  padding-left: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
}
.c-content :where(ul, ol) li {
  padding-left: clamp(0.5rem, 0.727273vw + 0.090909rem, 1rem);
}
.c-content :where(ul, ol) li::marker {
  color: #56E7FF;
}
.c-content :where(h1, h2, h3, h4, h5, h6) {
  font-size: clamp(1.25rem, 0.363636vw + 1.045455rem, 1.5rem);
  text-wrap: balance;
}
.gform-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}

.gform_button,
.gform-button,
input[type=submit].ninja-forms-field {
  display: inline-flex;
  align-items: center;
  height: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
  padding-inline: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  line-height: 1;
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-weight: 500;
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  background: #56E7FF;
  color: #001166;
}
.gform_button svg,
.gform-button svg,
input[type=submit].ninja-forms-field svg {
  height: 1rem;
  width: auto;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.gform_button__icon,
.gform-button__icon,
input[type=submit].ninja-forms-field__icon {
  display: flex;
}

.c-form:is(.-newsletter) {
  margin-top: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}
.c-form:is(.-newsletter) .c-form__submit .gform-button {
  width: 100%;
  text-align: center;
}
@media (min-width: 37.5em) {
  .c-form:is(.-newsletter) .c-form__submit {
    grid-column-end: span 3;
  }
  .c-form:is(.-newsletter) .c-form__submit .gform-button {
    height: 100%;
  }
}

input[type=submit].ninja-forms-field {
  margin-top: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  border: none;
}

.nf-response-msg {
  max-width: 70ch;
}
.nf-response-msg :where(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0.2em;
}
.nf-response-msg :where(strong) {
  font-weight: 600;
}
.nf-response-msg :where(p, ul):not(:last-child, :has(+ ul)) {
  margin-bottom: 1.6em;
}
.nf-field input, .nf-field select {
  height: 2.5rem !important;
}

.c-group {
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}
.c-group:has(.c-button) {
  gap: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
}
.c-group:has(.c-label) {
  gap: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
}
.c-group:is(.-pair) {
  display: inline-flex;
  padding: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
  background: rgba(26, 26, 26, 0.031372549);
}
:where(.c-hero) .c-group:is(.-pair) {
  border: 0.078125rem solid rgba(255, 255, 255, 0.0509803922);
  background: rgba(255, 255, 255, 0.0509803922);
}
:where(.c-hero) .c-group:is(.-pair) .c-button:not(.-blue) {
  color: #FFFFFF;
}
:where(.c-footer__cta) .c-group:is(.-pair) {
  background: rgba(0, 17, 102, 0.05);
  border: 0.078125rem solid rgba(0, 17, 102, 0.05);
}
:where(.c-footer__cta) .c-group:is(.-pair) .c-button:not(.-blue, .-navy) {
  color: #001166;
}

[data-toggle], [data-group-toggle], [data-scroll-toggle] {
  cursor: pointer;
}

.c-button, .gform_button, .gform-button {
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
}
.c-label {
  display: inline-flex;
  align-items: center;
  height: clamp(2rem, 0.363636vw + 1.795455rem, 2.25rem);
  padding-inline: clamp(0.5rem, 0.363636vw + 0.295455rem, 0.75rem);
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  padding-top: 0.0625rem;
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
}
.c-label svg {
  height: 1rem;
  width: auto;
  stroke: none;
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-label:is(.-small) {
  height: 2rem;
  padding-inline: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
  font-size: clamp(0.8125rem, 0.181818vw + 0.710227rem, 0.9375rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
}

:where(.c-button, .c-label):is(.-navy) {
  background: #001166;
  color: #FFFFFF;
}
:where(.c-button, .c-label):is(.-blue) {
  background: #56E7FF;
  color: #001166;
}
:where(.c-button, .c-label):is(.-white) {
  background: #FFFFFF;
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}
:where(.c-button, .c-label):is(.-grey) {
  background: #f8f8f8;
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}
:where(.c-button, .c-label):is(.-shade) {
  background: rgba(255, 255, 255, 0.0509803922);
  color: #FFFFFF;
}
:where(.c-button, .c-label):is(.-teal) {
  background: #05E5DC;
}
:where(.c-button, .c-label):is(.-blur) {
  backdrop-filter: blur(1.5rem);
  background: rgba(26, 26, 26, 0.0784313725);
  border: 0.078125rem solid rgba(255, 255, 255, 0.1019607843);
  color: #FFFFFF;
}

.l-section:is(.-boxed) {
  border-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  max-width: 150rem;
  background: rgba(26, 26, 26, 0.031372549);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}

.c-inzicht-logo {
  height: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  margin-bottom: clamp(0.5rem, 0.363636vw + 0.295455rem, 0.75rem);
}

.c-client-label {
  display: flex;
  gap: clamp(0.5rem, 0.363636vw + 0.295455rem, 0.75rem);
  margin-bottom: clamp(1.25rem, 0.363636vw + 1.045455rem, 1.5rem);
}
.c-client-label__title {
  line-height: 1;
  margin-bottom: 0;
}
.c-client-label__logo {
  display: flex;
  margin-bottom: 0.25rem;
}
.c-client-label__logo img {
  max-height: clamp(3.75rem, 0.363636vw + 3.545455rem, 4rem);
  max-width: clamp(2.75rem, 0.363636vw + 2.545455rem, 3rem);
  width: auto;
  height: auto;
  max-width: 9rem !important;
}
@media (max-width: 37.49375em) {
  .c-client-label {
    flex-direction: column;
  }
}
@media (min-width: 37.5em) {
  .c-client-label {
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .c-client-label:has(img) {
    flex-direction: row-reverse;
  }
}

.c-sidebar-group {
  position: sticky;
  gap: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
  display: flex;
  flex-direction: column;
}
@media (min-width: 75em) {
  .c-sidebar-group {
    margin-top: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
    top: clamp(6rem, 13.090909vw + -1.363636rem, 15rem);
  }
}

.c-block {
  padding: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}
.c-block:is(.-grey) {
  background: rgba(26, 26, 26, 0.031372549);
  border: 0.0625rem solid rgba(26, 26, 26, 0.0784313725);
}

.l-grid:has(.c-block) {
  gap: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.c-credential-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.c-credential {
  height: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
  max-height: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
  max-width: clamp(4rem, 2.909091vw + 2.363636rem, 6rem);
}

.c-stack-section__footer {
  position: sticky;
  display: flex;
  justify-content: center;
  margin-top: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
  bottom: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.c-stack-group {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.c-dashboard-card {
  border-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  background: rgb(248.13, 248.13, 248.13);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
  overflow: hidden;
}
.c-dashboard-card__content {
  padding: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}
.c-dashboard-card__title {
  text-wrap: balance;
}
.c-dashboard-card .c-content {
  margin-bottom: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}
.c-dashboard-card__mockup {
  width: 140%;
  transform: translate(7%, 0);
}
.c-dashboard-card__mockup picture {
  display: flex;
}
.c-dashboard-card__mockup img {
  position: relative;
}
@media (max-width: 74.99375em) {
  .c-dashboard-card__mockup {
    margin-top: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  }
}
@media (min-width: 37.5em) {
  .c-dashboard-card__content {
    max-width: 32.5rem;
  }
  .c-dashboard-card__mockup {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    transform: translate(50%, 0);
  }
}
@media (min-width: 75em) {
  .c-dashboard-card__content {
    max-width: 40rem;
  }
}

.c-dashboard-card__content .c-dashboard-card__title,
.c-dashboard-card__content .c-dashboard-label__title {
  color: var(--dashboard-clr-dark);
}
.c-dashboard-card__content .c-usp__icon {
  background: var(--dashboard-clr-light);
}
.c-dashboard-card__content .c-usp__icon svg {
  fill: var(--dashboard-clr-dark);
}
.c-dashboard-card__content .c-usp__title {
  color: var(--dashboard-clr-dark);
}

.c-group:has(.c-usp) {
  gap: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
}

.c-usp {
  gap: 0.75rem;
}
.c-usp__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(1.125rem, 0.363636vw + 0.920455rem, 1.375rem);
  height: clamp(1.125rem, 0.363636vw + 0.920455rem, 1.375rem);
  border-radius: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
  background: rgba(26, 26, 26, 0.031372549);
}
.c-usp__title {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  color: #001166;
  margin-bottom: 0;
}
.c-usp:is(.-white) {
  color: #FFFFFF !important;
}
.c-usp:is(.-white) .c-usp__icon svg {
  fill: #FFFFFF;
}
.c-usp:is(.-white) .c-usp__title {
  color: #FFFFFF;
}

.c-video {
  aspect-ratio: 16/10;
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}

.c-breadcrumb-group {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  margin-bottom: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
}

.c-breadcrumb {
  display: inline-flex;
  align-items: center;
  height: 2rem;
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  color: #545454;
}
.c-breadcrumb__icon {
  display: flex;
}
.c-breadcrumb__icon svg {
  height: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
}
.c-breadcrumb:has(svg) {
  width: 2rem;
  justify-content: center;
}
.c-breadcrumb:not(:has(svg)) {
  padding-inline: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
}
.c-breadcrumb:is(a) {
  background: #f8f8f8;
}

:where(.c-hero) .c-breadcrumb {
  color: #FFFFFF;
}
:where(.c-hero) .c-breadcrumb:is(a) {
  background: rgba(255, 255, 255, 0.0509803922);
}

.c-progress__wrapper .c-progress {
  position: sticky;
  bottom: 0;
  bottom: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.c-progress {
  display: flex;
  width: 100%;
  padding: 0.25rem;
  width: calc(100% + 2rem);
  transform: translate(-1rem, 0);
  border-radius: 0.25rem;
  background: rgba(26, 26, 26, 0.0784313725);
  margin-top: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}
.c-progress__bar {
  display: flex;
  width: 100%;
  height: 0.625rem;
  background: #56E7FF;
  border-radius: 0.25rem;
  transform-origin: left;
}
@media (min-width: 75em) {
  .c-progress {
    width: calc(100% + 4rem);
    transform: translate(-2rem, 0);
    max-width: 50rem;
  }
}

.c-marquee {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: clamp(4.5rem, 10.909091vw + -1.636364rem, 12rem);
}
.c-marquee span {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.5rem, 2.181818vw + 0.272727rem, 3rem);
  color: #001166;
  margin-bottom: 0;
  white-space: nowrap;
}
.c-marquee span:not(:nth-child(3)) {
  opacity: 0.1;
}
:where(.c-footer) .c-marquee span {
  color: #FFFFFF;
}

@media (max-width: 37.49375em) {
  .l-section:has(.c-blog-section) {
    padding-inline: 0;
    overflow: hidden;
  }
}

.c-blog-section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}
.c-blog-section__header {
  display: flex;
}
.c-blog-section__grid {
  gap: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}
@media (max-width: 37.49375em) {
  .c-blog-section__header, .c-blog-section__nav {
    padding-inline: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
  }
  .c-blog-section__grid {
    padding-left: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
    display: grid;
    grid-auto-flow: column;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .c-blog-section__grid::-webkit-scrollbar {
    display: none;
  }
  .c-blog-section__grid > * {
    scroll-snap-align: start;
  }
  .c-blog-section .c-blog-card {
    width: 19rem;
  }
}
@media (min-width: 37.5em) {
  .c-blog-section {
    gap: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
  .c-blog-section__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
    width: 100%;
    order: 3;
  }
}

.c-blog-card {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding-right: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  aspect-ratio: 1;
}
.c-blog-card__thumbnail {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  border-bottom-right-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  z-index: -1;
  max-height: calc(100% - 2.5rem);
}
@media (min-width: 75em) {
  .c-blog-card__thumbnail {
    max-height: calc(100% - 4rem);
  }
}
.c-blog-card__thumbnail img {
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-blog-card__label {
  position: absolute;
  z-index: 5;
  top: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
  right: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}
.c-blog-card__meta {
  padding-left: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  padding-bottom: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}
.c-blog-card__content {
  position: relative;
  padding: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  padding-right: 1.25rem;
  border-top-right-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  background: #FFFFFF;
}
@media (min-width: 37.5em) {
  .c-blog-card__content {
    padding-right: clamp(1.875rem, 1.636364vw + 0.954545rem, 3rem);
  }
}
.c-blog-card__content::before {
  content: "";
  position: absolute;
  width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  top: 0;
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
  transform: translate(0, -100%) rotate(-90deg);
}
.c-blog-card__content::after {
  content: "";
  position: absolute;
  width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  bottom: 0;
  right: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
  bottom: 2.5rem;
  transform: translate(100%, 0) rotate(-90deg);
}
@media (min-width: 75em) {
  .c-blog-card__content::after {
    bottom: 4rem;
  }
}
.c-blog-card__title {
  font-size: clamp(1.25rem, 0.363636vw + 1.045455rem, 1.5rem);
  text-wrap: balance;
  margin-bottom: 0;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.c-blog-card:where(:hover, :focus) .c-blog-card__thumbnail img {
  transform: scale(1.1);
}
.c-blog-card:where(:hover, :focus) .c-blog-card__title {
  color: #56E7FF;
}

.c-author-block {
  display: inline-flex;
  align-items: center;
  gap: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  background: #f8f8f8;
}
.c-author-block__thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 4/5;
  width: clamp(4rem, 1.454545vw + 3.181818rem, 5rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
}
.c-author-block__thumbnail picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-author-block__thumbnail img {
  object-position: top;
}
.c-author-block__content {
  padding-right: clamp(2.5rem, 2.181818vw + 1.272727rem, 4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
}
.c-author-block__subtitle {
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  line-height: 1;
}
.c-author-block__title {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1rem, 0.363636vw + 0.795455rem, 1.25rem);
  color: #001166;
  line-height: 1;
  margin-bottom: 0;
}

.c-job-group {
  display: flex;
  flex-direction: column;
  margin-top: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}
.c-job-group__item {
  margin-top: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.c-job-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}
.c-job-card__thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16/10;
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  width: clamp(5rem, 10.909091vw + -1.136364rem, 12.5rem);
  display: none;
}
.c-job-card__thumbnail picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-job-card__title {
  font-size: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}
.c-job-card__thumbnail, .c-job-card__thumbnail img, .c-job-card__title,
.c-job-card .c-group {
  transition-property: color, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
@media (min-width: 37.5em) {
  .c-job-card:where(:hover, :focus) .c-group {
    transform: translate(1rem, 0);
    transition-delay: 0.05s;
  }
  .c-job-card:where(:hover, :focus) .c-job-card__title {
    transform: translate(1rem, 0);
    color: #56E7FF;
  }
  .c-job-card:where(:hover, :focus) .c-job-card__thumbnail {
    transform: scaleX(1.2);
  }
  .c-job-card:where(:hover, :focus) .c-job-card__thumbnail img {
    transform: scaleY(1.2);
  }
}

.c-team-stack {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.363636vw + 0.295455rem, 0.75rem);
}
.c-team-stack:has(+ h1, + h2, + h3) {
  margin-bottom: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.c-team-avatar {
  position: relative;
  width: clamp(3.5rem, 1.090909vw + 2.886364rem, 4.25rem);
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  aspect-ratio: 1;
  overflow: hidden;
}
.c-team-avatar__thumbnail {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.c-platform-block .c-team-stack,
.c-block .c-team-stack {
  gap: clamp(0.5rem, 0.181818vw + 0.397727rem, 0.625rem);
}
.c-platform-block .c-team-avatar,
.c-block .c-team-avatar {
  width: clamp(3rem, 0.727273vw + 2.590909rem, 3.5rem);
}

.c-team-group {
  display: grid;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
  gap: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}
@media (max-width: 37.49375em) {
  .c-team-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 37.5em) {
  .c-team-group {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 75em) {
  .c-team-group {
    grid-template-columns: repeat(5, 1fr);
  }
}

.c-team-card {
  aspect-ratio: 4/5;
}
.c-team-card__thumbnail {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  overflow: hidden;
  z-index: -1;
}
.c-team-card__label {
  position: absolute;
  top: -0.03125rem;
  right: 0;
}
.c-team-card__label .c-label {
  border-radius: 0;
  background: #FFFFFF;
  border-bottom-left-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
}
.c-team-card__label::before {
  content: "";
  position: absolute;
  width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  top: 0;
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
  transform: translate(-100%, 0) rotate(90deg);
}
.c-team-card__label::after {
  content: "";
  position: absolute;
  width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  bottom: 0;
  right: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
  transform: translate(0, 100%) rotate(90deg);
}
.c-team-card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}
.c-team-card__title {
  padding-right: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  font-size: clamp(1rem, 0.545455vw + 0.693182rem, 1.375rem);
  color: #FFFFFF;
}
.c-team-card__role {
  display: flex;
  align-items: center;
  height: clamp(2rem, 0.363636vw + 1.795455rem, 2.25rem);
  padding-inline: clamp(0.5rem, 0.363636vw + 0.295455rem, 0.75rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  color: #FFFFFF;
  line-height: 1;
  backdrop-filter: blur(1.5rem);
  background: rgba(26, 26, 26, 0.0784313725);
  border: 0.078125rem solid rgba(255, 255, 255, 0.1019607843);
}

.c-wiki-group {
  gap: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}
@media (min-width: 75em) {
  .c-wiki-group {
    columns: 2;
  }
}
.c-wiki-group .c-wiki-card {
  margin-bottom: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
.c-wiki-card {
  position: relative;
  padding-top: clamp(3rem, 2.181818vw + 1.772727rem, 4.5rem);
  padding-inline: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
  padding-bottom: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  width: 100%;
  background: rgba(26, 26, 26, 0.031372549);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}
.c-wiki-card__letter {
  position: absolute;
  top: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
  right: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
  height: clamp(2.5rem, 0.727273vw + 2.090909rem, 3rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.25rem, 0.363636vw + 1.045455rem, 1.5rem);
  color: #001166;
  line-height: 1;
  background: #FFFFFF;
  border: 0.078125rem solid rgba(26, 26, 26, 0.0784313725);
}

.c-wiki-row {
  display: flex;
  flex-direction: column;
}
.c-wiki-row__item {
  padding-block: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}
.c-wiki-row__item:not(:last-child) {
  border-bottom: 0.0625rem solid rgba(26, 26, 26, 0.0784313725);
}

.c-hero:is(.-left, .-left-wide) .c-hero__content-background {
  border-top-left-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
}
.c-hero:is(.-left, .-left-wide) .c-hero__content-background__corner-x {
  content: "";
  position: absolute;
  width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  top: 0;
  right: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
  transform: translate(0, -100%) rotate(180deg);
}
.c-hero:is(.-left, .-left-wide) .c-hero__content-background__corner-y {
  content: "";
  position: absolute;
  width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  bottom: 0;
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
  transform: translate(-100%, 0) rotate(180deg);
}
@media (max-width: 37.49375em) {
  .c-hero:is(.-left, .-left-wide, .-left-center) .c-hero__thumbnail {
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .c-hero:is(.-left, .-left-wide, .-left-center) .c-hero__content {
    padding-left: clamp(1rem, 5.818182vw + -2.272727rem, 5rem);
  }
  .c-hero:is(.-left, .-left-wide, .-left-center):is(.-mob-top) .c-hero__content-background {
    right: -1.375rem;
  }
  .c-hero:is(.-left, .-left-wide, .-left-center):is(.-mob-top) .c-hero__thumbnail::before {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    left: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
    transform: translate(-100%, 0) rotate(180deg);
  }
  .c-hero:is(.-left, .-left-wide, .-left-center):is(.-mob-top) .c-hero__thumbnail::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
    transform: rotate(180deg);
  }
  .c-hero:is(.-left, .-left-wide, .-left-center):is(.-mob-bottom) .c-hero__content-background {
    border-bottom-left-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    left: -1.375rem;
  }
  .c-hero:is(.-left, .-left-wide, .-left-center):is(.-mob-bottom) .c-hero__thumbnail {
    margin-left: -0.625rem;
    border-bottom-right-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  }
  .c-hero:is(.-left, .-left-wide, .-left-center):is(.-mob-bottom) .c-hero__thumbnail::before {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    top: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    left: 0.625rem;
    transform: translate(-100%, 0) rotate(90deg);
  }
  .c-hero:is(.-left, .-left-wide, .-left-center):is(.-mob-bottom) .c-hero__thumbnail::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    top: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
    transform: rotate(90deg);
  }
}
@media (min-width: 37.5em) {
  .c-hero:is(.-left, .-left-wide) .c-hero__thumbnail {
    left: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  }
  .c-hero:is(.-left, .-left-wide):not(.-left-wide) .c-hero__thumbnail {
    width: calc(50vw - 2.5rem);
  }
  .c-hero:is(.-left, .-left-wide, .-left-center) .c-hero__content {
    grid-column-start: 4;
  }
  .c-hero:is(.-left, .-left-wide, .-left-center) .c-hero__content-background {
    margin-left: calc(-1 * clamp(4rem, 8.727273vw + -0.909091rem, 10rem));
  }
}
@media (min-width: 75em) {
  .c-hero:is(.-left, .-left-wide) .c-hero__thumbnail {
    width: calc(50vw - 10rem) !important;
  }
  .c-hero:is(.-left, .-left-wide, .-left-center) .c-hero__content {
    grid-column-start: 5;
  }
}

.c-hero:is(.-right, .-right-wide) .c-hero__content-background {
  border-top-right-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
}
.c-hero:is(.-right, .-right-wide) .c-hero__content-background__corner-x {
  content: "";
  position: absolute;
  width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  top: 0;
  left: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
  transform: translate(0, -100%) rotate(-90deg);
}
.c-hero:is(.-right, .-right-wide) .c-hero__content-background__corner-y {
  content: "";
  position: absolute;
  width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  bottom: 0;
  right: 0;
  background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
  transform: translate(100%, 0) rotate(-90deg);
}
@media (max-width: 37.49375em) {
  .c-hero:is(.-right, .-right-wide, .-right-center) .c-hero__thumbnail {
    right: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .c-hero:is(.-right, .-right-wide, .-right-center) .c-hero__content {
    padding-right: clamp(1rem, 5.818182vw + -2.272727rem, 5rem);
  }
  .c-hero:is(.-right, .-right-wide, .-right-center) .c-hero__content-background {
    left: 0;
  }
  .c-hero:is(.-right, .-right-wide, .-right-center):is(.-mob-top) .c-hero__thumbnail::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
    transform: rotate(-90deg);
  }
  .c-hero:is(.-right, .-right-wide, .-right-center):is(.-mob-top) .c-hero__thumbnail::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    right: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
    transform: translate(100%, 0) rotate(-90deg);
  }
  .c-hero:is(.-right, .-right-wide, .-right-center):is(.-mob-bottom) .c-hero__content-background {
    border-bottom-right-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    left: -1.375rem;
  }
  .c-hero:is(.-right, .-right-wide, .-right-center):is(.-mob-bottom) .c-hero__thumbnail {
    margin-right: -0.625rem;
  }
  .c-hero:is(.-right, .-right-wide, .-right-center):is(.-mob-bottom) .c-hero__thumbnail::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    top: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
    transform: translate(0, 0) rotate(0);
  }
  .c-hero:is(.-right, .-right-wide, .-right-center):is(.-mob-bottom) .c-hero__thumbnail::after {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    right: 0.625rem;
    transform: translate(100%, 0) rotate(0);
  }
}
@media (min-width: 37.5em) {
  .c-hero:is(.-right, .-right-wide) .c-hero__thumbnail {
    width: calc(50vw + 5rem);
    right: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  }
  .c-hero:is(.-right, .-right-wide) .c-hero__content {
    grid-column-start: 2;
  }
}
@media (min-width: 75em) {
  .c-hero:is(.-right, .-right-wide) .c-hero__thumbnail {
    width: calc(50vw + 15rem);
  }
}

.c-hero:is(.-left-center, .-right-center) .c-hero__content {
  padding-top: 0;
}
@media (min-width: 37.5em) {
  .c-hero:is(.-left-center, .-right-center) {
    padding-bottom: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  }
  .c-hero:is(.-left-center, .-right-center) .c-hero__thumbnail {
    position: relative;
  }
  .c-hero:is(.-left-center, .-right-center) .c-hero__thumbnail:not(.c-service__thumbnail) {
    height: clamp(30rem, 14.545455vw + 21.818182rem, 40rem);
  }
  .c-hero:is(.-left-center, .-right-center) .c-hero__content {
    padding-bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
    margin-bottom: calc(-1 * clamp(4rem, 8.727273vw + -0.909091rem, 10rem));
  }
  .c-hero:is(.-left-center) .c-hero__content-background {
    border-bottom-left-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  }
  .c-hero:is(.-left-center) .c-hero__content-background__corner-x {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    transform: translate(0, 100%) rotate(90deg);
  }
  .c-hero:is(.-left-center) .c-hero__content-background__corner-y {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
    transform: translate(-100%, 100%) rotate(90deg);
  }
  .c-hero:is(.-right-center) .c-hero__content-background {
    border-bottom-right-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  }
  .c-hero:is(.-right-center) .c-hero__content-background__corner-x {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    transform: translate(0, 100%) rotate(0deg);
  }
  .c-hero:is(.-right-center) .c-hero__content-background__corner-y {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
    transform: translate(100%, 100%) rotate(0);
  }
}
@media (min-width: 75em) {
  .c-hero:is(.-left-center, .-right-center) .c-hero__thumbnail:not(.c-service__thumbnail) {
    width: 115rem;
    max-width: calc(100vw - clamp(2rem, 11.636364vw + -4.545455rem, 10rem));
  }
  .c-hero:is(.-left-center, .-right-center) .c-hero__content {
    grid-column-end: span 7;
  }
  .c-hero:is(.-right-center) .c-hero__content {
    grid-column-start: 2;
  }
}

@media (max-width: 37.49375em) {
  .c-hero:is(.-mob-top) {
    padding-top: calc(80vw - 0.625rem) !important;
  }
  .c-hero:is(.-mob-top) .c-hero__thumbnail {
    position: absolute;
    top: 0;
    width: calc(100% - 0.625rem);
    height: calc(80vw - 0.625rem);
  }
  .c-hero:is(.-mob-top) .c-hero__content {
    margin-top: calc(-1 * clamp(4rem, 8.727273vw + -0.909091rem, 10rem));
  }
  .c-hero:is(.-mob-top) .c-hero__content-background {
    width: calc(100vw - 1.25rem);
  }
}

@media (max-width: 37.49375em) {
  .c-hero:is(.-mob-bottom) .c-hero__thumbnail {
    min-width: calc(100vw - 0.625rem);
    margin-bottom: 0.625rem;
  }
  .c-hero:is(.-mob-bottom) .c-hero__content {
    margin-bottom: calc(-1 * clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem));
  }
  .c-hero:is(.-mob-bottom) .c-hero__content-background {
    width: calc(100vw - 1.25rem);
  }
}

.c-hero__cut {
  position: absolute;
  bottom: 0;
  height: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  width: calc(100vw - clamp(2rem, 11.636364vw + -4.545455rem, 10rem));
  background: #FFFFFF;
}
@media (max-width: 37.49375em) {
  .c-hero:is(.-left-cut, .-right-cut) + .l-section {
    padding-top: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
  }
}
@media (min-width: 37.5em) {
  .c-hero:is(.-left-cut, .-right-cut) + .l-section {
    padding-top: clamp(1rem, 2.181818vw + -0.227273rem, 2.5rem);
  }
}
@media (max-width: 74.99375em) {
  .c-hero:is(.-left-cut, .-right-cut) .c-hero__cut {
    left: 0;
    border-top-right-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  }
  .c-hero:is(.-left-cut, .-right-cut) .c-hero__cut::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
  }
  .c-hero:is(.-left-cut, .-right-cut) .c-hero__cut::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(100%, 0) rotate(-90deg);
  }
}
@media (min-width: 75em) {
  .c-hero:is(.-left-cut) .c-hero__cut {
    width: calc(50vw + 2.5rem);
    left: 0;
    border-top-right-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  }
  .c-hero:is(.-left-cut) .c-hero__cut::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
  }
  .c-hero:is(.-left-cut) .c-hero__cut::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(100%, 0) rotate(-90deg);
  }
  .c-hero:is(.-right-cut) .c-hero__cut {
    width: calc(50vw + 15rem);
    right: 0;
    border-top-left-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  }
  .c-hero:is(.-right-cut) .c-hero__cut::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    transform: rotate(90deg);
  }
  .c-hero:is(.-right-cut) .c-hero__cut::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(-100%, 0) rotate(180deg);
  }
}

.c-hero__bar {
  position: absolute;
  bottom: 0;
  width: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  height: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
  transform: translate(0, 100%);
  background: #001166;
  z-index: 10;
}
.c-hero:is(.-left-cut, .-right-cut) .c-hero__bar {
  display: none;
}
@media (max-width: 37.49375em) {
  .c-hero:is(.-right, .-right-wide, .-right-center, .-right-cut):not(.-right-cut) {
    border-bottom-left-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  }
  .c-hero:is(.-right, .-right-wide, .-right-center, .-right-cut):not(.-right-cut) .c-hero__bar {
    border-bottom-left-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    right: 0;
  }
  .c-hero:is(.-right, .-right-wide, .-right-center, .-right-cut):not(.-right-cut) .c-hero__bar::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    transform: translate(-100%, 0) rotate(90deg);
  }
}
@media (min-width: 37.5em) {
  .c-hero:is(.-right, .-right-wide, .-right-center, .-right-cut) {
    border-bottom-right-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  }
  .c-hero:is(.-right, .-right-wide, .-right-center, .-right-cut) .c-hero__bar {
    border-bottom-right-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    left: 0;
  }
  .c-hero:is(.-right, .-right-wide, .-right-center, .-right-cut) .c-hero__bar::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    left: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
    transform: translate(0, 0) rotate(0deg);
  }
}
@media (max-width: 37.49375em) {
  .c-hero:is(.-left, .-left-wide, .-left-center, .-left-cut):not(.-left-cut) {
    border-bottom-right-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  }
  .c-hero:is(.-left, .-left-wide, .-left-center, .-left-cut):not(.-left-cut) .c-hero__bar {
    border-bottom-right-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    left: 0;
  }
  .c-hero:is(.-left, .-left-wide, .-left-center, .-left-cut):not(.-left-cut) .c-hero__bar::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    left: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
    transform: translate(0, 0) rotate(0deg);
  }
}
@media (min-width: 37.5em) {
  .c-hero:is(.-left, .-left-wide, .-left-center, .-left-cut) {
    border-bottom-left-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  }
  .c-hero:is(.-left, .-left-wide, .-left-center, .-left-cut) .c-hero__bar {
    border-bottom-left-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    right: 0;
  }
  .c-hero:is(.-left, .-left-wide, .-left-center, .-left-cut) .c-hero__bar::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #001166 70.7%);
    transform: translate(-100%, 0) rotate(90deg);
  }
}

.c-hero {
  background: #001166;
  justify-content: flex-end;
  padding-bottom: 0;
}
.c-hero__grid {
  display: grid;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}
@media (max-width: 37.49375em) {
  .c-hero__grid {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 37.5em) {
  .c-hero__grid {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 75em) {
  .c-hero__grid {
    grid-template-columns: repeat(12, 1fr);
  }
}
.c-hero:is(:first-child) {
  padding-top: 6rem;
}
@media (min-width: 37.5em) {
  .c-hero:is(:first-child) {
    padding-top: clamp(6rem, 13.090909vw + -1.363636rem, 15rem);
  }
}
.c-hero:not(:has(.c-hero__thumbnail)) {
  min-height: clamp(10rem, 14.545455vw + 1.818182rem, 20rem);
}
@media (min-width: 37.5em) {
  .c-hero:has(.c-hero__thumbnail) {
    min-height: clamp(40rem, 14.545455vw + 31.818182rem, 50rem);
  }
}

.c-hero__thumbnail {
  width: 100%;
  overflow: hidden;
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}
.c-hero__thumbnail-inner {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 37.49375em) {
  .c-hero__thumbnail {
    position: relative;
    aspect-ratio: 5/4;
  }
  .c-hero__thumbnail::before, .c-hero__thumbnail::after {
    z-index: 5;
  }
}
@media (min-width: 37.5em) {
  .c-hero:is(.-left, .-left-wide, .-right, .-right-wide) .c-hero__thumbnail {
    position: absolute;
    top: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
    max-width: calc(100% - clamp(1.25rem, 0.727273vw + 0.840909rem, 1.75rem));
    height: calc(100% - clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem));
  }
}
@media (min-width: 75em) {
  .c-hero:is(.-left-wide, .-right-wide) .c-hero__thumbnail {
    width: calc(50vw + 60rem);
  }
}

.c-hero__content {
  position: relative;
  padding-top: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
  padding-bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
  grid-column-end: span 8;
}
.c-hero__content > *:not(.c-hero__content-background) {
  position: relative;
  z-index: 10;
}
.c-hero__content-background {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #001166;
  z-index: 5;
}
@media (max-width: 37.49375em) {
  .c-hero__content-background__corner-x, .c-hero__content-background__corner-y {
    display: none;
  }
}
@media (min-width: 37.5em) {
  .c-hero__content {
    grid-column-end: span 9;
  }
}
@media (min-width: 75em) {
  .c-hero__content {
    grid-column-end: span 7;
  }
}

.c-hero :where(h1, h2, h3, h4, h5, h6) {
  color: #56E7FF;
}
.c-hero .c-content {
  color: #FFFFFF;
  text-wrap: balance;
}
.c-hero .c-content:has(+ .c-group) {
  margin-bottom: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}
.c-hero .c-breadcrumb-group {
  margin-bottom: clamp(0.75rem, 0.727273vw + 0.340909rem, 1.25rem);
}

@media (min-width: 37.5em) {
  .c-service__thumbnail {
    position: sticky !important;
    top: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
    height: calc(100vh - clamp(1.25rem, 0.727273vw + 0.840909rem, 1.75rem));
  }
}
@media (min-width: 125em) {
  .c-service__thumbnail {
    width: 115rem;
  }
}

.c-service__thumbnail-border__top, .c-service__thumbnail-border__bottom {
  position: fixed;
  top: 0;
  left: 50%;
  width: 100vw;
  height: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  transform: translate(-50%, 0);
  background: #001166;
  z-index: 100;
  display: none;
}
.c-service__thumbnail-border__bottom {
  top: auto;
  bottom: 0;
}

.c-service__stack {
  width: min(100%, 100rem);
  z-index: 10;
}
.c-service__stack:is(.-wide) {
  width: min(100%, 115rem);
}
.c-service__stack:is(.-fluid) {
  width: 100%;
}

.c-service-block {
  display: grid;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}
@media (max-width: 37.49375em) {
  .c-service-block {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 37.5em) {
  .c-service-block {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 75em) {
  .c-service-block {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (max-width: 37.49375em) {
  .c-service-block__nav {
    grid-column-end: span 1;
  }
}
@media (min-width: 37.5em) {
  .c-service-block__nav {
    grid-column-end: span 4;
  }
}
@media (min-width: 75em) {
  .c-service-block__nav {
    grid-column-end: span 5;
  }
}
@media (max-width: 37.49375em) {
  .c-service-block__main {
    grid-column-end: span 8;
  }
}
@media (min-width: 37.5em) {
  .c-service-block__main {
    grid-column-end: span 6;
  }
}
@media (min-width: 75em) {
  .c-service-block__main {
    grid-column-end: span 6;
  }
}
@media (max-width: 37.49375em) {
  .c-service-block {
    margin-top: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
  }
  .c-service-block__nav {
    display: none;
  }
}
@media (min-width: 37.5em) {
  .c-service-block {
    margin-bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
  }
  .c-service-block__nav {
    bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
    position: sticky;
    align-self: end;
    grid-column-start: 2;
  }
}
@media (min-width: 125em) {
  .c-service-block {
    margin-bottom: clamp(5rem, 10.909091vw + -1.136364rem, 12.5rem);
  }
  .c-service-block__nav {
    bottom: clamp(5rem, 10.909091vw + -1.136364rem, 12.5rem);
  }
}

.c-service-nav {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.c-service-nav__item {
  display: inline-flex;
  align-items: center;
  height: clamp(2.75rem, 0.363636vw + 2.545455rem, 3rem);
}
.c-service-nav__link {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  color: #001166;
  margin-bottom: 0;
  color: #FFFFFF;
}

.c-service-nav__shape {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: clamp(2.75rem, 0.727273vw + 2.340909rem, 3.25rem);
  padding-left: 0.125rem;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-service-nav__shape img {
  height: 1.375rem;
}
.c-service-nav__item {
  transition-property: padding-left, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-service-nav__item[data-state=active] {
  padding-left: clamp(2.75rem, 0.363636vw + 2.545455rem, 3rem);
  opacity: 1;
}
.c-service-nav__item[data-state=inactive] {
  opacity: 0.4;
}

.c-service-group {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}
.c-service-group__item {
  position: sticky;
}
@media (min-width: 37.5em) {
  .c-service-group__item {
    top: clamp(5rem, 10.909091vw + -1.136364rem, 12.5rem);
  }
  .c-service-group__item:nth-child(2) {
    top: clamp(5.4rem, 11.781818vw + -1.227273rem, 13.5rem);
  }
  .c-service-group__item:nth-child(3) {
    top: clamp(5.8rem, 12.654545vw + -1.318182rem, 14.5rem);
  }
  .c-service-group__item:nth-child(4) {
    top: clamp(6.2rem, 13.527273vw + -1.409091rem, 15.5rem);
  }
  .c-service-group__item:nth-child(5) {
    top: clamp(6.6rem, 14.4vw + -1.5rem, 16.5rem);
  }
  .c-service-group__item:nth-child(6) {
    top: clamp(7rem, 15.272727vw + -1.590909rem, 17.5rem);
  }
}
@media (min-width: 125em) {
  .c-service-group__item {
    top: clamp(8rem, 17.454545vw + -1.818182rem, 20rem);
  }
  .c-service-group__item:nth-child(2) {
    top: clamp(8.4rem, 18.327273vw + -1.909091rem, 21rem);
  }
  .c-service-group__item:nth-child(3) {
    top: clamp(8.8rem, 19.2vw + -2rem, 22rem);
  }
  .c-service-group__item:nth-child(4) {
    top: clamp(9.2rem, 20.072727vw + -2.090909rem, 23rem);
  }
  .c-service-group__item:nth-child(5) {
    top: clamp(9.6rem, 20.945455vw + -2.181818rem, 24rem);
  }
  .c-service-group__item:nth-child(6) {
    top: clamp(10rem, 21.818182vw + -2.272727rem, 25rem);
  }
}

.c-service-card {
  padding: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  backdrop-filter: blur(1.5rem);
  background: rgba(26, 26, 26, 0.0784313725);
  border: 0.078125rem solid rgba(255, 255, 255, 0.1019607843);
}
.c-service-card__label {
  font-size: clamp(1rem, 0.545455vw + 0.693182rem, 1.375rem);
  display: inline-flex;
  align-items: center;
  gap: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  line-height: 0;
}
.c-service-card__label-icon img {
  height: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
}
.c-service-card__label-title {
  color: #FFFFFF !important;
}
.c-service-card__title {
  font-size: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
  text-wrap: balance;
  max-width: 20ch;
  color: #FFFFFF;
}
.c-service-card__content {
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  color: #FFFFFF;
}
@media (min-width: 75em) {
  .c-service-card {
    padding-right: 2rem;
  }
}
@media (min-width: 75em) and (min-width: 37.5em) {
  .c-service-card {
    padding-right: clamp(3.5rem, 7.636364vw + -0.795455rem, 8.75rem);
  }
}
@media (min-width: 75em) {
  .c-service-card__label {
    position: absolute;
    top: clamp(1.875rem, 1.818182vw + 0.852273rem, 3.125rem);
    right: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
    writing-mode: vertical-rl;
    font-weight: 600;
  }
  .c-service-card__label-icon img {
    transform: rotate(90deg);
  }
  .c-service-card__label-title {
    opacity: 0.2;
  }
}

.c-platform-section {
  display: grid;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
  gap: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}
@media (max-width: 37.49375em) {
  .c-platform-section {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 37.5em) {
  .c-platform-section {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 75em) {
  .c-platform-section {
    grid-template-columns: repeat(12, 1fr);
  }
}
.c-platform-section__main, .c-platform-section__media, .c-platform-section__cta {
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}
.c-platform-section__main {
  position: relative;
  min-height: 27.5rem;
  background: rgba(26, 26, 26, 0.031372549);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
  overflow: hidden;
}
:where(.-boxed) .c-platform-section__main {
  background: #FFFFFF;
}
.c-platform-section__media {
  aspect-ratio: 16/10;
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}
.c-platform-section__cta {
  padding: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
  background: #0B3337;
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}
@media (min-width: 37.5em) {
  .c-platform-section__main {
    grid-column-end: span 12;
  }
  .c-platform-section__media, .c-platform-section__cta {
    grid-column-end: span 6;
  }
}
@media (min-width: 75em) {
  .c-platform-section {
    grid-template-rows: repeat(2, 1fr);
  }
  .c-platform-section__main {
    grid-column-end: span 8;
    grid-row-end: span 2;
  }
  .c-platform-section__media {
    grid-column-end: span 4;
    grid-column-start: 9;
  }
  .c-platform-section__cta {
    grid-column-end: span 4;
    grid-column-start: 9;
    grid-row-start: 2;
  }
}

.c-dashboard-label {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.75rem, 0.181818vw + 0.647727rem, 0.875rem);
  margin-bottom: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
}
.c-dashboard-label__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-dashboard-label__icon img {
  height: clamp(1rem, 0.181818vw + 0.897727rem, 1.125rem);
  transform: translate(0, -0.0625rem);
}
.c-dashboard-label__title {
  font-family: "Sohne Breit", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2em;
  font-size: clamp(1rem, 0.545455vw + 0.693182rem, 1.375rem);
  color: #001166;
  margin-bottom: 0;
}
.c-dashboard-label__wrapper {
  padding-top: clamp(0.75rem, 0.727273vw + 0.340909rem, 1.25rem);
  padding-right: clamp(2rem, 0.727273vw + 1.590909rem, 2.5rem);
  padding-bottom: clamp(0.375rem, 0.545455vw + 0.068182rem, 0.75rem);
  padding-left: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  border: 0.078125rem solid #efefef;
  background: #FFFFFF;
}
.c-dashboard-label__wrapper .c-dashboard-label__title {
  color: var(--dashboard-clr-dark);
}
:where(.-boxed) .c-dashboard-label__wrapper {
  background: rgba(26, 26, 26, 0.02);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}

.c-platform-group {
  display: grid;
  margin-bottom: auto;
  width: 100%;
  height: 100%;
}
.c-platform-group__item {
  grid-area: 1/1;
}
.c-platform-group__logo {
  position: absolute;
  left: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  top: 2rem;
  height: clamp(1rem, 0.181818vw + 0.897727rem, 1.125rem);
  margin-bottom: clamp(1.25rem, 0.363636vw + 1.045455rem, 1.5rem);
}
@media (min-width: 37.5em) {
  .c-platform-group__logo {
    top: clamp(1.5rem, 3.272727vw + -0.340909rem, 3.75rem);
  }
}

.c-platform-group__item[data-state=active] .c-platform-card__title {
  opacity: 1;
  visibility: visible;
}
.c-platform-group__item[data-state=active] .c-platform-card__content {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s;
}
.c-platform-group__item[data-state=active] .c-platform-card__mockup {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}
.c-platform-group__item[data-state=active] .c-platform-card__dashboard-group {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}
.c-platform-group__item[data-state=active] .c-platform-card__logo-group {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}
.c-platform-group__item[data-state=inactive] .c-platform-card__title, .c-platform-group__item[data-state=inactive] .c-platform-card__content, .c-platform-group__item[data-state=inactive] .c-platform-card__mockup, .c-platform-group__item[data-state=inactive] .c-platform-card__dashboard-group, .c-platform-group__item[data-state=inactive] .c-platform-card__logo-group {
  opacity: 0;
  visibility: hidden;
}

.c-platform-nav {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.c-platform-nav__wrapper {
  position: absolute;
  display: inline-flex;
  left: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  bottom: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  padding: clamp(0.25rem, 0.181818vw + 0.147727rem, 0.375rem);
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  border: 0.078125rem solid rgba(26, 26, 26, 0.0784313725);
  background: #FFFFFF;
  z-index: 10;
}
:where(.-boxed) .c-platform-nav__wrapper {
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}
.c-platform-nav__item {
  position: relative;
  z-index: 5;
}
.c-platform-nav__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  background: rgba(26, 26, 26, 0.031372549);
  z-index: 0;
  transition-property: transform, width;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.c-platform-card {
  position: relative;
  height: 100%;
  display: grid;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
  padding: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  padding-top: 4rem;
  row-gap: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}
@media (max-width: 37.49375em) {
  .c-platform-card {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 37.5em) {
  .c-platform-card {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 75em) {
  .c-platform-card {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 37.5em) {
  .c-platform-card {
    padding-top: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
  }
}
.c-platform-card__media {
  position: relative;
}
.c-platform-card__title {
  color: #0B3337;
  max-width: 20ch;
  text-wrap: balance;
}
.c-platform-card .c-content {
  font-size: clamp(0.875rem, 0.181818vw + 0.772727rem, 1rem);
  max-width: 40ch;
  text-wrap: pretty;
}

.c-platform-card__mockup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  bottom: calc(-1 * clamp(2rem, 4.363636vw + -0.454545rem, 5rem));
}
@media (min-width: 37.5em) {
  .c-platform-card__mockup {
    width: clamp(30rem, 14.545455vw + 21.818182rem, 40rem);
  }
}

.c-platform-card__dashboard-group {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.363636vw + 0.295455rem, 0.75rem);
  transform: translate(0.5rem, 0);
}
.c-platform-card__dashboard-group .c-dashboard-label__wrapper {
  margin-left: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
}
.c-platform-card__dashboard-group .c-dashboard-label__wrapper:nth-child(2) {
  margin-left: clamp(1.5rem, 0.727273vw + 1.090909rem, 2rem);
}
.c-platform-card__dashboard-group .c-dashboard-label__wrapper:nth-child(3) {
  margin-left: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
}
.c-platform-card__dashboard-group .c-dashboard-label__wrapper:nth-child(4) {
  margin-left: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}
@media (max-width: 37.49375em) {
  .c-platform-card__dashboard-group {
    padding-left: clamp(1rem, 2.181818vw + -0.227273rem, 2.5rem);
    margin-bottom: clamp(4.5rem, 9.818182vw + -1.022727rem, 11.25rem);
    margin-right: calc(-1 * clamp(2rem, 4.363636vw + -0.454545rem, 5rem));
  }
}
@media (min-width: 37.5em) {
  .c-platform-card__dashboard-group {
    position: absolute;
    top: 0;
    right: calc(-1 * clamp(2rem, 4.363636vw + -0.454545rem, 5rem));
  }
}

.c-platform-card__logo-group, .c-platform-card__logo-row {
  gap: clamp(0.5rem, 0.727273vw + 0.090909rem, 1rem);
}
.c-platform-card__logo-group {
  position: absolute;
  display: flex;
  flex-direction: column;
}
.c-platform-card__logo-row {
  display: flex;
  align-items: center;
}
@media (max-width: 37.49375em) {
  .c-platform-card__logo-group {
    margin-left: calc(-1 * clamp(2rem, 4.363636vw + -0.454545rem, 5rem));
    top: -60%;
  }
  .c-platform-card__logo-row:nth-child(1) {
    transform: translate(-1rem, 0);
  }
  .c-platform-card__logo-row:nth-child(2) {
    transform: translate(-2rem, 0);
  }
}
@media (min-width: 37.5em) {
  .c-platform-card__logo-group {
    top: calc(-1 * clamp(2.75rem, 6vw + -0.625rem, 6.875rem));
    right: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
    flex-direction: row;
    transform: skew(-6deg);
  }
  .c-platform-card__logo-row {
    flex-direction: column;
  }
  .c-platform-card__logo-row:nth-child(1) {
    transform: translate(0, -2rem);
  }
  .c-platform-card__logo-row:nth-child(2) {
    transform: translate(0, -4rem);
  }
}

.c-platform-card__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(6rem, 8vw + 1.5rem, 11.5rem);
  aspect-ratio: 16/10;
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  background: #FFFFFF;
  border: 0.0625rem solid rgba(26, 26, 26, 0.031372549);
}
:where(.-boxed) .c-platform-card__logo {
  background: rgba(26, 26, 26, 0.02);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}
.c-platform-card__logo img {
  height: clamp(3rem, 1.454545vw + 2.181818rem, 4rem);
  max-height: clamp(3rem, 1.454545vw + 2.181818rem, 4rem);
  max-width: clamp(3.25rem, 1.818182vw + 2.227273rem, 4.5rem);
}
@media (min-width: 37.5em) {
  .c-platform-card__logo img {
    transform: skew(6deg);
  }
}

.c-modal {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 87.5rem;
  height: auto;
  max-width: calc(100vw - clamp(2rem, 26.181818vw + -12.727273rem, 20rem));
  max-height: calc(100vh - clamp(4rem, 8.727273vw + -0.909091rem, 10rem));
  border-top-left-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  border-top-right-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  border-top-left-radius: 0;
  z-index: 1100;
  background: #FFFFFF;
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-modal[data-state=active] {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}
.c-modal[data-state=inactive] {
  transform: translate(-50%, 7.5rem);
  opacity: 0;
  visibility: hidden;
}

.c-modal {
  display: grid;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
  padding: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  gap: 0;
}
@media (max-width: 37.49375em) {
  .c-modal {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 37.5em) {
  .c-modal {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 75em) {
  .c-modal {
    grid-template-columns: repeat(12, 1fr);
  }
}
.c-modal__content, .c-modal__form {
  padding-block: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  padding-inline: 2rem;
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}
@media (max-width: 37.49375em) {
  .c-modal__content, .c-modal__form {
    grid-column-end: span 8;
  }
}
@media (min-width: 37.5em) {
  .c-modal__content, .c-modal__form {
    grid-column-end: span 6;
  }
}
@media (min-width: 75em) {
  .c-modal__content, .c-modal__form {
    grid-column-end: span 6;
  }
}
@media (min-width: 37.5em) {
  .c-modal__content, .c-modal__form {
    padding-inline: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
  }
}
.c-modal__form {
  background: rgba(26, 26, 26, 0.031372549);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}

.c-modal__nav {
  position: absolute;
  top: 0;
  left: 0;
  padding: clamp(0.625rem, 0.363636vw + 0.420455rem, 0.875rem);
  background: #FFFFFF;
}
@media (max-width: 37.49375em) {
  .c-modal__nav {
    border-top-left-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    border-top-right-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    transform: translate(0, -100%);
    padding-bottom: 0;
    border-bottom: 0;
  }
  .c-modal__nav::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(100%, 0) rotate(-90deg);
  }
}
@media (min-width: 37.5em) {
  .c-modal__nav {
    border-top-left-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    border-bottom-left-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    transform: translate(-100%, 0);
    padding-right: 0;
    border-right: 0;
  }
  .c-modal__nav::before {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(0, 100%) rotate(90deg);
  }
}

.c-modal__button {
  width: clamp(2rem, 0.363636vw + 1.795455rem, 2.25rem);
  height: clamp(2rem, 0.363636vw + 1.795455rem, 2.25rem);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  background: rgba(26, 26, 26, 0.031372549);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
  cursor: pointer;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.c-modal__button svg {
  height: 1rem;
}
.c-modal__button:where(:hover, :focus) {
  background: rgba(26, 26, 26, 0.0784313725);
  border: 0.078125rem solid rgba(26, 26, 26, 0.031372549);
}

.c-modal__backdrop {
  content: "";
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.5rem);
  background: rgba(26, 26, 26, 0.0784313725);
  border: 0.078125rem solid rgba(255, 255, 255, 0.1019607843);
  z-index: 1090;
  background: rgba(26, 26, 26, 0.5);
  opacity: 0;
  visibility: hidden;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.l-body:has(.c-modal[data-state=active]) .c-modal__backdrop {
  opacity: 1;
  visibility: visible;
}
.l-body:has(.c-modal[data-state=inactive]) .c-modal__backdrop {
  opacity: 0;
  visibility: hidden;
}

.c-media-block {
  position: relative;
  display: grid;
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
  row-gap: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}
@media (max-width: 37.49375em) {
  .c-media-block {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 37.5em) {
  .c-media-block {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 75em) {
  .c-media-block {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (max-width: 37.49375em) {
  .c-media-block__thumbnail {
    grid-column-end: span 8;
  }
}
@media (min-width: 37.5em) {
  .c-media-block__thumbnail {
    grid-column-end: span 5;
  }
}
@media (min-width: 75em) {
  .c-media-block__thumbnail {
    grid-column-end: span 5;
  }
}
@media (max-width: 37.49375em) {
  .c-media-block__content {
    grid-column-end: span 8;
  }
}
@media (min-width: 37.5em) {
  .c-media-block__content {
    grid-column-end: span 6;
  }
}
@media (min-width: 75em) {
  .c-media-block__content {
    grid-column-end: span 5;
  }
}
@media (max-width: 37.49375em) {
  :where(.-mob-top) .c-media-block__thumbnail {
    order: 0;
  }
  :where(.-mob-bottom) .c-media-block__thumbnail {
    order: 2;
  }
  .c-media-block:has(.c-media-block__background):is(.-mob-top) .c-media-block__content {
    padding-bottom: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  }
  .c-media-block:has(.c-media-block__background):is(.-mob-bottom) .c-media-block__content {
    padding-top: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  }
}
@media (min-width: 37.5em) {
  .c-media-block:is(.-left) .c-media-block__content {
    grid-column-start: 7;
  }
  .c-media-block:is(.-right) .c-media-block__thumbnail {
    grid-column-start: 8;
  }
  .c-media-block:is(.-right) .c-media-block__thumbnail {
    order: 2;
  }
  .c-media-block:not(:has(.c-media-block__background)) .c-media-block__content {
    padding-block: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
  }
  .c-media-block:has(.c-media-block__background) .c-media-block__content {
    padding-block: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  }
}
@media (min-width: 75em) {
  .c-media-block:is(.-right) .c-media-block__content {
    grid-column-start: 2;
  }
}

.c-media-block__thumbnail {
  border-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
}
.c-media-block__thumbnail picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.c-media-block__thumbnail-shape {
  position: absolute;
  top: 0;
  width: 2rem;
  height: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
  background: #FFFFFF;
  z-index: 5;
}
@media (min-width: 37.5em) {
  .c-media-block__thumbnail-shape {
    width: clamp(1rem, 5.818182vw + -2.272727rem, 5rem);
  }
}
@media (max-width: 37.49375em) {
  .c-media-block__thumbnail {
    aspect-ratio: 1;
  }
  .c-media-block:has(.c-media-block__background) .c-media-block__thumbnail {
    aspect-ratio: 16/10;
  }
}
@media (min-width: 37.5em) {
  .c-media-block__thumbnail {
    position: sticky;
    top: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
  }
  .c-media-block:not(:has(.c-media-block__background)) .c-media-block__thumbnail {
    height: 100%;
    max-height: clamp(27.5rem, 25.454545vw + 13.181818rem, 45rem);
  }
  .c-media-block:has(.c-media-block__background) .c-media-block__thumbnail {
    height: 100% !important;
  }
}

.c-media-block__background {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: calc(100% + clamp(3rem, 2.909091vw + 1.363636rem, 5rem));
  border-radius: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
  transform: translate(-50%, 0);
  background: #f8f8f8;
  z-index: -1;
}
.c-media-block__background-shape {
  position: absolute;
  top: 0;
  width: 2rem;
  height: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
  background: #FFFFFF;
  z-index: 500;
}
@media (min-width: 37.5em) {
  .c-media-block__background-shape {
    width: clamp(1rem, 5.818182vw + -2.272727rem, 5rem);
  }
}
:where(.-left) .c-media-block__background-shape {
  left: calc(-1 * clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem));
}
:where(.-right) .c-media-block__background-shape {
  right: calc(-1 * clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem));
}
.c-media-block:has(.c-media-block__background) {
  padding-block: 2rem;
}
@media (min-width: 37.5em) {
  .c-media-block:has(.c-media-block__background) {
    padding-block: clamp(1rem, 2.181818vw + -0.227273rem, 2.5rem);
  }
}

@media (max-width: 37.49375em) {
  .c-media-block:is(.-mob-top) .c-media-block__thumbnail-shape {
    border-bottom-right-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  }
  .c-media-block:is(.-mob-top) .c-media-block__thumbnail-shape::before {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #f8f8f8 70.7%);
    transform: translate(100%, 0);
  }
  .c-media-block:is(.-mob-top) .c-media-block__thumbnail-shape::after {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #f8f8f8 70.7%);
    transform: translate(0, 100%);
  }
  .c-media-block:is(.-mob-top):has(.c-media-block__background) .c-media-block__background-shape {
    border-bottom-right-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  }
  .c-media-block:is(.-mob-top):has(.c-media-block__background) .c-media-block__background-shape::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(100%, 0);
  }
  .c-media-block:is(.-mob-top):has(.c-media-block__background) .c-media-block__background-shape::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(0, 100%);
  }
  .c-media-block:is(.-mob-bottom) .c-media-block__thumbnail-shape {
    top: auto;
    bottom: 0;
    right: 0;
    border-top-left-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  }
  .c-media-block:is(.-mob-bottom) .c-media-block__thumbnail-shape::before {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(0, -100%) rotate(180deg);
  }
  .c-media-block:is(.-mob-bottom) .c-media-block__thumbnail-shape::after {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(-100%, 0) rotate(180deg);
  }
  .c-media-block:is(.-mob-bottom):has(.c-media-block__background) .c-media-block__thumbnail-shape::before {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #f8f8f8 70.7%);
    transform: translate(0, -100%) rotate(180deg);
  }
  .c-media-block:is(.-mob-bottom):has(.c-media-block__background) .c-media-block__thumbnail-shape::after {
    content: "";
    position: absolute;
    width: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    height: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #f8f8f8 70.7%);
    transform: translate(-100%, 0) rotate(180deg);
  }
  .c-media-block:is(.-mob-bottom):has(.c-media-block__background) .c-media-block__background-shape {
    top: auto;
    left: auto;
    bottom: 0;
    right: -1.5rem;
    border-top-left-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  }
  .c-media-block:is(.-mob-bottom):has(.c-media-block__background) .c-media-block__background-shape::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(0, -100%) rotate(180deg);
  }
  .c-media-block:is(.-mob-bottom):has(.c-media-block__background) .c-media-block__background-shape::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(-100%, 0) rotate(180deg);
  }
}
@media (min-width: 37.5em) {
  .c-media-block:is(.-left) .c-media-block__background-shape {
    left: calc(-1 * clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem));
    border-bottom-right-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  }
  .c-media-block:is(.-left) .c-media-block__background-shape::before {
    content: "";
    position: absolute;
    width: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    height: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(100%, 0);
  }
  .c-media-block:is(.-left) .c-media-block__background-shape::after {
    content: "";
    position: absolute;
    width: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    height: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(0, 100%);
  }
  .c-media-block:is(.-left) .c-media-block__thumbnail-shape {
    left: 0;
    border-bottom-right-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  }
  .c-media-block:is(.-left) .c-media-block__thumbnail-shape::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(100%, 0);
  }
  .c-media-block:is(.-left) .c-media-block__thumbnail-shape::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(0, 100%);
  }
  .c-media-block:is(.-right) .c-media-block__background-shape {
    right: calc(-1 * clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem));
    border-bottom-left-radius: clamp(0.375rem, 0.181818vw + 0.272727rem, 0.5rem);
  }
  .c-media-block:is(.-right) .c-media-block__background-shape::before {
    content: "";
    position: absolute;
    width: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    height: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    top: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(-100%, 0) rotate(90deg);
  }
  .c-media-block:is(.-right) .c-media-block__background-shape::after {
    content: "";
    position: absolute;
    width: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    height: clamp(0.75rem, 0.363636vw + 0.545455rem, 1rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(0, 100%) rotate(90deg);
  }
  .c-media-block:is(.-right) .c-media-block__thumbnail-shape {
    right: 0;
    border-bottom-left-radius: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
  }
  .c-media-block:is(.-right) .c-media-block__thumbnail-shape::before {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    top: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(-100%, 0) rotate(90deg);
  }
  .c-media-block:is(.-right) .c-media-block__thumbnail-shape::after {
    content: "";
    position: absolute;
    width: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    height: clamp(0.625rem, 0.181818vw + 0.522727rem, 0.75rem);
    bottom: 0;
    right: 0;
    background: radial-gradient(circle at bottom right, transparent 70.7%, #FFFFFF 70.7%);
    transform: translate(0, 100%) rotate(90deg);
  }
}
.c-media-block:has(.c-media-block__background) .c-media-block__thumbnail-shape {
  background: #f8f8f8;
}
.c-media-block:has(.c-media-block__background) .c-media-block__thumbnail-shape::before, .c-media-block:has(.c-media-block__background) .c-media-block__thumbnail-shape::after {
  background: radial-gradient(circle at bottom right, transparent 70.7%, #f8f8f8 70.7%);
}

.-f-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.-f-align-center {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.-f-align-end {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.-f-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.-f-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.-f-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.-f-col {
  display: flex;
  flex-direction: column;
}

.-f-col-center {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.-f-wrap {
  flex-wrap: wrap;
}

.-rel {
  position: relative;
}

.-w100 {
  width: 100%;
}

.-h100 {
  height: 100%;
}

.-h-header {
  height: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-w-header {
  width: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-g-header {
  gap: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-p-header {
  padding: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-py-header {
  padding-block: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-px-header {
  padding-inline: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-pt-header {
  padding-top: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-pr-header {
  padding-right: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-pb-header {
  padding-bottom: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-pl-header {
  padding-left: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-m-header {
  margin: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-my-header {
  margin-block: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-mx-header {
  margin-inline: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-mt-header {
  margin-top: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-mr-header {
  margin-right: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-mb-header {
  margin-bottom: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-ml-header {
  margin-left: clamp(5rem, 3.636364vw + 2.954545rem, 7.5rem);
}

.-h-wrap {
  height: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-w-wrap {
  width: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-g-wrap {
  gap: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-p-wrap {
  padding: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-py-wrap {
  padding-block: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-px-wrap {
  padding-inline: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-pt-wrap {
  padding-top: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-pr-wrap {
  padding-right: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-pb-wrap {
  padding-bottom: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-pl-wrap {
  padding-left: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-m-wrap {
  margin: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-my-wrap {
  margin-block: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-mx-wrap {
  margin-inline: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-mt-wrap {
  margin-top: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-mr-wrap {
  margin-right: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-mb-wrap {
  margin-bottom: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-ml-wrap {
  margin-left: clamp(2rem, 11.636364vw + -4.545455rem, 10rem);
}

.-h-gap {
  height: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-w-gap {
  width: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-g-gap {
  gap: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-p-gap {
  padding: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-py-gap {
  padding-block: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-px-gap {
  padding-inline: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-pt-gap {
  padding-top: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-pr-gap {
  padding-right: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-pb-gap {
  padding-bottom: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-pl-gap {
  padding-left: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-m-gap {
  margin: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-my-gap {
  margin-block: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-mx-gap {
  margin-inline: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-mt-gap {
  margin-top: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-mr-gap {
  margin-right: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-mb-gap {
  margin-bottom: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-ml-gap {
  margin-left: clamp(1.5rem, 3.636364vw + -0.545455rem, 4rem);
}

.-h-gap-small {
  height: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-w-gap-small {
  width: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-g-gap-small {
  gap: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-p-gap-small {
  padding: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-py-gap-small {
  padding-block: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-px-gap-small {
  padding-inline: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-pt-gap-small {
  padding-top: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-pr-gap-small {
  padding-right: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-pb-gap-small {
  padding-bottom: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-pl-gap-small {
  padding-left: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-m-gap-small {
  margin: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-my-gap-small {
  margin-block: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-mx-gap-small {
  margin-inline: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-mt-gap-small {
  margin-top: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-mr-gap-small {
  margin-right: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-mb-gap-small {
  margin-bottom: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-ml-gap-small {
  margin-left: clamp(1rem, 1.454545vw + 0.181818rem, 2rem);
}

.-h-section-large {
  height: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-w-section-large {
  width: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-g-section-large {
  gap: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-p-section-large {
  padding: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-py-section-large {
  padding-block: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-px-section-large {
  padding-inline: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-pt-section-large {
  padding-top: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-pr-section-large {
  padding-right: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-pb-section-large {
  padding-bottom: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-pl-section-large {
  padding-left: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-m-section-large {
  margin: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-my-section-large {
  margin-block: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-mx-section-large {
  margin-inline: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-mt-section-large {
  margin-top: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-mr-section-large {
  margin-right: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-mb-section-large {
  margin-bottom: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-ml-section-large {
  margin-left: clamp(4.5rem, 15.272727vw + -4.090909rem, 15rem);
}

.-h-section {
  height: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-w-section {
  width: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-g-section {
  gap: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-p-section {
  padding: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-py-section {
  padding-block: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-px-section {
  padding-inline: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-pt-section {
  padding-top: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-pr-section {
  padding-right: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-pb-section {
  padding-bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-pl-section {
  padding-left: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-m-section {
  margin: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-my-section {
  margin-block: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-mx-section {
  margin-inline: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-mt-section {
  margin-top: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-mr-section {
  margin-right: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-mb-section {
  margin-bottom: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-ml-section {
  margin-left: clamp(4rem, 8.727273vw + -0.909091rem, 10rem);
}

.-h-section-medium {
  height: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-w-section-medium {
  width: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-g-section-medium {
  gap: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-p-section-medium {
  padding: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-py-section-medium {
  padding-block: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-px-section-medium {
  padding-inline: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-pt-section-medium {
  padding-top: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-pr-section-medium {
  padding-right: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-pb-section-medium {
  padding-bottom: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-pl-section-medium {
  padding-left: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-m-section-medium {
  margin: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-my-section-medium {
  margin-block: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-mx-section-medium {
  margin-inline: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-mt-section-medium {
  margin-top: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-mr-section-medium {
  margin-right: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-mb-section-medium {
  margin-bottom: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-ml-section-medium {
  margin-left: clamp(3rem, 6.545455vw + -0.681818rem, 7.5rem);
}

.-h-section-small {
  height: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-w-section-small {
  width: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-g-section-small {
  gap: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-p-section-small {
  padding: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-py-section-small {
  padding-block: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-px-section-small {
  padding-inline: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-pt-section-small {
  padding-top: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-pr-section-small {
  padding-right: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-pb-section-small {
  padding-bottom: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-pl-section-small {
  padding-left: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-m-section-small {
  margin: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-my-section-small {
  margin-block: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-mx-section-small {
  margin-inline: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-mt-section-small {
  margin-top: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-mr-section-small {
  margin-right: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-mb-section-small {
  margin-bottom: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-ml-section-small {
  margin-left: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-h-section-tiny {
  height: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-w-section-tiny {
  width: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-g-section-tiny {
  gap: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-p-section-tiny {
  padding: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-py-section-tiny {
  padding-block: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-px-section-tiny {
  padding-inline: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-pt-section-tiny {
  padding-top: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-pr-section-tiny {
  padding-right: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-pb-section-tiny {
  padding-bottom: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-pl-section-tiny {
  padding-left: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-m-section-tiny {
  margin: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-my-section-tiny {
  margin-block: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-mx-section-tiny {
  margin-inline: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-mt-section-tiny {
  margin-top: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-mr-section-tiny {
  margin-right: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-mb-section-tiny {
  margin-bottom: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-ml-section-tiny {
  margin-left: clamp(1.5rem, 1.454545vw + 0.681818rem, 2.5rem);
}

.-h-block-medium {
  height: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-w-block-medium {
  width: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-g-block-medium {
  gap: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-p-block-medium {
  padding: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-py-block-medium {
  padding-block: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-px-block-medium {
  padding-inline: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-pt-block-medium {
  padding-top: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-pr-block-medium {
  padding-right: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-pb-block-medium {
  padding-bottom: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-pl-block-medium {
  padding-left: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-m-block-medium {
  margin: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-my-block-medium {
  margin-block: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-mx-block-medium {
  margin-inline: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-mt-block-medium {
  margin-top: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-mr-block-medium {
  margin-right: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-mb-block-medium {
  margin-bottom: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-ml-block-medium {
  margin-left: clamp(2rem, 4.363636vw + -0.454545rem, 5rem);
}

.-h-block {
  height: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-w-block {
  width: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-g-block {
  gap: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-p-block {
  padding: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-py-block {
  padding-block: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-px-block {
  padding-inline: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-pt-block {
  padding-top: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-pr-block {
  padding-right: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-pb-block {
  padding-bottom: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-pl-block {
  padding-left: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-m-block {
  margin: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-my-block {
  margin-block: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-mx-block {
  margin-inline: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-mt-block {
  margin-top: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-mr-block {
  margin-right: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-mb-block {
  margin-bottom: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-ml-block {
  margin-left: clamp(2rem, 1.454545vw + 1.181818rem, 3rem);
}

.-h-block-small {
  height: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-w-block-small {
  width: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-g-block-small {
  gap: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-p-block-small {
  padding: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-py-block-small {
  padding-block: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-px-block-small {
  padding-inline: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-pt-block-small {
  padding-top: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-pr-block-small {
  padding-right: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-pb-block-small {
  padding-bottom: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-pl-block-small {
  padding-left: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-m-block-small {
  margin: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-my-block-small {
  margin-block: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-mx-block-small {
  margin-inline: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-mt-block-small {
  margin-top: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-mr-block-small {
  margin-right: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-mb-block-small {
  margin-bottom: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-ml-block-small {
  margin-left: clamp(1.25rem, 1.090909vw + 0.636364rem, 2rem);
}

.-h-block-tiny {
  height: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-w-block-tiny {
  width: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-g-block-tiny {
  gap: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-p-block-tiny {
  padding: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-py-block-tiny {
  padding-block: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-px-block-tiny {
  padding-inline: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-pt-block-tiny {
  padding-top: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-pr-block-tiny {
  padding-right: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-pb-block-tiny {
  padding-bottom: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-pl-block-tiny {
  padding-left: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-m-block-tiny {
  margin: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-my-block-tiny {
  margin-block: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-mx-block-tiny {
  margin-inline: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-mt-block-tiny {
  margin-top: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-mr-block-tiny {
  margin-right: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-mb-block-tiny {
  margin-bottom: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-ml-block-tiny {
  margin-left: clamp(1rem, 0.727273vw + 0.590909rem, 1.5rem);
}

.-p0 {
  padding-: 0;
}

.-px0 {
  padding-inline: 0;
}

.-py0 {
  padding-block: 0;
}

.-pt0 {
  padding-top: 0;
}

.-pl0 {
  padding-left: 0;
}

.-pb0 {
  padding-bottom: 0;
}

.-pr0 {
  padding-right: 0;
}

.-p0 {
  padding: 0;
}

.-m0 {
  margin-: 0;
}

.-mx0 {
  margin-inline: 0;
}

.-my0 {
  margin-block: 0;
}

.-mt0 {
  margin-top: 0;
}

.-ml0 {
  margin-left: 0;
}

.-mb0 {
  margin-bottom: 0;
}

.-mr0 {
  margin-right: 0;
}

.-ml-auto {
  margin-left: auto;
}

.-mr-auto {
  margin-right: auto;
}

.-mx-auto {
  margin-block: auto;
}

.-mw1 {
  max-width: 1ch;
}

.-mw2 {
  max-width: 2ch;
}

.-mw3 {
  max-width: 3ch;
}

.-mw4 {
  max-width: 4ch;
}

.-mw5 {
  max-width: 5ch;
}

.-mw6 {
  max-width: 6ch;
}

.-mw7 {
  max-width: 7ch;
}

.-mw8 {
  max-width: 8ch;
}

.-mw9 {
  max-width: 9ch;
}

.-mw10 {
  max-width: 10ch;
}

.-mw11 {
  max-width: 11ch;
}

.-mw12 {
  max-width: 12ch;
}

.-mw13 {
  max-width: 13ch;
}

.-mw14 {
  max-width: 14ch;
}

.-mw15 {
  max-width: 15ch;
}

.-mw16 {
  max-width: 16ch;
}

.-mw17 {
  max-width: 17ch;
}

.-mw18 {
  max-width: 18ch;
}

.-mw19 {
  max-width: 19ch;
}

.-mw20 {
  max-width: 20ch;
}

.-mw21 {
  max-width: 21ch;
}

.-mw22 {
  max-width: 22ch;
}

.-mw23 {
  max-width: 23ch;
}

.-mw24 {
  max-width: 24ch;
}

.-mw25 {
  max-width: 25ch;
}

.-mw26 {
  max-width: 26ch;
}

.-mw27 {
  max-width: 27ch;
}

.-mw28 {
  max-width: 28ch;
}

.-mw29 {
  max-width: 29ch;
}

.-mw30 {
  max-width: 30ch;
}

.-mw31 {
  max-width: 31ch;
}

.-mw32 {
  max-width: 32ch;
}

.-mw33 {
  max-width: 33ch;
}

.-mw34 {
  max-width: 34ch;
}

.-mw35 {
  max-width: 35ch;
}

.-mw36 {
  max-width: 36ch;
}

.-mw37 {
  max-width: 37ch;
}

.-mw38 {
  max-width: 38ch;
}

.-mw39 {
  max-width: 39ch;
}

.-mw40 {
  max-width: 40ch;
}

.-mw41 {
  max-width: 41ch;
}

.-mw42 {
  max-width: 42ch;
}

.-mw43 {
  max-width: 43ch;
}

.-mw44 {
  max-width: 44ch;
}

.-mw45 {
  max-width: 45ch;
}

.-mw46 {
  max-width: 46ch;
}

.-mw47 {
  max-width: 47ch;
}

.-mw48 {
  max-width: 48ch;
}

.-mw49 {
  max-width: 49ch;
}

.-mw50 {
  max-width: 50ch;
}

.-mw51 {
  max-width: 51ch;
}

.-mw52 {
  max-width: 52ch;
}

.-mw53 {
  max-width: 53ch;
}

.-mw54 {
  max-width: 54ch;
}

.-mw55 {
  max-width: 55ch;
}

.-mw56 {
  max-width: 56ch;
}

.-mw57 {
  max-width: 57ch;
}

.-mw58 {
  max-width: 58ch;
}

.-mw59 {
  max-width: 59ch;
}

.-mw60 {
  max-width: 60ch;
}

.-mw61 {
  max-width: 61ch;
}

.-mw62 {
  max-width: 62ch;
}

.-mw63 {
  max-width: 63ch;
}

.-mw64 {
  max-width: 64ch;
}

.-mw65 {
  max-width: 65ch;
}

.-mw66 {
  max-width: 66ch;
}

.-mw67 {
  max-width: 67ch;
}

.-mw68 {
  max-width: 68ch;
}

.-mw69 {
  max-width: 69ch;
}

.-mw70 {
  max-width: 70ch;
}

.-mw71 {
  max-width: 71ch;
}

.-mw72 {
  max-width: 72ch;
}

.-mw73 {
  max-width: 73ch;
}

.-mw74 {
  max-width: 74ch;
}

.-mw75 {
  max-width: 75ch;
}

.-mw76 {
  max-width: 76ch;
}

.-mw77 {
  max-width: 77ch;
}

.-mw78 {
  max-width: 78ch;
}

.-mw79 {
  max-width: 79ch;
}

.-mw80 {
  max-width: 80ch;
}

.-lh11 {
  line-height: 1.1;
}

.-lh12 {
  line-height: 1.2;
}

.-lh13 {
  line-height: 1.3;
}

.-lh14 {
  line-height: 1.4;
}

.-lh15 {
  line-height: 1.5;
}

.-lh16 {
  line-height: 1.6;
}

.-lh17 {
  line-height: 1.7;
}

.-lh18 {
  line-height: 1.8;
}

.-lh19 {
  line-height: 1.9;
}

.-lh1 {
  line-height: 1;
}

.-lh2 {
  line-height: 2;
}

.-fw300 {
  font-weight: 300;
}

.-fw400 {
  font-weight: 400;
}

.-fw500 {
  font-weight: 500;
}

.-fw600 {
  font-weight: 600;
}

.-fw700 {
  font-weight: 700;
}

.-fw800 {
  font-weight: 800;
}

.-fw900 {
  font-weight: 900;
}

.-lc {
  text-transform: lowercase;
}

.-uc {
  text-transform: uppercase;
}

.-t-strong {
  font-weight: 600;
}

.-t-center {
  text-align: center;
  margin-inline: auto;
}

.-tw-balance {
  text-wrap: balance;
}

.-tw-pretty {
  text-wrap: pretty;
}

.-oh {
  overflow: hidden;
}

.-oa {
  overflow: auto;
}

.-ov {
  overflow: visible;
}

.-clr-navy {
  color: #001166;
}

.-bg-navy {
  background: #001166;
}

.-clr-blue {
  color: #56E7FF;
}

.-bg-blue {
  background: #56E7FF;
}

.-clr-ocean {
  color: #0B3337;
}

.-bg-ocean {
  background: #0B3337;
}

.-clr-teal {
  color: #05E5DC;
}

.-bg-teal {
  background: #05E5DC;
}

.-clr-grey {
  color: #f8f8f8;
}

.-bg-grey {
  background: #f8f8f8;
}

.-clr-text {
  color: #242424;
}

.-bg-text {
  background: #242424;
}

.-clr-text-light {
  color: #545454;
}

.-bg-text-light {
  background: #545454;
}

.-clr-border {
  color: #efefef;
}

.-bg-border {
  background: #efefef;
}

.-clr-black {
  color: #1A1A1A;
}

.-bg-black {
  background: #1A1A1A;
}

.-clr-black05 {
  color: rgba(26, 26, 26, 0.031372549);
}

.-bg-black05 {
  background: rgba(26, 26, 26, 0.031372549);
}

.-clr-black10 {
  color: rgba(26, 26, 26, 0.0784313725);
}

.-bg-black10 {
  background: rgba(26, 26, 26, 0.0784313725);
}

.-clr-white {
  color: #FFFFFF;
}

.-bg-white {
  background: #FFFFFF;
}

.-clr-white05 {
  color: rgba(255, 255, 255, 0.0509803922);
}

.-bg-white05 {
  background: rgba(255, 255, 255, 0.0509803922);
}

.-clr-white10 {
  color: rgba(255, 255, 255, 0.1019607843);
}

.-bg-white10 {
  background: rgba(255, 255, 255, 0.1019607843);
}

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