:root {
  --body-display: #a0a1af;
  --greenfield: #50c772;
  --light-outline: #ffffff1a;
  --overlay-0-25: #03060c40;
  --turquoise: #00d0ff;
  --overlay-0-5: #00000080;
  --dark: #212429;
  --transparent: #fff0;
  --extra-dark: #12151a;
  --background: #fafbfc;
  --bordeaux: #8d0741;
  --dark-outlune: #e8edf3;
  --dark-turqoise: #097590;
  --bluegrey: #4a5768;
  --warm-grey: #5d5e5f;
  --dark-cyan: #213042;
  --beige: #aa9f71;
  --petrol: #3f5474;
  --overlay-0-7: #000000b3;
  --marine-dark: #0e2142;
  --orange: #bb660c;
  --beaujolais: #c23c69;
  --moustarde: #c7ae0c;
  --pink: #f558e2;
  --white-100: white;
  --turquoise-2: #05635b;
  --greyblue: #bed0dc;
  --white-0-5: #ffffff94;
  --button-grey: #c7c7c7;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  flex-flow: column;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

h1 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.25em;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4em;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  color: var(--body-display);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.65em;
}

a {
  color: var(--greenfield);
  text-decoration: none;
}

blockquote {
  border-left: 1px solid var(--light-outline);
  background-color: #ffffff08;
  margin-top: 48px;
  margin-bottom: 48px;
  padding: 24px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.65em;
}

.hero-section {
  z-index: 20;
  justify-content: center;
  align-items: stretch;
  width: 90vw;
  min-height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section.small {
  min-height: auto;
  padding-top: 220px;
  padding-bottom: 170px;
}

.hero-section.no-clip {
  overflow: visible;
}

.background {
  background-image: url('../images/Comp001.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: -5px;
  position: absolute;
  inset: 0%;
}

.background.two {
  background-image: url('../images/Image033.jpeg');
  background-position: 50% 0;
}

.background.testimonial-background {
  background-image: url('../images/JOU-01-Hero.jpg');
  background-position: 100%;
}

.background.founder-quote-background {
  background-image: url('../images/Felix-maxi-01.jpg');
  background-position: 0%;
  background-size: cover;
}

.overlay {
  z-index: 3;
  background-color: var(--overlay-0-25);
  display: none;
  position: absolute;
  inset: 0%;
}

.overlay.light {
  background-color: #060b184d;
}

.overlay.dark {
  background-color: var(--turquoise);
}

.navbar {
  z-index: 300;
  background-color: #fff0;
  justify-content: center;
  align-items: flex-start;
  height: 0;
  max-height: 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-wrapper {
  z-index: 35;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border: 1px solid var(--light-outline);
  background-color: var(--overlay-0-5);
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  height: 75px;
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.nav-link {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav-menu {
  display: none;
}

.reel-link {
  z-index: 25;
  grid-column-gap: 6px;
  grid-row-gap: 12px;
  border-right: 1px none var(--light-outline);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr minmax(auto, auto);
  grid-auto-columns: 1fr;
  align-items: center;
  padding-left: 32px;
  padding-right: 0;
  text-decoration: none;
  display: grid;
  position: relative;
}

.dot {
  background-color: #fff;
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.dot.large {
  background-color: #0000;
  border: 2px solid #fff;
  width: 12px;
  height: 12px;
  margin-left: 18px;
  margin-right: 18px;
}

.dot.large.solid {
  background-color: #fff;
}

.brand {
  z-index: 25;
  border-right: 1px solid var(--light-outline);
  border-left: 1px solid var(--light-outline);
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-left: -1px;
  margin-right: -1px;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.body {
  background-color: var(--dark);
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.nav-right {
  z-index: 25;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.light-separator {
  background-color: var(--light-outline);
  width: 1px;
  margin-top: 18px;
  margin-bottom: 18px;
}

.light-separator.dot {
  width: 16px;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.nav-text {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-right: 20px;
  padding-right: 0;
  font-size: 11px;
  text-decoration: none;
}

.menu-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 100%;
  display: flex;
}

.lottie-animation {
  filter: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.page-title {
  cursor: default;
  justify-content: center;
  align-items: center;
  margin-right: 0%;
  padding-right: 0;
  display: flex;
}

.hero-content {
  z-index: 35;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  flex-direction: column;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  place-items: flex-end end;
  width: 100vw;
  max-width: 100vw;
  padding-bottom: 18px;
  position: relative;
  overflow: hidden;
}

.rotate-text-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  display: grid;
}

.rotate-text-wrapper.bottom-text {
  align-items: center;
}

.rotate-text-wrapper.top-text {
  z-index: 20;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}

.rotate-heading {
  letter-spacing: -.025em;
  white-space: nowrap;
  font-size: 6vw;
  line-height: 1.6em;
}

.rotate-heading.wrap-text {
  letter-spacing: 0;
  font-size: 5vw;
  font-weight: 100;
}

.rotating-text-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: stretch;
  justify-items: center;
  display: grid;
  position: relative;
  inset: 0% auto 0% 0%;
}

.rotating-text-wrapper.bottom-text {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  place-items: stretch center;
  display: grid;
  left: auto;
  right: 0;
}

.rotating-text-wrapper.top-text {
  place-content: center;
  place-items: center;
  display: flex;
}

.hero-wrapper {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 36px;
  padding-bottom: 48px;
  display: none;
  position: relative;
}

.scroll-link {
  z-index: 200;
  border: 1px solid var(--light-outline);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  padding: 36px 150px 150px 36px;
  display: flex;
  position: absolute;
  inset: auto -150px -150px auto;
}

.hero-links {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  display: grid;
}

.underline-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--light-outline);
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 6px 4px;
  font-size: 11px;
  text-decoration: none;
  position: relative;
}

.underline-link.dark {
  border-bottom-color: var(--light-outline);
  color: #fff;
  position: relative;
}

.section {
  z-index: 20;
  justify-content: center;
  padding-top: 220px;
  padding-bottom: 220px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.verticle-border {
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px solid var(--light-outline);
}

.section.no-clip {
  overflow: visible;
}

.section.no-clip.top-border {
  padding-top: 100px;
  padding-bottom: 0;
  display: block;
}

.section.no-clip.no-bottom-padding {
  padding-bottom: 0;
}

.section.no-clip.no-top-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.top-border {
  border-top: 1px solid var(--light-outline);
}

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

.section.no-top-padding {
  padding-top: 0;
}

.section.no-bottom-padding {
  padding-bottom: 0;
}

.section.small-top-padding {
  padding-top: 85px;
}

.grid-wrapper {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  justify-content: stretch;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: grid;
  position: relative;
}

.grid-wrapper.indicator-grid-wrapper {
  z-index: 10;
  align-content: end;
  height: 0;
}

.grid-wrapper.zero-height {
  width: 100%;
  height: 0;
}

.grid-wrapper.vendee {
  border-left-style: none;
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
  padding-bottom: 40px;
}

.grid-wrapper.vendee:hover {
  background-color: var(--transparent);
}

.grid-wrapper.vendee {
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.grain {
  z-index: 1;
  opacity: .02;
  background-image: url('../images/noise.gif');
  background-position: 50%;
  background-size: auto;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.grain.in-element {
  width: 100vw;
  height: 100vh;
  min-height: 100%;
  position: absolute;
  inset: auto;
}

.grain.in-nav {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.subtitle {
  z-index: 10;
  color: #fffc;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-top: 40px;
  padding-bottom: 5px;
  font-size: 11px;
  position: relative;
  top: 0;
  bottom: auto;
}

.subtitle.small {
  font-size: 10px;
  top: -10px;
}

.subtitle.dark {
  color: #000c;
}

.stacked-content {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stacked-content.large {
  grid-row-gap: 80px;
}

.horizontal-line {
  background-color: var(--light-outline);
  height: 1px;
}

.mini-transat-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--light-outline);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  min-height: 350px;
  padding: 36px 20px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.video-cover {
  justify-content: flex-start;
  align-items: center;
  width: 50vw;
  height: 100%;
  min-height: 80vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.video-clip {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.background-video {
  width: 100%;
  height: 100%;
}

.play-video {
  z-index: 50;
  border: 1px solid var(--light-outline);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.left-intro {
  grid-column-gap: 16px;
  grid-row-gap: 180px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  max-width: 450px;
  margin-top: 80px;
  margin-bottom: 80px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 60px;
  display: grid;
}

.stacked-title {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stacked-title.centered {
  text-align: center;
}

.card-link {
  border: 1px solid var(--light-outline);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 15px;
  display: flex;
}

.service-card-top {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-right: -36px;
  display: grid;
}

.body-display {
  color: var(--body-display);
  font-family: Montserrat, sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.65em;
}

.body-display.small {
  font-size: 14px;
}

.body-display.dual-paragraph {
  column-count: 2;
  column-gap: 60px;
  font-size: 1.2em;
}

.stacked-description {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.medium-width {
  max-width: 600px;
}

.full-screen-menu {
  background-color: var(--extra-dark);
  flex-flow: row;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.menu-content {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: .75fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: end center;
  height: 100vh;
  min-height: 100vh;
  padding-top: 0;
  display: grid;
  position: absolute;
  inset: 0%;
}

.menu-center {
  background-color: #05070a21;
  border-radius: 100%;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.menu-pin {
  background-color: #fff;
  width: 1px;
  height: 80px;
  margin-top: -40px;
}

.menu-wrapper {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: center;
  width: 300vw;
  margin-bottom: 80px;
  font-size: 14px;
  display: flex;
}

.menu-link {
  color: #fff;
  letter-spacing: -.025em;
  justify-content: center;
  align-items: flex-end;
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: 4vw;
  font-weight: 600;
  line-height: 1.1em;
  text-decoration: none;
  display: flex;
  position: relative;
  transform: none;
}

.title {
  background-color: var(--turquoise);
  color: var(--turquoise);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.menu-items {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  display: flex;
  overflow: hidden;
}

.heading {
  line-height: 1.3em;
}

.heading.large {
  font-size: 52px;
}

.heading.medium {
  font-size: 28px;
}

.heading.medium-width {
  letter-spacing: 0;
  font-weight: 500;
}

.heading.small-width {
  letter-spacing: .1em;
  font-size: 2em;
  font-weight: 100;
}

.background-cover {
  position: absolute;
  inset: 0%;
}

.background-cover.body {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grain-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.project-grid {
  grid-column-gap: 16px;
  grid-row-gap: 170px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-item {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.project-item:nth-child(2n) {
  flex-direction: row-reverse;
  margin-left: 0;
  margin-right: -9px;
}

.project-image {
  z-index: 25;
  flex: 0 auto;
  width: 66.66%;
  min-height: 475px;
  padding-left: 0;
  padding-right: 9px;
  position: relative;
  overflow: visible;
}

.sticky-circle {
  border: 1px solid var(--light-outline);
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-top: 355px;
  padding-left: 4px;
  font-size: 11px;
  text-decoration: none;
  display: flex;
  position: sticky;
  bottom: 80px;
}

.sticky-circle.no-top {
  z-index: 50;
  margin-top: 0;
}

.left-sidebar {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.outline-circle-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 120px;
  height: 120px;
  display: grid;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.outline-clip {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.outline-clip.bottom {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.outline-clip.top {
  width: 50%;
  display: flex;
}

.outline-circle {
  border: 1px solid #fff;
  border-radius: 100%;
  width: 120px;
  min-width: 120px;
  height: 120px;
  min-height: 120px;
}

.circle-link-text {
  z-index: 20;
  position: relative;
}

.project-card-info {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  width: 28%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.testimonial-items {
  background-color: var(--dark);
  min-height: 450px;
  margin-left: -79px;
  position: relative;
  overflow: hidden;
}

.dark-fill {
  background-color: var(--dark);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.testimonial-slider {
  z-index: 500;
  background-color: #fff0;
  height: 100%;
  padding-left: 80px;
  position: relative;
}

.left-arrow {
  border-right: 1px solid var(--light-outline);
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 50%;
  display: flex;
  inset: 0% auto auto 0%;
}

.left-arrow.bottom {
  border-top: 1px solid var(--light-outline);
  inset: auto auto 0% 0%;
}

.slide-nav {
  display: none;
}

.four-column {
  z-index: 25;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.four-column.vendee {
  border-left-style: none;
}

.four-column.vendee:hover {
  background-color: var(--transparent);
}

.testimonial-card {
  z-index: 20;
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 40px 0;
  display: grid;
  position: relative;
}

.testimonial-image {
  min-height: 425px;
  margin-left: -24px;
  position: relative;
  overflow: hidden;
}

.testimonial-quote {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  padding: 0 25px;
  display: grid;
}

.testimonial-credit {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.avatar {
  background-image: url('../images/031.jpeg');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 80px;
  height: 80px;
}

.avatar.one {
  background-image: url('../images/Bildschirmfoto-2024-05-08-um-16.23.25.png');
}

.avatar.founder-avatar {
  background-image: url('../images/Portrait002.jpeg');
}

.avatar.two {
  background-image: url('../images/Avatar004.jpeg');
  background-position: 50% 40%;
}

.avatar.three {
  background-image: url('../images/Avatar005.jpeg');
}

.avatar.four {
  background-image: url('../images/Avatar006.jpeg');
}

.avatar.five {
  background-image: url('../images/Avatar007.jpeg');
}

.testimonial-name {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.client-name {
  letter-spacing: .25em;
  padding-top: 0;
  font-size: 15px;
}

.news-top {
  z-index: 25;
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  margin-left: -84px;
  display: grid;
  position: relative;
}

.verticle-icons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 137px;
}

.journal-title {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: -9px;
  display: grid;
}

.journal-banner {
  min-height: 350px;
}

.project-hero {
  z-index: 20;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.news-list {
  border-top: 1px solid var(--light-outline);
}

.news-list-item {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--light-outline);
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: grid;
  position: relative;
}

.news-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: start;
  place-items: end start;
  height: 48px;
  margin-top: -3px;
  display: grid;
}

.news-title-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 180px;
  display: flex;
  overflow: hidden;
}

.fixed-hover-image {
  z-index: 200;
  border-radius: 100%;
  width: 260px;
  height: 260px;
  display: none;
  position: fixed;
  inset: auto auto 36px 36px;
  overflow: hidden;
}

.news-dot {
  background-color: #fff;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  margin-top: 8px;
}

.clip-heading {
  letter-spacing: .02em;
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
}

.news-line {
  background-color: var(--light-outline);
  width: 60px;
  height: 1px;
}

.centered-intro {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.arrow-base {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  min-width: 200px;
  margin-bottom: -60px;
  margin-left: -200px;
  margin-right: -200px;
  display: grid;
  transform: rotate(-25deg);
}

.arrow-base.right {
  grid-template-columns: auto 1fr;
  transform: rotate(25deg);
}

.arrow-line {
  background-color: var(--light-outline);
  width: 100%;
  height: 1px;
}

.arrow-corner {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: var(--light-outline);
  width: 24px;
  height: 24px;
  margin-left: -12px;
  transform: rotate(45deg);
}

.arrow-corner.right {
  border-style: solid none none solid;
  margin-left: 0;
  margin-right: -12px;
  transform: rotate(-45deg);
}

.button-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  margin-left: -100px;
  margin-right: -100px;
  display: grid;
}

.button {
  z-index: 25;
  border: 1px solid var(--light-outline);
  background-color: var(--dark);
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 24px 60px;
  font-size: 11px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-outline {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border-radius: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-outline-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.button-outline-wrapper.left {
  width: 50%;
}

.button-outline-wrapper.right {
  justify-content: flex-end;
  width: 50%;
}

.button-outline-fill {
  border: 1px solid #fff;
  border-radius: 100%;
  width: 200%;
  min-width: 300px;
  height: 100%;
}

.footer-menu-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--light-outline);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: flex-start center;
  padding: 65px 0;
  text-decoration: none;
  display: grid;
}

.project-banner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-width: 80vw;
  min-height: 700px;
  display: grid;
  position: relative;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.scrol-indicator-wrapper {
  z-index: 20;
  align-items: flex-end;
  width: 0;
  height: 0;
  max-height: 0;
  margin-bottom: 90px;
  padding-bottom: 80px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.page-wrapper {
  flex-direction: column;
  display: flex;
}

.project-description {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 265px;
  padding-bottom: 80px;
  padding-right: 60px;
  display: grid;
}

.stacked-intro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.stacked-intro.centered {
  text-align: center;
}

.rotating-circles {
  border-left: 1px solid var(--light-outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: center;
  min-height: 400px;
  padding-top: 170px;
  padding-bottom: 170px;
  display: flex;
}

.circle {
  border: 1px solid var(--light-outline);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 475px;
  height: 225px;
  margin-left: 0;
  margin-right: -60px;
  display: flex;
}

.circle-items {
  display: flex;
}

.circles-rotating-wrapper {
  display: flex;
  position: absolute;
  overflow: hidden;
}

.project-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.gallery-slider {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 50px;
  display: flex;
}

.gallery-arrow {
  z-index: 25;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 12px;
  display: flex;
  inset: 0% auto 0% -75%;
}

.gallery-arrow.right {
  margin-right: 12px;
  inset: 0% -75% 0% auto;
}

.item-slide-nav {
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  max-width: 700px;
  height: 50px;
  padding-top: 0;
  display: flex;
  top: auto;
  left: auto;
  right: auto;
}

.gallery-mask {
  width: 50%;
  max-width: 700px;
  padding-left: 6px;
  padding-right: 6px;
  overflow: visible;
}

.gallery-image {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 80vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gallery-slide {
  height: 80vh;
  overflow: hidden;
}

.view-link {
  z-index: 20;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 18px 32px;
  display: none;
  position: fixed;
  inset: -42px auto auto -55px;
}

.gallery-image-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.gallery-background {
  background-image: url('../images/Portrait23.jpeg');
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
  position: absolute;
  inset: auto 0% 0%;
}

.gallery-background.one {
  background-image: url('../images/Portrait001.jpeg');
  background-position: 50% 40%;
}

.gallery-background.three {
  background-image: url('../images/Portrait004.jpeg');
  background-position: 50% 10%;
}

.gallery-background.two {
  background-image: url('../images/Portrait002.jpeg');
}

.gallery-background.four {
  background-image: url('../images/Portrait06.jpeg');
  background-position: 50% 30%;
}

.gallery-background.five {
  background-image: url('../images/Portrait07.jpeg');
  background-position: 100% 40%;
}

.about-hero {
  z-index: 25;
  justify-content: center;
  min-height: 800px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-hero.small {
  min-height: 650px;
}

.project-image-wrapper {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.card-info {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  height: 100%;
  display: grid;
}

.showcase-image-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: -24px;
  padding-top: 6px;
  padding-bottom: 0;
  display: grid;
}

.showcase-image {
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 101px;
  overflow: hidden;
}

.showcase-wrapper {
  margin: -1px -2px -2px -1px;
  position: relative;
  overflow: hidden;
}

.showcase-wrapper.two {
  flex-direction: column;
  margin-top: 36px;
  margin-left: 36px;
  display: flex;
}

.showcase-wrapper.three {
  margin-top: 72px;
  margin-left: 72px;
}

.showcase-wrapper.four {
  margin-top: 108px;
  margin-left: 108px;
}

.showcase-wrapper.five {
  margin-top: 144px;
  margin-left: 144px;
}

.project-arrow-link {
  z-index: 25;
  width: 25%;
  min-width: 60vw;
  margin-right: 75%;
  inset: 0% 0% 0% auto;
}

.hero-image {
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.hero-image.circle-masking {
  justify-content: center;
  width: 120vw;
  min-width: 120vw;
  height: 130vh;
  display: flex;
  inset: auto;
}

.hero-image.full {
  width: 120vw;
  height: 130vh;
  min-height: 110%;
  inset: auto;
}

.hover-circle {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 25vw;
  height: 25vw;
  display: flex;
  position: absolute;
  inset: auto;
  overflow: hidden;
}

.hover-circle-wrapper {
  z-index: 30;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-image-wrapper {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-image-wrapper.left {
  z-index: 20;
  width: 100vw;
}

.full-hero {
  background-image: url('../images/MLG_2580.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  height: auto;
  min-height: auto;
  margin-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-list {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  border-top: 1px none var(--light-outline);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-list-item {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px none var(--light-outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 275px;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 0;
  display: grid;
  position: relative;
}

.service-list-item.bottom {
  padding-bottom: 0;
}

.service-icon {
  border: 1px solid var(--light-outline);
  background-color: var(--dark);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 18px;
  display: flex;
  position: absolute;
  inset: -30px auto auto 0%;
  overflow: hidden;
}

.service-icon.small {
  width: 48px;
  height: 48px;
  padding: 16px;
  top: -24px;
}

.service-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-right: 1px solid var(--light-outline);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 60px;
  padding-right: 72px;
  display: grid;
}

.service-description {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 36px;
  display: grid;
}

.core-value-grid {
  grid-column-gap: 48px;
  grid-row-gap: 80px;
  border-top: 1px none var(--light-outline);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.core-value {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px none var(--light-outline);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  min-height: 150px;
  padding: 48px 0 0 48px;
  display: grid;
  position: relative;
}

.client-quote {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  padding: 0;
  display: grid;
  position: relative;
}

.contact-wrapper {
  z-index: 35;
  background-color: var(--dark);
  justify-content: center;
  align-items: center;
  height: 70vh;
  margin-top: 140px;
  padding: 0;
  display: flex;
  position: relative;
}

.form-block {
  z-index: 50;
  flex-direction: column;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.form {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  width: 100%;
  padding-top: 80px;
  display: grid;
}

.field-block {
  grid-column-gap: 18px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  display: grid;
}

.text-field {
  border: 1px solid var(--turquoise);
  color: #fff;
  background-color: #fff0;
  border-radius: 7px;
  min-height: 60px;
  margin-bottom: 0;
  padding: 18px 22px;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
}

.text-field:focus {
  background-color: #12151a4d;
  border-color: #ffffff40;
  padding-left: 26px;
}

.text-field::placeholder {
  color: #ffffff7a;
  font-weight: 300;
}

.text-field.large {
  border-color: var(--turquoise);
  min-height: 160px;
}

.feild-block-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.submit-button {
  border: 1px solid var(--turquoise);
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #161a2000;
  border-radius: 0%;
  padding: 26px 18px;
  font-size: 14px;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
}

.submit-button:hover {
  background-color: var(--turquoise);
  border-color: #fff;
}

.social-block {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.social-icon-wrapper {
  grid-column-gap: 18px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.social-icon {
  border: 1px solid var(--light-outline);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 14px;
  display: flex;
}

.social-icon.small {
  width: 36px;
  height: 36px;
  padding: 9px;
}

.preloader {
  z-index: 500;
  background-color: var(--extra-dark);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.preloader-content {
  z-index: 100;
  border: 1px solid var(--light-outline);
  border-radius: 100%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
  position: relative;
}

.preloader-outline-circle {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin: -1px;
  display: grid;
  position: absolute;
  inset: 0%;
}

.preloader-outline-wrapper {
  flex-direction: column;
  align-items: stretch;
  width: 0%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.preloader-outline {
  border: 1px solid #fff;
  border-radius: 100%;
  width: 200px;
  min-width: 200px;
  height: 200px;
  min-height: 200px;
  position: absolute;
  inset: 0% 0% auto;
}

.preloader-outline.bottom {
  inset: auto 0% 0% auto;
}

.gallery-content {
  z-index: 50;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#12151a1a, #12151acc);
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  flex-direction: column;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: end space-between;
  place-items: center stretch;
  width: 100%;
  height: 100%;
  padding: 120px 0 48px;
  display: grid;
  position: absolute;
  overflow: hidden;
}

.rotating-card-text {
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  overflow: visible;
}

.social-icon-image {
  z-index: 20;
  width: 18px;
  position: relative;
}

.call-to-action-intro {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial-text {
  font-size: 2em;
  font-weight: 300;
  text-decoration: none;
}

.testimonial-text.large {
  letter-spacing: 0;
  background-image: linear-gradient(#00000080, #00000080);
  padding: 40px;
  font-size: 2em;
  line-height: 1.5em;
}

.play-icon-image {
  z-index: 24;
  width: 18px;
  margin-left: 2px;
  position: relative;
}

.rotate-text {
  letter-spacing: 4px;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 11px;
  transform: rotate(-90deg);
}

.success-message {
  background-color: #0000;
  height: 100%;
  padding: 80px 0 0;
}

.success-content {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  border: 1px solid var(--light-outline);
  background-color: var(--extra-dark);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
  display: grid;
}

.error-message {
  background-color: var(--bordeaux);
  border: 1px #963030;
  border-left-style: solid;
  margin-top: 36px;
  padding: 12px;
}

.form-wrapper {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 120px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: space-between;
  width: 100%;
  height: 100%;
  padding: 93px 60px 60px;
  display: grid;
  position: relative;
}

.showcase-gallery-image {
  width: 100%;
  margin: -1px;
}

.rich-text {
  margin-top: -36px;
  margin-bottom: -18px;
}

.rich-text h2 {
  margin-top: 36px;
  margin-bottom: 12px;
}

.rich-text p {
  margin-bottom: 18px;
}

.rich-text h4 {
  margin-top: 24px;
  margin-bottom: 9px;
}

.rich-text h3 {
  margin-top: 36px;
  margin-bottom: 12px;
}

.rich-text h5, .rich-text h6 {
  margin-top: 24px;
  margin-bottom: 9px;
}

.hover-line {
  height: 1px;
  position: absolute;
  inset: auto 0% -1px;
  overflow: hidden;
}

.hover-line-fill {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.view-link-cover {
  z-index: 25;
  position: absolute;
  inset: 0%;
}

.logo-image {
  opacity: .5;
  width: 150px;
}

.list-item {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--light-outline);
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
  position: relative;
}

.pagination {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  place-content: center start;
  place-items: center;
  width: 66.66%;
  margin-top: 80px;
  padding-top: 0;
  padding-right: 9px;
  display: grid;
}

.page-count {
  border-right: 1px none var(--light-outline);
  border-left: 1px none var(--light-outline);
  letter-spacing: 4px;
  align-items: center;
  margin-top: 0;
  padding-left: 0;
  font-weight: 300;
  display: flex;
}

.pagination-link {
  border-right: 1px solid var(--light-outline);
  color: #fff;
  background-color: #0000;
  border-top-style: none;
  margin-left: 0;
  margin-right: 36px;
  padding-left: 0;
  padding-right: 36px;
}

.pagination-link.right {
  border-left: 1px solid var(--light-outline);
  border-right-style: none;
  margin-left: 36px;
  margin-right: 0;
  padding-left: 36px;
  padding-right: 0;
}

.pagination-link-wrapper {
  background-color: #0000;
  border-style: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.hero-background {
  background-image: url('../images/Comp024.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.hero-background.news-background {
  background-image: url('../images/Comp025.jpg');
}

.hero-background.about-background {
  background-image: none;
  width: 100svw;
  height: 100svh;
}

.hero-background.services-background {
  background-image: url('../images/Image038.jpeg');
  background-position: 100%;
}

.hero-background.contact-background {
  background-image: url('../images/MLG_1083-2.jpg');
  background-position: 50%;
}

.hero-background.home-background {
  background-image: none;
  inset: 0%;
}

.hero-background.projects-background {
  background-image: url('../images/1019-01.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero-background.felix-bg {
  background-image: url('../images/felix-05.jpg');
  background-position: 50% 0;
}

.testimonial-feature {
  background-image: url('../images/Jou-01-Teaser.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: -5px;
  position: absolute;
  inset: 0%;
}

.testimonial-feature.two {
  background-image: url('../images/02-teaser.jpg');
  background-position: 50%;
}

.testimonial-feature.three {
  background-image: url('../images/news-03.jpg');
  background-position: 100%;
}

.testimonial-feature.four {
  background-image: url('../images/Felix-maxi-01.jpg');
  background-position: 0%;
}

.testimonial-feature.five {
  background-image: url('../images/news-05-teaser.jpg');
}

.button-text {
  z-index: 25;
  position: relative;
}

.footer-section {
  z-index: 25;
  background-color: var(--extra-dark);
  margin-top: auto;
  padding-top: 120px;
  padding-bottom: 0;
  position: relative;
}

.service-icon-image {
  z-index: 25;
  position: relative;
}

.scroll-arrow-icon {
  width: 24px;
}

.footer-links-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 60px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: center;
  align-items: stretch;
  padding-left: 10%;
  padding-right: 10%;
  display: grid;
}

.footer-link {
  border-bottom: 1px solid var(--light-outline);
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 24px;
  font-size: 11px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.footer-credit-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--light-outline);
  color: var(--body-display);
  letter-spacing: 4px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  align-items: center;
  margin-top: 80px;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 8px;
  display: grid;
}

.legal-credits {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: end;
  justify-items: end;
  font-size: 10px;
  display: grid;
}

.legal-link {
  opacity: 1;
  color: var(--body-display);
  text-decoration: none;
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
}

.legal-link:hover {
  color: #fff;
}

.home-hero {
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.delete-me {
  z-index: 5000000;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border: 1px solid #f3f6f9;
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 22rem;
  padding: 2rem;
  display: flex;
  position: fixed;
  inset: auto .5rem .5rem auto;
}

.hide-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #000;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.delete-me_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.delete-me_text-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.delete-me_text-description {
  line-height: 1.5;
}

.delete-me_link {
  color: #fff;
  background-color: #000;
  border-radius: 100px;
  padding: .65rem 1.3rem .7rem;
  line-height: 1.3;
  text-decoration: none;
}

.rotador {
  background-color: var(--light-outline);
  transform-style: preserve-3d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: static;
  overflow: visible;
  transform: rotateX(.01deg)rotateY(0)rotateZ(0);
}

.background-video-hero {
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: absolute;
}

.image {
  width: 20px;
  height: 20px;
  padding-left: 0;
}

.text-block {
  letter-spacing: .25em;
}

.text-block-2 {
  font-size: 4vw;
  display: block;
}

.image-2 {
  height: 250px;
  margin-bottom: 0;
}

.link-block {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-block.w--current {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.grid-wrapper-50vw-width {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center end;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.grid-wrapper-50vw-width.indicator-grid-wrapper {
  z-index: 10;
  align-content: end;
  height: 0;
}

.grid-wrapper-50vw-width.zero-height {
  height: 0;
}

.div-block {
  width: 50vw;
}

.textblock-over-img {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  display: flex;
}

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

.nav-text-white {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  overflow-wrap: normal;
  padding-right: 10px;
  font-size: 11px;
  text-decoration: none;
}

.video {
  z-index: 2;
  display: block;
}

.heading-padding-unten {
  color: var(--background);
  letter-spacing: .05em;
  margin-top: 0;
  padding-bottom: 30px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4em;
}

.heading-padding-unten.large {
  font-size: 52px;
}

.heading-padding-unten.medium {
  font-size: 28px;
}

.body-display-gesperrt {
  color: var(--body-display);
  font-family: Montserrat, sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.6em;
}

.body-display-gesperrt.small {
  font-size: 14px;
}

.body-display-gesperrt.dual-paragraph {
  column-count: 2;
  column-gap: 60px;
}

.txt-div-left-50 {
  width: 50%;
  max-width: 600px;
  padding-top: 60px;
  padding-right: 20px;
}

.div-block-2 {
  display: flex;
}

.img-div-right-50 {
  width: 66%;
  max-width: 800px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.image-3 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.img-div-left-50 {
  width: 50%;
  max-width: 600px;
}

.infotext {
  color: #707070;
  font-size: .9em;
}

.header {
  border-bottom: 0 solid #d3d3d3;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.header-button {
  color: #edebd1;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 999em;
  padding: 1em 1.6em;
  font-size: .65em;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: all .35s cubic-bezier(.165, .84, .44, 1);
  display: inline-block;
}

.header-button:hover {
  padding-left: 3.5em;
  padding-right: 3.5em;
}

.header-button.secondary {
  color: #000;
  background-color: #0000;
  border-width: 1px;
}

.header-button-wrapper {
  margin-right: 1em;
}

.container-w1 {
  width: 100%;
  max-width: 95em;
  margin-left: auto;
  margin-right: auto;
}

.text-grey {
  color: #707070;
}

.header-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.header-left {
  align-items: center;
  display: flex;
}

.copy-medium {
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.45em;
}

.copy-medium.text-grey {
  color: #707070;
}

.social-link {
  color: #000;
  align-items: center;
  margin-top: .7em;
  margin-bottom: .7em;
  font-size: 1.5em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.social-link:hover {
  color: #f39a0e;
  transform: scale(1.2);
}

.p-xs-end {
  padding-bottom: 1.6em;
}

.blog-teaser-item-wrapper {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.5em 2em;
}

.blog-teaser-item-wrapper.quote {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8em 4em;
  display: flex;
}

.blog-teaser-item-wrapper.page-teaser {
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

.section-blog-overview {
  overflow: hidden;
}

.blog-header-divider-inner {
  width: 50%;
  height: 1px;
  position: relative;
}

.p-xs-start {
  padding-top: 1.6em;
}

.page-teaser-text-wrapper {
  z-index: 2;
  color: #fff;
  text-align: center;
  padding: 6.5em 10.2em;
  position: relative;
}

.social-title {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 1.2em;
}

.text-dark {
  color: #000;
}

.grid-border-line-wrapper {
  background-color: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.grid-border-line-wrapper.right {
  inset: 0% 0% auto auto;
}

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

.page-teaser-gradient {
  z-index: 1;
  background-image: linear-gradient(163deg, #fff0 9%, #3c230199 83%);
  position: absolute;
  inset: 0%;
}

.title2 {
  font-size: 3.375em;
  font-weight: 600;
  line-height: 1.1em;
}

.social-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.intro-description {
  padding-top: 2em;
}

.blog-overview-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1.75fr 1.75fr 1fr 1fr;
  width: 100%;
}

.page-teaser-title {
  font-size: 3.5em;
  font-weight: 500;
  line-height: 1.15em;
}

.social-icon-2 {
  width: 1.5em;
  height: 1.5em;
}

.page-teaser-subtitle {
  letter-spacing: .25em;
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: 500;
}

.page-teaser-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.blog-teaser-quote {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.2;
}

.blog-header-divider {
  background-color: #000;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.blog-header-divider.right {
  width: 100%;
  inset: 0% auto auto 0%;
}

.blog-header-title-letter {
  display: block;
}

.video-description {
  margin-top: 1em;
  margin-bottom: 4em;
}

.quote-author-wrapper {
  margin-top: 1em;
}

.blog-header-title-wrapper {
  justify-content: flex-end;
  display: flex;
}

.p-sm-end {
  padding-bottom: 3em;
}

.container-w2 {
  width: 100%;
  max-width: 83.125em;
  margin-left: auto;
  margin-right: auto;
}

.blog-teaser-list-wrapper {
  height: 100%;
}

.p-xl-end {
  padding-bottom: 8.5em;
}

.section-intro {
  background-color: #e6d7cd;
  background-image: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.p-xxs-end {
  padding-bottom: 1.1em;
}

.container-w3 {
  width: 100%;
  max-width: 67em;
  margin-left: auto;
  margin-right: auto;
}

.button-3 {
  color: #000;
  text-align: center;
  letter-spacing: .02em;
  background-color: #fff;
  background-image: linear-gradient(135deg, #ffc260 13%, #fdf89e 50%, #e3fecc 82%, #fff);
  border: 0 #0000;
  border-radius: 999em;
  margin-bottom: 0;
  padding: 1.2em 2.5em;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.1em;
  text-decoration: none;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
  position: relative;
  overflow: hidden;
}

.button-3:hover {
  transform: scale(1.06);
  box-shadow: inset 1px 1px 30em #f8ffad;
}

.button-3:active {
  transform: scale(.96);
}

.page-teaser-image {
  object-fit: cover;
  flex: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-teaser-list {
  height: 100%;
}

.blog-teaser-item {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.title1 {
  font-size: 4.25em;
  font-weight: 600;
  line-height: 1.1em;
}

.p-xl-start {
  padding-top: 8.5em;
}

.blog-header-divider-wrapper {
  justify-content: center;
  width: 100%;
  height: 1px;
  margin-top: 1em;
  display: flex;
}

.blog-header-title {
  perspective: 3em;
  perspective-origin: 50% 0;
  text-align: right;
  text-transform: uppercase;
  justify-content: flex-start;
  font-size: 10em;
  font-weight: 300;
  display: flex;
  position: relative;
}

.grid-border-line {
  background-color: #000;
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.position-realtive {
  position: relative;
}

.body-blog {
  background-color: var(--body-display);
}

.blog-teaser-meta-wrapper {
  justify-content: space-between;
  font-size: 1.2em;
  display: flex;
}

.blog-teaser-category {
  letter-spacing: .05em;
  text-transform: uppercase;
}

.blog-teaser-text-wrapper {
  max-height: 4.2em;
  overflow: hidden;
}

.blog-teaser-title-wrapper {
  color: #000;
  text-decoration: none;
}

.blog-teaser-title {
  font-weight: 700;
  line-height: 1.4em;
  display: inline;
}

.blog-teaser-text-divider {
  margin-left: .3em;
  margin-right: .3em;
  font-weight: 700;
  display: inline;
}

.blog-teaser-summary {
  line-height: 1.4em;
  display: inline;
}

.jou-teaser-title {
  justify-content: space-between;
  font-size: 1.2em;
  display: flex;
}

.news---date {
  letter-spacing: .25em;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 300;
}

.news---date.large {
  font-size: 38px;
  line-height: 1.25em;
}

.navbar-mobile {
  display: none;
}

.brand-mobile {
  z-index: 25;
  border-right: 1px solid var(--light-outline);
  border-left: 1px solid var(--light-outline);
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-left: -1px;
  margin-right: -1px;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.div-block-vendee {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  display: flex;
}

.button-div {
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.button-fo-basic {
  background-color: var(--light-outline);
  text-align: center;
  letter-spacing: .25em;
  width: auto;
  height: 50px;
  padding: 15px 40px;
}

.button-fo-basic:hover {
  border: 1px solid var(--background);
  background-color: var(--turquoise);
  border-radius: 1px;
}

.img-left {
  width: 100%;
  height: 100%;
  padding-top: 60px;
  padding-right: 20px;
}

.txt-div-right-50 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 50%;
  padding-top: 0;
  padding-left: 20px;
  display: flex;
}

.news-link-block {
  color: var(--background);
  text-decoration: none;
}

.sec---minitransat {
  z-index: 20;
  justify-content: center;
  padding: 60px 5vw 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.sec---minitransat.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.sec---minitransat.verticle-border {
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px solid var(--light-outline);
}

.sec---minitransat.no-clip {
  overflow: visible;
}

.sec---minitransat.no-clip.no-bottom-padding {
  padding-bottom: 0;
}

.sec---minitransat.top-border {
  border-top: 1px solid var(--light-outline);
}

.sec---minitransat.large {
  padding-top: 269px;
  padding-bottom: 270px;
}

.sec---minitransat.no-top-padding {
  padding-top: 0;
}

.sec---minitransat.no-bottom-padding {
  padding-bottom: 0;
}

.sec---minitransat.small-top-padding {
  padding-top: 85px;
}

.section-vendee-globe {
  z-index: 20;
  column-count: 2;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-vendee-globe.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section-vendee-globe.verticle-border {
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px solid var(--light-outline);
}

.section-vendee-globe.no-clip {
  overflow: visible;
}

.section-vendee-globe.no-clip.no-bottom-padding {
  padding-bottom: 0;
}

.section-vendee-globe.top-border {
  border-top: 1px solid var(--light-outline);
}

.section-vendee-globe.large {
  padding-top: 269px;
  padding-bottom: 270px;
}

.section-vendee-globe.no-top-padding {
  padding-top: 0;
}

.section-vendee-globe.no-bottom-padding {
  padding-bottom: 0;
}

.section-vendee-globe.small-top-padding {
  padding-top: 85px;
}

.code-embed {
  margin-top: 114px;
}

.my-story-lindblock {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.my-story-lindblock.w--current {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.my-story-lb {
  z-index: 25;
  border-right: 1px solid var(--light-outline);
  border-left: 1px solid var(--light-outline);
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-left: -1px;
  margin-right: -1px;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.full-hero-white-bg {
  justify-content: center;
  min-height: 75vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-background-felix {
  background-image: url('../images/Comp024.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.hero-background-felix.news-background {
  background-image: url('../images/Comp025.jpg');
}

.hero-background-felix.about-background {
  background-image: none;
  width: 100svw;
  height: 100svh;
}

.hero-background-felix.services-background {
  background-image: url('../images/Image038.jpeg');
  background-position: 100%;
}

.hero-background-felix.contact-background {
  background-image: url('../images/MLG_1083-2.jpg');
  background-position: 50%;
}

.hero-background-felix.home-background {
  background-image: none;
  inset: 0%;
}

.hero-background-felix.projects-background {
  background-image: url('../images/felix-05.jpg');
  background-position: 50%;
  background-size: cover;
}

.text-block-5, .text-block-6, .text-block-7 {
  font-size: 4vw;
}

.menu-item-txt {
  font-family: Montserrat, sans-serif;
  font-size: 4vw;
}

.text-block-9, .text-block-11 {
  font-size: 4vw;
}

.wg-element-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.wg-element-wrapper.sw6 {
  justify-content: center;
  align-items: center;
}

.wg-element-wrapper.sw12 {
  display: block;
}

.wg-dd-1-list {
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  box-shadow: 0 -13px 50px 3px #11179c12;
}

.wg-dd-1-list.wg-dropdown-link-flag.w--open, .wg-dd-1-list.wg-dropdown-link-flag {
  background-color: var(--transparent);
}

.wg-dd-1-list.wg-dropdown-link-flag {
  background-color: #fff0;
}

.wg-flag-ico {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.wg-dropdown-1 {
  text-transform: uppercase;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  font-weight: 700;
}

.wg-flag {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 20px;
  margin-right: 0;
  display: flex;
}

.wg-flag.v2 {
  margin-right: 1rem;
}

.wg-dropdown-1-link {
  background-color: var(--transparent);
  color: #000;
  cursor: pointer;
  padding: 10px 15px;
  text-decoration: none;
}

.wg-dropdown-1-link:hover {
  background-color: var(--transparent);
  color: #fff;
}

.wg-dd-1-toggle {
  z-index: 1;
  background-color: var(--transparent);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 10px 15px;
}

.wg-dd-1-toggle:hover {
  background-color: var(--transparent);
  color: #fff;
  -webkit-text-stroke-color: var(--transparent);
}

.wg-dd-1-toggle.w--open {
  padding-left: 15px;
  padding-right: 15px;
}

.wg-selector-text-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.wg-code {
  display: none;
}

.text-block-12, .text-block-13, .text-block-14 {
  color: var(--background);
}

.wg-dropdown-1-link-2 {
  background-color: var(--transparent);
  color: #000;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link-2:hover {
  background-color: var(--transparent);
  color: #fff;
}

.wg-dd-1-togle-2 {
  z-index: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 10px 15px;
}

.wg-dd-1-togle-2:hover {
  background-color: var(--transparent);
  color: #fff;
}

.wg-button-1 {
  color: #000;
  letter-spacing: .5em;
  text-transform: uppercase;
  flex-direction: column;
  align-items: center;
  height: 2rem;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wg-button-1:hover {
  color: #4049ff;
}

.wg-button-1-text-lang2 {
  align-items: center;
  height: 2rem;
  display: flex;
  position: absolute;
  bottom: 2rem;
}

.wg-button-1-text-lang1 {
  align-items: center;
  height: 2rem;
  display: flex;
}

.wg-button-1-text-lang1.front-link {
  display: none;
}

.wg-button-1-lang-wrapper {
  justify-content: center;
  display: flex;
}

.text-block-15, .text-block-16 {
  color: var(--background);
  letter-spacing: .2em;
}

.blog-main {
  margin-top: 165px;
}

.unsplash-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: auto;
  display: block;
}

.grid {
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.blogcard {
  background-color: var(--dark-outlune);
  flex-flow: column;
  height: auto;
  padding: 20px;
  display: flex;
}

.image-5 {
  padding-bottom: 20px;
}

.titlewrap {
  margin-bottom: 55px;
}

.heading-2 {
  color: #fff;
  letter-spacing: 2.24px;
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 90%;
}

.heading-2.black {
  color: #000;
}

.content {
  background-color: var(--turquoise);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 500px;
  padding: 90px 5%;
}

.content.whiteish {
  background-color: #eff1f4;
}

.div-contain {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  min-height: 540px;
  display: flex;
}

.paragraph {
  color: #000;
  font-family: Inconsolata, monospace;
}

.paragraph.white {
  color: #fff;
}

.heading-3 {
  text-transform: uppercase;
  padding-bottom: 10px;
  font-family: Inconsolata, monospace;
  position: absolute;
  inset: 0% auto auto 0%;
}

.main_card_contain {
  cursor: pointer;
  min-height: 540px;
  padding-left: 60px;
  padding-right: 60px;
  transition: background-color .2s cubic-bezier(.215, .61, .355, 1);
}

.main_card_contain.red {
  background-color: #fe335a;
}

.main_card_contain.red:hover {
  background-color: #fd4467;
}

.main_card_contain.yellow {
  background-color: #fffd39;
  transition: transform .3s;
}

.main_card_contain.yellow:hover {
  transform: scale(1.1);
}

.main_card_contain.white {
  background-color: #fff;
  transition: transform .3s;
}

.main_card_contain.white:hover {
  transform: scale(1.1);
}

.main_card_contain.black {
  background-color: #000;
  background-image: linear-gradient(#00000080, #00000080), url('../images/Felix-06.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  transition: transform .3s;
  display: flex;
}

.main_card_contain.black:hover {
  transform: scale(1.1);
}

.main_card_contain.blue {
  background-color: #33cbfb;
  transition: transform .3s;
}

.main_card_contain.blue:hover {
  transform: scale(1.1);
}

.grid-2 {
  grid-template: "Area Area-3 Area-3"
                 "Area-4 Area-4 Area-2"
                 "Area-5 Area-6 Area-6"
                 "Area-7 Area-7 Area-8"
                 / 1fr 1fr 1fr;
  width: 100%;
  height: auto;
}

.button-4 {
  color: #000;
  background-color: #fff;
  padding: 6px 13px 6px 12px;
  font-family: Inconsolata, monospace;
}

.button-4.black {
  color: #fff;
  background-color: #000;
}

.flexcontainer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.blog-title {
  color: #fff;
  letter-spacing: 2.24px;
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 90%;
}

.blog-title.black {
  color: #000;
}

.blog-tag-button {
  color: #000;
  background-color: #fff;
  padding: 6px 13px 6px 12px;
  font-family: Inconsolata, monospace;
}

.blog-tag-button.black {
  color: #fff;
  background-color: #000;
}

.blog-paragraph {
  color: #000;
  font-family: Inconsolata, monospace;
}

.blog-paragraph.white {
  color: #fff;
}

.blog-masonry-grid {
  grid-template: "Area Area-3 Area-3"
                 "Area-4 Area-4 Area-2"
                 "Area-5 Area-6 Area-6"
                 "Area-7 Area-7 Area-8"
                 / 1fr 1fr 1fr;
  width: 100%;
  height: auto;
}

.blog-content {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  min-height: 500px;
  padding: 90px 5%;
}

.blog-content.whiteish {
  background-color: #eff1f4;
}

.div-contain-copy {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  min-height: 540px;
  display: flex;
}

.tab-container {
  width: 90vw;
  max-width: 1200px;
  height: auto;
  margin-top: 140px;
}

.code-embed-2 {
  width: 100%;
  height: 100%;
}

.tabs-block {
  height: 600px;
}

.tab-txt {
  color: var(--background);
  font-weight: 500;
}

.tab-link-active {
  background-color: var(--transparent);
}

.tab-link-active:hover {
  background-color: var(--turquoise);
}

.tab-link-active.w--current {
  border: 0px none var(--background);
  background-color: var(--dark-turqoise);
  border-radius: 1px;
}

.tab-link-active.w--current:hover {
  background-color: var(--turquoise);
}

.tab-link-not-active {
  background-color: var(--transparent);
}

.tab-link-not-active:hover {
  background-color: var(--turquoise);
}

.tab-link-not-active:lang(en) {
  background-color: var(--transparent);
}

.tab-link-not-active.w--current {
  background-color: var(--dark-turqoise);
}

.tab-link-not-active.w--current:hover {
  background-color: var(--turquoise);
}

.tab-link-tab-3 {
  background-color: var(--transparent);
}

.tab-link-tab-3:hover {
  background-color: var(--turquoise);
}

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

.tab.w--current {
  background-color: var(--dark-turqoise);
}

.tab-label {
  color: var(--background);
  text-align: center;
  font-weight: 500;
}

.tab-link-tab-2 {
  background-color: var(--transparent);
}

.tab-link-tab-2:hover {
  background-color: var(--turquoise);
}

.tab-link-tab-3-2 {
  background-color: var(--transparent);
}

.tab-link {
  aspect-ratio: auto;
  border-right: .25px none var(--overlay-0-25);
  border-left: .25px solid var(--body-display);
  background-color: var(--transparent);
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 60px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: visible;
}

.tab-link:hover {
  background-color: var(--turquoise);
}

.tab-link.w--current {
  background-color: var(--bluegrey);
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-left: 30px;
  display: flex;
}

.tab-link.most-left {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.tab-link.most-left.w--current {
  background-color: var(--bluegrey);
  flex: 0 auto;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.insights-header {
  column-count: 2;
  width: 100%;
  padding-bottom: 100px;
}

.insights-header-title {
  border-top: 2px none var(--background);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  column-span: all;
  width: 70vw;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 2.5em;
  font-weight: 200;
  line-height: 1.6em;
}

.insights-header-title.multiline {
  line-height: 1.2em;
}

.insights-header-text {
  column-span: all;
  width: 85%;
  padding-top: 0;
  font-size: 1.25em;
  font-weight: 200;
  line-height: 1.75em;
}

.tab-pane-rennkalender {
  margin-top: 0;
  padding-top: 0;
}

.insights-pane-title {
  letter-spacing: 1.4px;
  padding-bottom: 60px;
  font-size: 3em;
  font-weight: 200;
}

.second-section {
  padding-left: 0;
}

.left-aligned-container-grid {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 65vh;
  padding: 0 0 1.5vh;
  display: grid;
}

.gray-bg-square {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.gray-bg-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.gray-bg-square-text {
  color: #fff;
  text-align: center;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2em;
  padding-left: 0;
  padding-right: 0;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.35em;
}

.gray-bg-square-text.third-section {
  margin-bottom: .5em;
  padding-left: 1.6em;
  padding-right: 1.6em;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.35em;
}

.link-block-2 {
  margin-top: 9vh;
  text-decoration: none;
  position: absolute;
}

.text-block-17 {
  color: #fff;
  text-align: center;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 1.1em;
  font-weight: 300;
  text-decoration: none;
  position: relative;
  top: 5vh;
}

.bg-image {
  background-image: url('../images/schlaf-boot-02.jpg');
  background-position: 50%;
  background-size: cover;
}

.tabs-content {
  margin-top: 40px;
  padding-top: 10px;
}

.tabs-content.fitness {
  background-image: url('../images/Fitnesstest2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
}

.tabs-menu {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60px;
  display: flex;
  position: relative;
}

.right-aligned-container-grid {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  min-height: 80vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.right-aligned-container-grid.tab2 {
  grid-template-columns: 1fr .75fr;
}

.right-aligned-container-grid.tab1 {
  grid-template-columns: .5fr 1fr;
}

.right-aligned-container-grid.tab3 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr;
  grid-auto-rows: minmax(61vh, 1.75fr);
  grid-auto-columns: 3.5fr;
  min-height: 70vh;
}

.right-aligned-container-grid.tab5 {
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  min-height: 70vh;
}

.right-aligned-container-grid.tab6 {
  grid-template-columns: 1fr .75fr;
}

.heading-4 {
  color: #fff;
  text-align: left;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.35em;
}

.heading-4.tab1 {
  text-align: left;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 40px;
}

.link-decoration {
  color: #fff;
  background-color: #a0a0a0;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: 125px;
  width: 4.9em;
  height: .1em;
  margin-top: 40px;
  margin-bottom: 60px;
  padding-bottom: 0;
}

.link-decoration.long {
  width: 10em;
}

.read-more-link {
  color: #fff;
  text-align: center;
  letter-spacing: .1em;
  width: 50%;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.7em;
  text-decoration: none;
}

.gray-bg-rectangle {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.gray-bg-rectangle.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.gray-bg-rectangle.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
  padding-right: 2em;
}

.gray-bg-rectangle.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 2em;
}

.gray-bg-rectangle.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.gray-bg-rectangle.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.gray-bg-rectangle.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.gray-bg-rectangle.midgrey {
  background-color: var(--warm-grey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.gray-bg-rectangle.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.gif-square {
  background-image: url('../images/GIF-2_FARM.gif');
  background-position: 50%;
  background-size: cover;
}

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

.tab-box-title {
  text-align: center;
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 700;
  display: block;
}

.tab-box-text {
  text-align: left;
  font-size: 1em;
  line-height: 1.8em;
}

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

.image-6 {
  display: block;
}

.div-block-5 {
  background-image: url('../images/schlaf-boot-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tabs {
  text-align: left;
}

.eighth-section {
  height: 80vh;
}

.fourth-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 80vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.image-bg-rectangle {
  background-image: url('../images/felix-oberle.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.light-bg-overlay {
  background-color: var(--overlay-0-7);
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-top: 600px;
  margin-left: 0;
  margin-right: 0;
  padding: 4em;
  display: flex;
}

.heading-5 {
  color: #fff;
  text-align: center;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: 3.1em;
  font-weight: 300;
  line-height: 1.35em;
}

.light-bg-overlay-2 {
  background-color: #ada393e6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2em 8em;
  display: flex;
}

.right-aligned-container-grid-2 {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  min-height: 65vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.bg-image-2 {
  background-image: url('../images/SL_Farm-16.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg-image-2._2 {
  background-image: url('../images/schlaftest2.jpg');
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bg-image-2.tab6 {
  background-image: url('../images/Wasser-Etappe-1.jpg');
  background-repeat: no-repeat;
}

.copyright-tag {
  z-index: 3;
  float: right;
  clear: none;
  background-color: #0006;
  align-self: flex-end;
  align-items: center;
  padding: 1.5vh 1vw;
  display: none;
  position: fixed;
  inset: auto 2vw 7.2vh auto;
}

.gray-bg-square-2 {
  background-color: var(--marine-dark);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.copyright-info {
  color: #fff;
  font-size: .8em;
  font-weight: 300;
}

.middle-aligned-container-grid {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  min-height: 65vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.middle-aligned-container-grid.tab6 {
  grid-template-columns: 1fr .75fr;
}

.insights-topline {
  width: 66%;
  padding-bottom: 40px;
}

.div-block-tab-1-1 {
  background-image: url('../images/Bildschirmfoto-2024-06-03-um-17.05.45.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-image-tab-1-2 {
  background-image: url('../images/Felix-26.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-bg-rectangle-tab-1-3 {
  background-image: url('../images/Copyright_Soho_Farm_House_Boat_House_1.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.div-block-tab-3-1 {
  background-image: url('../images/1019.jpg');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.second-section-tab3 {
  padding-left: 0;
}

.left-aligned-container-grid-tab3 {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  min-height: 65vh;
  padding: 0 0 1.5vh;
  display: grid;
}

.bg-image-tab-3-2 {
  background-image: url('../images/1019.jpg');
  background-position: 50%;
  background-size: cover;
}

.third-section-tab3 {
  padding-left: 0;
}

.cross-aligned-container-grid-tab3 {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .55fr .45fr;
  grid-auto-columns: 1fr;
  min-height: 65vh;
  padding: 0 0 1.5vh;
  display: grid;
}

.bg-image-tab-3-3 {
  background-image: url('../images/wetter-monitor.jpg');
  background-position: 50%;
  background-size: cover;
}

.eighth-section-tab3 {
  height: 80vh;
  display: none;
}

.fourth-container-tab3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 80vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.video-bg-tab-3-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.light-bg-overlay-tab3 {
  background-color: var(--overlay-0-5);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: 2em 8em;
  display: flex;
}

.background-video-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 88vh;
  display: flex;
}

.heading-4-center {
  color: #fff;
  text-align: center;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.35em;
}

.second-section-tab2 {
  height: auto;
  min-height: auto;
  padding-left: 0;
}

.gray-bg-rectangle-tab2 {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.gray-bg-rectangle-tab2.dark {
  background-color: var(--bluegrey);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 2em;
  padding-right: 4em;
}

.gray-bg-rectangle-tab2.dark.tab3 {
  padding-top: 0;
}

.gray-bg-rectangle-tab2.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
  padding-top: 20px;
  padding-bottom: 20px;
}

.gray-bg-rectangle-tab2.orange {
  background-color: var(--orange);
}

.gray-bg-rectangle-tab2.midgrey {
  background-color: var(--body-display);
}

.eighth-section-tab4 {
  background-image: url('../images/Fitnesstest2.jpg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.fourth-container-tab4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 80vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.image-bg-rectangle-tab4 {
  background-image: url('../images/Fitnesstest2.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-tab-5-1 {
  background-image: url('../images/tutti-frutti.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-6 {
  background-image: url('../images/Essen5.jpg');
  background-position: 50%;
  background-size: cover;
  position: static;
}

.div-block-7 {
  background-image: url('../images/Essen2.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
  min-height: 500px;
}

.gray-bg-square-tab6 {
  background-color: var(--dark-turqoise);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 2em;
  display: flex;
}

.tab-box-text-tab6 {
  text-align: left;
  font-size: 1em;
  line-height: 1.8em;
}

.div-block-tab-1-6 {
  background-image: url('../images/Bildschirmfoto-2024-06-03-um-17.05.45.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-tab-1-1tab6 {
  background-image: url('../images/1000-kartentisch.jpg');
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gray-bg-rectangle-copy.dark {
  background-color: var(--overlay-0-7);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 2em;
  padding-right: 4em;
}

.gray-bg-rectangle-copy.dark.tab2 {
  background-color: var(--bluegrey);
  padding: 40px 1.6em 20px;
}

.gray-bg-rectangle-copy.dark.tab3 {
  background-color: var(--dark-cyan);
  padding-top: 0;
}

.gray-bg-rectangle-copy.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.gray-bg-rectangle-copy.orange {
  background-color: var(--orange);
}

.gray-bg-rectangle-copy.midgrey {
  background-color: var(--body-display);
}

.gray-bg-rectangle-tab1 {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.gray-bg-rectangle-tab1.dark {
  background-color: var(--orange);
  justify-content: space-around;
  align-items: flex-start;
  padding-bottom: 40px;
  padding-left: 2em;
  padding-right: 2em;
}

.gray-bg-rectangle-tab1.dark.tab3 {
  background-color: var(--dark-cyan);
  padding-top: 0;
}

.gray-bg-rectangle-tab1.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.gray-bg-rectangle-tab1.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.gray-bg-rectangle-tab1.orange {
  background-color: var(--orange);
}

.gray-bg-rectangle-tab1.midgrey {
  background-color: var(--body-display);
}

.gray-bg-rectangle-tab7 {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.gray-bg-rectangle-tab7.dark {
  background-color: var(--overlay-0-7);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 2em;
  padding-right: 4em;
}

.gray-bg-rectangle-tab7.dark.tab3 {
  background-color: var(--dark-cyan);
  padding-top: 0;
}

.gray-bg-rectangle-tab7.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.gray-bg-rectangle-tab7.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.gray-bg-rectangle-tab7.orange {
  background-color: var(--bordeaux);
  justify-content: space-around;
  padding-top: 20px;
  padding-bottom: 20px;
}

.gray-bg-rectangle-tab7.midgrey {
  background-color: var(--body-display);
}

.left-aligned-container-grid-copy {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 65vh;
  padding: 0 0 1.5vh;
  display: grid;
}

.bg-image-tab-7-1 {
  background-image: url('../images/1019-backside.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.left-aligned-container-grid-tab7 {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(33%, .25fr) 1.5fr;
  grid-auto-columns: 1fr;
  min-height: 65vh;
  padding: 0 0 1.5vh;
  display: grid;
}

.div-block-tab-7-2 {
  background-image: url('../images/1019-frontview.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gray-bg-tab7 {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.gray-bg-tab7.dark {
  background-color: var(--overlay-0-7);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 2em;
  padding-right: 4em;
}

.gray-bg-tab7.dark.tab3 {
  background-color: var(--dark-cyan);
  padding-top: 0;
}

.gray-bg-tab7.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.gray-bg-tab7.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.gray-bg-tab7.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.gray-bg-tab7.orange {
  background-color: var(--warm-grey);
}

.gray-bg-tab7.midgrey {
  background-color: var(--body-display);
}

.right-aligned-container-grid-tab7 {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  min-height: 80vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.right-aligned-container-grid-tab7.tab2, .right-aligned-container-grid-tab7.tab1 {
  grid-template-columns: 1fr .75fr;
}

.right-aligned-container-grid-tab7.tab3 {
  grid-template-columns: .25fr 2fr;
}

.right-aligned-container-grid-tab7.tab5 {
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
}

.right-aligned-container-grid-tab7.tab6 {
  grid-template-columns: 1fr .75fr;
}

.gray-bg-square-tab8 {
  background-color: var(--bluegrey);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 1.6em;
  display: flex;
}

.bg-image-tab8 {
  background-image: url('../images/SL_Farm-16.jpg');
  background-position: 50%;
  background-size: cover;
}

.bg-image-tab8._2 {
  background-image: url('../images/schlaf-boot-01.jpg');
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bg-image-tab8.tab6 {
  background-image: url('../images/solarpanel.jpg');
  background-repeat: no-repeat;
}

.bg-image-tab8.tab8 {
  background-image: url('../images/solarpanel.jpg');
}

.race-hero {
  flex-flow: column;
  justify-content: center;
  width: 100vw;
  height: auto;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-container-race {
  width: 90vw;
  max-width: 1200px;
  height: auto;
  margin-top: 166px;
}

.race-header {
  column-count: 2;
  width: 100%;
  padding-bottom: 100px;
}

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

.race-tabs-menu {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.races-2024-top-sec {
  margin-bottom: 20px;
  padding-left: 0;
}

.races-grid {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  background-color: var(--turquoise);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  min-height: auto;
  padding: 0 0 0;
  display: grid;
}

.races-left {
  background-color: var(--petrol);
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.races-left._2025 {
  background-color: var(--beaujolais);
}

.races-heading-4 {
  color: #fff;
  text-align: left;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 20px;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.35em;
}

.races-heading-4.tab1 {
  text-align: left;
  width: 100%;
  padding-bottom: 40px;
}

.races---racelogo {
  width: 75%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.grid-3 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.races-calendar-txt-block {
  height: 250px;
  min-height: 200px;
  padding-top: 0;
  padding-left: 1.6em;
  padding-right: 1.6em;
}

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

.races-calendar-label {
  text-align: center;
  width: 100%;
  height: 40px;
}

.races-grid-cell-txt {
  background-color: var(--dark-turqoise);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 1.6em;
  display: flex;
}

.races-grid-cell-txt.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 2em;
  padding-right: 4em;
}

.races-grid-cell-txt.dark.tab3 {
  background-color: var(--dark-cyan);
  padding-top: 0;
}

.races-grid-cell-txt.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.races-grid-cell-txt.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.races-grid-cell-txt.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.races-grid-cell-txt.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.races-grid-cell-txt.midgrey {
  background-color: var(--body-display);
}

.races-calendar-value {
  background-color: var(--transparent);
  color: var(--transparent);
  text-align: center;
  font-weight: 700;
}

.text-block-19 {
  background-color: var(--background);
  color: var(--dark-turqoise);
  text-align: center;
  letter-spacing: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 36px;
  font-weight: 300;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.text-block-20 {
  text-align: center;
  width: 100%;
  height: 50px;
}

.races-value-2-color-bg {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  font-weight: 200;
  display: flex;
}

.races-value-number {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0%;
  font-size: 28px;
  font-weight: 700;
  display: flex;
}

.races-value-number.date {
  background-color: var(--orange);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  font-weight: 300;
  display: flex;
}

.races-value-number.distance {
  background-color: var(--greenfield);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  line-height: 18px;
  display: flex;
}

.races-value-number.team {
  background-color: var(--bordeaux);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.races-value-number.team._2025 {
  background-color: var(--petrol);
}

.races-value-number.ranking {
  background-color: var(--moustarde);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  display: flex;
}

.races-value-number.class {
  background-color: var(--marine-dark);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0%;
  display: flex;
}

.text-block-22 {
  text-align: center;
  width: 50%;
  height: 100%;
  font-size: 28px;
  font-weight: 200;
}

.races-box-text {
  padding-bottom: 10px;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.6em;
}

.races-box-text.vide {
  color: var(--transparent);
}

.bold-text-2 {
  font-weight: 200;
}

.class {
  align-self: center;
  width: 100%;
  font-size: 28px;
}

.races-2024-sec-01 {
  margin-bottom: 20px;
  padding-left: 0;
}

.text-block-23 {
  width: auto;
  height: auto;
}

.div-block-8 {
  width: 60px;
}

.section-2 {
  color: var(--background);
  width: auto;
}

.image-7 {
  width: 200px;
  margin-bottom: -80px;
}

.races-2024-top-sec-2025 {
  margin-bottom: 20px;
  padding-left: 0;
}

.races-grid-cell-txt-2025 {
  background-color: var(--bordeaux);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 1.6em;
  display: flex;
}

.races-grid-cell-txt-2025.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 2em;
  padding-right: 4em;
}

.races-grid-cell-txt-2025.dark.tab3 {
  background-color: var(--dark-cyan);
  padding-top: 0;
}

.races-grid-cell-txt-2025.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.races-grid-cell-txt-2025.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.races-grid-cell-txt-2025.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.races-grid-cell-txt-2025.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.races-grid-cell-txt-2025.midgrey {
  background-color: var(--body-display);
}

.races---year-title {
  background-color: var(--background);
  color: var(--bordeaux);
  text-align: center;
  letter-spacing: 10px;
  -webkit-text-stroke-color: var(--transparent);
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 36px;
  font-weight: 300;
}

.grid-5 {
  background-color: var(--body-display);
}

.div-block-9 {
  background-color: var(--turquoise);
  column-count: 2;
  width: 100%;
  height: 300px;
}

.sec-vendee {
  height: 80vh;
}

.img-div-right-vendee {
  width: 50%;
  max-width: 600px;
  padding-top: 60px;
  padding-left: 20px;
  display: flex;
}

.grid-6 {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
  width: 100%;
}

.paragraph-2 {
  font-size: 1.1em;
}

.heading-6 {
  padding-bottom: 40px;
}

.image-9 {
  object-fit: cover;
  height: 100%;
}

.races-value-number-class {
  background-color: var(--marine-dark);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0%;
  font-size: 28px;
  font-weight: 700;
  display: flex;
}

.races-value-number-class.date {
  background-color: var(--orange);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  font-weight: 300;
  display: flex;
}

.races-value-number-class.distance {
  background-color: var(--greenfield);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  line-height: 18px;
  display: flex;
}

.races-value-number-class.team {
  background-color: var(--bordeaux);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.races-value-number-class.team._2025 {
  background-color: var(--petrol);
}

.races-value-number-class.ranking {
  background-color: var(--moustarde);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  display: flex;
}

.races-value-number-class.class {
  background-color: var(--marine-dark);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0%;
  display: flex;
}

.races-value-number-date {
  background-color: var(--orange);
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0%;
  font-size: 28px;
  font-weight: 700;
  display: flex;
}

.races-value-number-date.date {
  background-color: var(--orange);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  font-weight: 300;
  display: flex;
}

.races-value-number-date.distance {
  background-color: var(--greenfield);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  line-height: 18px;
  display: flex;
}

.races-value-number-date.team {
  background-color: var(--bordeaux);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.races-value-number-date.team._2025 {
  background-color: var(--petrol);
}

.races-value-number-date.ranking {
  background-color: var(--moustarde);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  display: flex;
}

.races-value-number-date.class {
  background-color: var(--marine-dark);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0%;
  display: flex;
}

.races-value {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0%;
  font-size: 28px;
  font-weight: 700;
  display: flex;
}

.races-value.date {
  background-color: var(--orange);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  font-weight: 300;
  display: flex;
}

.races-value.distance {
  background-color: var(--greenfield);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  line-height: 18px;
  display: flex;
}

.races-value.team {
  background-color: var(--bordeaux);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.races-value.team._2025 {
  background-color: var(--petrol);
}

.races-value.ranking {
  background-color: var(--moustarde);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  display: flex;
}

.races-value.class {
  background-color: var(--marine-dark);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0%;
  display: flex;
}

.races-value-number-distance {
  background-color: var(--greenfield);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0%;
  font-size: 28px;
  font-weight: 700;
  display: flex;
}

.races-value-number-distance.date {
  background-color: var(--orange);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  font-weight: 300;
  display: flex;
}

.races-value-number-distance.distance {
  background-color: var(--greenfield);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  line-height: 18px;
  display: flex;
}

.races-value-number-distance.team {
  background-color: var(--bordeaux);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.races-value-number-distance.team._2025 {
  background-color: var(--petrol);
}

.races-value-number-distance.ranking {
  background-color: var(--moustarde);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0%;
  font-weight: 200;
  display: flex;
}

.races-value-number-distance.class {
  background-color: var(--marine-dark);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0%;
  display: flex;
}

.races-ranking {
  background-color: var(--moustarde);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 1.6em;
  display: flex;
}

.races-date {
  background-color: var(--orange);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 1.3em;
  display: flex;
}

.races-class {
  background-color: var(--marine-dark);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 1.6em;
  display: flex;
}

.races-distance {
  background-color: var(--greenfield);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 1.6em;
  display: flex;
}

.races-team {
  background-color: var(--bordeaux);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 1.3em;
  display: flex;
}

.races-wert {
  letter-spacing: 1.2px;
  font-size: 1.2em;
}

.races-wert.date {
  padding-left: 20px;
}

.races-wert-1-3em {
  text-align: center;
  font-size: 1em;
}

.races-wert-700 {
  font-size: 1.4em;
  font-weight: 700;
}

.races-team-2024 {
  background-color: var(--petrol);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 1.3em;
  display: flex;
}

.tab-link-mostleft {
  aspect-ratio: auto;
  border-right: .25px none var(--overlay-0-25);
  border-left: .25px none var(--body-display);
  background-color: var(--transparent);
  flex: 1;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}

.tab-link-mostleft:hover {
  background-color: var(--turquoise);
}

.tab-link-mostleft.w--current {
  background-color: var(--bluegrey);
  border-left-style: none;
  flex: 1;
}

.tab-link-mostleft.most-left {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.tab-link-mostleft.most-left.w--current {
  background-color: var(--bluegrey);
  flex: 0 auto;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.vendee-grid {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-content: stretch;
  width: 100%;
}

.stacked-content-vendee-top {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.stacked-content-vendee-top.large {
  grid-row-gap: 80px;
}

.grid-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 40px;
}

._4-img-block-right {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-11 {
  justify-content: space-between;
  display: flex;
}

.image-10 {
  width: 40vw;
  max-width: 40vw;
  height: 33.3333%;
}

.image-11 {
  width: 60vw;
}

.stacked-content-vendee-race {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.stacked-content-vendee-race.large {
  grid-row-gap: 80px;
}

.paragraph-3 {
  display: block;
}

.meinboot-h4 {
  color: #fff;
  text-align: left;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding-top: 40px;
  padding-bottom: 20px;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.35em;
}

.meinboot-h4.tab1 {
  text-align: left;
  width: 100%;
  padding-bottom: 40px;
}

.meinboot-h4.toptitle {
  padding-bottom: 40px;
}

.meinboot-h4.header-titel {
  padding-bottom: 20px;
  font-size: 2.4em;
}

.section-3 {
  height: auto;
  margin-top: 15px;
}

.transat-grid {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-content: stretch;
  width: 100%;
}

.grid-inner-transat {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 40px;
}

.serienboot {
  background-image: url('../images/1068-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.serienboot.drawing {
  background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, var(--background), var(--background));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  background-attachment: scroll, scroll;
}

.classe-mini {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.classe-mini.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 2em;
  padding-right: 4em;
}

.classe-mini.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 0;
}

.classe-mini.dark.tab5 {
  background-color: var(--dark-turqoise);
  padding-top: 40px;
  padding-bottom: 40px;
}

.classe-mini.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.classe-mini.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.classe-mini.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.classe-mini.midgrey {
  background-color: var(--warm-grey);
}

.classe-mini.blue {
  background-color: var(--bluegrey);
}

.classe-mini-2 {
  background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, var(--background), var(--background));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  padding-left: 0;
}

.classe-mini-header {
  column-count: 2;
  width: 100%;
  padding-bottom: 40px;
}

.classe-mini-lead {
  column-span: all;
  width: 85%;
  padding-top: 0;
  font-size: 1.25em;
  font-weight: 200;
  line-height: 1.75em;
}

.classe-mini-what-is {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  margin-bottom: 100px;
  display: grid;
}

.classe-mini-what-is.large {
  grid-row-gap: 80px;
}

.classe-mini-copy {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.classe-mini-copy.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 2em;
  padding-right: 4em;
}

.classe-mini-copy.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 0;
}

.classe-mini-copy.dark.tab5 {
  background-color: var(--beaujolais);
  padding-top: 40px;
  padding-bottom: 40px;
}

.classe-mini-copy.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.classe-mini-copy.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.classe-mini-copy.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.classe-mini-copy.midgrey {
  background-color: var(--warm-grey);
}

.classe-mini-copy.blue {
  background-color: var(--bluegrey);
}

.insta-sec {
  z-index: 98;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.body-display-gesperrt-lead {
  color: var(--body-display);
  font-family: Montserrat, sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.6em;
}

.body-display-gesperrt-lead.small {
  font-size: 14px;
}

.body-display-gesperrt-lead.dual-paragraph {
  column-count: 2;
  column-gap: 60px;
}

.txt-div-left-50-split {
  flex-flow: column;
  width: 50%;
  max-width: 600px;
  padding-top: 0;
  padding-right: 20px;
  display: flex;
}

.image-12 {
  width: 100%;
  padding-top: 10px;
  padding-left: 0;
}

.button-div-right {
  justify-content: flex-end;
  align-items: center;
  margin-top: 44px;
  display: flex;
}

.button-fo-basic-right {
  background-color: var(--light-outline);
  text-align: center;
  letter-spacing: .25em;
  width: auto;
  height: 50px;
  margin-left: 40px;
  padding: 5px 40px 15px;
}

.button-fo-basic-right:hover {
  border: 1px solid var(--background);
  background-color: var(--turquoise);
  border-radius: 1px;
}

.button-fo-basic-left {
  background-color: var(--light-outline);
  text-align: center;
  letter-spacing: .25em;
  width: auto;
  height: 50px;
  margin-right: 40px;
  padding: 5px 40px 15px;
}

.button-fo-basic-left:hover {
  border: 1px solid var(--background);
  background-color: var(--turquoise);
  border-radius: 1px;
}

.div-block-12 {
  width: 0;
  height: 0;
}

.top-anchors {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.right-aligned-container-grid-essen {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  min-height: 80vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.right-aligned-container-grid-essen.tab2, .right-aligned-container-grid-essen.tab1 {
  grid-template-columns: 1fr .75fr;
}

.right-aligned-container-grid-essen.tab3 {
  grid-template-columns: 1.5fr 2fr;
}

.right-aligned-container-grid-essen.tab5 {
  grid-row-gap: 1em;
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: .75fr .75fr;
  height: auto;
  min-height: 100vh;
}

.right-aligned-container-grid-essen.tab6 {
  grid-template-columns: 1fr .75fr;
}

.gray-bg-rectangle-paleblue {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.gray-bg-rectangle-paleblue.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 2em;
  padding-right: 4em;
}

.gray-bg-rectangle-paleblue.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 0;
}

.gray-bg-rectangle-paleblue.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.gray-bg-rectangle-paleblue.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.gray-bg-rectangle-paleblue.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.gray-bg-rectangle-paleblue.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 1.6em;
  padding-right: 1.6em;
}

.gray-bg-rectangle-paleblue.midgrey {
  background-color: var(--warm-grey);
}

.gray-bg-rectangle-paleblue.blue {
  background-color: var(--bluegrey);
}

.q-a---frage {
  text-transform: none;
  padding-bottom: 10px;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.8em;
}

.q-a---antwort {
  color: var(--turquoise);
  text-transform: none;
  padding-bottom: 30px;
  font-size: 1.1em;
  font-weight: 400;
}

.q-a---antwort.last {
  padding-bottom: 0;
  padding-right: 20px;
}

.div-block-13 {
  background-color: var(--bordeaux);
  margin-top: 40px;
}

.rich-text-block {
  color: var(--background);
  text-align: left;
  padding: 1em 1.6em 1em 2.6em;
  font-size: 1.6em;
  line-height: 1.6em;
  display: block;
}

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

.heading-7 {
  flex-flow: column;
  padding-bottom: 20px;
  display: flex;
}

.erfolgsbox {
  border: 1px none var(--background);
  background-color: var(--transparent);
  flex-flow: column;
  width: 100vw;
  height: auto;
  margin-top: 40px;
  padding: 20px 0 0;
  display: flex;
}

.div-block-14 {
  justify-content: space-between;
  display: flex;
}

.div-block-15, .div-block-16 {
  width: 50%;
}

.heading-4-schlaf {
  color: #fff;
  text-align: left;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.35em;
}

.heading-4-schlaf.left {
  padding-bottom: 20px;
}

.heading-4-schlaf.tab1 {
  text-align: left;
  width: 100%;
  padding-bottom: 40px;
}

.right-aligned-container-grid-tab1 {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  min-height: 80vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.right-aligned-container-grid-tab1.tab2 {
  grid-template-columns: 1fr .75fr;
}

.right-aligned-container-grid-tab1.tab1 {
  grid-template-rows: minmax(216px, 2.75fr);
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: minmax(200px, 1fr);
  min-height: auto;
}

.right-aligned-container-grid-tab1.tab3 {
  grid-template-columns: 1.5fr 2fr;
}

.right-aligned-container-grid-tab1.tab5 {
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
}

.right-aligned-container-grid-tab1.tab6 {
  grid-template-columns: 1fr .75fr;
}

.right-aligned-container-grid-mental {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  min-height: 80vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.right-aligned-container-grid-mental.tab2, .right-aligned-container-grid-mental.tab1 {
  grid-template-columns: 1fr .75fr;
}

.right-aligned-container-grid-mental.tab3 {
  grid-template-columns: 1.5fr 2fr;
}

.right-aligned-container-grid-mental.tab5 {
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
}

.right-aligned-container-grid-mental.tab6 {
  grid-template-columns: 1fr .75fr;
}

.tab-pane-tab-2 {
  height: auto;
}

.classe-mini-serienboot {
  background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, var(--background), var(--background));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  padding-left: 0;
}

.classe-mini-prototyp {
  background-image: url('../images/prototyp1.jpg'), linear-gradient(to bottom, var(--white-100), var(--white-100));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 77%, auto;
  padding-left: 0;
}

.button-div-copy {
  justify-content: flex-end;
  align-items: center;
  margin-top: 44px;
  display: flex;
}

.tab-container-partner {
  width: 90vw;
  max-width: 1200px;
  height: auto;
  margin-top: 159px;
}

.stacked-content-partner {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  display: flex;
}

.stacked-content-partner.large {
  grid-row-gap: 80px;
}

.stacked-content-vendee-race-copy {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.stacked-content-vendee-race-copy.large {
  grid-row-gap: 80px;
}

.stacked-content-partner-big {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.stacked-content-partner-big.large {
  grid-row-gap: 80px;
}

.beltrona {
  width: 50vw;
  margin-bottom: 100px;
}

.hauptpartner-img-div {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-partner {
  z-index: 20;
  column-count: 2;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-partner.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section-partner.verticle-border {
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px solid var(--light-outline);
}

.section-partner.no-clip {
  overflow: visible;
}

.section-partner.no-clip.no-bottom-padding {
  padding-bottom: 0;
}

.section-partner.top-border {
  border-top: 1px solid var(--light-outline);
}

.section-partner.large {
  padding-top: 269px;
  padding-bottom: 270px;
}

.section-partner.no-top-padding {
  padding-top: 0;
}

.section-partner.no-bottom-padding {
  padding-bottom: 0;
}

.section-partner.small-top-padding {
  padding-top: 85px;
}

.div-block-suppliers {
  justify-content: center;
  margin-top: 60px;
  display: flex;
}

.div-block-vendee-partner-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: block;
}

.stacked-content-partner-suppliers {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: center;
  display: grid;
}

.stacked-content-partner-suppliers.large {
  grid-row-gap: 80px;
}

.suppliers-grid {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-content: stretch;
  width: 100%;
}

.sup-div {
  padding-left: 0;
  padding-right: 0;
}

.sup-div.right {
  padding-right: 0;
}

.sup-div.left {
  padding-left: 0;
}

.balgrist, .barmelweid {
  height: 90px;
}

.lblp {
  height: 60px;
}

.tabs-content-partner {
  padding-top: 0;
}

.stacked-content-hauptpartner {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.stacked-content-hauptpartner.large {
  grid-row-gap: 80px;
}

.bucher {
  height: 75px;
}

.prototyp-bg {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.prototyp-bg.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.prototyp-bg.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
}

.prototyp-bg.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.prototyp-bg.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.prototyp-bg.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.prototyp-bg.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.prototyp-bg.midgrey {
  background-color: var(--warm-grey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.prototyp-bg.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.prototyp-bg-pink {
  background-color: var(--bluegrey);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.prototyp-bg-pink.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.prototyp-bg-pink.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
}

.prototyp-bg-pink.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.prototyp-bg-pink.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.prototyp-bg-pink.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.prototyp-bg-pink.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.prototyp-bg-pink.midgrey {
  background-color: var(--warm-grey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.prototyp-bg-pink.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.serienboot-bg-blue {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  background-color: var(--dark-turqoise);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.serienboot-bg-blue.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.serienboot-bg-blue.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
}

.serienboot-bg-blue.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.serienboot-bg-blue.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.serienboot-bg-blue.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.serienboot-bg-blue.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.serienboot-bg-blue.midgrey {
  background-color: var(--warm-grey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.serienboot-bg-blue.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.prototypen-drawing-1 {
  background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, var(--background), var(--background));
  background-position: 70%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  max-height: 600px;
  padding-bottom: 0;
}

.prototyp-bg-dark {
  background-color: var(--bordeaux);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.prototyp-bg-dark.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.prototyp-bg-dark.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
}

.prototyp-bg-dark.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.prototyp-bg-dark.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.prototyp-bg-dark.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.prototyp-bg-dark.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.prototyp-bg-dark.midgrey {
  background-color: var(--warm-grey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.prototyp-bg-dark.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.map-mini-transat-inverse {
  width: 100%;
  max-width: 1200px;
  height: 100%;
  padding-top: 0;
  padding-right: 0;
}

.mini-transat-anc {
  padding-top: 60px;
  padding-bottom: 40px;
}

.race-hero-ven {
  flex-flow: column;
  justify-content: center;
  width: 100vw;
  height: auto;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-17, .anchor-vendee {
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-mini-transat {
  z-index: 20;
  column-count: 2;
  flex-flow: column;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-mini-transat.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section-mini-transat.verticle-border {
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px solid var(--light-outline);
}

.section-mini-transat.no-clip {
  overflow: visible;
}

.section-mini-transat.no-clip.no-bottom-padding {
  padding-bottom: 0;
}

.section-mini-transat.top-border {
  border-top: 1px solid var(--light-outline);
}

.section-mini-transat.large {
  padding-top: 269px;
  padding-bottom: 270px;
}

.section-mini-transat.no-top-padding {
  padding-top: 0;
}

.section-mini-transat.no-bottom-padding {
  padding-bottom: 0;
}

.section-mini-transat.small-top-padding {
  padding-top: 85px;
}

.div-block-18, .anchor-mini-transat {
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-24 {
  color: var(--dark);
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.full-hero-insights {
  justify-content: center;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quote-insights {
  color: #fff;
  text-align: left;
  letter-spacing: .1em;
  text-transform: none;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.2em;
  font-style: italic;
  font-weight: 700;
  line-height: 1.35em;
}

.quote-insights.tab1 {
  text-align: left;
  width: 100%;
  padding-bottom: 40px;
}

.quote-insights.bold {
  padding-bottom: 0;
  font-style: normal;
  line-height: 1.5em;
}

.quote-insights.bold-grey {
  width: 80%;
  padding-bottom: 0;
  font-style: normal;
}

.quote-div {
  background-color: var(--bordeaux);
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.quote-div.red {
  background-color: var(--beaujolais);
}

.quote-div.yellow {
  background-color: var(--moustarde);
}

.quote-div.grey {
  background-color: var(--warm-grey);
  margin-top: 20px;
  padding-right: 20px;
}

.quote-div.wetter {
  margin-top: 20px;
}

.quote-div.schlaf {
  background-color: var(--body-display);
}

.quote-div.mental {
  background-color: var(--beaujolais);
}

.kopf {
  width: 80px;
  max-width: 100px;
  padding-top: 20px;
  padding-bottom: 0;
}

.sec3-header-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tab-box-text-sec3 {
  padding-left: 0;
  padding-right: 0;
  font-size: 1.1em;
  line-height: 2em;
}

.slider {
  clear: none;
  width: 100%;
  height: 66vh;
  position: static;
}

.just-snow-white {
  z-index: 5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.slide {
  background-color: #fff;
  border-color: #fff;
}

.slide.slide-3 {
  background-image: url('../images/Bugs_3.jpg');
  background-size: cover;
  background-attachment: scroll;
  position: static;
}

.slide.willie {
  background-image: linear-gradient(#00000080, #00000080), url('../images/media-bg-01.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  position: static;
}

.slide.toystory {
  background-image: url('../images/ToyStory.jpg');
  background-size: cover;
  background-attachment: scroll;
  position: static;
}

.slide.big-hero-6 {
  background-image: url('../images/big-hero-6-21.0_019.00_0196.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide.popeye {
  background-image: url('../images/Popeye_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  position: static;
}

.slide.homer {
  background-image: url('../images/homer-simpson-9687_Smaller.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.slide.snowwhite {
  background-image: url('../images/Snow_white_BG.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  position: static;
}

.slide._2023-01 {
  text-align: center;
}

.just-bugs {
  z-index: 1;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.main-header-type {
  text-shadow: 0 1px #000;
  width: 55%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  overflow: visible;
}

.magic-lantern-sketch {
  z-index: -3;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
  position: static;
}

.timeline-years._1 {
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
  display: none;
}

.body-paragraph-small {
  color: #757575;
  width: auto;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.body-paragraph-small.centered {
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
}

.body-paragraph-small.fanasmogarie {
  color: #a8a8a8;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  font-weight: 300;
  display: block;
}

.body-paragraph-small.humorous-copy {
  color: #a8a8a8;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  font-weight: 200;
  display: block;
}

.phenakitoscope {
  width: 375px;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sec-media-2023 {
  background-color: var(--pink);
  flex-flow: column;
  justify-content: space-between;
  height: 7vh;
  min-height: 200px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.timeline-individual-years._1 {
  color: var(--warm-grey);
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
}

.timeline-individual-years._1:hover {
  color: var(--beaujolais);
}

.timeline-individual-years._1:active {
  color: var(--bluegrey);
}

.timeline-individual-years._1._5, .timeline-individual-years._1._4 {
  color: #c7c7c7;
}

.timeline-individual-years._1._4:hover {
  color: var(--beaujolais);
}

.timeline-individual-years._1._4:active {
  color: var(--bluegrey);
}

.timeline-individual-years._1._6, .timeline-individual-years._1._3 {
  color: #c7c7c7;
}

.timeline-individual-years._2 {
  color: #c7c7c7;
  text-align: center;
}

.timeline-individual-years._2:hover {
  color: var(--beaujolais);
}

.flipbook_image {
  height: 371px;
  margin: 16px auto -7px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.thaumotrope_image {
  padding-top: 35px;
  padding-bottom: 0;
}

.old-school {
  height: auto;
}

.oldskool_image_container {
  padding-bottom: 22px;
}

.huge-years-sldier {
  z-index: 55;
  border-top: 3px solid var(--dark-turqoise);
  color: var(--dark-turqoise);
  text-align: center;
  letter-spacing: 0;
  -webkit-text-stroke-color: var(--bordeaux);
  border-radius: 0;
  width: 33vw;
  height: 100px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 15vw;
  line-height: 0;
  display: block;
  position: relative;
}

.huge-years-sldier.smaller {
  margin-top: 0;
  padding-top: 150px;
  padding-bottom: 129px;
  font-size: 175px;
}

.praxinoscope {
  height: 375px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.slider-dots {
  background-color: var(--turquoise);
  justify-content: space-around;
  width: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 100px;
  display: flex;
}

.zoetrope {
  width: 350px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.black {
  color: #000;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.container_2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.container_2.silent-era {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: static;
  bottom: 80%;
  left: 0;
  right: 0;
}

.humorous-faces {
  color: #b89b6c;
  text-align: center;
  width: 65%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.fantasmagorie {
  width: 65%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 80px;
  display: block;
}

.fantasmagorie_section {
  padding-top: 150px;
  padding-bottom: 200px;
}

.divider-number {
  color: #fff;
  margin-top: 17px;
  margin-left: 0;
  margin-right: auto;
  font-size: 35px;
  font-weight: 700;
  display: block;
}

.divider-number._2 {
  margin-left: auto;
}

.divider-number._3 {
  color: #000;
  margin-top: 10px;
  font-family: Georgia, Times, Times New Roman, serif;
}

.white {
  color: #fff;
}

.years {
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 0;
  margin-left: -6px;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 15px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 18px;
  font-weight: 400;
  display: block;
}

.years.wh {
  color: #fff;
}

.section-e {
  z-index: 1;
  background-image: url('../images/black_dust_scratches.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: auto;
  height: auto;
  padding-top: 150px;
  position: static;
  overflow: visible;
}

.gold-circle {
  color: #8c7754;
  text-align: center;
  border: 4px solid #ad9266;
  border-radius: 100px;
  width: 60px;
  min-width: 0;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.gold-circle.video {
  margin-top: 160px;
}

.gold-circle.video.slient {
  border-width: 4px;
  border-color: #b89b6c;
  margin-top: 0;
}

.gold {
  color: #8c7651;
  text-align: left;
  margin-bottom: 0;
  padding-top: 35px;
  padding-bottom: 5px;
}

.gold.centered {
  text-align: center;
  padding-top: 35px;
}

.years-header {
  color: #000;
  text-align: left;
  margin-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 75px;
  font-weight: 400;
}

.years-header.fantasmagorie-header {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  display: block;
}

.years-header.humorous-headline {
  color: #fff;
  text-align: center;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  display: block;
}

.intro-paragraph {
  color: #757575;
  text-align: left;
  padding: 50px 10px 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
}

.intro-paragraph.early-ways {
  color: #fff;
  text-align: center;
  margin-top: 0;
  padding-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 16px;
  font-weight: 300;
}

.intro-paragraph.centered {
  color: #757575;
  text-align: center;
  padding-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
}

._2px-new {
  background-color: #c7c7c7;
  width: 90%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.title-2 {
  color: #8c7651;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.golden-age {
  background-color: #fff;
  height: auto;
  padding-top: 150px;
}

.cel-2 {
  z-index: 2;
  margin-top: -1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: relative;
}

.cel_1 {
  z-index: 5;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.cel-section {
  z-index: 5;
  position: relative;
}

.cel-3 {
  margin-top: -1000px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-19 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.media-title {
  color: var(--background);
  letter-spacing: -.025em;
  white-space: nowrap;
  font-family: Montserrat, sans-serif;
  font-size: 6vw;
  font-weight: 100;
  line-height: 1.6em;
}

.media-title.wrap-text {
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 5vw;
  font-weight: 100;
}

.med-thumb-2023-01 {
  background-color: var(--transparent);
  cursor: pointer;
  width: 50vw;
  min-width: 600px;
  max-width: 75vw;
  margin-top: -89px;
  margin-bottom: 40px;
  padding: 60px 40px;
  display: none;
}

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

.section-4 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/media-bg-01.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 33vh;
  display: flex;
}

.text-block-25 {
  color: var(--background);
  padding-top: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 6em;
  font-weight: 100;
  line-height: 2em;
}

.link-block-3, .li-2023-03 {
  cursor: pointer;
}

.li-2023-03:hover {
  color: var(--beaujolais);
}

.li-2023-03:active {
  color: var(--bluegrey);
}

.media-thumb-and-year {
  object-fit: contain;
  flex-flow: column;
  order: 0;
  justify-content: flex-end;
  align-items: center;
  height: 40vh;
  min-height: 40vh;
  max-height: 40vh;
  margin-top: 0;
  display: flex;
}

.med-thumb-2023-03 {
  cursor: pointer;
  width: 50vw;
  margin-top: -147px;
  margin-bottom: 40px;
  padding: 60px 40px;
  display: none;
}

.med-thumb-2023-02 {
  background-color: var(--transparent);
  cursor: pointer;
  width: 50vw;
  margin-top: -147px;
  margin-bottom: 40px;
  padding: 60px 40px;
  display: block;
}

.li-2023-02 {
  cursor: pointer;
}

.li-2023-02:active {
  color: var(--bluegrey);
}

.li-2023-01 {
  color: var(--overlay-0-25);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
}

.li-2023-01:active {
  color: var(--overlay-0-5);
}

.sec-media-2022 {
  background-color: #fff;
  flex-flow: column;
  height: auto;
  padding-top: 0;
  display: none;
  position: relative;
}

.huge-years-sldier-2022 {
  z-index: 55;
  border-top: 3px solid var(--bordeaux);
  color: var(--beaujolais);
  text-align: center;
  letter-spacing: -11px;
  -webkit-text-stroke-color: var(--bordeaux);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 300px;
  line-height: 300px;
  display: block;
  position: relative;
}

.huge-years-sldier-2022.smaller {
  margin-top: 0;
  padding-top: 150px;
  padding-bottom: 129px;
  font-size: 175px;
}

.sec-media-2024 {
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  margin-top: 60px;
  padding-top: 0;
  display: none;
  position: relative;
}

.huge-years-sldier-2024 {
  z-index: 55;
  border-top: 3px solid var(--turquoise-2);
  color: var(--turquoise-2);
  text-align: center;
  letter-spacing: -11px;
  -webkit-text-stroke-color: var(--bordeaux);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 300px;
  line-height: 300px;
  display: block;
  position: relative;
}

.huge-years-sldier-2024.smaller {
  margin-top: 0;
  padding-top: 150px;
  padding-bottom: 129px;
  font-size: 175px;
}

.li-2024-01 {
  color: var(--overlay-0-25);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
}

.li-2024-01:active {
  color: var(--overlay-0-5);
}

.med-thumb-2024-01 {
  background-color: var(--transparent);
  width: 50vw;
  min-width: 600px;
  max-width: 75vw;
  margin-top: -89px;
  margin-bottom: 40px;
  padding: 60px 40px;
}

.huge-years-sldier-copy {
  z-index: 55;
  color: var(--dark-turqoise);
  text-align: center;
  letter-spacing: -11px;
  -webkit-text-stroke-color: var(--bordeaux);
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 300px;
  line-height: 300px;
  display: block;
  position: relative;
}

.huge-years-sldier-copy.smaller {
  margin-top: 0;
  padding-top: 150px;
  padding-bottom: 129px;
  font-size: 175px;
}

.sec-media-2023-copy {
  background-color: #fff;
  flex-flow: column;
  height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
}

.med-thumb-2022-01 {
  background-color: var(--transparent);
  width: 50vw;
  min-width: 600px;
  max-width: 75vw;
  margin-top: -89px;
  margin-bottom: 40px;
  padding: 60px 40px;
}

.med-thumb-2022-02 {
  background-color: var(--transparent);
  width: 50vw;
  margin-top: -147px;
  margin-bottom: 40px;
  padding: 60px 40px;
  display: none;
}

.med-thumb-202-03 {
  width: 50vw;
  margin-top: -147px;
  margin-bottom: 40px;
  padding: 60px 40px;
  display: none;
}

.med-thumb-2024-02 {
  background-color: var(--transparent);
  cursor: pointer;
  width: 50vw;
  margin-top: -147px;
  margin-bottom: 40px;
  padding: 60px 40px;
  display: none;
}

.med-thumb-2024-03 {
  cursor: pointer;
  width: 50vw;
  margin-top: -147px;
  margin-bottom: 40px;
  padding: 60px 40px;
  display: none;
}

.div-block-20 {
  border-top: 4px solid var(--turquoise);
  text-align: center;
  border-radius: 8px;
  width: 50vw;
  height: 50px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.tab-boot-techdata {
  padding-top: 40px;
  font-size: 1em;
  line-height: 1.8em;
}

.overlay-2 {
  z-index: 3;
  background-color: #03060c40;
  position: absolute;
  inset: 0%;
}

.overlay-2.dark {
  background-color: #03060c40;
}

.section-5 {
  z-index: 20;
  justify-content: center;
  padding-top: 220px;
  padding-bottom: 220px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-5.large {
  padding-top: 100px;
  padding-bottom: 0;
}

.background-wrapper-2 {
  height: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.tab-box-lead {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.4em;
  line-height: 2em;
}

.div-minitransat-map {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.img-left-copy {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-right: 0;
}

.mini-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.body-display-gesperrt-lead-copy {
  color: var(--body-display);
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.6em;
}

.body-display-gesperrt-lead-copy.small {
  font-size: 14px;
}

.body-display-gesperrt-lead-copy.dual-paragraph {
  column-count: 2;
  column-gap: 60px;
}

.vendee-tabdiv {
  position: absolute;
  inset: 0% auto auto 0%;
}

.stacked-content-comini {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stacked-content-comini.large {
  grid-row-gap: 80px;
}

.grid-wrapper-mini {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  display: grid;
  position: relative;
}

.grid-wrapper-mini.indicator-grid-wrapper {
  z-index: 10;
  align-content: end;
  height: 0;
}

.grid-wrapper-mini.zero-height {
  width: 100%;
  height: 0;
}

.grid-wrapper-mini.vendee {
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.m-tabdivini-transat {
  position: absolute;
  inset: 0% auto auto 0%;
}

.tab-liink-mini-transat {
  aspect-ratio: auto;
  border-right: .25px none var(--overlay-0-25);
  border-left: .25px solid var(--body-display);
  background-color: var(--transparent);
  flex: 1;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}

.tab-liink-mini-transat:hover {
  background-color: var(--turquoise);
}

.tab-liink-mini-transat.w--current {
  background-color: var(--bluegrey);
  flex: 1;
}

.tab-liink-mini-transat.most-left {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.tab-liink-mini-transat.most-left.w--current {
  background-color: var(--bluegrey);
  flex: 0 auto;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.tab-link-vendee {
  aspect-ratio: auto;
  border-right: .25px none var(--overlay-0-25);
  border-left: .25px solid var(--body-display);
  background-color: var(--transparent);
  flex: 1;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}

.tab-link-vendee:hover {
  background-color: var(--turquoise);
}

.tab-link-vendee.w--current {
  background-color: var(--bluegrey);
  flex: 1;
}

.tab-link-vendee.most-left {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.tab-link-vendee.most-left.w--current {
  background-color: var(--bluegrey);
  flex: 0 auto;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.map-mini-transat {
  width: 100%;
  max-width: 2200px;
}

.image-14 {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  display: block;
  overflow: hidden;
}

.mini-transat-map-v4 {
  margin-top: 60px;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.erfolg-div-unten {
  width: 100%;
  padding-bottom: 0;
}

.div-block-21 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-15 {
  text-align: left;
  width: auto;
  max-width: none;
  height: 100px;
  padding-right: 0%;
}

.titel-erfolgsbox {
  color: var(--greyblue);
  text-align: center;
  letter-spacing: .1em;
  padding-bottom: 40px;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.erfolgsbox-text {
  letter-spacing: .2em;
  padding: 0 20px 20px;
  font-size: 20px;
}

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

.erfolge-grid {
  padding-top: 0;
  display: block;
}

.image-16 {
  padding-top: 40px;
}

.code-embed-3 {
  width: 100vw;
  height: auto;
  margin-top: 15vh;
}

.video-2 {
  background-color: var(--dark);
  height: 100%;
  margin-top: 3px;
  position: relative;
}

.section-felix-quote {
  z-index: 20;
  justify-content: center;
  padding-top: 220px;
  padding-bottom: 220px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-felix-quote.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section-felix-quote.verticle-border {
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px solid var(--light-outline);
}

.section-felix-quote.no-clip {
  overflow: visible;
}

.section-felix-quote.no-clip.top-border {
  padding-top: 100px;
  padding-bottom: 0;
  display: block;
}

.section-felix-quote.no-clip.no-bottom-padding {
  padding-bottom: 0;
}

.section-felix-quote.no-clip.no-top-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-felix-quote.top-border {
  border-top: 1px solid var(--light-outline);
}

.section-felix-quote.large {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-felix-quote.no-top-padding {
  padding-top: 0;
}

.section-felix-quote.no-bottom-padding {
  padding-bottom: 0;
}

.section-felix-quote.small-top-padding {
  padding-top: 85px;
}

.div-block-22 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/media-bg-01.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 600px;
  padding-left: 100px;
  padding-right: 100px;
  font-family: Merriweather, serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 40px;
  display: flex;
}

.block-quote {
  text-align: justify;
  font-size: 24px;
}

.block-quote-2 {
  background-color: var(--dark);
  line-height: 1.9em;
}

.sec-felix-image-kid {
  width: 100vw;
  height: 130vh;
}

.grid-wrapper-footer {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  display: grid;
  position: relative;
}

.grid-wrapper-footer.indicator-grid-wrapper {
  z-index: 10;
  align-content: end;
  height: 0;
}

.grid-wrapper-footer.zero-height {
  width: 100%;
  height: 0;
}

.grid-wrapper-footer.vendee {
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.image-17 {
  opacity: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .8s, opacity .8s;
}

.css {
  z-index: -10;
  width: 0;
  height: 0;
  position: fixed;
  inset: 0% auto auto 0%;
}

.tile {
  border-radius: 1vmax;
  transition: transform .8s;
  position: absolute;
}

.tile:hover {
  transform: scale(1.1);
}

.tile.is--2 {
  background-color: #42a5f5;
  width: 21%;
  height: 30%;
  top: 4%;
  left: 40%;
}

.tile.is--1 {
  background-color: var(--dark-turqoise);
  width: 32%;
  height: 29%;
  top: 3%;
  left: 4%;
}

.tile.is--4 {
  background-color: var(--marine-dark);
  width: 30%;
  height: 24%;
  top: 41%;
  left: 34%;
}

.tile.is--9 {
  background-color: #fafafa;
  width: 8%;
  height: 10%;
  top: 84%;
  left: 84%;
}

.tile.is--5 {
  background-color: #ab47bc;
  width: 32%;
  height: 16%;
  top: 70%;
  left: 8%;
}

.tile.is--3 {
  background-color: var(--petrol);
  width: 28%;
  height: 24%;
  top: 37%;
  left: 4%;
}

.tile.is--7 {
  background-color: #3f51b5;
  width: 24%;
  height: 16%;
  top: 65%;
  left: 50%;
}

.tile.is--8 {
  background-color: var(--turquoise);
  width: 32%;
  height: 28%;
  top: 70%;
  left: 32%;
}

.tile.is--6 {
  background-color: var(--dark-cyan);
  width: 28%;
  height: 24%;
  top: 67%;
  left: 2%;
}

.page-wrapper-3 {
  background-color: var(--dark);
  width: 100%;
  height: 130vh;
  position: relative;
  overflow: hidden;
}

.gallery {
  width: 140vmax;
  height: 130vh;
  position: absolute;
}

.grid-wrapper-years {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  display: grid;
  position: relative;
}

.grid-wrapper-years.indicator-grid-wrapper {
  z-index: 10;
  align-content: end;
  height: 0;
}

.grid-wrapper-years.zero-height {
  width: 100%;
  height: 0;
}

.grid-wrapper-years.vendee {
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.grid-wrapper-copy {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 60%;
  margin-bottom: 0;
  margin-left: 0;
  display: grid;
  position: relative;
}

.grid-wrapper-copy.indicator-grid-wrapper {
  z-index: 10;
  align-content: end;
  height: 0;
}

.grid-wrapper-copy.zero-height {
  width: 100%;
  height: 0;
}

.grid-wrapper-copy.vendee {
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.navbar-copy {
  z-index: 300;
  background-color: #fff0;
  justify-content: center;
  align-items: flex-start;
  height: 0;
  max-height: 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.rotate-heading-felix {
  letter-spacing: -.025em;
  white-space: nowrap;
  font-size: 6vw;
  line-height: 1.6em;
}

.rotate-heading-felix.wrap-text {
  letter-spacing: 0;
  font-size: 5vw;
  font-weight: 200;
}

.rotating-text-wrapper-felix {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: stretch;
  justify-items: center;
  display: grid;
  position: relative;
  inset: 0% auto 0% 0%;
}

.rotating-text-wrapper-felix.bottom-text {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  place-items: stretch center;
  display: grid;
  left: auto;
  right: 0;
}

.rotating-text-wrapper-felix.top-text {
  place-content: center;
  place-items: center;
  display: flex;
}

.stacked-content-vendee {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.stacked-content-vendee.large {
  grid-row-gap: 80px;
}

.vendee-3-box-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.img-div-vendee {
  width: 66%;
  max-width: 800px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.koepfe-div {
  background-color: var(--transparent);
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 2em 20px 0;
  display: flex;
}

.koepfe-img {
  width: 70px;
  max-width: 100px;
  padding-top: 20px;
  padding-bottom: 0;
}

.div-block-23 {
  display: flex;
}

.insights-txt-div {
  background-color: var(--beaujolais);
  padding: 20px 1.6em;
}

.bold-text-3, .bold-text-4 {
  font-style: normal;
}

.insights-box-title-grey {
  width: 60%;
}

.div-block-24 {
  display: flex;
}

.li-2022-04 {
  cursor: pointer;
}

.li-2022-04:hover {
  color: var(--beaujolais);
}

.li-2022-04:active {
  color: var(--bluegrey);
}

.li-2022-02 {
  cursor: pointer;
}

.li-2022-02:active {
  color: var(--bluegrey);
}

.li-2022-01 {
  color: var(--overlay-0-25);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
}

.li-2022-01:active {
  color: var(--overlay-0-5);
}

.quote-home {
  color: var(--body-display);
  letter-spacing: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.6em;
}

.quote-home.small {
  font-size: 14px;
}

.quote-home.dual-paragraph {
  column-count: 2;
  column-gap: 60px;
}

.image-bg-rectangle-tab-1-3-copy {
  background-image: url('../images/Copyright_Soho_Farm_House_Boat_House_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.light-bg-overlay-copy {
  background-color: var(--overlay-0-7);
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 80%;
  margin-top: 20px;
  padding: 4em;
  display: flex;
}

.right-aligned-container-grid-copy {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  min-height: 80vh;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.right-aligned-container-grid-copy.tab2 {
  grid-template-columns: 1fr .75fr;
}

.right-aligned-container-grid-copy.tab1 {
  grid-template-columns: .5fr 1fr;
}

.right-aligned-container-grid-copy.tab3 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr;
  grid-auto-rows: minmax(61vh, 1.75fr);
  grid-auto-columns: 3.5fr;
  min-height: 70vh;
}

.right-aligned-container-grid-copy.tab5 {
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  min-height: 70vh;
}

.right-aligned-container-grid-copy.tab6 {
  grid-template-columns: 1fr .75fr;
  min-height: auto;
}

.div-block-25 {
  background-color: var(--dark);
  padding: 0 40px 40px;
}

.container {
  width: 50vw;
  max-width: 900px;
  margin-top: 140px;
  padding-right: 0;
}

.mandatory {
  z-index: 10;
  color: #fffc;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 5px;
  font-size: 11px;
  position: relative;
  top: 0;
  bottom: auto;
}

.mandatory.small {
  font-size: 10px;
  top: -10px;
}

.mandatory.dark {
  color: #000c;
}

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

.heading-contact {
  letter-spacing: .1em;
  padding-bottom: 20px;
  font-size: 1.75em;
  line-height: 1.3em;
}

.heading-contact.large {
  font-size: 52px;
}

.heading-contact.medium {
  font-size: 28px;
}

.heading-contact.medium-width {
  letter-spacing: 0;
  font-weight: 500;
}

.heading-contact.small-width {
  letter-spacing: .1em;
  font-size: 2.5em;
  font-weight: 100;
}

.container-form {
  width: 50vw;
  max-width: 650px;
  margin-top: 140px;
  padding-right: 0;
}

.flex-block-impressum {
  justify-content: center;
  align-items: flex-start;
}

.impressum-wrapper {
  background-color: var(--dark);
  padding: 40px;
}

.impr-text {
  z-index: 10;
  color: #fffc;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-top: 100px;
  padding-bottom: 5px;
  font-size: 11px;
  position: relative;
  top: 0;
  bottom: auto;
}

.impr-text.small {
  font-size: 10px;
  top: -10px;
}

.impr-text.dark {
  color: #000c;
}

.full-hero-impressum {
  background-image: url('../images/MLG_2588.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  height: auto;
  min-height: auto;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.full-hero-my-story {
  justify-content: center;
  height: auto;
  min-height: auto;
  margin-top: 140px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-3 {
  margin-top: 60px;
}

.image-bg-rectangle-copy {
  background-image: url('../images/felix-oberle.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.light-bg-overlay-copy {
  background-color: var(--overlay-0-7);
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 80%;
  margin-top: 600px;
  margin-bottom: 60px;
  padding: 4em;
  display: flex;
}

.fourth-container-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: auto;
  padding-bottom: 1.5vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.eighth-section-copy {
  height: auto;
}

.tab-box-text-copy {
  text-align: left;
  text-align: left;
  text-align: left;
  text-align: left;
  font-size: 1em;
  line-height: 1.8em;
}

.tab-box-lead-co {
  text-align: center;
  width: 80%;
  max-width: 80%;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.4em;
  line-height: 1.6em;
}

.div-block-transat {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 60px;
  display: flex;
}

.stacked-content-transat {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.stacked-content-transat.large {
  grid-row-gap: 80px;
}

.mini-transat-wrapper-trans {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.image-18 {
  width: 100%;
}

.races-2024-follow-sec-2025 {
  margin-bottom: 20px;
  padding-left: 0;
}

.races---year-title-copy {
  background-color: var(--background);
  color: var(--bordeaux);
  text-align: center;
  letter-spacing: 10px;
  -webkit-text-stroke-color: var(--transparent);
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 36px;
  font-weight: 300;
}

.image-19 {
  height: 100%;
}

.image-20 {
  width: 74px;
  max-width: 74px;
  height: auto;
  max-height: none;
}

.tab-box-text-copy {
  text-align: left;
  text-align: center;
  font-size: 1em;
  line-height: 1.8em;
}

.tab-box-text-copy.center {
  text-align: center;
}

.eighth-section-central-image-with-text {
  height: auto;
}

.link-block-4, .div-block-26, .link-block-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.boot-box-left {
  text-align: left;
  font-size: 1em;
  line-height: 1.8em;
}

.mini-transat-wrapper-home {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 5vw;
  padding-right: 5vw;
  display: grid;
}

.text-block-26 {
  background-color: var(--overlay-0-25);
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 50px;
  display: flex;
}

.container-2 {
  margin-top: 220px;
}

.div-block-27 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tab-link-rennkalender {
  aspect-ratio: auto;
  border-right: .25px none var(--overlay-0-25);
  border-left: .25px none var(--body-display);
  background-color: var(--transparent);
  flex: 1;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}

.tab-link-rennkalender:hover {
  background-color: var(--turquoise);
}

.tab-link-rennkalender.w--current {
  background-color: var(--bluegrey);
  border-left-style: none;
  flex: 1;
}

.tab-link-rennkalender.most-left {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.tab-link-rennkalender.most-left.w--current {
  background-color: var(--bluegrey);
  flex: 0 auto;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.minitransat {
  aspect-ratio: auto;
  border-right: .25px none var(--overlay-0-25);
  border-left: .25px solid var(--body-display);
  background-color: var(--transparent);
  flex: 1;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}

.minitransat:hover {
  background-color: var(--turquoise);
}

.minitransat.w--current {
  background-color: var(--bluegrey);
  flex: 1;
}

.minitransat.most-left {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.minitransat.most-left.w--current {
  background-color: var(--bluegrey);
  flex: 0 auto;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.tab-link-class40 {
  aspect-ratio: auto;
  border-right: .25px none var(--overlay-0-25);
  border-left: .25px solid var(--body-display);
  background-color: var(--transparent);
  flex: 1;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}

.tab-link-class40:hover {
  background-color: var(--turquoise);
}

.tab-link-class40.w--current {
  background-color: var(--bluegrey);
  flex: 1;
}

.tab-link-class40.most-left {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.tab-link-class40.most-left.w--current {
  background-color: var(--bluegrey);
  flex: 0 auto;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.stacked-content-vendee-race-2 {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.image-21 {
  width: 60vw;
}

.stacked-content-vendee-top-2 {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-28 {
  justify-content: space-between;
  display: flex;
}

.grid-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 40px;
}

.image-22 {
  width: 40vw;
  height: 33.3333%;
}

.container-3 {
  justify-content: space-between;
  align-items: center;
  margin-top: 220px;
  display: flex;
}

.tabs-menu-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-27, .text-block-28, .text-block-29 {
  text-align: center;
}

.tab-link-races {
  aspect-ratio: auto;
  border-right: .25px none var(--overlay-0-25);
  border-left: .25px none var(--body-display);
  background-color: var(--transparent);
  flex: 1;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}

.tab-link-races:hover {
  background-color: var(--turquoise);
}

.tab-link-races.w--current {
  background-color: var(--bluegrey);
  border-left-style: none;
  flex: 1;
}

.tab-link-races.most-left {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.tab-link-races.most-left.w--current {
  background-color: var(--bluegrey);
  flex: 0 auto;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.four-column-transat {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  display: grid;
  position: relative;
}

.four-column-transat.vendee {
  border-left-style: none;
}

.four-column-transat.vendee:hover {
  background-color: var(--transparent);
}

.four-column-vendee {
  z-index: 25;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.four-column-vendee.vendee {
  border-left-style: none;
}

.four-column-vendee.vendee:hover {
  background-color: var(--transparent);
}

.grid-vendde-01 {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  justify-content: stretch;
  width: 100%;
  height: auto;
  margin-top: 60px;
  margin-bottom: 0;
  margin-left: 0;
  display: grid;
  position: relative;
}

.grid-vendde-01.indicator-grid-wrapper {
  z-index: 10;
  align-content: end;
  height: 0;
}

.grid-vendde-01.zero-height {
  width: 100%;
  height: 0;
}

.grid-vendde-01.vendee {
  border-left-style: none;
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.grid-vendde-01.vendee:hover {
  background-color: var(--transparent);
}

.grid-vendde-01.vendee {
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.heading-8 {
  padding-bottom: 40px;
}

.div-block-vendee-2 {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 60px;
  display: flex;
}

.image-23 {
  width: 60vw;
}

.div-block-29 {
  justify-content: space-between;
  display: flex;
}

._4-img-block-right-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.image-24 {
  object-fit: cover;
  width: 40vw;
  height: 33.3333%;
}

.vendee-grid-2 {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-content: stretch;
  width: 100%;
}

.gray-bg-rectangle-copy {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.gray-bg-rectangle-copy.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.gray-bg-rectangle-copy.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
  padding-right: 2em;
}

.gray-bg-rectangle-copy.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 2em;
}

.gray-bg-rectangle-copy.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.gray-bg-rectangle-copy.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.gray-bg-rectangle-copy.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.gray-bg-rectangle-copy.midgrey {
  background-color: var(--warm-grey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.gray-bg-rectangle-copy.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.meinboot-h4-copy {
  color: #fff;
  text-align: left;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 20px;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.35em;
}

.meinboot-h4-copy.tab1 {
  text-align: left;
  width: 100%;
  padding-bottom: 40px;
}

.meinboot-h4-copy.toptitle {
  padding-bottom: 40px;
}

.meinboot-h4-copy.header-titel {
  padding-bottom: 20px;
  font-size: 2.4em;
}

.titel-erfolgsbox-year {
  color: var(--greyblue);
  text-align: center;
  letter-spacing: .1em;
  min-height: 75px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 4em;
  font-weight: 400;
}

.erfolge-div {
  margin-top: 100px;
}

.tracck {
  width: 100vw;
  height: 160vw;
}

.camera1 {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.frame {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 0;
  display: flex;
  position: static;
}

.div-block-30 {
  background-image: linear-gradient(to right, #2747ff, #ef0cff);
  border-radius: 50px;
  width: 100px;
  height: 50px;
  position: absolute;
  inset: 42% auto 0% 0%;
}

.div-block-31 {
  flex: none;
  width: 40vw;
  margin-right: 20px;
}

.spacing1, .spacing2 {
  width: 4px;
  height: 96px;
  margin-bottom: 10px;
}

.text-span {
  color: #006cd0;
}

.dot-block {
  z-index: 1;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 36px;
  height: 36px;
  display: block;
  position: relative;
}

.steps {
  flex-direction: column;
  display: flex;
}

.steps.dots {
  z-index: -99;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  position: absolute;
}

.time-wrap {
  z-index: -1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 0;
  padding-top: 61px;
  display: flex;
  position: relative;
}

.img-hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.content-hero {
  text-align: center;
  width: 100%;
  padding-left: 3%;
}

.step-block-hero {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 25%;
  height: 150px;
  display: flex;
  position: relative;
}

.bg-shadow {
  z-index: 1;
  border-radius: 16px;
  position: absolute;
  inset: 0%;
  box-shadow: 7px 7px 20px #12121212;
}

.hero-section-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  display: flex;
}

.scroll-animate {
  z-index: 999;
  transform-origin: 0%;
  background-color: #006cd0;
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
}

.scroll-animate._2 {
  padding-bottom: 0;
}

.scroll-hero {
  flex-flow: row;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.paragraph-5 {
  text-align: left;
  width: 100%;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.4em;
}

.scroll-base {
  transform-origin: 0%;
  background-color: #eeeff4;
  width: 100%;
  height: 6px;
  padding-top: 0;
}

.step-hero {
  z-index: 2;
  background-color: var(--transparent);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 99.9999%;
  margin-bottom: 60px;
  padding: 0 18px;
  display: flex;
  position: relative;
}

.step-hero.right {
  justify-content: flex-end;
  align-items: center;
  padding-right: 0;
}

.step-hero.left {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 60px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.step-hero.mid-right {
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.dot-hero {
  z-index: 3;
  border: 6px solid var(--turquoise);
  background-color: #eeeff4;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
}

.dot-hero:hover {
  border-color: var(--background);
  background-color: var(--beaujolais);
}

.dot-hero.active {
  background-color: var(--bordeaux);
}

.label {
  color: #006cd0;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 700;
}

.scoll-wrap-hero {
  z-index: -1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.hero-block {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.step-content-block {
  text-align: left;
  align-self: center;
  position: relative;
}

.trigger {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.trigger._3 {
  height: 29%;
  top: 71%;
}

.trigger._1 {
  height: 85%;
  top: 15%;
}

.trigger._2 {
  height: 59%;
  top: 41%;
}

.scroll-line-wrap {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  display: flex;
  position: absolute;
  inset: auto auto 0% -50%;
}

.scroll-container {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.step-scroll {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.scroll-wrap {
  align-self: flex-start;
  width: 100%;
  height: 400vh;
  display: flex;
  position: relative;
}

.step {
  z-index: 2;
  background-color: #fff;
  border-radius: 16px;
  align-items: center;
  padding: 12%;
  display: flex;
  position: relative;
}

.content-wrap {
  justify-content: flex-end;
  width: 40%;
  display: flex;
}

.img-block {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.clone-section {
  margin-bottom: 50vh;
}

.dot-2 {
  z-index: 3;
  background-color: #eeeff4;
  border-radius: 50%;
  align-self: center;
  width: 12px;
  height: 12px;
  position: relative;
}

.step-block {
  flex-wrap: nowrap;
  flex: none;
  place-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  display: flex;
  position: relative;
}

.content-2 {
  margin-top: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}

.heading-9 {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.races-wert-date {
  letter-spacing: 1.2px;
  padding-left: 20px;
  font-size: 1.2em;
}

.races-wert-date.date {
  padding-left: 20px;
}

.heading-10 {
  text-align: left;
  letter-spacing: 0;
  padding-bottom: 20px;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.6em;
}

.div-block-32 {
  margin-top: 40px;
}

.timeline-wrap {
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}

._1-4-cell {
  flex-flow: column;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 25%;
  min-height: 100px;
  display: flex;
}

.div-block-33 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
}

.div-block-34 {
  align-self: center;
}

.dot-block-2 {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.time-wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  display: flex;
  position: relative;
}

.img-hero-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 3%;
  display: flex;
  position: relative;
}

.step-block-hero-2 {
  text-align: left;
  align-self: center;
  position: relative;
}

.scroll-hero-2 {
  justify-content: space-between;
  width: 80%;
  display: flex;
}

.step-hero-2 {
  z-index: 2;
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 18px;
  display: flex;
  position: relative;
}

.dot-hero-2 {
  z-index: 3;
  background-color: #eeeff4;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: relative;
}

.label-2 {
  color: #006cd0;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}

.scoll-wrap-hero-2 {
  object-fit: fill;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 99%;
  margin-top: -83px;
  padding-bottom: 20px;
  display: block;
  position: absolute;
}

.timeline-dot {
  justify-content: space-between;
  align-self: center;
  width: 100%;
  display: flex;
}

.poly-text-timeline {
  width: 50%;
  margin-left: 100px;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 1.5em;
  font-weight: 200;
  display: none;
}

.text-1999 {
  width: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 1rem;
  line-height: 1.5em;
  display: none;
}

.label-year {
  color: var(--background);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 200;
}

.dot-hero-01 {
  z-index: 3;
  border: 6px solid var(--turquoise);
  background-color: var(--background);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
}

.dot-hero-01:hover {
  border-color: var(--background);
  background-color: var(--beaujolais);
}

.dot-hero-01.active {
  background-color: var(--beaujolais);
}

.timeline-wrapper-top {
  flex-flow: column;
  align-self: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.tab-pane-vendeeglobe {
  margin-top: 0;
  padding-top: 0;
}

.tab-box-text-mental {
  text-align: left;
  font-size: 1em;
  line-height: 1.8em;
}

.tab-box-text-mental.center {
  text-align: center;
}

.div-block-35 {
  background-image: url('../images/Copyright_Soho_Farm_House_Boat_House_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 600px;
  display: flex;
}

.tab-container-my-story {
  flex-flow: column;
  width: 90vw;
  max-width: 1200px;
  height: auto;
  margin-top: 159px;
  display: block;
}

.container-4 {
  padding-left: 0;
}

.my-story-video {
  background-color: var(--dark);
  height: auto;
  margin-top: 3px;
  position: relative;
}

.dot-hero-02 {
  z-index: 3;
  border: 6px solid var(--turquoise);
  background-color: var(--background);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
}

.dot-hero-02:hover {
  border-color: var(--background);
  background-color: var(--beaujolais);
}

.dot-hero-02.active {
  background-color: var(--bordeaux);
}

.dot-hero-03 {
  z-index: 3;
  border: 6px solid var(--turquoise);
  background-color: #eeeff4;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
}

.dot-hero-03:hover {
  border-color: var(--background);
  background-color: var(--beaujolais);
}

.dot-hero-03.active {
  background-color: var(--bordeaux);
}

.dot-hero-04 {
  z-index: 3;
  border: 6px solid var(--turquoise);
  background-color: #eeeff4;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
}

.dot-hero-04:hover {
  border-color: var(--background);
  background-color: var(--beaujolais);
}

.dot-hero-04.active {
  background-color: var(--bordeaux);
}

.timeline-wrapper-bottom {
  flex-flow: column;
  align-self: center;
  width: 80%;
  margin-top: 0;
  display: flex;
}

.dot02-link {
  cursor: pointer;
}

.mt-wrapper-tm {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.section-vendee-globe-timeline {
  z-index: 20;
  column-count: 2;
  justify-content: center;
  width: 100%;
  padding: 0 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-vendee-globe-timeline.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section-vendee-globe-timeline.verticle-border {
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px solid var(--light-outline);
}

.section-vendee-globe-timeline.no-clip {
  overflow: visible;
}

.section-vendee-globe-timeline.no-clip.no-bottom-padding {
  padding-bottom: 0;
}

.section-vendee-globe-timeline.top-border {
  border-top: 1px solid var(--light-outline);
}

.section-vendee-globe-timeline.large {
  padding-top: 269px;
  padding-bottom: 270px;
}

.section-vendee-globe-timeline.no-top-padding {
  padding-top: 0;
}

.section-vendee-globe-timeline.no-bottom-padding {
  padding-bottom: 0;
}

.section-vendee-globe-timeline.small-top-padding {
  padding-top: 85px;
}

.grid-vendde-timeline {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  justify-content: stretch;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: grid;
  position: relative;
}

.grid-vendde-timeline.indicator-grid-wrapper {
  z-index: 10;
  align-content: end;
  height: 0;
}

.grid-vendde-timeline.zero-height {
  width: 100%;
  height: 0;
}

.grid-vendde-timeline.vendee {
  border-left-style: none;
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.grid-vendde-timeline.vendee:hover {
  background-color: var(--transparent);
}

.grid-vendde-timeline.vendee {
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.stacked-content-vendee-top-tm {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.stacked-content-vendee-top-tm.large {
  grid-row-gap: 80px;
}

.tab-container-vendee {
  flex-flow: column;
  width: 90vw;
  max-width: 1200px;
  height: auto;
  margin-top: 159px;
  display: block;
}

.div-mt {
  margin-top: 60px;
}

.div-block-vendee-copy {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  display: flex;
}

.div-block-37 {
  width: auto;
  padding-left: 0%;
  padding-right: 0%;
}

.image-25 {
  width: 30%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-25._50 {
  width: 50%;
}

.boat-icon-div {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.di-dream {
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
}

.image-50 {
  width: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-50._50 {
  width: 50%;
}

.image-75 {
  width: 75%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-75._50 {
  width: 50%;
}

.image-33 {
  width: 33%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-33._50 {
  width: 50%;
}

.tjv---image-block {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-76 {
  width: 95%;
  padding-top: 10px;
  display: inline-block;
}

.text-block-31 {
  letter-spacing: 1.1px;
  width: 100%;
  padding-top: 20px;
  padding-left: 3%;
  font-size: 12px;
  font-weight: 200;
}

.image-77 {
  width: 95%;
}

.image-78 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.bildcreditmanon {
  letter-spacing: 1.1px;
  width: 100%;
  padding-top: 20px;
  padding-left: 0%;
  font-size: 12px;
  font-weight: 200;
}

.div-block-38 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pop-up {
  z-index: 111;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.pop-up-inner {
  background-color: var(--bordeaux);
  opacity: .84;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 50vw;
  max-width: 600px;
  height: 50vh;
  max-height: 600px;
  display: flex;
}

.text-block-32 {
  text-align: center;
  margin-bottom: 40px;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 1.2em;
  font-weight: 200;
  line-height: 1.8em;
}

.div-block-39 {
  width: 40px;
  height: 40px;
  margin-right: 0;
  padding-right: 0;
  position: static;
  inset: 0% 0% auto auto;
}

.div-block-40 {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.races-wertdatum {
  letter-spacing: 1.2px;
  font-size: 1em;
}

.races-wertdatum.date {
  padding-left: 20px;
}

.img-erfolge {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
}

.section-transat-jacques-vabre {
  z-index: 20;
  column-count: 2;
  flex-flow: column;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-transat-jacques-vabre.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section-transat-jacques-vabre.verticle-border {
  border-top: 1px solid var(--light-outline);
  border-bottom: 1px solid var(--light-outline);
}

.section-transat-jacques-vabre.no-clip {
  overflow: visible;
}

.section-transat-jacques-vabre.no-clip.no-bottom-padding {
  padding-bottom: 0;
}

.section-transat-jacques-vabre.top-border {
  border-top: 1px solid var(--light-outline);
}

.section-transat-jacques-vabre.large {
  padding-top: 269px;
  padding-bottom: 270px;
}

.section-transat-jacques-vabre.no-top-padding {
  padding-top: 0;
}

.section-transat-jacques-vabre.no-bottom-padding {
  padding-bottom: 0;
}

.section-transat-jacques-vabre.small-top-padding {
  padding-top: 85px;
}

.mini-transat-wrapper-trans-copy {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.bold-text-5 {
  font-size: .75em;
  font-weight: 500;
  line-height: .75em;
}

.button-fo-basic-left-copy {
  background-color: var(--light-outline);
  text-align: center;
  letter-spacing: .25em;
  width: auto;
  height: 50px;
  margin-right: 40px;
  padding: 5px 40px 15px;
}

.button-fo-basic-left-copy:hover {
  border: 1px solid var(--background);
  background-color: var(--turquoise);
  border-radius: 1px;
}

.beltrona-2 {
  width: 50vw;
  margin-bottom: 100px;
}

.par-supplier-grid {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-columns: 1fr 1fr 1fr;
}

.partner-supporter-title {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  display: flex;
}

._2---supplier-titel {
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  display: flex;
}

.section-partner-2 {
  z-index: 20;
  column-count: 2;
  flex-flow: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.par-supplier-div {
  justify-content: center;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

._1--partner-title {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.cnm-2 {
  max-width: 100%;
  padding-top: 40px;
}

.grid-11 {
  grid-template-columns: 1fr;
}

.beltron-lb {
  height: 300px;
}

.vendee-grid-3 {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-content: stretch;
  width: 100%;
}

.par-supporter-img {
  width: 300px;
  max-width: 300px;
}

.link-block-8 {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.div-block-vendee-3 {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  display: flex;
}

.insights-header-title-2, ._2--supplier-title {
  letter-spacing: 1.4px;
  text-transform: uppercase;
  column-span: all;
  border-top: 2px #fafbfc;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 2.5em;
  font-weight: 200;
  line-height: 1.6em;
}

.hauptpartner-img-div-2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.partnersec {
  flex-flow: column;
  justify-content: center;
  width: 100vw;
  height: auto;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-81 {
  width: auto;
}

.supplier-img-div {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-41 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.img-windrose {
  height: 250px;
  margin-bottom: 0;
}

.buttonblue {
  background-color: var(--light-outline);
  text-align: center;
  letter-spacing: .25em;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 75px;
  min-height: 60px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0 20px;
  display: flex;
}

.buttonblue:hover {
  border: 1px solid var(--background);
  background-color: var(--turquoise);
  border-radius: 1px;
}

.button-divtransat {
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.card-blockmobile {
  display: none;
}

.dossier-button-div {
  margin-top: 40px;
  margin-left: 5%;
  padding-right: 5%;
}

._2023-media-slider {
  aspect-ratio: auto;
  background-color: var(--transparent);
  width: 100%;
  height: auto;
  min-height: auto;
  margin-top: auto;
  padding-top: 0;
  display: block;
  position: relative;
  inset: 329px 0% 0%;
  overflow: hidden;
  transform: translate(0, -50%);
}

.mask-2 {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.slide-2 {
  text-align: center;
  cursor: grab;
  width: 100%;
}

.img {
  display: inline-block;
  position: relative;
}

.left-arrow-2, .right-arrow {
  width: 15%;
}

.slide-nav-2 {
  font-size: 9px;
  line-height: 20px;
  display: none;
}

.media-slider-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 600px;
  padding-top: 0;
  display: flex;
}

.sec-media-header {
  background-image: linear-gradient(#00000080, #00000080), url('../images/media-bg-01.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 33vh;
  min-height: 400px;
  display: flex;
}

.media-year-div {
  background-color: var(--transparent);
  justify-content: center;
  align-items: center;
  height: 7vh;
  min-height: 200px;
  line-height: 13vh;
  display: flex;
}

.mediayear {
  color: var(--background);
  letter-spacing: 1.2px;
  -webkit-text-stroke-color: var(--background);
  text-shadow: 0 1px 1px #0003;
  mix-blend-mode: overlay;
  font-family: Montserrat, sans-serif;
  font-size: 9vw;
  font-weight: 600;
}

.container-5 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 100vw;
  height: 66vh;
  min-height: 600px;
  display: flex;
}

.sec-media-slider-2023 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  margin-top: 25px;
  margin-bottom: 140px;
  display: block;
}

.icon, .icon-2 {
  background-color: var(--turquoise);
}

.sec-media-2024-new {
  background-color: var(--greenfield);
  flex-flow: column;
  justify-content: space-between;
  height: 7vh;
  min-height: 200px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.sec-media-slider-2024 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  margin-top: 25px;
  margin-bottom: 140px;
  display: block;
}

.sec-media-2023-copy {
  background-color: var(--moustarde);
  flex-flow: column;
  justify-content: space-between;
  height: 7vh;
  min-height: 200px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.sec-media-slider-2022 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  margin-top: 25px;
  margin-bottom: 140px;
  display: block;
}

.mini-transat-cards-mobile {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.mt-card-wrapper-mobile {
  display: none;
}

.footer-credit-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #a0a1af;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-top: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 24px 10%;
  font-size: 8px;
  display: grid;
}

.text-block-40 {
  text-align: left;
  letter-spacing: 3px;
  font-size: 10px;
  line-height: 20px;
}

.legal-link-2 {
  opacity: 1;
  color: #a0a1af;
  text-decoration: none;
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
}

.legal-link-2:hover {
  color: #fff;
}

.races-wert-1-3em-2025 {
  text-align: center;
  font-size: 1em;
}

.races-wert-0-7-em {
  text-align: center;
  font-size: .7em;
  line-height: 16px;
}

.grid-wrapper-mini-mobile {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  display: none;
  position: relative;
}

.grid-wrapper-mini-mobile.indicator-grid-wrapper {
  z-index: 10;
  align-content: end;
  height: 0;
}

.grid-wrapper-mini-mobile.zero-height {
  width: 100%;
  height: 0;
}

.grid-wrapper-mini-mobile.vendee {
  grid-template-columns: repeat(auto-fit, minmax(auto, 1475px));
  width: 100%;
}

.vendee-lightbox {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(25%, 1fr);
  grid-template-columns: 25% 25% 25% 25%;
  grid-auto-rows: minmax(auto, auto);
  grid-auto-columns: minmax(100%, 100%);
  margin-top: 40px;
}

.prototyp-bg-strawberry {
  background-color: var(--beaujolais);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.prototyp-bg-strawberry.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.prototyp-bg-strawberry.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
}

.prototyp-bg-strawberry.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.prototyp-bg-strawberry.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.prototyp-bg-strawberry.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.prototyp-bg-strawberry.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.prototyp-bg-strawberry.midgrey {
  background-color: var(--warm-grey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.prototyp-bg-strawberry.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-43 {
  background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, var(--background), var(--background));
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.div-block-tab-3-1-copy {
  background-image: url('../images/1019.jpg');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: cover;
}

.my-boot-serien-sketch-mobile {
  background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, var(--background), var(--background));
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  display: none;
}

.my-boot-serien-sketch {
  background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, var(--white-100), var(--white-100));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 77%, auto;
}

.classe-mini-prototyp-mobile {
  background-image: url('../images/prototyp1.jpg'), linear-gradient(to bottom, var(--background), var(--background));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  padding-left: 0;
  display: none;
}

.prototyp-bg-darkbordeaux {
  background-color: var(--bordeaux);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.prototyp-bg-darkbordeaux.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.prototyp-bg-darkbordeaux.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
}

.prototyp-bg-darkbordeaux.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
}

.prototyp-bg-darkbordeaux.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.prototyp-bg-darkbordeaux.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.prototyp-bg-darkbordeaux.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.prototyp-bg-darkbordeaux.midgrey {
  background-color: var(--warm-grey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.prototyp-bg-darkbordeaux.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.tab-pane-mentale-st-rke {
  margin-top: 0;
  padding-top: 0;
}

.tab-link-class40-copy {
  aspect-ratio: auto;
  border-right: .25px none var(--overlay-0-25);
  border-left: .25px solid var(--body-display);
  background-color: var(--transparent);
  flex: 1;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: visible;
}

.tab-link-class40-copy:hover {
  background-color: var(--turquoise);
}

.tab-link-class40-copy.w--current {
  background-color: var(--bluegrey);
  flex: 1;
}

.tab-link-class40-copy.most-left {
  border-left-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.tab-link-class40-copy.most-left.w--current {
  background-color: var(--bluegrey);
  flex: 0 auto;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.quote-insights-mobile {
  color: #fff;
  text-align: left;
  letter-spacing: .1em;
  text-transform: none;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.2em;
  font-style: italic;
  font-weight: 200;
  line-height: 1.35em;
}

.quote-insights-mobile.tab1 {
  text-align: left;
  width: 100%;
  padding-bottom: 40px;
}

.quote-insights-mobile.bold {
  padding-bottom: 0;
  font-style: normal;
  line-height: 1.5em;
}

.quote-insights-mobile.bold-grey {
  width: 80%;
  padding-bottom: 0;
  font-style: normal;
}

.eighth-section-tab4-moblie {
  height: auto;
  display: none;
}

.tabs-content-bg-img {
  background-image: url('../images/Fitnesstest2.jpg');
  background-position: 0 0;
  background-size: auto;
  margin-top: 40px;
  padding-top: 100px;
}

.tabs-content-bg-img.fitness {
  background-image: url('../images/Fitnesstest2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
}

.tabs-content-bg-img.ern-hrung {
  background-image: url('../images/Fitnesstest2.jpg');
  background-position: 0 0;
  background-size: auto;
}

.tabs-content-copy {
  margin-top: 40px;
  padding-top: 100px;
}

.tabs-content-copy.fitness {
  background-image: url('../images/Fitnesstest2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
}

.tabs-content-wrapper-fitness {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.bold-text-6 {
  font-size: 1.6em;
  line-height: 2em;
}

.tab-box-text-tab8 {
  text-align: left;
  font-size: 1em;
  line-height: 1.8em;
}

.div-block-tab-1-1tab8 {
  background-image: url('../images/1000-kartentisch.jpg');
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-ven-lb {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.pop-up-inner-2 {
  opacity: .84;
  background-color: #8d0741;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 50vw;
  max-width: 600px;
  height: 50vh;
  max-height: 600px;
  display: flex;
}

.div-block-46 {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-47 {
  width: 40px;
  height: 40px;
  margin-right: 0;
  padding-right: 0;
  position: static;
  inset: 0% 0% auto auto;
}

.text-block-41 {
  text-align: center;
  margin-bottom: 40px;
  padding-left: 15%;
  padding-right: 15%;
  font-size: 1.2em;
  font-weight: 200;
  line-height: 1.8em;
}

.menu-center-2 {
  background-color: #05070a21;
  border-radius: 100%;
  justify-content: center;
  align-items: flex-start;
  width: 55vw;
  height: 70vw;
  margin-bottom: -41vw;
  display: flex;
  position: relative;
}

.menu-link-2 {
  color: #fff;
  letter-spacing: -.025em;
  justify-content: center;
  align-items: flex-end;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  font-size: 6vw;
  font-weight: 600;
  line-height: 1.1em;
  text-decoration: none;
  display: flex;
  position: relative;
  transform: none;
}

.menu-content-2 {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  min-height: 100vh;
  padding-top: 200px;
  display: grid;
  position: absolute;
  inset: 0%;
}

.full-screen-menu-2 {
  background-color: #12151a;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.grain-2 {
  z-index: 1;
  opacity: .02;
  background-image: url('../images/noise.gif');
  background-position: 50%;
  background-size: auto;
  position: fixed;
  inset: 0%;
}

.grain-2.in-element {
  width: 100vw;
  height: 100vh;
  min-height: 100%;
  position: absolute;
  inset: auto;
}

.title-3 {
  color: #00d0ff;
  -webkit-text-fill-color: transparent;
  background-color: #00d0ff;
  -webkit-background-clip: text;
  background-clip: text;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.menu-items-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  display: flex;
  overflow: hidden;
}

.menu-wrapper-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: center;
  width: 300vw;
  margin-bottom: 80px;
  font-size: 14px;
  display: flex;
}

.text-block-42 {
  font-size: 6vw;
}

.wetter-top-bg {
  background-color: var(--marine-dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.wetter-top-bg.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.wetter-top-bg.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
  padding-right: 2em;
}

.wetter-top-bg.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 2em;
}

.wetter-top-bg.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.wetter-top-bg.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.wetter-top-bg.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.wetter-top-bg.midgrey {
  background-color: var(--warm-grey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.wetter-top-bg.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.gray-bg-rectangle-wetter {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.gray-bg-rectangle-wetter.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.gray-bg-rectangle-wetter.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
  padding-right: 2em;
}

.gray-bg-rectangle-wetter.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 2em;
}

.gray-bg-rectangle-wetter.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.gray-bg-rectangle-wetter.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.gray-bg-rectangle-wetter.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.gray-bg-rectangle-wetter.midgrey {
  background-color: var(--marine-dark);
  padding: 20px 0;
}

.gray-bg-rectangle-wetter.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.bg-image-wetterradio {
  background-image: url('../images/felix-wetterradio.jpg');
  background-position: 50%;
  background-size: cover;
}

.left-aligned-container-grid-tab3-copy, .fitness---toptab-grid {
  grid-column-gap: .6em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  min-height: 65vh;
  padding: 0 0 1.5vh;
  display: grid;
}

.fittness-top-bg {
  background-color: var(--overlay-0-7);
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 4em;
  display: flex;
}

.bg-black-fitness {
  background-color: #b9afa1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.6em;
  padding-right: 1.6em;
  display: flex;
}

.bg-black-fitness.dark {
  background-color: var(--warm-grey);
  justify-content: space-around;
  align-items: flex-start;
  padding: 20px 4em 20px 2em;
}

.bg-black-fitness.dark.tab3 {
  background-color: var(--dark-cyan);
  justify-content: space-around;
  width: 100%;
  padding-top: 20px;
  padding-right: 2em;
}

.bg-black-fitness.dark.tab5 {
  background-color: var(--beige);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 2em;
}

.bg-black-fitness.dark.tab7 {
  background-color: var(--dark-turqoise);
}

.bg-black-fitness.beige {
  background-color: var(--warm-grey);
  justify-content: space-around;
}

.bg-black-fitness.orange {
  background-color: var(--dark-turqoise);
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.bg-black-fitness.midgrey {
  background-color: var(--overlay-0-7);
  padding: 20px 0;
}

.bg-black-fitness.blue {
  background-color: var(--bluegrey);
  padding-top: 20px;
  padding-bottom: 20px;
}

.bg-img-fitness {
  background-image: url('../images/Fitnesstest2.jpg');
  background-position: 50%;
  background-size: cover;
}

.menu-item-mobile {
  text-align: center;
  white-space: nowrap;
  word-break: normal;
  font-family: Montserrat, sans-serif;
  font-size: 4vw;
}

.button-dt {
  background-color: var(--light-outline);
  text-align: center;
  letter-spacing: .25em;
  width: auto;
  height: 50px;
  margin-left: 40px;
  padding: 15px 40px;
}

.button-dt:hover {
  border: 1px solid var(--background);
  background-color: var(--turquoise);
  border-radius: 1px;
}

.fs-mob-menu-item {
  color: #fff;
  letter-spacing: -.025em;
  justify-content: center;
  align-items: flex-end;
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: 4vw;
  font-weight: 600;
  line-height: 1.1em;
  text-decoration: none;
  display: flex;
  position: relative;
  transform: none;
}

.wg-dropdown-1-link-3 {
  background-color: var(--transparent);
  color: #000;
  padding: 10px 10px 10px 20px;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link-3:hover {
  background-color: var(--overlay-0-25);
  color: #fff;
}

.wg-dd-1-togle-3 {
  z-index: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 10px 15px;
}

.wg-dd-1-togle-3:hover {
  background-color: var(--transparent);
  color: #fff;
}

.wg-dropdown-1-link-4 {
  color: #000;
  background-color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link-4:hover {
  color: #fff;
  background-color: #4049ff;
}

.wg-selector-text-wrapper-2 {
  align-items: center;
  width: 100%;
  display: flex;
}

.wg-dropdown-1-link-5 {
  color: #000;
  cursor: pointer;
  background-color: #fff0;
  padding: 10px 15px;
  text-decoration: none;
}

.wg-dropdown-1-link-5:hover {
  color: #fff;
  background-color: #fff0;
}

.wg-dd-1-toggle-2 {
  z-index: 1;
  background-color: #fff0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 10px 15px;
}

.wg-dd-1-toggle-2:hover {
  color: #fff;
  -webkit-text-stroke-color: #fff0;
  background-color: #fff0;
}

.wg-dd-1-toggle-2.w--open {
  padding-left: 15px;
  padding-right: 15px;
}

.wg-flag-2 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 24px;
  margin-right: 10px;
  display: flex;
}

.wg-dropdown-1-link-6 {
  background-color: var(--transparent);
  color: #000;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link-6:hover {
  background-color: var(--transparent);
  color: #fff;
}

.wg-selector-text-wrapper-3 {
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-43, .text-block-44 {
  font-weight: 400;
}

.image-bg-rectangle-schlaf {
  background-image: url('../images/felix-oberle.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .project-description {
    min-width: 275px;
  }

  .core-value-grid {
    grid-column-gap: 80px;
  }

  .form-wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }

  .txt-div-right-50 {
    flex-flow: column;
    justify-content: space-between;
    display: flex;
  }

  .tabs-content.fitness {
    padding-bottom: 5%;
  }

  .eighth-section-tab3 {
    display: none;
  }

  .text-block-19 {
    font-size: 3em;
  }

  .map-mini-transat-inverse {
    max-width: 1400px;
  }

  .section-mini-transat {
    padding-bottom: 0;
  }

  .div-minitransat-map {
    justify-content: space-between;
    align-items: stretch;
    max-width: 1400px;
  }

  .map-mini-transat {
    max-width: 2200px;
  }

  .titel-erfolgsbox {
    padding-bottom: 20px;
  }

  .sec-felix-image-kid {
    height: 120vh;
  }

  .tile.is--2 {
    width: 25%;
    height: 34%;
    left: 53%;
  }

  .tile.is--4 {
    width: 38%;
    height: 30%;
    top: 80%;
    left: 7%;
  }

  .tile.is--3 {
    width: 32%;
    height: 28%;
    left: 11%;
  }

  .tile.is--8 {
    width: 33%;
    top: 43%;
    left: 50%;
  }

  .tile.is--6 {
    width: 40%;
    height: 30%;
    top: 76%;
    left: 50%;
  }

  .page-wrapper-3 {
    height: 120vh;
  }

  .gallery {
    width: 100vmax;
    height: 100vh;
  }

  .mandatory {
    padding-top: 40px;
  }

  .titel-erfolgsbox-year {
    min-height: 75px;
    padding-top: 20px;
  }

  .label {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.4em;
  }

  .scoll-wrap-hero-2 {
    margin-top: -104px;
  }

  .label-year {
    font-size: 2em;
  }

  .dot-hero-01 {
    width: 46px;
    height: 46px;
  }

  .timeline-wrapper-top {
    width: 125%;
  }

  .div-block-35 {
    justify-content: flex-end;
    align-items: center;
    height: 600px;
  }

  .dot-hero-02, .dot-hero-03, .dot-hero-04 {
    width: 46px;
    height: 46px;
  }

  .timeline-wrapper-bottom {
    width: 100%;
  }

  .cnm-2 {
    padding-top: 100px;
  }

  ._2023-media-slider {
    top: 330px;
  }

  .left-arrow-2, .right-arrow {
    background-image: none;
  }

  .icon, .icon-2 {
    background-color: var(--turquoise);
  }

  .tabs-content-bg-img.fitness, .tabs-content-copy.fitness {
    padding-bottom: 5%;
  }

  .wetter-top-bg {
    padding-top: 0;
  }

  .menu-item-mobile {
    white-space: nowrap;
  }
}

@media screen and (min-width: 1440px) {
  .hero-section {
    flex-flow: column;
    width: 100%;
  }

  .background.testimonial-background {
    background-image: url('../images/JOU-01-Hero.jpg');
  }

  .body {
    max-width: none;
  }

  .section {
    padding-top: 100px;
  }

  .section.no-clip {
    padding-bottom: 0;
  }

  .grain.in-nav {
    font-size: 14px;
  }

  .subtitle {
    margin-bottom: 29px;
  }

  .subtitle.small {
    margin-bottom: 0;
  }

  .stacked-content {
    grid-template-rows: auto;
  }

  .card {
    align-content: start;
    align-items: start;
  }

  .stacked-description {
    align-items: start;
  }

  .medium-width {
    max-width: 50vw;
  }

  .four-column.vendee {
    width: 100%;
  }

  .testimonial-card {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .testimonial-quote {
    grid-template-rows: auto auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .avatar.one {
    background-image: url('../images/Bildschirmfoto-2024-05-08-um-16.23.25.png');
  }

  .testimonial-name {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    align-content: center;
    align-items: end;
  }

  .client-name {
    letter-spacing: .25em;
  }

  .scrol-indicator-wrapper {
    margin-bottom: 0;
  }

  .project-description {
    min-width: 290px;
  }

  .full-hero {
    background-size: cover;
    height: auto;
  }

  .testimonial-text {
    font-size: 2em;
    font-weight: 300;
  }

  .testimonial-feature {
    background-image: url('../images/Jou-01-Teaser.jpg');
  }

  .home-hero {
    width: 100%;
    max-width: 1800px;
  }

  .link-block, .nav-text-white {
    text-decoration: none;
  }

  .heading-padding-unten {
    letter-spacing: 0;
    padding-bottom: 41px;
  }

  .body-display-gesperrt {
    letter-spacing: 0;
  }

  .txt-div-left-50 {
    max-width: 50%;
  }

  .div-block-2 {
    justify-content: space-between;
    display: flex;
  }

  .img-div-right-50 {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    max-width: 50%;
    display: flex;
  }

  .image-3 {
    vertical-align: baseline;
    width: 100%;
    position: static;
  }

  .button-2 {
    background-color: var(--light-outline);
    text-align: center;
    letter-spacing: .5em;
    text-transform: uppercase;
    border-radius: 2px;
    width: 32%;
    height: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    text-decoration: none;
  }

  .button-2:hover {
    background-color: var(--turquoise);
  }

  .div-block-3 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .img-div-left-50 {
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    max-width: 50%;
    display: flex;
  }

  .body-2 {
    background-color: var(--dark);
  }

  .blog-teaser-item-wrapper {
    border: 1px solid var(--background);
    padding-bottom: 5.6em;
  }

  .social-title {
    color: var(--background);
    font-family: Montserrat, sans-serif;
  }

  .social-icon-2 {
    color: var(--background);
  }

  .blog-teaser-quote {
    font-family: Montserrat, sans-serif;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.5;
  }

  .blog-header-divider, .blog-header-divider.right {
    border: 1px solid var(--background);
  }

  .blog-header-title {
    color: var(--background);
    font-family: Montserrat, sans-serif;
  }

  .grid-border-line, .grid-border-line.right {
    border: 1px solid var(--background);
  }

  .link-block-journal {
    background-image: url('../images/MLG_0998.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    width: 100%;
    height: 100%;
    padding-right: 76px;
    display: block;
    position: static;
  }

  .body-blog {
    background-color: var(--dark);
  }

  .blog-teaser-meta-wrapper {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .text-block-4 {
    color: var(--background);
    text-align: right;
    letter-spacing: .05em;
    font-family: Montserrat, sans-serif;
    font-size: 1.5em;
    font-weight: 500;
  }

  .journal-date {
    color: var(--background);
    text-align: right;
    letter-spacing: .05em;
    font-family: Montserrat, sans-serif;
    font-size: 1.2em;
    font-weight: 500;
  }

  .journal-post-title {
    color: var(--background);
    text-align: left;
    letter-spacing: .05em;
    font-family: Montserrat, sans-serif;
    font-size: 1.2em;
    font-weight: 500;
  }

  .image-4 {
    width: 100%;
    height: auto;
  }

  .jou-teaser-title {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .news---date {
    letter-spacing: .25em;
    font-size: 1.2em;
    font-weight: 500;
  }

  .div-block-vendee {
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

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

  .img-left {
    vertical-align: baseline;
    width: 100%;
    position: static;
  }

  .sec---minitransat {
    padding-top: 100px;
  }

  .sec---minitransat.no-clip {
    padding-bottom: 0;
  }

  .section-vendee-globe {
    justify-content: space-between;
    width: 100%;
    padding-top: 40px;
  }

  .section-vendee-globe.no-clip {
    padding-bottom: 0;
  }

  .my-story-lindblock {
    text-decoration: none;
  }

  .text-block-10 {
    font-size: 4vw;
  }

  .tab-link {
    width: 14.1315%;
  }

  .insights-header-title {
    text-align: left;
  }

  .tab-box-text {
    font-size: 1.4em;
  }

  .tabs, .race-tabs {
    flex-flow: column;
    display: flex;
  }

  .races-calendar-label {
    height: auto;
  }

  .races-grid-cell-txt {
    padding-bottom: 0;
  }

  .text-block-19 {
    font-size: 2.5em;
  }

  .races-value-number {
    text-align: right;
    height: auto;
    padding-top: 0%;
    padding-right: 3px;
    position: relative;
  }

  .races-value-number.date {
    background-color: var(--transparent);
    text-align: center;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-left: 3px;
    top: 0%;
  }

  .races-value-number.team {
    text-align: center;
    width: 100%;
  }

  .races-value-number.ranking {
    text-align: center;
    width: 100%;
    font-weight: 300;
  }

  .races-grid-cell-txt-2025 {
    padding-bottom: 0;
  }

  .img-div-right-vendee {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    max-width: 50%;
    display: flex;
  }

  .heading-6 {
    width: 95%;
    font-size: 2.6em;
  }

  .races-value-number-class {
    text-align: right;
    height: auto;
    padding-top: 0%;
    padding-right: 3px;
    position: relative;
  }

  .races-value-number-class.date {
    background-color: var(--transparent);
    text-align: center;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-left: 3px;
    top: 0%;
  }

  .races-value-number-class.team {
    text-align: center;
    width: 100%;
  }

  .races-value-number-class.ranking {
    text-align: center;
    width: 100%;
    font-weight: 300;
  }

  .races-value-number-date {
    text-align: right;
    height: auto;
    padding-top: 0%;
    padding-right: 3px;
    position: relative;
  }

  .races-value-number-date.date {
    background-color: var(--transparent);
    text-align: center;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-left: 3px;
    top: 0%;
  }

  .races-value-number-date.team {
    text-align: center;
    width: 100%;
  }

  .races-value-number-date.ranking {
    text-align: center;
    width: 100%;
    font-weight: 300;
  }

  .races-value {
    text-align: right;
    height: auto;
    padding-top: 0%;
    padding-right: 3px;
    position: relative;
  }

  .races-value.date {
    background-color: var(--transparent);
    text-align: center;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-left: 3px;
    top: 0%;
  }

  .races-value.team {
    text-align: center;
    width: 100%;
  }

  .races-value.ranking {
    text-align: center;
    width: 100%;
    font-weight: 300;
  }

  .races-value-number-distance {
    text-align: right;
    height: auto;
    padding-top: 0%;
    padding-right: 3px;
    position: relative;
  }

  .races-value-number-distance.date {
    background-color: var(--transparent);
    text-align: center;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-left: 3px;
    top: 0%;
  }

  .races-value-number-distance.team {
    text-align: center;
    width: 100%;
  }

  .races-value-number-distance.ranking {
    text-align: center;
    width: 100%;
    font-weight: 300;
  }

  .tab-link-mostleft {
    width: 14.1315%;
  }

  .vendee-grid {
    max-width: 100%;
  }

  .stacked-content-vendee-top {
    grid-template-rows: auto;
  }

  ._4-img-block-right, .div-block-11 {
    width: 100%;
  }

  .image-10 {
    object-fit: cover;
  }

  .image-11 {
    object-fit: cover;
    width: auto;
    max-width: none;
    position: static;
  }

  .stacked-content-vendee-race {
    grid-template-rows: auto;
    width: 100%;
  }

  .classe-mini-what-is {
    grid-template-rows: auto;
  }

  .landing-content {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .body-display-gesperrt-lead {
    letter-spacing: 0;
  }

  .txt-div-left-50-split {
    max-width: 50%;
  }

  .button-div-right {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .rich-text-block {
    border: 1px solid var(--pink);
  }

  .paragraph-4 {
    padding-top: 1px;
  }

  .button-div-copy {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .stacked-content-partner, .stacked-content-vendee-race-copy, .stacked-content-partner-big {
    grid-template-rows: auto;
  }

  .section-partner {
    padding-top: 100px;
  }

  .section-partner.no-clip {
    padding-bottom: 0;
  }

  .div-block-suppliers, .div-block-vendee-partner-2 {
    justify-content: space-between;
    display: flex;
  }

  .stacked-content-partner-suppliers, .stacked-content-hauptpartner {
    grid-template-rows: auto;
  }

  .map-mini-transat-inverse {
    vertical-align: baseline;
    width: 100%;
    max-width: 2000px;
    position: static;
  }

  .mini-transat-anc {
    font-size: 2.6em;
  }

  .section-mini-transat {
    padding-top: 40px;
  }

  .section-mini-transat.no-clip {
    padding-bottom: 0;
  }

  .section-5 {
    padding-top: 100px;
  }

  .div-minitransat-map {
    justify-content: space-between;
    max-width: 2000px;
    display: flex;
  }

  .img-left-copy {
    vertical-align: baseline;
    width: 100%;
    position: static;
  }

  .mini-wrapper {
    justify-content: space-between;
    display: flex;
  }

  .body-display-gesperrt-lead-copy {
    letter-spacing: 0;
    letter-spacing: 0;
  }

  .stacked-content-comini {
    grid-template-rows: auto;
  }

  .grid-wrapper-mini {
    width: 100%;
  }

  .tab-liink-mini-transat, .tab-link-vendee {
    width: 14.1315%;
  }

  .mini-transat-map-v4 {
    margin-top: 140px;
  }

  .div-block-21, .image-16 {
    width: 100%;
  }

  .section-felix-quote {
    padding-top: 100px;
  }

  .section-felix-quote.no-clip {
    padding-bottom: 0;
  }

  .stacked-content-vendee {
    grid-template-rows: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .img-div-vendee {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    max-width: 50%;
    display: flex;
  }

  .quote-home {
    letter-spacing: 0;
  }

  .mandatory {
    margin-bottom: 29px;
  }

  .mandatory.small {
    margin-bottom: 0;
  }

  .impr-text {
    margin-bottom: 29px;
  }

  .impr-text.small {
    margin-bottom: 0;
  }

  .div-block-transat {
    justify-content: space-between;
    display: flex;
  }

  .stacked-content-transat {
    grid-template-rows: auto;
  }

  .image-20 {
    width: 100%;
    max-width: none;
  }

  .tab-link-rennkalender, .minitransat, .tab-link-class40 {
    width: 14.1315%;
  }

  .stacked-content-vendee-race-2, .stacked-content-vendee-top-2 {
    grid-template-rows: auto;
  }

  .tab-link-races {
    width: 14.1315%;
  }

  .grid-vendde-01 {
    grid-template-columns: minmax(0, 1fr) minmax(auto, 1400px) minmax(0, 1fr);
  }

  .heading-8 {
    font-size: 2.6em;
  }

  .div-block-vendee-2 {
    justify-content: space-between;
    display: flex;
  }

  .scoll-wrap-hero-2 {
    width: 99%;
  }

  .tab-box-text-mental {
    font-size: 1.4em;
  }

  .section-vendee-globe-timeline {
    justify-content: space-between;
    width: 100%;
    padding-top: 40px;
  }

  .section-vendee-globe-timeline.no-clip {
    padding-bottom: 0;
  }

  .grid-vendde-timeline {
    grid-template-columns: minmax(0, 1fr) minmax(auto, 1400px) minmax(0, 1fr);
  }

  .stacked-content-vendee-top-tm {
    grid-template-rows: auto;
  }

  .div-block-vendee-copy {
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .img-erfolge {
    width: 100%;
    max-width: none;
  }

  .section-transat-jacques-vabre {
    padding-top: 40px;
  }

  .section-transat-jacques-vabre.no-clip {
    padding-bottom: 0;
  }

  .beltrona-2 {
    max-width: 700px;
  }

  .partner-supporter-title {
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .section-partner-2 {
    padding-top: 100px;
  }

  ._1--partner-title {
    grid-template-rows: auto;
  }

  .cnm-2 {
    width: 20vw;
    max-width: 500px;
    padding-top: 100px;
  }

  .vendee-grid-3 {
    max-width: 100%;
  }

  .div-block-vendee-3 {
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .insights-header-title-2, ._2--supplier-title {
    text-align: center;
  }

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

  ._2023-media-slider {
    top: 330px;
  }

  .grid-wrapper-mini-mobile {
    width: 100%;
  }

  .tab-link-class40-copy {
    width: 14.1315%;
  }
}

@media screen and (min-width: 1920px) {
  .home-hero {
    width: 100vw;
    max-width: 100vw;
  }

  .button-div {
    justify-content: space-between;
  }

  .meinboot-h4.header-titel {
    font-size: 3em;
  }

  .light-bg-overlay-copy {
    margin-top: 100px;
  }

  .tab-box-lead-co {
    width: 66%;
    font-size: 1.6em;
  }

  .div-block-35 {
    height: auto;
  }

  .pop-up-inner {
    width: 60vw;
    max-width: 750px;
    height: 60vh;
    max-height: 600px;
  }

  .text-block-32 {
    font-size: 1.6em;
  }

  .beltrona-2 {
    max-width: 700px;
  }

  .cnm-2 {
    width: 15vw;
    max-width: 500px;
  }

  .hauptpartner-img-div-2 {
    height: auto;
  }

  .button-divtransat {
    padding-bottom: 20px;
  }

  ._2023-media-slider {
    top: 350px;
  }

  .media-slider-div {
    padding-top: 33vh;
  }

  .sec-media-slider-2023, .sec-media-slider-2024, .sec-media-slider-2022 {
    margin-bottom: 40px;
  }

  .pop-up-inner-2 {
    width: 60vw;
    max-width: 750px;
    height: 60vh;
    max-height: 600px;
  }

  .text-block-41 {
    font-size: 1.6em;
  }
}

@media screen and (max-width: 991px) {
  .hero-section {
    flex-flow: column;
    min-height: auto;
  }

  .hero-section.small {
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .background.founder-quote-background {
    background-image: url('../images/Felix-maxi-01.jpg');
    background-position: 10%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .navbar {
    justify-content: center;
    align-items: flex-start;
    width: 768vw;
    height: 0;
    display: none;
  }

  .navbar-wrapper {
    grid-row-gap: 16px;
    grid-template-columns: 17vw 17vw;
    grid-auto-columns: auto;
    height: 65px;
  }

  .reel-link {
    display: none;
  }

  .brand {
    border-left-style: none;
    padding-left: 36px;
    padding-right: 36px;
  }

  .nav-right {
    width: 30%;
    height: 50px;
    padding-left: 15px;
  }

  .nav-text {
    margin-left: 10px;
    margin-right: 10px;
  }

  .menu-button {
    z-index: 112;
    position: relative;
  }

  .rotate-text-wrapper.top-text {
    grid-column-gap: 12px;
  }

  .rotate-heading {
    font-size: 9vw;
  }

  .rotate-heading.wrap-text {
    text-align: center;
    white-space: normal;
    margin-bottom: 12px;
    line-height: 1.3em;
  }

  .scroll-link {
    display: none;
  }

  .section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.large {
    padding-top: 180px;
  }

  .grid-wrapper {
    grid-template-rows: auto;
    width: 80%;
    height: auto;
  }

  .grid-wrapper.vendee {
    border-bottom-style: none;
    width: 100%;
  }

  .subtitle {
    font-size: 9px;
    overflow: visible;
  }

  .stacked-content {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mini-transat-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .card {
    min-height: 300px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .video-cover {
    justify-content: center;
    width: auto;
    min-height: 500px;
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .video-clip {
    justify-content: center;
  }

  .play-video {
    margin-left: 0;
  }

  .left-intro {
    grid-row-gap: 36px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 80px;
  }

  .stacked-title {
    grid-row-gap: 18px;
  }

  .service-card-top {
    margin-right: 0;
  }

  .body-display {
    font-size: 1em;
  }

  .body-display.dual-paragraph {
    column-count: 1;
  }

  .full-screen-menu {
    z-index: 90;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .menu-content {
    z-index: -10;
    grid-template-rows: .75fr auto;
    place-items: center;
    height: 100%;
    min-height: auto;
    display: flex;
  }

  .menu-center {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    margin-bottom: 0;
    display: none;
  }

  .menu-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch space-between;
    place-items: center;
    width: auto;
    height: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .menu-wrapper:hover {
    color: var(--turquoise);
  }

  .menu-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: end;
    align-items: end;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 48px;
    display: block;
  }

  .menu-link:hover {
    color: var(--turquoise);
  }

  .menu-link.w--current {
    grid-auto-columns: 1fr;
    display: block;
  }

  .title {
    color: var(--background);
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: auto;
  }

  .title:hover {
    color: var(--turquoise);
  }

  .title.right {
    display: none;
  }

  .menu-items {
    text-align: center;
    flex-flow: column;
    justify-content: space-around;
    height: 70vh;
    padding-top: 0;
  }

  .heading.large {
    font-size: 42px;
  }

  .heading.small-width {
    font-size: 2em;
  }

  .project-grid {
    grid-row-gap: 80px;
  }

  .project-item {
    flex-direction: column;
  }

  .project-item:nth-child(odd) {
    margin-right: 0;
  }

  .project-item:nth-child(2n) {
    flex-direction: column;
    margin-right: 0;
  }

  .project-image {
    flex-direction: column;
    width: 100%;
    min-height: 300px;
    display: flex;
  }

  .sticky-circle, .outline-circle-wrapper {
    width: 90px;
    height: 90px;
  }

  .outline-circle {
    width: 90px;
    min-width: 90px;
    height: 90px;
    min-height: 90px;
  }

  .circle-link-text {
    text-align: center;
    font-size: 7.5px;
  }

  .project-card-info {
    width: 100%;
    padding-top: 36px;
  }

  .testimonial-items {
    margin-left: 0;
  }

  .dark-fill.hide-on-tablet-mobile {
    display: none;
  }

  .four-column {
    grid-row-gap: 48px;
    align-content: stretch;
  }

  .testimonial-card {
    grid-row-gap: 0px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .testimonial-image {
    min-height: 300px;
    margin-left: 0;
  }

  .testimonial-quote {
    padding: 60px 0 60px 60px;
  }

  .news-top {
    margin-left: 0;
  }

  .news-list-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .news-title {
    white-space: normal;
    grid-template-columns: 1fr;
    height: auto;
  }

  .news-title-wrapper {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .news-dot {
    display: none;
  }

  .clip-heading {
    font-size: 32px;
    line-height: 1.35em;
  }

  .arrow-base.right {
    margin-bottom: -100px;
    margin-left: -70px;
  }

  .arrow-base.left {
    margin-bottom: -100px;
    margin-right: -70px;
  }

  .project-banner {
    min-height: 500px;
  }

  .project-description {
    padding-bottom: 0;
  }

  .rotating-circles {
    min-height: 300px;
  }

  .circle {
    width: 400px;
    height: 200px;
    margin-right: -48px;
  }

  .gallery-arrow {
    width: 0%;
    display: none;
    inset: auto auto 0% 0%;
  }

  .item-slide-nav, .gallery-mask {
    width: 66.66%;
  }

  .about-hero.small {
    min-height: auto;
  }

  .project-image-wrapper {
    width: 100%;
    position: absolute;
  }

  .card-info {
    grid-row-gap: 18px;
  }

  .hero-image.full {
    width: 100vw;
    height: 100vh;
    min-height: auto;
  }

  .hover-circle-wrapper {
    display: none;
  }

  .full-hero {
    height: auto;
    min-height: 50vh;
    margin-top: 0;
  }

  .service-list-item {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
    padding-left: 60px;
  }

  .service-title {
    border-right-style: none;
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .service-description {
    grid-row-gap: 12px;
    padding-left: 0;
  }

  .form-block {
    padding-bottom: 60px;
  }

  .form {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
  }

  .gallery-content {
    padding-bottom: 36px;
  }

  .call-to-action-intro {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .testimonial-text.large {
    font-size: 1.6em;
  }

  .logo-image {
    width: 140px;
  }

  .list-item {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .hero-background.projects-background {
    height: 100%;
  }

  .hero-background.felix-bg {
    background-image: url('../images/felix-05.jpg');
  }

  .image {
    margin-right: 10px;
    padding-right: 0;
  }

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

  .heading-padding-unten {
    width: 70%;
    font-size: 2em;
  }

  .heading-padding-unten.large {
    font-size: 42px;
  }

  .body-display-gesperrt.dual-paragraph {
    column-count: 1;
  }

  .txt-div-left-50 {
    width: 100%;
    max-width: none;
    padding-right: 0;
  }

  .image-3 {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: contain;
    width: 100%;
    height: auto;
    display: block;
    position: static;
    overflow: visible;
  }

  .header-button:hover {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }

  .header-button:active {
    transform: scale(.94);
  }

  .header-inner {
    padding-top: 2em;
  }

  .social-link:hover {
    color: #000;
    transform: none;
  }

  .blog-teaser-item-wrapper {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .blog-teaser-item-wrapper.quote {
    padding: 3em;
  }

  .page-teaser-text-wrapper {
    padding-left: 2em;
    padding-right: 2em;
  }

  .blog-overview-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .page-teaser-title {
    font-size: 2.8em;
  }

  .blog-teaser-quote {
    font-size: 1.7em;
  }

  .blog-header-title-wrapper {
    justify-content: flex-start;
  }

  .button-3:hover {
    box-shadow: none;
    transform: none;
  }

  .button-3:active {
    transform: scale(.94);
  }

  .section-tutorial {
    border-top: 1px solid #d4d4d4;
  }

  .blog-header-title {
    text-align: left;
    font-size: 15vw;
  }

  .news---date.large {
    font-size: 32px;
  }

  .navbar-mobile {
    z-index: 111;
    background-color: #0000;
    background-image: linear-gradient(to bottom, var(--overlay-0-25), var(--overlay-0-25));
    color: var(--background);
    justify-content: center;
    align-items: center;
    width: 100svw;
    height: 100px;
    margin-top: 20px;
    display: flex;
    position: absolute;
  }

  .div-block-4 {
    width: 90svw;
  }

  .navbar-mobile-inner-div {
    border: 1px solid var(--light-outline);
    border-radius: 1px;
    justify-content: space-between;
    align-items: center;
    width: 90svw;
    height: 60px;
    display: flex;
  }

  .brand-mobile {
    border-left-style: none;
    padding-left: 36px;
    padding-right: 36px;
  }

  .brand-mobile.w--current {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-vendee {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 40px;
  }

  .sec---minitransat {
    padding-top: 120px;
    padding-bottom: 40px;
  }

  .sec---minitransat.large {
    padding-top: 180px;
  }

  .section-vendee-globe {
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 0 0;
  }

  .section-vendee-globe.large {
    padding-top: 180px;
  }

  .my-story-lb {
    border-left-style: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .full-hero-white-bg {
    height: 100vh;
    min-height: 100vh;
  }

  .hero-background-felix.projects-background {
    background-position: 50% 30%;
    background-size: cover;
    height: 50vh;
  }

  .wg-element-wrapper.sw6 {
    display: flex;
  }

  .grid-2, .blog-masonry-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area Area Area-3 Area-3"
                         "Area-4 Area-4 Area-2 Area-2"
                         "Area-5 Area-5 Area-6 Area-6"
                         "Area-7 Area-7 Area-8 Area-8";
  }

  .tab-link {
    border-bottom: .25px solid var(--body-display);
    border-left-style: none;
    border-right-style: none;
    width: 75vw;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tab-link.most-left, .tab-link.most-left.w--current {
    width: 75vw;
  }

  .insights-header {
    padding-bottom: 40px;
  }

  .insights-header-title {
    line-height: 1.5em;
  }

  .insights-header-text {
    width: 100%;
  }

  .left-aligned-container-grid {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 1.5vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .gray-bg-square {
    height: 40vh;
  }

  .gray-bg-square-text {
    font-size: 1.5em;
  }

  .gray-bg-square-text.third-section {
    font-size: 1.2em;
  }

  .link-block-2 {
    margin-top: 9vh;
    text-decoration: none;
    display: block;
    top: auto;
    bottom: auto;
  }

  .text-block-17 {
    z-index: 2;
    color: #fff;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 300;
    text-decoration: none;
    top: 5vh;
  }

  .tabs-content {
    background-image: none;
    height: auto;
    padding-top: 0;
  }

  .tabs-menu {
    flex-flow: column;
  }

  .right-aligned-container-grid {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 1.5vh;
    padding-bottom: 0;
  }

  .right-aligned-container-grid.tab1 {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid.tab3 {
    grid-template-columns: 2fr 2fr;
    min-height: auto;
    max-height: none;
    padding-bottom: 0;
  }

  .heading-4 {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 700;
    display: flex;
  }

  .heading-4.left {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .gray-bg-rectangle.dark, .gray-bg-rectangle.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .gray-bg-rectangle.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gray-bg-rectangle.midgrey {
    padding: 40px 1em;
  }

  .gray-bg-rectangle.blue {
    background-color: var(--petrol);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .fifth-section {
    height: auto;
  }

  .gif-square {
    height: 40vh;
  }

  .tab-box-title {
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
  }

  .tab-box-title.center {
    width: auto;
    margin-bottom: 0;
  }

  .tab-box-text {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .fourth-container {
    min-height: auto;
  }

  .image-bg-rectangle {
    height: 80vh;
  }

  .light-bg-overlay {
    align-items: center;
    margin-top: 600px;
    padding: 2em;
  }

  .heading-5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6em;
  }

  .light-bg-overlay-2 {
    align-items: center;
    padding: 2em;
  }

  .right-aligned-container-grid-2 {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 1.5vh;
    padding-bottom: 0;
  }

  .bg-image-2._2 {
    height: 40vh;
    display: flex;
  }

  .copyright-tag {
    display: none;
  }

  .gray-bg-square-2 {
    height: 40vh;
  }

  .middle-aligned-container-grid {
    min-height: auto;
    max-height: none;
    margin-bottom: 1.5vh;
    padding-bottom: 0;
  }

  .image-bg-rectangle-tab-1-3 {
    height: 80vh;
  }

  .first-section-tab-3 {
    min-height: auto;
  }

  .div-block-tab-3-1 {
    width: 100%;
    height: 100%;
    min-height: 700px;
  }

  .second-section-tab3 {
    min-height: auto;
  }

  .left-aligned-container-grid-tab3 {
    grid-column-gap: .6em;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .5fr .5fr;
    grid-auto-columns: 1fr;
    min-height: auto;
    max-height: none;
    margin-bottom: 1.5vh;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .bg-image-tab-3-2 {
    background-position: 60%;
  }

  .third-section-tab3 {
    min-height: auto;
  }

  .cross-aligned-container-grid-tab3 {
    min-height: auto;
    max-height: none;
    margin-bottom: 1.5vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .eighth-section-tab3 {
    height: auto;
    margin-top: 0;
  }

  .fourth-container-tab3 {
    min-height: auto;
  }

  .video-bg-tab-3-4 {
    flex-flow: column;
    width: 100%;
    height: auto;
  }

  .light-bg-overlay-tab3 {
    justify-content: space-between;
    align-items: center;
    padding: 2em;
  }

  .background-video-2 {
    height: 50vh;
    min-height: 300px;
  }

  .heading-4-center {
    text-align: left;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 700;
    display: flex;
  }

  .second-section-tab2 {
    height: auto;
  }

  .gray-bg-rectangle-tab2.dark, .gray-bg-rectangle-tab2.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .gray-bg-rectangle-tab2.beige {
    padding: 40px 1em;
  }

  .gray-bg-rectangle-tab2.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gray-bg-rectangle-tab2.midgrey {
    padding: 40px 1em;
  }

  .gray-bg-rectangle-tab2.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .eighth-section-tab4 {
    background-position: 50%;
  }

  .fourth-container-tab4 {
    min-height: auto;
  }

  .image-bg-rectangle-tab4 {
    background-image: url('../images/Fitnesstest2.jpg');
    height: auto;
  }

  .fifth-section-tab5, .fifth-section-tab6 {
    height: auto;
  }

  .gray-bg-square-tab6 {
    height: 40vh;
  }

  .tab-box-text-tab6 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .gray-bg-rectangle-copy.dark, .gray-bg-rectangle-copy.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .gray-bg-rectangle-tab1.dark, .gray-bg-rectangle-tab1.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .gray-bg-rectangle-tab1.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gray-bg-rectangle-tab1.midgrey {
    padding: 40px 1em;
  }

  .gray-bg-rectangle-tab1.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .gray-bg-rectangle-tab7.dark, .gray-bg-rectangle-tab7.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .gray-bg-rectangle-tab7.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gray-bg-rectangle-tab7.midgrey {
    padding: 40px 1em;
  }

  .gray-bg-rectangle-tab7.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .left-aligned-container-grid-copy {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 1.5vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .bg-image-tab-7-1 {
    background-position: 70%;
  }

  .left-aligned-container-grid-tab7 {
    min-height: auto;
    max-height: none;
    margin-bottom: 1.5vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .gray-bg-tab7.dark, .gray-bg-tab7.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .gray-bg-tab7.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gray-bg-tab7.midgrey {
    padding: 40px 1em;
  }

  .gray-bg-tab7.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .right-aligned-container-grid-tab7 {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 1.5vh;
    padding-bottom: 0;
  }

  .right-aligned-container-grid-tab7.tab1 {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-tab7.tab3 {
    grid-template-columns: 2.5fr 2fr;
    min-height: auto;
    max-height: none;
  }

  .gray-bg-square-tab8 {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bg-image-tab8._2 {
    height: 40vh;
    display: flex;
  }

  .race-hero {
    height: auto;
  }

  .tab-container-race {
    width: 95vw;
    margin-top: 140px;
  }

  .race-header {
    padding-bottom: 40px;
  }

  .race-tabs-menu {
    flex-flow: column;
  }

  .races-sec {
    height: auto;
  }

  .races-grid {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .races-heading-4 {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: 700;
    display: flex;
  }

  .races-heading-4.left {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .grid-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .races-calendar-txt-block {
    padding-left: 0;
    padding-right: 0;
  }

  .races-calendar-label {
    font-size: 10px;
  }

  .races-grid-cell-txt {
    padding-bottom: 40px;
    padding-left: 1em;
  }

  .races-grid-cell-txt.dark, .races-grid-cell-txt.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .races-grid-cell-txt.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .races-grid-cell-txt.midgrey {
    padding: 40px 1em;
  }

  .races-grid-cell-txt.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .races-box-text {
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .image-7 {
    width: 150px;
    margin-bottom: -50px;
  }

  .races-grid-cell-txt-2025.dark, .races-grid-cell-txt-2025.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .races-grid-cell-txt-2025.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .races-grid-cell-txt-2025.midgrey {
    padding: 40px 1em;
  }

  .races-grid-cell-txt-2025.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .img-div-right-vendee {
    box-sizing: border-box;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-top: 60px;
    padding-top: 0;
    padding-left: 0;
    display: block;
  }

  .tab-pane-jacques-vabre {
    object-fit: contain;
    height: auto;
  }

  .div-block-10 {
    width: 100%;
    height: 424.016px;
  }

  .image-8 {
    display: block;
  }

  .grid-6 {
    grid-template-columns: 1fr;
  }

  .heading-6 {
    width: auto;
  }

  .image-9 {
    aspect-ratio: auto;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50%;
    min-height: auto;
    display: block;
    overflow: clip;
  }

  .races-ranking, .races-class, .races-distance {
    font-size: 1.3em;
  }

  .races-team {
    font-size: .8em;
  }

  .races-wert {
    text-align: center;
    font-size: 1em;
  }

  .races-wert-1-3em {
    font-size: 1em;
    line-height: 16px;
  }

  .tab-link-mostleft {
    border-bottom: .25px solid var(--body-display);
    border-left-style: none;
    border-right-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .vendee-grid {
    grid-template-columns: 1fr;
  }

  .stacked-content-vendee-top, .stacked-content-vendee-race {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .meinboot-h4 {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 700;
    display: flex;
  }

  .meinboot-h4.left {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .meinboot-h4.header-titel {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: 300;
  }

  .sec-meinboot-right {
    padding-bottom: 0;
  }

  .transat-grid {
    grid-template-columns: 1fr;
  }

  .grid-inner-transat {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .classe-mini-sec {
    height: auto;
  }

  .classe-mini.dark, .classe-mini.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .classe-mini.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .classe-mini.midgrey {
    padding: 40px 1em;
  }

  .classe-mini.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .classe-mini-header {
    padding-bottom: 40px;
  }

  .classe-mini-lead {
    width: 100%;
  }

  .classe-mini-what-is {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .classe-mini-sec-left {
    height: auto;
  }

  .classe-mini-copy.dark, .classe-mini-copy.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .classe-mini-copy.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .classe-mini-copy.midgrey {
    padding: 40px 1em;
  }

  .classe-mini-copy.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .body-display-gesperrt-lead.dual-paragraph {
    column-count: 1;
  }

  .txt-div-left-50-split {
    width: 100%;
    max-width: none;
    padding-right: 0;
  }

  .button-fo-basic-right {
    margin-left: 10px;
    padding: 5px 10px;
  }

  .button-fo-basic-left {
    margin-right: 0;
    padding: 5px 10px;
  }

  .right-aligned-container-grid-essen {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 1.5vh;
    padding-bottom: 0;
  }

  .right-aligned-container-grid-essen.tab1 {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-essen.tab3 {
    grid-template-columns: 2.5fr 2fr;
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-essen.tab5 {
    min-height: auto;
    max-height: none;
  }

  .gray-bg-rectangle-paleblue.dark, .gray-bg-rectangle-paleblue.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .gray-bg-rectangle-paleblue.orange {
    grid-column-gap: .6em;
    grid-row-gap: .6em;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gray-bg-rectangle-paleblue.midgrey {
    padding: 40px 1em;
  }

  .gray-bg-rectangle-paleblue.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .heading-4-schlaf {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 700;
    display: flex;
  }

  .heading-4-schlaf.left {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .right-aligned-container-grid-tab1 {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 1.5vh;
    padding-bottom: 0;
  }

  .right-aligned-container-grid-tab1.tab1 {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-tab1.tab3 {
    grid-template-columns: 2.5fr 2fr;
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-mental {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 1.5vh;
    padding-bottom: 0;
  }

  .right-aligned-container-grid-mental.tab1 {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-mental.tab3 {
    grid-template-columns: 2.5fr 2fr;
    min-height: auto;
    max-height: none;
  }

  .tab-container-partner {
    width: 95vw;
    margin-top: 140px;
  }

  .stacked-content-partner, .stacked-content-vendee-race-copy, .stacked-content-partner-big {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .section-partner {
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-partner.large {
    padding-top: 180px;
  }

  .div-block-suppliers, .div-block-vendee-partner-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    margin-top: 40px;
  }

  .stacked-content-partner-suppliers {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .suppliers-grid {
    grid-template-columns: 1fr;
  }

  .tabs-content-partner {
    height: auto;
  }

  .stacked-content-hauptpartner {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .prototyp-bg.dark, .prototyp-bg.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .prototyp-bg.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prototyp-bg.midgrey {
    padding: 40px 1em;
  }

  .prototyp-bg.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .prototyp-bg-pink.dark, .prototyp-bg-pink.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .prototyp-bg-pink.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prototyp-bg-pink.midgrey {
    padding: 40px 1em;
  }

  .prototyp-bg-pink.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .serienboot-bg-blue.dark, .serienboot-bg-blue.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .serienboot-bg-blue.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .serienboot-bg-blue.midgrey {
    padding: 40px 1em;
  }

  .serienboot-bg-blue.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .prototyp-bg-dark {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prototyp-bg-dark.dark, .prototyp-bg-dark.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .prototyp-bg-dark.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prototyp-bg-dark.midgrey {
    padding: 40px 1em;
  }

  .prototyp-bg-dark.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .mini-transat-anc {
    width: auto;
  }

  .race-hero-ven {
    height: auto;
  }

  .section-mini-transat {
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-mini-transat.large {
    padding-top: 180px;
  }

  .full-hero-insights {
    min-height: auto;
  }

  .quote-insights {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 700;
    display: flex;
  }

  .quote-insights.left {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .quote-insights.bold {
    width: auto;
    font-weight: 300;
  }

  .tab-box-text-sec3 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .slider {
    height: 500px;
  }

  .slide._2023-01 {
    padding-top: 50px;
  }

  .main-header-type {
    width: 75%;
    margin-top: 35px;
  }

  .timeline-years._1 {
    opacity: 0;
  }

  .body-paragraph-small.ipad {
    text-align: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 72px;
    padding-left: 35px;
    display: block;
  }

  .sec-media-2023 {
    height: 200px;
    max-height: 200px;
  }

  .container_2.silent-era {
    padding-top: 100px;
  }

  .years.wh {
    color: #fff;
  }

  .section-e {
    height: auto;
  }

  .years-header.gertieipad {
    text-align: center;
    margin-top: 60px;
  }

  .intro-paragraph {
    text-align: center;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 15px;
  }

  .section-gertie_ipad {
    color: #0000;
    background-color: #fff;
    width: 100%;
  }

  .felix_section_ipad {
    margin-top: 90px;
  }

  .title-2.ipad_1 {
    text-align: center;
    margin-bottom: -15px;
  }

  .gertie_image {
    width: 100%;
  }

  .golden-age {
    padding-top: 90px;
  }

  .media-title {
    font-size: 9vw;
  }

  .media-title.wrap-text {
    text-align: center;
    white-space: normal;
    margin-bottom: 12px;
    line-height: 1.3em;
  }

  .sec-media-2022, .sec-media-2024, .sec-media-2023-copy {
    height: 900px;
  }

  .tab-boot-techdata {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .section-5 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section-5.large {
    padding-top: 40px;
  }

  .tab-box-lead {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .img-left-copy {
    object-fit: cover;
  }

  .body-display-gesperrt-lead-copy {
    font-size: 1.2em;
  }

  .body-display-gesperrt-lead-copy.dual-paragraph {
    column-count: 1;
    column-count: 1;
  }

  .stacked-content-comini {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .grid-wrapper-mini.vendee {
    width: 100%;
  }

  .tab-liink-mini-transat, .tab-link-vendee {
    border-bottom: .25px solid var(--body-display);
    border-left-style: none;
    border-right-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .image-14 {
    padding-top: 40px;
  }

  .mini-transat-map-v4 {
    margin-top: 0;
  }

  .video-2 {
    height: auto;
    margin-top: 150px;
  }

  .section-felix-quote {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section-felix-quote.large {
    padding-top: 180px;
  }

  .sec-felix-image-kid {
    height: 100vh;
  }

  .grid-wrapper-footer.vendee {
    width: 100%;
  }

  .tile.is--2 {
    width: 30%;
    height: 34%;
    left: 61%;
  }

  .tile.is--1 {
    width: 42%;
    left: 13%;
  }

  .tile.is--4 {
    width: 40%;
    top: 43%;
    left: 49%;
  }

  .tile.is--3 {
    width: 38%;
  }

  .tile.is--8 {
    width: 40%;
    height: 24%;
    left: 52%;
  }

  .tile.is--6 {
    width: 40%;
  }

  .page-wrapper-3 {
    height: 100vh;
  }

  .gallery {
    width: 100vw;
    height: 100vh;
  }

  .grid-wrapper-copy.vendee, .grid-wrapper-years.vendee, .grid-wrapper-copy.vendee, .grid-wrapper-copy.vendee, .grid-wrapper-copy.vendee, .grid-wrapper-copy.vendee, .grid-wrapper-copy.vendee, .grid-wrapper-copy.vendee {
    width: 100%;
  }

  .navbar-copy {
    justify-content: center;
    align-items: flex-start;
    width: 768vw;
    height: 0;
    display: none;
  }

  .rotate-heading-felix {
    font-size: 9vw;
  }

  .rotate-heading-felix.wrap-text {
    text-align: center;
    white-space: normal;
    margin-bottom: 12px;
    line-height: 1.3em;
  }

  .stacked-content-vendee {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .vendee-3-box-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .img-div-vendee {
    width: 100%;
    padding-top: 40px;
  }

  .koepfe-div {
    height: auto;
  }

  .quote-home {
    font-size: 1.2em;
  }

  .quote-home.dual-paragraph {
    column-count: 1;
  }

  .image-bg-rectangle-tab-1-3-copy {
    height: 80vh;
  }

  .right-aligned-container-grid-copy {
    min-height: 40vh;
    max-height: 40vh;
    margin-bottom: 1.5vh;
    padding-bottom: 0;
  }

  .right-aligned-container-grid-copy.tab1 {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-copy.tab3 {
    grid-template-columns: 2.5fr 2fr;
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-copy.tab6 {
    max-height: none;
  }

  .mandatory {
    padding-top: 21px;
    font-size: 9px;
    overflow: visible;
  }

  .heading-contact.large {
    font-size: 42px;
  }

  .heading-contact.small-width {
    font-size: 2em;
  }

  .container-form {
    width: 80vw;
  }

  .impr-text {
    font-size: 9px;
    overflow: visible;
  }

  .full-hero-impressum, .full-hero-my-story {
    height: auto;
    min-height: 50vh;
    margin-top: 0;
  }

  .image-bg-rectangle-copy {
    height: auto;
  }

  .light-bg-overlay-copy {
    align-items: center;
    padding: 2em;
  }

  .fourth-container-copy {
    min-height: auto;
  }

  .eighth-section-copy {
    height: auto;
  }

  .tab-box-text-copy, .tab-box-lead-co {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .fifth-section-tab6-copy {
    height: auto;
  }

  .gray-bg-rectangle-copy.dark, .gray-bg-rectangle-copy.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .div-block-transat {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 40px;
  }

  .stacked-content-transat {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mini-transat-wrapper-trans {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 100px;
  }

  .tab-box-text-copy, .boot-box-left {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .mini-transat-wrapper-home {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .tab-link-rennkalender, .minitransat, .tab-link-class40 {
    border-bottom: .25px solid var(--body-display);
    border-left-style: none;
    border-right-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .stacked-content-vendee-race-2, .stacked-content-vendee-top-2 {
    grid-column-gap: 8px;
    background-color: #fff0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .tab-link-races {
    border-bottom: .25px solid var(--body-display);
    border-left-style: none;
    border-right-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .four-column-transat, .four-column-vendee {
    grid-row-gap: 48px;
    align-content: stretch;
  }

  .grid-vendde-01 {
    grid-template-rows: auto;
    width: auto;
    height: auto;
  }

  .grid-vendde-01.vendee {
    width: 100%;
  }

  .heading-8 {
    width: 66%;
  }

  .div-block-vendee-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 40px;
  }

  .vendee-grid-2 {
    grid-template-columns: 1fr;
  }

  .gray-bg-rectangle-copy.dark, .gray-bg-rectangle-copy.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .gray-bg-rectangle-copy.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gray-bg-rectangle-copy.midgrey {
    padding: 40px 1em;
  }

  .gray-bg-rectangle-copy.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .meinboot-h4-copy {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 700;
    display: flex;
  }

  .meinboot-h4-copy.left {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .dot-block {
    width: 24px;
  }

  .img-hero {
    width: 100%;
    min-height: auto;
    margin-top: 5%;
    margin-bottom: 0%;
  }

  .content-hero {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .hero-section-2 {
    min-height: 90vh;
    padding-top: 10%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .scroll-hero {
    width: 110%;
  }

  .paragraph-5 {
    font-size: 1.2em;
  }

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

  .label {
    font-size: .9em;
    line-height: 1.4em;
  }

  .scoll-wrap-hero {
    width: 100%;
  }

  .hero-block {
    flex-direction: column;
  }

  .clone-section {
    margin-bottom: 20vh;
  }

  .races-wert-date {
    text-align: center;
    font-size: 1em;
  }

  .heading-10 {
    letter-spacing: 0;
    font-size: 1.6em;
  }

  .dot-block-2 {
    width: 24px;
  }

  .img-hero-2 {
    width: 100%;
    min-height: 0;
    margin-top: 5%;
    margin-bottom: 0%;
  }

  .scoll-wrap-hero-2 {
    width: 99%;
    margin-top: -102px;
  }

  .timeline-dot {
    width: 100%;
  }

  .dot-hero-01 {
    background-color: var(--background);
  }

  .timeline-wrapper-top {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .tab-box-text-mental {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .tab-container-my-story {
    width: 90vw;
    margin-top: 162px;
  }

  .container-4 {
    flex-flow: column;
    display: flex;
  }

  .my-story-video {
    height: auto;
    margin-top: 20px;
  }

  .dot-hero-02, .dot-hero-03, .dot-hero-04 {
    background-color: var(--background);
  }

  .timeline-wrapper-bottom {
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    margin-top: 0;
  }

  .div-block-36 {
    margin-bottom: 0;
  }

  .mt-wrapper-tm {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 100px;
  }

  .section-vendee-globe-timeline {
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 0 5vw;
  }

  .section-vendee-globe-timeline.large {
    padding-top: 180px;
  }

  .grid-vendde-timeline {
    grid-template-rows: auto;
    grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px);
    width: auto;
    height: auto;
  }

  .grid-vendde-timeline.vendee {
    width: 100%;
  }

  .stacked-content-vendee-top-tm {
    grid-column-gap: 8px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-content: center;
    width: auto;
  }

  .tab-container-vendee {
    width: 90vw;
    margin-top: 162px;
  }

  .div-block-vendee-copy {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .pop-up {
    display: none;
  }

  .pop-up-inner {
    height: 60vh;
  }

  .text-block-32 {
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
  }

  .races-wertdatum {
    text-align: center;
    font-size: 1em;
  }

  .section-transat-jacques-vabre {
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-transat-jacques-vabre.large {
    padding-top: 180px;
  }

  .mini-transat-wrapper-trans-copy {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 100px;
  }

  .bold-text-5 {
    font-size: .8em;
    line-height: 1em;
  }

  .button-fo-basic-left-copy {
    margin-right: 0;
    padding: 5px 10px;
  }

  .partner-supporter-title {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 40px;
  }

  .section-partner-2 {
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  ._1--partner-title {
    grid-column-gap: 8px;
    background-color: #fff0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .vendee-grid-3 {
    grid-template-columns: 1fr;
  }

  .div-block-vendee-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 40px;
  }

  .insights-header-title-2, ._2--supplier-title {
    text-align: center;
    line-height: 1.5em;
  }

  .partnersec {
    height: auto;
  }

  .text-block-33 {
    font-weight: 300;
  }

  .text-block-34 {
    font-weight: 300;
    display: block;
  }

  .text-block-34:hover {
    color: var(--turquoise);
  }

  .text-block-35 {
    font-weight: 300;
  }

  .text-block-36 {
    font-family: Montserrat, sans-serif;
    font-size: 10vw;
    font-weight: 200;
  }

  .text-block-36:hover {
    color: var(--turquoise);
  }

  .menu-irem-txt {
    font-weight: 300;
  }

  .menu-irem-txt:hover {
    color: var(--turquoise);
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: var(--transparent);
    overflow-wrap: normal;
    font-weight: 300;
  }

  .text-block-38 {
    font-weight: 300;
  }

  .text-block-39 {
    font-weight: 600;
  }

  .text-block-39:hover {
    color: var(--turquoise);
    font-weight: 300;
  }

  .text-block-37-copy {
    font-weight: 300;
  }

  .text-block-37-copy:hover {
    color: var(--turquoise);
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: var(--transparent);
    overflow-wrap: normal;
    font-weight: 300;
  }

  .buttonblue {
    height: auto;
    min-height: 100px;
    margin-right: 0;
    padding: 15px 5px;
  }

  .button-divtransat {
    margin-bottom: 20px;
  }

  .card-blockmobile {
    display: none;
  }

  ._2023-media-slider {
    top: 200px;
  }

  .media-year-div {
    height: auto;
    max-height: 300px;
  }

  .sec-media-slider-2023 {
    margin-top: 93px;
  }

  .sec-media-2024-new {
    height: 200px;
    max-height: 200px;
  }

  .sec-media-slider-2024 {
    margin-top: 93px;
  }

  .sec-media-2023-copy {
    height: 200px;
    max-height: 200px;
  }

  .sec-media-slider-2022 {
    margin-top: 93px;
  }

  .mini-transat-cards-mobile {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 100px;
  }

  .races-wert-1-3em-2025, .races-wert-0-7-em {
    font-size: 1ch;
    line-height: 16px;
  }

  .grid-wrapper-mini-mobile {
    display: none;
  }

  .grid-wrapper-mini-mobile.vendee {
    width: 100%;
  }

  .prototyp-bg-strawberry.dark, .prototyp-bg-strawberry.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .prototyp-bg-strawberry.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prototyp-bg-strawberry.midgrey {
    padding: 40px 1em;
  }

  .prototyp-bg-strawberry.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .my-boot-serien-sketch-mobile {
    display: none;
  }

  .my-boot-serien-sketch {
    background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, null, null);
    background-position: 50%, 0 0;
  }

  .prototyp-bg-darkbordeaux {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .prototyp-bg-darkbordeaux.dark, .prototyp-bg-darkbordeaux.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .prototyp-bg-darkbordeaux.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prototyp-bg-darkbordeaux.midgrey {
    padding: 40px 1em;
  }

  .prototyp-bg-darkbordeaux.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .tab-link-class40-copy {
    border-bottom: .25px solid var(--body-display);
    border-left-style: none;
    border-right-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .quote-insights-mobile {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 40px;
    font-size: 1.2em;
    font-weight: 400;
    display: flex;
  }

  .quote-insights-mobile.left {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .quote-insights-mobile.bold {
    width: auto;
    font-weight: 300;
  }

  .fifth-section-ern-hrung {
    height: auto;
  }

  .tabs-content-bg-img, .tabs-content-copy {
    background-position: 50%;
    background-size: cover;
    height: auto;
    padding-top: 40px;
  }

  .tab-box-text-tab8 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 1.75em;
  }

  .mob-nav-menupunkt {
    font-family: Montserrat, sans-serif;
    font-size: 8vw;
    font-weight: 200;
    line-height: 1.1em;
  }

  .mob-nav-menupunkt:hover {
    color: var(--turquoise);
    font-size: 6vw;
  }

  .pop-up-inner-2 {
    height: 60vh;
  }

  .text-block-41 {
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
  }

  .menu-center-2 {
    width: 70vw;
    height: 55vw;
    display: none;
  }

  .menu-link-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: end;
    align-items: end;
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
    font-size: 48px;
    display: grid;
  }

  .menu-link-2.w--current {
    grid-auto-columns: 1fr;
  }

  .full-screen-menu-2 {
    display: none;
  }

  .title-3 {
    color: #fff;
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: auto;
  }

  .menu-items-2 {
    text-align: center;
  }

  .menu-wrapper-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch center;
    align-items: end;
    width: auto;
    display: grid;
  }

  .wetter-top-bg {
    padding-bottom: 0;
  }

  .wetter-top-bg.dark, .wetter-top-bg.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .wetter-top-bg.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wetter-top-bg.midgrey {
    padding: 40px 1em;
  }

  .wetter-top-bg.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .left-aligned-container-grid-tab3-copy {
    min-height: auto;
    max-height: none;
    margin-bottom: 1.5vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .gray-bg-rectangle-wetter.dark, .gray-bg-rectangle-wetter.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .gray-bg-rectangle-wetter.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .gray-bg-rectangle-wetter.midgrey {
    padding: 40px 1em;
  }

  .gray-bg-rectangle-wetter.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .left-aligned-container-grid-tab3-copy {
    grid-column-gap: .6em;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .5fr .5fr;
    grid-auto-columns: 1fr;
    min-height: auto;
    max-height: none;
    margin-bottom: 1.5vh;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .fitness---toptab-grid {
    grid-column-gap: .6em;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1.75fr;
    grid-auto-columns: 1fr;
    min-height: auto;
    max-height: none;
    margin-bottom: 1.5vh;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .fittness-top-bg {
    align-items: center;
    margin-top: 0;
    padding: 2em;
  }

  .bg-black-fitness.dark, .bg-black-fitness.dark.tab3 {
    height: auto;
    padding: 40px 1em;
  }

  .bg-black-fitness.orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bg-black-fitness.midgrey {
    padding: 0 1em;
  }

  .bg-black-fitness.blue {
    background-color: var(--beige);
    justify-content: center;
    align-items: flex-start;
    padding: 40px 1em;
  }

  .bg-img-fitness {
    background-position: 70%;
  }

  .menu-item-mobile {
    color: var(--background);
    font-family: Montserrat, sans-serif;
    font-size: 6vw;
    font-weight: 200;
    line-height: 1.1em;
  }

  .menu-item-mobile:hover {
    color: var(--turquoise);
    -webkit-text-stroke-color: var(--transparent);
    font-family: Montserrat, sans-serif;
    font-weight: 500;
  }

  .button-dt {
    margin-left: 10px;
    padding: 5px 10px;
  }

  .mentale-st-rke-grid-1 {
    grid-column-gap: .6em;
    grid-row-gap: .6em;
    grid-template-rows: auto;
    padding-bottom: 20px;
  }

  .grid-13 {
    grid-template-columns: 1fr;
  }

  .fs-mob-menu-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--transparent);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: end;
    align-items: end;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 48px;
    display: block;
  }

  .fs-mob-menu-item:hover {
    color: var(--turquoise);
  }

  .fs-mob-menu-item.w--current {
    grid-auto-columns: 1fr;
    display: block;
  }

  .navbar-mob-menu-txt {
    color: var(--white-100);
    font-size: 6vw;
  }

  .navbar-mob-menu-txt:hover {
    filter: none;
    color: var(--turquoise);
  }

  .navbar-mob-menu-txt.w--current {
    filter: none;
    color: var(--white-100);
    word-break: keep-all;
    font-size: 6vw;
  }

  .navbar-mob-menu-txt.w--current:hover {
    filter: none;
    color: var(--turquoise);
  }

  .wg-selector-text-wrapper-3 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-bg-rectangle-schlaf {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  blockquote {
    margin-top: 36px;
    margin-bottom: 36px;
    padding: 18px;
  }

  .hero-section {
    min-height: 600px;
  }

  .hero-section.small {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .navbar {
    display: none;
  }

  .navbar-wrapper {
    grid-column-gap: 18px;
  }

  .dot.large {
    border-width: 1px;
  }

  .brand {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 18px;
  }

  .nav-right {
    flex-flow: column;
    padding-left: 0;
  }

  .menu-button {
    width: 84px;
  }

  .page-title {
    padding-right: 18px;
  }

  .rotate-text-wrapper.top-text {
    grid-column-gap: 9px;
  }

  .rotate-heading {
    font-size: 12vw;
  }

  .hero-wrapper {
    grid-row-gap: 120px;
  }

  .hero-links {
    grid-column-gap: 24px;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .grid-wrapper {
    grid-template-columns: minmax(0, .25fr);
    width: 95%;
    display: flex;
  }

  .grid-wrapper.vendee {
    padding-left: 0;
    padding-right: 0;
  }

  .subtitle {
    display: flex;
  }

  .card {
    grid-template-columns: minmax(100%, 100%);
  }

  .video-cover {
    width: auto;
    margin-top: 0;
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .body-display {
    font-size: 18px;
  }

  .stacked-description {
    grid-template-rows: auto;
  }

  .full-screen-menu {
    z-index: 50;
    flex-flow: column;
    order: 0;
    height: 100vh;
    display: none;
  }

  .menu-content {
    z-index: -9;
    grid-template-rows: .5fr auto;
    display: flex;
  }

  .menu-center {
    width: 100vw;
    height: 60vw;
    display: none;
  }

  .menu-wrapper {
    flex-flow: column;
    justify-content: space-between;
    display: flex;
  }

  .menu-link {
    font-size: 36px;
    display: flex;
  }

  .menu-link.w--current {
    display: block;
  }

  .menu-items {
    height: 60vh;
    padding-top: 0;
    padding-bottom: 0;
    overflow: auto;
  }

  .heading, .heading.large {
    font-size: 36px;
  }

  .sticky-circle {
    z-index: 50;
    background-color: var(--dark);
    width: 80px;
    height: 80px;
    margin-top: 0;
    margin-bottom: 0;
    top: 101px;
    bottom: auto;
  }

  .sticky-circle.no-top {
    top: auto;
    bottom: 36px;
  }

  .left-sidebar {
    flex-direction: row;
    align-items: flex-start;
  }

  .outline-circle-wrapper {
    width: 80px;
    height: 80px;
  }

  .outline-circle {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
  }

  .circle-link-text {
    text-align: center;
    font-size: 9px;
    line-height: 1.3em;
  }

  .testimonial-items {
    margin-left: 5vw;
  }

  .testimonial-slider {
    padding-top: 60px;
    padding-left: 0;
  }

  .left-arrow {
    border-bottom: 1px solid var(--light-outline);
    width: 50%;
    height: 60px;
  }

  .left-arrow.bottom {
    border-top-style: none;
    inset: 0% 0% auto auto;
  }

  .four-column {
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: stretch;
    display: flex;
  }

  .testimonial-card {
    grid-template-rows: 1fr;
  }

  .testimonial-quote {
    grid-row-gap: 60px;
    padding: 48px;
  }

  .news-top {
    grid-column-gap: 24px;
    margin-bottom: 36px;
  }

  .news-title {
    height: auto;
  }

  .clip-heading {
    font-size: 32px;
    line-height: 1.35em;
  }

  .arrow-base.right, .arrow-base.left {
    margin-bottom: -80px;
  }

  .project-banner {
    min-height: 350px;
    margin-bottom: 40px;
  }

  .scrol-indicator-wrapper {
    z-index: 30;
    padding-bottom: 36px;
  }

  .rotating-circles {
    border-left-style: none;
    min-height: 240px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .circle {
    width: 300px;
    height: 150px;
    margin-right: -36px;
  }

  .item-slide-nav, .gallery-mask {
    width: 90%;
  }

  .gallery-image, .gallery-slide, .gallery-background {
    max-height: 700px;
  }

  .about-hero.small {
    min-height: auto;
  }

  .service-list {
    padding-bottom: 160px;
  }

  .core-value-grid {
    grid-template-columns: 1fr;
  }

  .client-quote {
    grid-template-rows: auto;
    grid-auto-columns: .25fr;
  }

  .form-block {
    padding-left: 0;
    padding-right: 0;
  }

  .social-icon {
    margin-top: 20px;
  }

  .collection-list-wrapper {
    margin-top: 48px;
    margin-bottom: 80px;
  }

  .call-to-action-intro {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .testimonial-text {
    font-size: 28px;
  }

  .testimonial-text.large {
    font-size: 1.2em;
  }

  .rotate-text {
    transform: none;
  }

  .form-wrapper {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .logo-image {
    width: 110px;
  }

  .pagination {
    margin-top: 120px;
  }

  .hero-background.projects-background {
    min-height: 100vh;
  }

  .footer-section {
    padding-top: 80px;
  }

  .footer-links-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .footer-credit-wrapper {
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    margin-top: 24px;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .footer-column.right {
    margin-bottom: 0;
  }

  .text-block {
    padding-right: 0;
  }

  .heading-padding-unten {
    width: 100%;
    font-size: 36px;
  }

  .heading-padding-unten.large {
    font-size: 36px;
  }

  .img-div-left-50 {
    width: 100%;
  }

  .header-button-wrapper {
    margin-bottom: 1em;
  }

  .header-left {
    flex-wrap: wrap;
  }

  .copy-medium {
    font-size: 1.3em;
    line-height: 1.4em;
  }

  .p-xs-end {
    padding-bottom: 1.6em;
  }

  .blog-teaser-item-wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .blog-teaser-item-wrapper.page-teaser {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .p-xs-start {
    padding-top: 1.6em;
  }

  .title2 {
    font-size: 2.7em;
  }

  .intro-description {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-overview-grid {
    grid-template-columns: 1fr;
  }

  .page-teaser-title {
    font-size: 2em;
  }

  .page-teaser-subtitle {
    font-size: 1em;
  }

  .p-sm-end {
    padding-bottom: 2.3em;
  }

  .p-xl-end {
    padding-bottom: 6em;
  }

  .title1 {
    font-size: 3.2em;
  }

  .p-xl-start {
    padding-top: 6em;
  }

  .blog-header-title {
    font-size: 16vw;
  }

  .news---date {
    font-size: 28px;
  }

  .navbar-mobile {
    height: 110px;
    display: flex;
    overflow: auto;
  }

  .navbar-mobile-inner-div {
    width: 100svw;
    padding-right: 10px;
  }

  .brand-mobile {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 18px;
  }

  .txt-div-right-50 {
    width: 100%;
    padding-top: 20px;
  }

  .sec---minitransat {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .sec---minitransat.large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section-vendee-globe {
    background-color: var(--dark);
    flex-flow: column;
    padding: 0 0;
  }

  .section-vendee-globe.large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .my-story-lb {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .grid-2, .blog-masonry-grid {
    grid-column-gap: 16px;
    grid-template: "Area Area Area Area"
                   "Area-3 Area-3 Area-3 Area-3"
                   "Area-4 Area-4 Area-4 Area-4"
                   "Area-2 Area-2 Area-2 Area-2"
                   "Area-5 Area-5 Area-5 Area-5"
                   "Area-6 Area-6 Area-6 Area-6"
                   "Area-7 Area-7 Area-7 Area-7"
                   "Area-8 Area-8 Area-8 Area-8"
                   / 1fr;
  }

  .tab-link, .tab-link.most-left {
    width: 75vw;
  }

  .insights-header-title {
    width: 80vw;
    padding-top: 0;
  }

  .tab-pane-rennkalender {
    background-color: var(--dark);
  }

  .second-section {
    display: none;
  }

  .second-section.tab7 {
    background-color: var(--dark);
    display: flex;
  }

  .left-aligned-container-grid {
    grid-template-columns: 2fr;
    min-height: auto;
    max-height: none;
  }

  .gray-bg-square {
    width: 30vh;
    height: 30vh;
  }

  .gray-bg-square-text {
    font-size: 1.2em;
  }

  .gray-bg-square-text.third-section {
    font-size: 1em;
  }

  .link-block-2 {
    margin-top: 6vh;
  }

  .text-block-17 {
    font-size: 1em;
    top: 5vh;
  }

  .bg-image {
    height: auto;
    min-height: 600px;
  }

  .tabs-content {
    background-color: var(--dark);
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('../images/Fitnesstest2.jpg');
    background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 60%;
    background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, auto, auto, auto, cover;
    border-top-width: 0;
    height: auto;
    margin-bottom: 5vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .tabs-content.fitness {
    background-position: 65%;
  }

  .tabs-content.ern-hrung {
    background-image: none;
  }

  .right-aligned-container-grid {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid.tab3 {
    grid-template-columns: 2fr;
  }

  .right-aligned-container-grid.tab5 {
    margin-bottom: 0;
  }

  .heading-4 {
    margin-bottom: 0;
    font-size: 1em;
  }

  .heading-4.tab1 {
    font-size: 2em;
  }

  .link-decoration {
    margin-top: 20px;
    margin-bottom: 1px;
  }

  .gray-bg-rectangle.dark {
    height: 30vh;
  }

  .gray-bg-rectangle.dark.tab3 {
    margin-top: 0;
    padding-top: 40px;
  }

  .gray-bg-rectangle.dark.tab5 {
    height: auto;
  }

  .fifth-section {
    background-color: var(--dark);
  }

  .gif-square {
    height: 30vh;
  }

  .div-block-5 {
    min-height: 500px;
  }

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

  .image-bg-rectangle {
    height: 30vh;
  }

  .light-bg-overlay {
    width: 100%;
    padding: 1em 1em 2em;
  }

  .heading-5 {
    font-size: 1.3em;
  }

  .light-bg-overlay-2 {
    padding: 1em;
  }

  .right-aligned-container-grid-2 {
    min-height: auto;
    max-height: none;
  }

  .bg-image-2 {
    height: 30vh;
  }

  .bg-image-2._2 {
    height: auto;
    min-height: 600px;
  }

  .bg-image-2.tab6 {
    width: 100%;
    height: 100%;
    min-height: 300px;
  }

  .third-section {
    background-color: var(--dark);
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .gray-bg-square-2 {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
  }

  .middle-aligned-container-grid {
    grid-template-columns: 100%;
    width: 100%;
    min-height: auto;
    max-height: none;
  }

  .middle-aligned-container-grid.tab6 {
    grid-template-columns: 1fr;
  }

  .bg-image-tab-1-2, .image-bg-rectangle-tab-1-3 {
    height: 30vh;
  }

  .second-section-tab3 {
    background-color: var(--dark);
    display: flex;
  }

  .left-aligned-container-grid-tab3 {
    grid-template-columns: 1.75fr;
    min-height: auto;
    max-height: none;
  }

  .bg-image-tab-3-2 {
    height: 30vh;
    min-height: 500px;
  }

  .third-section-tab3 {
    background-color: var(--dark);
    display: flex;
  }

  .cross-aligned-container-grid-tab3 {
    grid-template-columns: 1.3fr;
    min-height: auto;
    max-height: none;
  }

  .bg-image-tab-3-3 {
    height: 30vh;
    min-height: 500px;
  }

  .eighth-section-tab3 {
    display: flex;
  }

  .video-bg-tab-3-4 {
    height: 30vh;
  }

  .light-bg-overlay-tab3 {
    padding: 1em;
  }

  .heading-4-center {
    font-size: 1em;
  }

  .second-section-tab2 {
    background-color: var(--dark);
    display: flex;
  }

  .gray-bg-rectangle-tab2.dark {
    height: 30vh;
  }

  .eighth-section-tab4 {
    background-position: 60%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .image-bg-rectangle-tab4 {
    background-position: 70%;
    height: auto;
  }

  .fifth-section-tab5 {
    background-color: var(--dark);
    display: flex;
  }

  .div-block-tab-5-1, .div-block-6 {
    width: 100%;
    height: 100%;
    min-height: 500px;
  }

  .gray-bg-square-tab6 {
    width: 30vh;
    height: 30vh;
  }

  .div-block-tab-1-6 {
    height: auto;
    min-height: 750px;
    padding-bottom: 0;
  }

  .div-block-tab-1-1tab6 {
    width: 100%;
    height: 100%;
    min-height: 300px;
  }

  .gray-bg-rectangle-copy.dark.tab2 {
    height: auto;
    display: flex;
  }

  .gray-bg-rectangle-tab1.dark {
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .gray-bg-rectangle-tab7.dark {
    height: 30vh;
  }

  .left-aligned-container-grid-copy {
    min-height: auto;
    max-height: none;
  }

  .bg-image-tab-7-1 {
    width: 100%;
    height: 100%;
    min-height: 700px;
  }

  .left-aligned-container-grid-tab7 {
    grid-template-columns: 1fr;
    min-height: auto;
    max-height: none;
  }

  .div-block-tab-7-2 {
    width: 100%;
    height: 100%;
    min-height: 600px;
  }

  .gray-bg-tab7.dark {
    height: 30vh;
  }

  .right-aligned-container-grid-tab7 {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-tab7.tab5 {
    grid-template-columns: 1fr;
  }

  .third-section-tab8 {
    flex-flow: column;
    display: flex;
  }

  .gray-bg-square-tab8 {
    width: 100%;
    height: auto;
  }

  .bg-image-tab8, .bg-image-tab8._2 {
    height: 30vh;
  }

  .bg-image-tab8.tab8 {
    width: 100%;
    height: 100%;
    min-height: 500px;
  }

  .tab-container-race {
    width: 100%;
  }

  .race-tabs {
    background-color: var(--dark);
  }

  .races-grid {
    background-color: var(--dark);
    min-height: auto;
    max-height: none;
  }

  .races-left {
    height: 100%;
  }

  .races-heading-4 {
    font-size: 1em;
  }

  .races---racelogo {
    width: 95%;
  }

  .races-calendar-txt-block {
    height: auto;
    min-height: auto;
  }

  .races-grid-cell-txt.dark {
    height: 30vh;
  }

  .races-calendar-value {
    background-color: var(--body-display);
  }

  .races-box-text {
    margin-bottom: 0;
  }

  .div-block-8 {
    width: auto;
  }

  .races-grid-cell-txt-2025 {
    background-color: var(--bordeaux);
  }

  .races-grid-cell-txt-2025.dark {
    height: 30vh;
  }

  .heading-6 {
    padding-bottom: 20px;
  }

  .races-wert {
    font-size: .7em;
  }

  .vendee-grid {
    width: auto;
  }

  .stacked-content-vendee-top {
    background-color: var(--dark);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }

  .meinboot-h4 {
    font-size: 1em;
  }

  .grid-inner-transat {
    grid-template-columns: 1fr 1fr;
  }

  .classe-mini.dark {
    height: 30vh;
  }

  .classe-mini.dark.tab5 {
    background-color: var(--dark-turqoise);
    justify-content: space-around;
    align-items: flex-end;
  }

  .classe-mini-copy.dark {
    height: 30vh;
  }

  .right-aligned-container-grid-essen {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-essen.tab5 {
    flex-flow: column;
    grid-template-columns: 1.25fr;
    display: flex;
  }

  .gray-bg-rectangle-paleblue.dark {
    height: 30vh;
  }

  .q-a---frage {
    font-size: 1.1em;
    font-weight: 500;
  }

  .heading-4-schlaf {
    font-size: 1em;
  }

  .right-aligned-container-grid-tab1 {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-tab1.tab1 {
    grid-template-rows: minmax(216px, auto);
    grid-template-columns: 1.5fr;
  }

  .right-aligned-container-grid-mental {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-mental.tab1 {
    grid-template-rows: minmax(auto, auto);
    grid-template-columns: 100%;
    grid-auto-rows: minmax(auto, auto);
  }

  .tab-pane-tab-2 {
    background-color: var(--dark);
  }

  .classe-mini-prototyp {
    background-image: url('../images/prototyp1.jpg'), linear-gradient(to bottom, null, null);
    background-size: 90%, auto;
  }

  .section-partner {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-partner.large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .prototyp-bg.dark {
    height: 30vh;
  }

  .prototyp-bg-pink {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .prototyp-bg-pink.dark, .serienboot-bg-blue.dark {
    height: 30vh;
  }

  .prototyp-bg-dark {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .prototyp-bg-dark.dark {
    height: 30vh;
  }

  .race-hero-ven {
    background-color: var(--dark);
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-mini-transat {
    background-color: var(--dark);
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-mini-transat.large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .full-hero-insights {
    background-color: var(--dark);
    height: auto;
    min-height: auto;
  }

  .quote-insights {
    font-size: 1em;
  }

  .slider, .slide.snowwhite._2 {
    height: 400px;
  }

  .main-header-type {
    width: 75%;
    margin-top: 40px;
  }

  .magic-lantern-sketch {
    padding-top: 45px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .body-paragraph-small.centered {
    padding-left: 30px;
    padding-right: 30px;
  }

  .body-paragraph-small.ipad {
    padding-bottom: 30px;
  }

  .sec-media-2023 {
    height: 120px;
    min-height: 120px;
    max-height: 120px;
  }

  .huge-years-sldier {
    font-size: 265px;
  }

  .black {
    font-size: 60px;
    line-height: 50px;
  }

  .container_2.silent-era {
    margin-bottom: -126px;
    padding-bottom: 0;
  }

  .humorous-faces {
    margin-top: 170px;
  }

  .fantasmagorie_section {
    padding-top: 93px;
    padding-bottom: 130px;
  }

  .white {
    font-size: 60px;
    line-height: 50px;
  }

  .years.wh {
    color: #fff;
  }

  .section-e {
    padding-top: 90px;
  }

  .intro-paragraph.early-ways {
    opacity: 1;
    padding-left: 39px;
    padding-right: 39px;
  }

  .intro-paragraph.centered {
    opacity: 1;
  }

  .felix_content_ipad {
    padding-bottom: 20px;
  }

  .golden-age {
    padding-top: 76px;
  }

  .media-title {
    font-size: 12vw;
  }

  .text-block-25 {
    font-size: 4em;
  }

  .huge-years-sldier-2022, .huge-years-sldier-2024, .huge-years-sldier-copy {
    font-size: 265px;
  }

  .section-5 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-5.large {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .mini-wrapper {
    flex-flow: column;
  }

  .grid-wrapper-mini {
    display: none;
  }

  .section-felix-quote {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-felix-quote.large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sec-felix-image-kid {
    height: 999px;
    min-height: 999px;
  }

  .image-17 {
    min-height: 200px;
  }

  .tile.is--2 {
    width: 34%;
    min-height: 200px;
    left: 60%;
  }

  .tile.is--1 {
    height: 30%;
    min-height: 200px;
  }

  .tile.is--4, .tile.is--3 {
    min-height: 200px;
  }

  .tile.is--8 {
    min-height: 200px;
    top: 71%;
  }

  .tile.is--6 {
    min-height: 200px;
  }

  .page-wrapper-3, .gallery {
    height: 100%;
    min-height: 100%;
  }

  .rotate-heading-felix {
    font-size: 12vw;
  }

  .stacked-content-vendee {
    background-color: var(--dark);
    flex-flow: column;
    display: flex;
  }

  .koepfe-div {
    width: 30vh;
    height: auto;
  }

  .image-bg-rectangle-tab-1-3-copy {
    height: 30vh;
  }

  .light-bg-overlay-copy {
    width: 90%;
    margin-top: 100px;
    padding: 1em;
  }

  .right-aligned-container-grid-copy {
    min-height: auto;
    max-height: none;
  }

  .right-aligned-container-grid-copy.tab6 {
    grid-template-columns: 1fr;
    height: auto;
  }

  .mandatory {
    display: flex;
  }

  .heading-contact {
    font-size: 30px;
    line-height: 1em;
  }

  .heading-contact.large {
    font-size: 36px;
  }

  .impr-text {
    display: none;
  }

  .image-bg-rectangle-copy {
    height: auto;
  }

  .light-bg-overlay-copy {
    margin-top: 400px;
    padding: 1em;
  }

  .eighth-section-copy {
    height: auto;
    display: flex;
  }

  .tab-box-lead-co {
    font-size: 1.2em;
  }

  .fifth-section-tab6-copy {
    padding-bottom: 20px;
  }

  .gray-bg-rectangle-copy.dark {
    height: auto;
    padding-top: 0;
    padding-bottom: 3px;
  }

  .div-block-transat {
    width: auto;
  }

  .mini-transat-wrapper-trans {
    grid-template-rows: 0%;
    display: none;
  }

  .races-2024-follow-sec-2025 {
    background-color: var(--dark);
  }

  .tab-box-text-copy {
    padding-top: 40px;
  }

  .eighth-section-central-image-with-text {
    display: flex;
  }

  .mini-transat-wrapper-home {
    display: none;
  }

  .stacked-content-vendee-race-2 {
    align-content: start;
  }

  .four-column-transat, .four-column-vendee {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .grid-vendde-01 {
    width: 100%;
  }

  .gray-bg-rectangle-copy.dark {
    height: 30vh;
  }

  .meinboot-h4-copy {
    font-size: 1em;
  }

  .dot-block {
    order: 2;
    align-self: center;
    min-height: 10vh;
  }

  .img-hero {
    margin-bottom: -6%;
  }

  .hero-section-2 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .scroll-hero {
    min-height: auto;
    margin-bottom: 40px;
  }

  .paragraph-5 {
    font-size: .25em;
  }

  .scroll-base {
    position: relative;
  }

  .label {
    font-size: .2em;
    font-weight: 500;
  }

  .scoll-wrap-hero {
    width: 76%;
  }

  .step-content-block {
    z-index: 2;
    order: -1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .scroll-line-wrap {
    z-index: 1;
    margin-bottom: -3px;
    bottom: 50%;
  }

  .step {
    justify-content: center;
    padding: 8%;
  }

  .content-wrap {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 40vh;
    padding-bottom: 20px;
  }

  .img-block {
    z-index: 3;
    order: 3;
    min-height: 40vh;
    max-height: 40vh;
    padding-top: 20px;
    position: relative;
  }

  .img-block.anima-1 {
    max-width: 90%;
  }

  .dot-2 {
    z-index: 99;
    position: static;
  }

  .step-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    min-height: 110vh;
  }

  .heading-10 {
    font-size: 20px;
  }

  .dot-block-2 {
    order: 2;
    align-self: center;
    min-height: 10vh;
  }

  .scroll-hero-2 {
    min-height: auto;
  }

  .scoll-wrap-hero-2 {
    width: 99%;
    margin-top: -227px;
    padding-bottom: 0;
  }

  .label-year {
    font-size: .4em;
  }

  .div-block-35 {
    height: auto;
  }

  .my-story-video {
    margin-top: 0;
  }

  .timeline-wrapper-bottom {
    height: 50px;
  }

  .mt-wrapper-tm {
    grid-template-rows: 0%;
    display: none;
  }

  .section-vendee-globe-timeline {
    padding: 0 0 40px;
  }

  .section-vendee-globe-timeline.large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .grid-vendde-timeline {
    width: 95%;
  }

  .tjv---image-block, .text-block-31 {
    background-color: var(--dark);
  }

  .pop-up-inner {
    width: 60vw;
    max-width: 750px;
    height: 60vh;
    max-height: 900px;
  }

  .races-wertdatum {
    font-size: .7em;
  }

  .section-transat-jacques-vabre {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-transat-jacques-vabre.large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .mini-transat-wrapper-trans-copy {
    grid-template-rows: 0%;
    display: flex;
  }

  .bold-text-5 {
    font-size: 18px;
    line-height: 12%;
  }

  .beltrona-2 {
    width: 60vw;
  }

  .par-supplier-grid {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    grid-template-columns: 1fr 1fr;
  }

  .partner-supporter-title {
    margin-top: 100px;
  }

  ._2---supplier-titel {
    padding-top: 0;
  }

  .section-partner-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .cnm-2 {
    max-width: 100%;
  }

  .beltron-lb {
    height: 200px;
  }

  .vendee-grid-3 {
    width: auto;
  }

  .par-supporter-img {
    width: 250px;
    max-width: 250px;
  }

  .div-block-vendee-3 {
    margin-top: 100px;
  }

  .insights-header-title-2, ._2--supplier-title {
    font-size: .5em;
  }

  .buttonblue {
    height: 100px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
  }

  .buttonblue.transat, .buttonblue.mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-blockmobile {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  ._2023-media-slider {
    top: 149px;
  }

  .sec-media-header {
    height: 25vh;
    min-height: 300px;
  }

  .media-year-div {
    min-height: 120px;
    max-height: 120px;
  }

  .sec-media-slider-2023 {
    min-height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sec-media-2024-new {
    height: 120px;
    min-height: 120px;
    max-height: 120px;
  }

  .sec-media-slider-2024 {
    min-height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sec-media-2023-copy {
    height: 120px;
    min-height: 120px;
    max-height: 120px;
  }

  .sec-media-slider-2022 {
    min-height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mini-transat-cards-mobile {
    grid-template-rows: 0%;
    display: flex;
  }

  .mt-card-wrapper-mobile {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-credit-wrapper-2 {
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    margin-top: 24px;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .div-block-42 {
    background-color: var(--dark);
    display: flex;
  }

  .vendee-lightbox {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .prototyp-bg-strawberry {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .prototyp-bg-strawberry.dark {
    height: 30vh;
  }

  .my-boot-serien-sketch-mobile {
    display: none;
  }

  .my-boot-serien-sketch {
    background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, var(--white-100), var(--white-100));
    background-position: 50%, 0 0;
    background-size: 90%, auto;
  }

  .prototyp-bg-darkbordeaux {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .prototyp-bg-darkbordeaux.dark {
    height: 30vh;
  }

  .tab-pane-mentale-st-rke {
    background-color: var(--dark);
  }

  .quote-insights-mobile {
    font-size: 1em;
  }

  .fifth-section-ern-hrung {
    flex-flow: column;
    display: flex;
  }

  .tabs-content-bg-img {
    background-image: url('../images/Fitnesstest2.jpg');
    background-position: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding-top: 0;
  }

  .tabs-content-bg-img.fitness {
    background-position: 65%;
  }

  .tabs-content-bg-img.ern-hrung {
    background-image: none;
  }

  .tabs-content-copy {
    background-image: url('../images/Fitnesstest2.jpg');
    background-position: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding-top: 0;
  }

  .tabs-content-copy.fitness {
    background-position: 65%;
  }

  .tabs-content-copy.ern-hrung {
    background-image: none;
  }

  .bold-text-6 {
    font-size: 1.4em;
  }

  .div-block-tab-1-1tab8 {
    width: 100%;
    height: 100%;
    min-height: 300px;
  }

  .tab-pane-tab-8 {
    background-color: var(--dark);
  }

  .mob-nav-menupunkt {
    font-size: 1em;
    line-height: 1.1em;
  }

  .pop-up-inner-2 {
    width: 60vw;
    max-width: 750px;
    height: 60vh;
    max-height: 900px;
  }

  .menu-center-2 {
    width: 100vw;
    height: 60vw;
  }

  .menu-link-2 {
    font-size: 36px;
  }

  .wetter-top-bg.dark {
    height: 30vh;
  }

  .wetter-top-bg.dark.tab3 {
    margin-top: 0;
    padding-top: 40px;
  }

  .wetter-top-bg.dark.tab5 {
    height: auto;
  }

  .gray-bg-rectangle-wetter.dark {
    height: 30vh;
  }

  .gray-bg-rectangle-wetter.dark.tab3 {
    margin-top: 0;
    padding-top: 40px;
  }

  .gray-bg-rectangle-wetter.dark.tab5 {
    height: auto;
  }

  .bg-image-wetterradio {
    height: 30vh;
    min-height: 500px;
  }

  .tab-pane-tab-3 {
    background-color: var(--dark);
  }

  .left-aligned-container-grid-tab3-copy, .fitness---toptab-grid {
    grid-template-columns: 1.75fr;
    min-height: auto;
    max-height: none;
  }

  .fittness-top-bg {
    width: 100%;
    padding: 20px 1em 2em;
  }

  .bg-black-fitness.dark {
    height: 30vh;
  }

  .bg-black-fitness.dark.tab3 {
    margin-top: 0;
    padding-top: 40px;
  }

  .bg-black-fitness.dark.tab5 {
    height: auto;
  }

  .bg-img-fitness {
    height: 30vh;
    min-height: 500px;
  }

  .tab-pane-tab-4 {
    background-color: var(--dark);
  }

  .mentale-st-rke-grid-1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid-12 {
    grid-template-columns: 1fr;
  }

  .schlaf-grid-2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .fs-mob-menu-item {
    font-size: 36px;
    display: flex;
  }

  .fs-mob-menu-item.w--current {
    display: block;
  }

  .wg-dd-1-togle-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .wg-flag-2 {
    margin-right: 0;
  }

  .wg-dropdown-1-link-6 {
    padding: 0;
  }

  .image-bg-rectangle-schlaf {
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  .hero-section {
    min-height: auto;
  }

  .hero-section.small {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .navbar-wrapper {
    height: 60px;
  }

  .dot.large {
    border-width: 1px;
    width: 9px;
    height: 9px;
    margin-left: 9px;
    margin-right: 9px;
  }

  .nav-right {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: none;
  }

  .light-separator.dot {
    display: none;
  }

  .menu-button {
    background-color: var(--transparent);
    display: flex;
  }

  .page-title {
    display: none;
  }

  .hero-content {
    padding-top: 24px;
    padding-bottom: 0;
  }

  .rotate-text-wrapper.bottom-text {
    grid-column-gap: 12px;
  }

  .rotate-heading {
    font-size: 12vw;
  }

  .rotate-heading.wrap-text {
    text-align: center;
    white-space: normal;
    margin-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.2em;
  }

  .hero-wrapper {
    grid-row-gap: 80px;
  }

  .scroll-link {
    display: none;
  }

  .hero-links {
    grid-column-gap: 12px;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.no-clip.top-border {
    padding-top: 40px;
  }

  .section.large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .video-cover {
    min-height: 350px;
  }

  .left-intro {
    padding-right: 0;
  }

  .body-display {
    font-size: 14px;
  }

  .full-screen-menu {
    z-index: 99;
    justify-content: center;
    display: none;
  }

  .menu-content {
    padding-top: 80px;
  }

  .menu-center {
    width: 100vw;
    height: 75vw;
    display: none;
  }

  .menu-wrapper {
    padding-bottom: 0;
  }

  .menu-link {
    font-size: 36px;
  }

  .heading, .heading.large {
    font-size: 32px;
  }

  .heading.small-width {
    font-size: 1.5em;
  }

  .sticky-circle {
    width: 72px;
    height: 72px;
    margin-bottom: 0;
    padding-left: 2px;
  }

  .outline-circle-wrapper {
    width: 72px;
    height: 72px;
    margin-top: -1px;
    margin-left: -1px;
  }

  .outline-circle {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
  }

  .circle-link-text {
    letter-spacing: 2px;
    font-size: 7px;
    line-height: 1.4em;
  }

  .testimonial-image {
    min-height: 225px;
  }

  .testimonial-quote {
    padding: 36px 28px;
  }

  .news-top {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
  }

  .verticle-icons {
    grid-template-rows: auto;
    grid-auto-flow: column;
    position: relative;
    top: 0;
  }

  .journal-title {
    grid-row-gap: 18px;
  }

  .news-title {
    height: auto;
  }

  .clip-heading {
    font-size: 28px;
    line-height: 1.3em;
  }

  .arrow-base {
    margin-bottom: -80px;
  }

  .arrow-base.right {
    margin-bottom: -120px;
    margin-left: -70px;
    transform: rotate(45deg);
  }

  .arrow-base.left {
    margin-bottom: -120px;
    margin-right: -70px;
    transform: rotate(-45deg);
  }

  .button-wrapper {
    grid-column-gap: 0px;
  }

  .project-banner {
    min-height: 300px;
  }

  .page-wrapper {
    margin-bottom: -80px;
  }

  .project-description {
    padding-right: 0;
  }

  .item-slide-nav {
    width: 100%;
  }

  .gallery-mask {
    width: 100%;
    max-width: 100vw;
  }

  .gallery-image, .gallery-slide, .gallery-background {
    max-height: 500px;
  }

  .showcase-image-wrapper {
    margin-bottom: 24px;
  }

  .showcase-wrapper.two {
    margin-top: 12px;
    margin-left: 12px;
  }

  .showcase-wrapper.three {
    margin-top: 24px;
    margin-left: 24px;
  }

  .showcase-wrapper.four {
    margin-top: 36px;
    margin-left: 36px;
  }

  .showcase-wrapper.five {
    flex-direction: column;
    margin-top: 48px;
    margin-left: 48px;
    display: flex;
  }

  .hero-image.full {
    width: 100%;
  }

  .full-hero {
    min-height: 550px;
  }

  .service-list {
    flex-direction: column;
    padding-bottom: 140px;
  }

  .service-list-item {
    flex-direction: column;
    padding: 48px 0 48px 48px;
  }

  .service-icon {
    width: 48px;
    height: 48px;
    top: -24px;
  }

  .core-value-grid {
    grid-row-gap: 60px;
  }

  .form-block {
    grid-row-gap: 80px;
  }

  .form {
    padding-top: 60px;
  }

  .collection-list-wrapper {
    margin-bottom: 80px;
  }

  .call-to-action-intro {
    padding-top: 0;
    padding-bottom: 36px;
  }

  .testimonial-text.large {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pagination {
    justify-content: start;
    width: 100%;
    margin-top: 100px;
  }

  .pagination-link {
    margin-right: 24px;
    padding-right: 24px;
  }

  .pagination-link.right {
    margin-left: 24px;
    padding-left: 24px;
  }

  .footer-section {
    padding-top: 48px;
  }

  .legal-credits {
    grid-template-columns: auto;
    justify-content: center;
    justify-items: center;
  }

  .home-hero {
    height: 93vh;
  }

  .image {
    margin-right: 0;
  }

  .text-block {
    text-align: center;
    line-height: 20px;
  }

  .nav-text-white {
    text-align: center;
    padding-right: 0;
    line-height: 16px;
  }

  .heading-padding-unten {
    font-size: 28px;
  }

  .heading-padding-unten.large {
    font-size: 32px;
  }

  .blog-teaser-item-wrapper.quote {
    padding: 4.5em 1.7em;
  }

  .blog-overview-grid {
    overflow: hidden;
  }

  .blog-teaser-quote {
    font-size: 1.4em;
  }

  .navbar-mobile {
    justify-content: center;
    align-items: center;
    width: 100svw;
  }

  .brand-mobile.w--current {
    padding-right: 0;
  }

  .button-div {
    flex-flow: column;
  }

  .sec---minitransat {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .sec---minitransat.large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-vendee-globe {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .section-vendee-globe.large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .my-story-lb {
    flex-flow: column;
  }

  .my-story-lb.w--current {
    display: none;
  }

  .full-hero-white-bg {
    height: 66vh;
    min-height: 550px;
  }

  .insights-header-title {
    width: 100%;
    font-size: 1.5em;
  }

  .second-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .left-aligned-container-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-bottom: 0;
    display: flex;
  }

  .gray-bg-square {
    width: 96vw;
    height: 40vh;
    margin-bottom: 1.5vh;
  }

  .gray-bg-text {
    flex-direction: column;
    flex: 0 auto;
    align-self: auto;
    padding-top: 1.6em;
  }

  .gray-bg-square-text {
    margin-bottom: 2em;
    padding: 1em 1.6em;
    display: block;
  }

  .gray-bg-square-text.third-section {
    margin-bottom: 1.5vh;
    padding-top: 1em;
    font-size: 1.2em;
  }

  .link-block-2 {
    margin-bottom: 0;
  }

  .bg-image {
    flex-direction: row;
    width: 96vw;
    height: 40vh;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .tabs-content {
    background-image: none;
    padding-top: 0;
  }

  .tabs-content.fitness {
    background-image: linear-gradient(to bottom, var(--dark), var(--dark)), url('../images/Fitnesstest2.jpg');
    background-position: 0 0, 65%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .right-aligned-container-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .right-aligned-container-grid.tab5 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    min-height: auto;
  }

  .heading-4 {
    padding-top: 1em;
    padding-left: 1.6em;
    padding-right: 1.6em;
    font-size: .9em;
  }

  .heading-4.tab1 {
    padding-left: 1em;
    padding-right: 0;
    font-size: 1.2em;
  }

  .link-decoration {
    margin-bottom: 1em;
  }

  .gray-bg-rectangle.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .gif-square {
    width: 96vw;
    height: 40vh;
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
  }

  .tab-box-text {
    padding-left: 1em;
    padding-right: 1em;
  }

  .div-block-5 {
    width: 100%;
  }

  .fourth-container {
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .image-bg-rectangle {
    width: 96vw;
    height: 50vh;
    margin-bottom: 1.5vh;
  }

  .light-bg-overlay {
    flex-direction: column;
    width: 100%;
    margin-top: 0;
    padding: 1.5em;
  }

  .light-bg-overlay-2 {
    flex-direction: column;
    padding: 1.5em;
  }

  .right-aligned-container-grid-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .bg-image-2 {
    flex-direction: row;
    width: 96vw;
    height: 40vh;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .bg-image-2._2 {
    width: 100vw;
    height: 40vh;
    margin-bottom: 1.5vh;
  }

  .gray-bg-square-2 {
    width: 100vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .middle-aligned-container-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .middle-aligned-container-grid.tab8 {
    background-color: var(--dark);
  }

  .bg-image-tab-1-2 {
    flex-direction: row;
    width: 96vw;
    height: 40vh;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .image-bg-rectangle-tab-1-3 {
    width: 96vw;
    height: 50vh;
    margin-bottom: 1.5vh;
  }

  .div-block-tab-3-1 {
    width: 100%;
    height: 100%;
    min-height: 600px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .second-section-tab3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .left-aligned-container-grid-tab3 {
    grid-column-gap: .6em;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1.75fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-bottom: 0;
    display: grid;
  }

  .bg-image-tab-3-2 {
    flex-direction: row;
    width: 96vw;
    height: 40vh;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .third-section-tab3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cross-aligned-container-grid-tab3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-bottom: 0;
    display: flex;
  }

  .bg-image-tab-3-3 {
    flex-direction: row;
    width: 96vw;
    height: 40vh;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .fourth-container-tab3 {
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .video-bg-tab-3-4 {
    width: 96vw;
    height: 50vh;
    margin-bottom: 1.5vh;
  }

  .light-bg-overlay-tab3 {
    flex-direction: column;
    padding: 1.5em;
  }

  .heading-4-center {
    padding-top: 1em;
    padding-left: 1.6em;
    padding-right: 1.6em;
    font-size: .9em;
  }

  .second-section-tab2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .gray-bg-rectangle-tab2.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .eighth-section-tab4 {
    background-image: url('../images/Fitnesstest2.jpg');
    background-position: 70%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120%;
    min-height: 1500px;
    display: none;
  }

  .fourth-container-tab4 {
    align-content: start;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .image-bg-rectangle-tab4 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: auto;
    height: auto;
    margin-bottom: 1.5vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-7 {
    width: 100%;
  }

  .gray-bg-square-tab6 {
    width: 96vw;
    height: 40vh;
    margin-bottom: 1.5vh;
  }

  .div-block-tab-1-6 {
    width: 100%;
  }

  .gray-bg-rectangle-copy.dark.tab2 {
    width: 100vw;
  }

  .gray-bg-rectangle-tab1.dark {
    width: 96vw;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1em;
  }

  .gray-bg-rectangle-tab7.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .left-aligned-container-grid-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-bottom: 0;
    display: flex;
  }

  .bg-image-tab-7-1 {
    flex-direction: row;
    width: 96vw;
    height: 40vh;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .left-aligned-container-grid-tab7 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-bottom: 0;
    display: flex;
  }

  .gray-bg-tab7.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .gray-bg-tab7.dark.tab7 {
    height: auto;
  }

  .right-aligned-container-grid-tab7 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .gray-bg-square-tab8 {
    width: 96vw;
    height: auto;
    margin-bottom: 1.5vh;
  }

  .bg-image-tab8 {
    flex-direction: row;
    width: 96vw;
    height: 40vh;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .bg-image-tab8._2 {
    height: 40vh;
    margin-bottom: 1.5vh;
  }

  .race-hero {
    height: auto;
  }

  .race-tabs {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .races-2024-top-sec {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .races-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-bottom: 0;
    display: flex;
  }

  .races-left {
    flex-direction: row;
    width: 100vw;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .races-heading-4 {
    padding-top: 1em;
    padding-left: 0;
    padding-right: 0;
    font-size: .9em;
  }

  .races-calendar-txt-block {
    padding-bottom: 20px;
  }

  .races-calendar-label {
    height: 20px;
    min-height: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 10px;
  }

  .races-grid-cell-txt.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .races-calendar-value {
    width: 100%;
  }

  .text-block-19 {
    font-size: 28px;
    line-height: 40px;
  }

  .races-2024-sec-01 {
    background-color: var(--dark);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .races-2024-top-sec-2025 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .races-grid-cell-txt-2025.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .races---year-title {
    font-size: 28px;
    line-height: 40px;
  }

  .heading-6 {
    font-size: 28px;
  }

  .meinboot-h4 {
    padding-top: 1em;
    padding-left: 0;
    padding-right: 1.6em;
    font-size: 1.2em;
  }

  .meinboot-h4.header-titel {
    padding-left: 0;
    padding-right: 0;
  }

  .serienboot {
    width: 100%;
    height: 100%;
    min-height: 500px;
  }

  .classe-mini.dark, .classe-mini-copy.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .right-aligned-container-grid-essen {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .gray-bg-rectangle-paleblue.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .gray-bg-rectangle-paleblue.orange {
    justify-content: space-around;
    align-items: center;
  }

  .q-a---frage {
    font-size: 1em;
    font-weight: 400;
  }

  .erfolgsbox {
    margin-top: 0;
    padding-top: 0;
  }

  .heading-4-schlaf {
    padding-top: 1em;
    padding-left: 1.6em;
    padding-right: 1.6em;
    font-size: .9em;
  }

  .right-aligned-container-grid-tab1, .right-aligned-container-grid-mental {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .classe-mini-prototyp {
    display: none;
  }

  .section-partner {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-partner.large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .prototyp-bg.dark, .prototyp-bg-pink.dark, .serienboot-bg-blue.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .prototyp-bg-dark {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prototyp-bg-dark.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .race-hero-ven {
    height: auto;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-mini-transat {
    padding-top: 20px;
    padding-bottom: 80px;
  }

  .section-mini-transat.large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .full-hero-insights {
    min-height: auto;
  }

  .quote-insights {
    padding-top: 1em;
    padding-left: 0;
    padding-right: 0;
    font-size: .9em;
    font-weight: 700;
  }

  .quote-div.grey {
    padding-left: 10px;
    padding-right: 10px;
  }

  .slide._2023-01 {
    padding-top: 0;
  }

  .slide._2023-02 {
    height: auto;
  }

  .main-header-type {
    width: 90%;
  }

  .body-paragraph-small.centered {
    font-size: 14px;
  }

  .body-paragraph-small.fanasmogarie, .body-paragraph-small.humorous-copy {
    padding-left: 40px;
    font-size: 13px;
    line-height: 20px;
  }

  .body-paragraph-small.ipad {
    text-align: center;
    padding-top: 15px;
    padding-left: 35px;
    font-size: 13px;
  }

  .sec-media-2023 {
    height: 800px;
  }

  .huge-years-sldier {
    letter-spacing: -7px;
    padding-top: 116px;
    font-size: 125px;
  }

  .black {
    font-size: 16px;
    line-height: 40px;
  }

  .white {
    opacity: 1;
    font-size: 40px;
    line-height: 40px;
  }

  .gold.centered {
    font-size: 18px;
  }

  .intro-paragraph {
    font-size: 14px;
    line-height: 22px;
  }

  .intro-paragraph.early-ways {
    opacity: 1;
    margin-bottom: -69px;
    padding-top: 0;
    font-size: 13px;
  }

  .intro-paragraph.centered {
    opacity: 0;
    margin-top: -146px;
    padding-top: 0;
    font-size: 12px;
  }

  .title-2.ipad_1 {
    margin-top: 10px;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 15px;
    line-height: 26px;
  }

  .cell_section_ipad {
    margin-top: -63px;
    padding-top: 0;
  }

  .media-title {
    font-size: 12vw;
  }

  .media-title.wrap-text {
    text-align: center;
    white-space: normal;
    margin-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.2em;
  }

  .text-block-25 {
    font-size: 2.5em;
  }

  .sec-media-2022 {
    height: 800px;
  }

  .huge-years-sldier-2022 {
    letter-spacing: -7px;
    padding-top: 116px;
    font-size: 125px;
  }

  .sec-media-2024 {
    height: 800px;
  }

  .huge-years-sldier-2024, .huge-years-sldier-copy {
    letter-spacing: -7px;
    padding-top: 116px;
    font-size: 125px;
  }

  .section-5 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-5.large {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .titel-erfolgsbox {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 30px;
  }

  .section-felix-quote {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-felix-quote.large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sec-felix-image-kid {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 2000px;
    min-height: auto;
    display: flex;
  }

  .image-17 {
    aspect-ratio: 2 / 3;
    min-height: 200px;
    position: fixed;
  }

  .tile.is--2 {
    width: 90%;
    height: 12%;
    min-height: 300px;
    top: 65%;
    left: 5%;
    overflow: clip;
  }

  .tile.is--1 {
    width: 90%;
    height: 12%;
    min-height: 300px;
    top: 1%;
    left: 5%;
    overflow: clip;
  }

  .tile.is--4 {
    width: 90%;
    height: 12%;
    min-height: 300px;
    top: 33%;
    left: 5%;
  }

  .tile.is--3 {
    width: 90%;
    height: 12%;
    min-height: 300px;
    top: 17%;
    left: 5%;
  }

  .tile.is--8 {
    width: 90%;
    height: 12%;
    min-height: 300px;
    top: 49%;
    left: 5%;
  }

  .tile.is--6 {
    width: 90%;
    height: 12%;
    min-height: 300px;
    top: 81%;
    left: 5%;
  }

  .page-wrapper-3 {
    height: 100%;
    min-height: 100%;
  }

  .gallery {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    min-height: 100%;
    display: flex;
  }

  .grid-wrapper-years {
    grid-template-rows: auto;
    margin-bottom: 20px;
  }

  .rotate-heading-felix {
    font-size: 12vw;
  }

  .rotate-heading-felix.wrap-text {
    text-align: center;
    white-space: normal;
    margin-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.2em;
  }

  .koepfe-div {
    width: auto;
    height: auto;
    margin-bottom: 1.5vh;
  }

  .image-bg-rectangle-tab-1-3-copy {
    width: 96vw;
    height: 50vh;
    margin-bottom: 1.5vh;
  }

  .light-bg-overlay-copy {
    flex-direction: column;
    margin-top: 60px;
    padding: 1.5em;
  }

  .right-aligned-container-grid-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .div-block-25 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-contact {
    font-size: 30px;
    line-height: .8em;
  }

  .heading-contact.large {
    font-size: 32px;
  }

  .heading-contact.small-width {
    font-size: 1.5em;
  }

  .container-form {
    width: 100vw;
  }

  .full-hero-impressum, .full-hero-my-story {
    min-height: 550px;
  }

  .image-bg-rectangle-copy {
    width: 100%;
    height: auto;
    margin-bottom: 1.5vh;
  }

  .light-bg-overlay-copy {
    flex-direction: column;
    width: auto;
    padding: 1.5em 0;
  }

  .fourth-container-copy {
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .tab-box-lead-co {
    width: 90%;
    max-width: 90%;
  }

  .fifth-section-tab6-copy {
    background-color: var(--warm-grey);
    padding-top: 0;
    padding-bottom: 40px;
  }

  .gray-bg-rectangle-copy.dark {
    width: 96vw;
    height: auto;
    min-height: 540px;
    margin-bottom: 0;
    padding: 40px 1.6em;
  }

  .races-2024-follow-sec-2025 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tab-box-text-copy {
    line-height: 1.5em;
  }

  .gray-bg-rectangle-copy.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .meinboot-h4-copy {
    padding-top: 1em;
    padding-left: 0;
    padding-right: 1.6em;
    font-size: 1.2em;
  }

  .dot-block {
    min-height: auto;
  }

  .steps.dots {
    width: 100%;
    padding-top: 9%;
    padding-bottom: 9%;
  }

  .img-hero {
    min-height: auto;
    margin-top: 0%;
  }

  .step-block-hero {
    height: 120px;
  }

  .scroll-hero {
    width: 100%;
    margin-top: 5%;
  }

  .paragraph-5 {
    font-size: .4em;
  }

  .step-hero {
    padding-left: 10px;
    padding-right: 10px;
  }

  .scoll-wrap-hero {
    width: 93%;
  }

  .img-block {
    width: 90%;
  }

  .content-2 {
    font-size: 20px;
  }

  .heading-10 {
    line-height: 1.4em;
  }

  .img-hero-2 {
    min-height: auto;
  }

  .scroll-hero-2 {
    width: 100%;
    margin-top: 5%;
  }

  .step-hero-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .scoll-wrap-hero-2 {
    width: 93%;
    margin-top: -82px;
  }

  .div-block-35 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .tab-container-my-story {
    margin-top: 140px;
    display: block;
  }

  .section-vendee-globe-timeline {
    padding: 0 0 80px;
  }

  .section-vendee-globe-timeline.large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pop-up-inner {
    width: 75vw;
    height: 75vh;
  }

  .text-block-32 {
    font-size: 1em;
    line-height: 1.6em;
  }

  .section-transat-jacques-vabre {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-transat-jacques-vabre.large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .paragraph-6 {
    font-size: 14px;
  }

  .bold-text-5 {
    font-size: 14px;
    line-height: 16px;
  }

  .beltrona-2 {
    width: 75vw;
  }

  .par-supplier-grid {
    grid-template-columns: 1fr;
  }

  .partner-supporter-title {
    margin-top: 100px;
  }

  ._2---supplier-titel {
    padding-top: 0;
  }

  .section-partner-2 {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .cnm-2 {
    max-width: 75%;
  }

  .beltron-lb {
    height: 120px;
    max-height: none;
  }

  .div-block-vendee-3 {
    margin-top: 100px;
  }

  .partnersec {
    height: auto;
  }

  .buttonblue {
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .buttonblue.transat {
    width: 100%;
    margin-bottom: 0;
  }

  .button-divtransat {
    margin-bottom: 40px;
  }

  .left-arrow-2, .right-arrow {
    width: 20%;
  }

  .sec-media-header {
    height: 20vh;
    min-height: 200px;
  }

  .sec-media-slider-2023 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sec-media-2024-new {
    height: 800px;
  }

  .sec-media-slider-2024 {
    min-height: 300px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .sec-media-2023-copy {
    height: 800px;
  }

  .sec-media-slider-2022 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph-7 {
    text-align: left;
    font-size: 14px;
  }

  .paragraph-8, .paragraph-9 {
    font-size: 14px;
  }

  .div-block-42 {
    padding-bottom: 30px;
  }

  .vendee-lightbox {
    grid-template-columns: 1fr 1fr;
  }

  .prototyp-bg-strawberry.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .div-block-tab-3-1-copy {
    background-image: url('../images/1019.jpg'), linear-gradient(to bottom, var(--background), var(--background));
    background-position: 70%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    width: 100%;
    height: 100%;
    min-height: 500px;
  }

  .my-boot-serien-sketch-mobile {
    background-image: url('../images/serienboot.jpg'), linear-gradient(to bottom, var(--white-100), var(--white-100));
    background-position: 50%, 0 0;
    background-size: 90%, auto;
    width: 100%;
    height: 100%;
    min-height: 500px;
    display: block;
  }

  .my-boot-serien-sketch {
    display: none;
  }

  .classe-mini-prototyp-mobile {
    background-image: url('../images/prototyp1.jpg'), linear-gradient(to bottom, var(--white-100), var(--white-100));
    background-size: 90%, auto;
    width: 100%;
    height: 100%;
    min-height: 500px;
    display: flex;
  }

  .prototyp-bg-darkbordeaux {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prototyp-bg-darkbordeaux.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .quote-insights-mobile {
    padding-top: 1em;
    padding-left: 0;
    padding-right: 0;
    font-size: .9em;
    font-weight: 400;
  }

  .div-block-44 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .eighth-section-tab4-moblie {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120%;
    min-height: 1500px;
    display: flex;
  }

  .div-block-45 {
    background-image: url('../images/Fitnesstest2.jpg');
    background-position: 70% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 700px;
  }

  .div-mobile-p-bg {
    background-image: linear-gradient(to bottom, var(--dark), var(--dark));
  }

  .tabs-content-bg-img {
    padding-top: 0;
  }

  .tabs-content-bg-img.fitness {
    background-image: linear-gradient(to bottom, var(--dark), var(--dark)), url('../images/Fitnesstest2.jpg');
    background-position: 0 0, 65%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .tabs-content-copy {
    padding-top: 0;
  }

  .tabs-content-copy.fitness {
    background-image: linear-gradient(to bottom, var(--dark), var(--dark)), url('../images/Fitnesstest2.jpg');
    background-position: 0 0, 65%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .tab-box-text-tab8 {
    width: 99.9998%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-tab-1-1tab8 {
    min-height: 300px;
  }

  .mob-nav-menupunkt {
    font-size: 1em;
  }

  .pop-up-inner-2 {
    width: 75vw;
    height: 75vh;
  }

  .text-block-41 {
    font-size: 1em;
    line-height: 1.6em;
  }

  .menu-center-2 {
    width: 100vw;
    height: 75vw;
  }

  .menu-link-2 {
    font-size: 36px;
  }

  .menu-content-2 {
    padding-top: 80px;
  }

  .full-screen-menu-2 {
    display: none;
  }

  .menu-wrapper-2 {
    padding-bottom: 0;
  }

  .wetter-top-bg {
    padding-bottom: 20px;
  }

  .wetter-top-bg.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .left-aligned-container-grid-tab3-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-bottom: 0;
    display: flex;
  }

  .gray-bg-rectangle-wetter.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .bg-image-wetterradio {
    flex-direction: row;
    width: 96vw;
    height: 40vh;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .left-aligned-container-grid-tab3-copy, .fitness---toptab-grid {
    grid-column-gap: .6em;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1.75fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-bottom: 0;
    display: grid;
  }

  .fittness-top-bg {
    flex-direction: column;
    width: 100%;
    margin-top: 0;
    padding: 20px 1.5em 1.5em;
  }

  .bg-black-fitness.dark {
    width: 96vw;
    height: 40vh;
    margin-bottom: 0;
  }

  .bg-img-fitness {
    flex-direction: row;
    width: 96vw;
    height: 40vh;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .mentale-st-rke-grid-1 {
    align-content: stretch;
  }

  .fs-mob-menu-item {
    font-size: 36px;
  }

  .image-bg-rectangle-schlaf {
    width: 100%;
    height: auto;
    margin-bottom: 1.5vh;
  }
}

#w-node-_8c2f5e44-76f6-5885-577c-b15d5f6a39ea-d37d3909 {
  grid-area: 3 / 1 / 4 / 2;
  place-self: end center;
}

#w-node-_8b499747-6179-93d3-477f-743d7b5dd540-d37d3909 {
  justify-self: end;
}

#w-node-_36a32bde-e9e6-f6ca-7526-d051c387a037-d37d3909 {
  align-self: center;
}

#w-node-eae1fb38-9031-6958-1e47-8f8fcc9ed929-d37d3909 {
  justify-self: start;
}

#w-node-a8e8f05b-c8fd-49d6-6654-13c8be796239-d37d3909, #w-node-_2bf82b65-5028-efd5-09cc-066b032da19e-d37d3909, #w-node-_5f2dbc1a-6e02-5aaf-50c9-fd461279cb5e-d37d3909, #w-node-d4992e0a-8c44-c2cb-5b45-60b52afbe2bf-d37d3909, #w-node-d4992e0a-8c44-c2cb-5b45-60b52afbe2c9-d37d3909, #w-node-d4992e0a-8c44-c2cb-5b45-60b52afbe2d3-d37d3909 {
  align-self: center;
}

#w-node-f4b2ab9c-c2b8-27cc-602b-a593da883cd9-d37d3909, #w-node-d4992e0a-8c44-c2cb-5b45-60b52afbe2d9-d37d3909 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-bae95818-dd8f-81a5-a478-fe2cf81a0e74-87a3772a {
  grid-area: 1 / 2 / 2 / 4;
  justify-self: stretch;
}

#w-node-ae65f1f4-3160-c660-cf7f-c1c6fb7f14de-87a3772a {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: end center;
}

#w-node-_71bbb56e-9a51-9ef5-21b6-c85de37bbf04-87a3772a {
  justify-self: end;
}

#w-node-_58db301f-c08d-fe1e-0fc6-0ed290d7e8a4-21b10d4f {
  align-self: start;
}

#w-node-_57398322-eccc-1d76-2424-c47721b10d51-21b10d4f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_57398322-eccc-1d76-2424-c47721b10d58-21b10d4f {
  grid-area: 1 / 2 / 2 / 4;
  place-self: stretch stretch;
}

#w-node-_1056890d-f9ec-58b7-b4ae-2d741e7bd96b-21b10d4f {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

#w-node-_57398322-eccc-1d76-2424-c47721b10d63-21b10d4f {
  justify-self: stretch;
}

#w-node-_74cc01b5-0937-d3a4-c5e1-1b59c8b714d3-c8b714cc {
  align-self: start;
}

#w-node-_74cc01b5-0937-d3a4-c5e1-1b59c8b714d5-c8b714cc {
  place-self: start end;
}

#w-node-_4736be50-a474-0a93-ab0b-aefe69042bb7-d37d390a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6111e4787a31d355cc31ef6600000000000c-d37d390a {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2bb4dd89-52c0-9935-0c80-7d4e3f566d87-d37d390a {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_3d03c3ac-b4e2-5cee-f071-8f6cb465d64d-d37d390a {
  align-self: center;
}

#w-node-_6111e4787a31d355cc31ef6600000000000e-d37d390a {
  justify-self: center;
}

#w-node-_34736873-62d9-9d9b-a697-42516143767c-d37d390a {
  justify-self: start;
}

#pass.w-node-_6111e4787a31d355cc31ef66000000000012-d37d390a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2f3b2983-f46b-fd7f-2ca9-de87cc894e86-d37d390a, #w-node-_2f3b2983-f46b-fd7f-2ca9-de87cc894e88-d37d390a {
  justify-self: center;
}

#w-node-d641c5b5-d71d-0237-f86b-fdd9a68b82f3-d37d390b {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-d641c5b5-d71d-0237-f86b-fdd9a68b82f4-d37d390b {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_6111e4915a3e617d56ff3c2b00000000000b-d37d390b {
  align-self: center;
}

#w-node-e3d2ee2e-c577-601e-f0e4-57f1cfb713f1-d37d390b {
  justify-self: center;
}

#w-node-e3d2ee2e-c577-601e-f0e4-57f1cfb713f6-d37d390b {
  justify-self: start;
}

#w-node-e3d2ee2e-c577-601e-f0e4-57f1cfb713f8-d37d390b {
  justify-self: end;
}

#w-node-d641c5b5-d71d-0237-f86b-fdd9a68b8311-d37d390b, #w-node-d641c5b5-d71d-0237-f86b-fdd9a68b8313-d37d390b {
  justify-self: center;
}

#w-node-d641c5b5-d71d-0237-f86b-fdd9a68b831c-d37d390b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8abb15fe-fc74-30da-0e7f-417029a428a5-d37d390c {
  grid-area: 1 / 1 / 2 / 4;
  place-self: center;
}

#w-node-e17a479e-3e61-b822-657a-9ef1702d2fc8-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-e17a479e-3e61-b822-657a-9ef1702d2fc9-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e17a479e-3e61-b822-657a-9ef1702d2fca-d37d390c {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-e17a479e-3e61-b822-657a-9ef1702d2fd0-d37d390c, #w-node-e17a479e-3e61-b822-657a-9ef1702d2fd3-d37d390c, #w-node-e17a479e-3e61-b822-657a-9ef1702d2fd6-d37d390c, #w-node-e17a479e-3e61-b822-657a-9ef1702d2fd9-d37d390c, #w-node-e17a479e-3e61-b822-657a-9ef1702d2fdd-d37d390c, #w-node-e17a479e-3e61-b822-657a-9ef1702d2fe0-d37d390c, #w-node-e17a479e-3e61-b822-657a-9ef1702d2fe3-d37d390c, #w-node-e17a479e-3e61-b822-657a-9ef1702d2fe6-d37d390c, #w-node-e17a479e-3e61-b822-657a-9ef1702d2fe9-d37d390c {
  place-self: center;
}

#w-node-a8369a35-6379-76d2-3145-c6ffde70479d-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a8369a35-6379-76d2-3145-c6ffde7047a0-d37d390c {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-a8369a35-6379-76d2-3145-c6ffde7047a2-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f58bf922-2d57-d453-f88a-7622cf0a4ded-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f58bf922-2d57-d453-f88a-7622cf0a4df0-d37d390c {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-f58bf922-2d57-d453-f88a-7622cf0a4df2-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_79fa39a4-97ec-971e-3241-d15b557e5872-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_79fa39a4-97ec-971e-3241-d15b557e5875-d37d390c {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_79fa39a4-97ec-971e-3241-d15b557e5877-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0484bd0a-d928-3207-8453-ccc7ea038951-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0484bd0a-d928-3207-8453-ccc7ea038954-d37d390c {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_0484bd0a-d928-3207-8453-ccc7ea038955-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_09d90601-d8ac-79af-be49-670ed9387740-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_09d90601-d8ac-79af-be49-670ed9387743-d37d390c {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_09d90601-d8ac-79af-be49-670ed9387744-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ea09fec8-ec55-a083-3d8d-f15de32933f1-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ea09fec8-ec55-a083-3d8d-f15de32933f2-d37d390c {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-ea09fec8-ec55-a083-3d8d-f15de32933f3-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_189ae7de-3c29-6e7b-81b2-f063ccc9b8a5-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_189ae7de-3c29-6e7b-81b2-f063ccc9b8a8-d37d390c {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_189ae7de-3c29-6e7b-81b2-f063ccc9b8a9-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8c8d3d20-e003-75e3-70f8-263f9d7e551a-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8c8d3d20-e003-75e3-70f8-263f9d7e551d-d37d390c {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_8c8d3d20-e003-75e3-70f8-263f9d7e551e-d37d390c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6766d9b7-97e9-c0e3-cb5c-78b7c3c25f9e-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6766d9b7-97e9-c0e3-cb5c-78b7c3c25fa1-d37d390c {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-acefee5f-f006-fe6b-c809-d8d26f48a879-d37d390c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-acefee5f-f006-fe6b-c809-d8d26f48a87a-d37d390c, #w-node-acefee5f-f006-fe6b-c809-d8d26f48a87c-d37d390c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#email-form.w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a7f-d37d390d {
  place-self: start center;
}

#w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a87-d37d390d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#FNAME.w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a89-d37d390d, #LNAME.w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a8a-d37d390d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a8c-d37d390d, #EMAIL.w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a8e-d37d390d, #w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a90-d37d390d, #MESSAGE.w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a92-d37d390d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_901c839e-560c-0741-cbe2-9e9c1820f14d-d37d390e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5139fe8a-7d93-d8d5-73ef-5d4f9d9baea0-d37d390e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_213949e4-49e4-b8b6-b2cd-b503593f799b-d37d390e {
  align-self: start;
}

#w-node-f77d1bf5-2a3e-3b0d-3620-f356b23fc7f0-d37d390e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f4081ca4-cb4a-124e-da65-e5aac33ecbe0-d37d390e, #w-node-c4539243-0ade-1422-bfbb-f935b7bc1bbc-d37d390e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6b3d4517-3f5b-2e2d-abce-b7c2e84772f1-d37d390e {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_6b3d4517-3f5b-2e2d-abce-b7c2e84772f2-d37d390e {
  align-self: start;
}

#w-node-_5131d816-26be-fed2-14e8-a856f63d5469-d37d390e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5131d816-26be-fed2-14e8-a856f63d546d-d37d390e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5131d816-26be-fed2-14e8-a856f63d546f-d37d390e {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: end;
}

#w-node-d95582e8-fabb-8c23-372f-61964592bad3-d37d390e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_4c8d4377-f073-b2a6-f8a0-5e080b0b890b-d37d390f {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_4c8d4377-f073-b2a6-f8a0-5e080b0b890c-d37d390f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5ba5bed5-dc4a-34e6-1348-2b749566f83d-d37d390f, #w-node-_18225887-165f-a01e-593f-9e7664199f36-d37d390f, #w-node-de2cbf49-e2dd-8767-f690-0f9a723f7ff1-d37d390f, #w-node-bae0ca7c-f945-7331-20b2-018b84f5dc4b-d37d390f, #w-node-b09e6f7f-a4e7-b376-6698-1eae1fb9fa73-d37d390f, #w-node-b09e6f7f-a4e7-b376-6698-1eae1fb9fa75-d37d390f, #w-node-b09e6f7f-a4e7-b376-6698-1eae1fb9fa77-d37d390f, #w-node-b09e6f7f-a4e7-b376-6698-1eae1fb9fa79-d37d390f {
  place-self: center;
}

#w-node-_804e5336-562a-6083-63ff-dffa1c5268f0-d37d390f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_852e1cd2-aa30-e688-a892-fb3a804bb554-d37d390f {
  grid-area: 1 / 2 / 2 / 5;
  justify-self: start;
}

#w-node-_30cb8071-9fb9-4074-b27f-e298d8c74b38-d37d390f {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_13ad958f-40a3-22b1-e362-2440eb2e735d-d37d390f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_86ec894d-c4c3-90fb-aa24-88e0f7b8e868-d37d390f {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_26668d10-773a-dee6-c744-661548d5e335-d37d390f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6928990c-144f-b62a-c80f-497587e64ced-d37d390f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6928990c-144f-b62a-c80f-497587e64cee-d37d390f {
  grid-area: 1 / 2 / 2 / 5;
  align-self: center;
}

#w-node-_6928990c-144f-b62a-c80f-497587e64cfd-d37d390f {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_311961b5-b8f4-1aea-9bbd-d36ff7ec2bf8-d37d390f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_664d41d2-422b-6f96-695b-0ea2ab91a729-d37d390f {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_2fc02d90-dabf-ab14-da17-d946829d8779-d37d390f {
  align-self: center;
}

#w-node-_7c121ddf-3934-7605-8bef-494472b90817-d37d390f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_18748863-ee3d-c58a-1754-099938abaaab-d37d390f {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_988e94cc-6f55-58ec-93da-a39a363b606e-d37d390f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_988e94cc-6f55-58ec-93da-a39a363b6072-d37d390f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_988e94cc-6f55-58ec-93da-a39a363b6074-d37d390f {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: end;
}

#w-node-bd829449-2622-c375-7b02-5dc7300d3878-d37d390f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-bd829449-2622-c375-7b02-5dc7300d3879-d37d390f {
  align-self: stretch;
}

#w-node-bd829449-2622-c375-7b02-5dc7300d3881-d37d390f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bd829449-2622-c375-7b02-5dc7300d3883-d37d390f {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: end;
}

#w-node-bd829449-2622-c375-7b02-5dc7300d3885-d37d390f {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-bd829449-2622-c375-7b02-5dc7300d3894-d37d390f {
  justify-self: start;
}

#w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a916-74e8a914 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a917-74e8a914 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a91d-74e8a914 {
  justify-self: center;
}

#w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a91e-74e8a914 {
  place-self: center start;
}

#w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a91f-74e8a914 {
  justify-self: end;
}

#w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a926-74e8a914 {
  justify-self: start;
}

#w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a928-74e8a914 {
  justify-self: end;
}

#w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a92a-74e8a914 {
  place-self: center end;
}

#w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a92c-74e8a914 {
  justify-self: start;
}

#w-node-_46bd5263-c747-7018-d10b-ecb6298796da-298796d8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_46bd5263-c747-7018-d10b-ecb6298796db-298796d8 {
  grid-area: 1 / 2 / 2 / 5;
  justify-self: stretch;
}

#w-node-_46bd5263-c747-7018-d10b-ecb6298796e2-298796d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_46bd5263-c747-7018-d10b-ecb6298796e7-298796d8 {
  align-self: center;
}

#w-node-_46bd5263-c747-7018-d10b-ecb6298796ee-298796d8 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1f4ba397-2fe6-0b23-454e-f07ba76d3fe0-298796d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_479faa26-c122-f2f2-b503-f0694d1a58d2-298796d8 {
  align-self: center;
}

#w-node-_1f4ba397-2fe6-0b23-454e-f07ba76d3fec-298796d8 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_89ee30a4-b4f7-a3ad-9682-4625c7081bec-298796d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_89ee30a4-b4f7-a3ad-9682-4625c7081bf1-298796d8 {
  align-self: center;
}

#w-node-_89ee30a4-b4f7-a3ad-9682-4625c7081bf8-298796d8 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_3ed3f175-d5af-cec8-6219-8e16373aeac3-298796d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3ed3f175-d5af-cec8-6219-8e16373aeac8-298796d8 {
  align-self: center;
}

#w-node-_3ed3f175-d5af-cec8-6219-8e16373aeacf-298796d8 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_139058a6-e504-29fa-4d7b-d208600bb9ad-298796d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_139058a6-e504-29fa-4d7b-d208600bb9b2-298796d8 {
  align-self: center;
}

#w-node-_139058a6-e504-29fa-4d7b-d208600bb9b9-298796d8 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-d42e3c69-143d-b17b-5fe1-b83ff564a066-d37d3911 {
  grid-area: 1 / 1 / 2 / 4;
  place-self: center;
}

#w-node-b0d257fa-1302-dc35-3670-79ff12c9ccdb-d37d3911 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-b0d257fa-1302-dc35-3670-79ff12c9ccdc-d37d3911 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b0d257fa-1302-dc35-3670-79ff12c9ccdd-d37d3911 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-b0d257fa-1302-dc35-3670-79ff12c9ccf0-d37d3911, #w-node-b0d257fa-1302-dc35-3670-79ff12c9ccf3-d37d3911, #w-node-b0d257fa-1302-dc35-3670-79ff12c9ccf6-d37d3911, #w-node-b0d257fa-1302-dc35-3670-79ff12c9ccf9-d37d3911 {
  place-self: center;
}

#w-node-_649b8fa1-f17a-451d-3b13-1ee32dab4d92-d37d3911 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ac3ff80c-c282-9687-330a-a3c5f461d86e-d37d3911 {
  align-self: auto;
}

#w-node-ac3ff80c-c282-9687-330a-a3c5f461d85d-d37d3911, #w-node-e4b91f5f-e6b7-f240-1d38-cc7c3881d542-d37d3911, #w-node-_315a8f5c-1bbf-d82a-8d41-14f9dc8488f1-d37d3911 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-d5020be8-d559-3211-6256-1c6ff96c8a33-d37d3913 {
  grid-area: Area;
}

#w-node-d5020be8-d559-3211-6256-1c6ff96c8a3e-d37d3913 {
  grid-area: Area-3;
}

#w-node-d5020be8-d559-3211-6256-1c6ff96c8a47-d37d3913 {
  grid-area: Area-4;
}

#w-node-d5020be8-d559-3211-6256-1c6ff96c8a52-d37d3913 {
  grid-area: Area-2;
}

#w-node-d5020be8-d559-3211-6256-1c6ff96c8a5d-d37d3913 {
  grid-area: Area-5;
}

#w-node-d5020be8-d559-3211-6256-1c6ff96c8a68-d37d3913 {
  grid-area: Area-6;
}

#w-node-d5020be8-d559-3211-6256-1c6ff96c8a74-d37d3913 {
  grid-area: Area-7;
}

#w-node-_7eacb82d-8830-1833-fe30-0180b509f8a9-13cc1c22, #w-node-_232b049a-e068-12e7-a076-6738f0da0e9c-13cc1c22, #w-node-b2035bb7-931a-d366-9c26-6edee2a71961-13cc1c22, #w-node-ff995b6a-4803-1fec-fd02-5d94cfd786fb-13cc1c22, #w-node-cdd2e761-46b8-21fc-7c7a-f398b052187d-13cc1c22, #w-node-e121ffd1-10f3-dcfc-94a5-21f14c13ecae-13cc1c22, #w-node-_9ab9cb12-a494-aabd-8383-a26efb7c6904-13cc1c22, #w-node-_9718a1db-4108-aa81-fb5d-f4ad8510c608-13cc1c22, #w-node-_4b28c5ca-6e47-3be4-4be7-e896c83840fd-13cc1c22, #w-node-_69b1d117-38b4-94d7-8801-1b675c8403cd-13cc1c22, #w-node-fc71e03b-8249-504d-982e-2d7bf6cf126f-13cc1c22, #w-node-_0a3b3798-9f88-3e04-a453-ee947e9b35c6-13cc1c22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-aadc4383-0353-0d0b-d974-13e0db4f3da7-13cc1c22 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_112a810b-5c23-95f2-e5e6-6eb6360c9496-13cc1c22 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_315484b8-774d-12a2-211f-7dce96bad5f9-13cc1c22, #w-node-_315484b8-774d-12a2-211f-7dce96bad603-13cc1c22, #w-node-_315484b8-774d-12a2-211f-7dce96bad60d-13cc1c22 {
  align-self: center;
}

#w-node-_1a52a8f3-e593-1be0-3d51-afe845d69e72-13cc1c22 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5bd38fb4-21d8-62ac-37f4-4ba809251dc4-13cc1c22, #w-node-_5bd38fb4-21d8-62ac-37f4-4ba809251dce-13cc1c22, #w-node-_5bd38fb4-21d8-62ac-37f4-4ba809251dd8-13cc1c22 {
  align-self: center;
}

#w-node-_5bd38fb4-21d8-62ac-37f4-4ba809251dde-13cc1c22 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ef1b699a-1a6e-1e85-7c9f-76483d32e9e5-13cc1c22 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-ef1b699a-1a6e-1e85-7c9f-76483d32e9e6-13cc1c22, #w-node-_7fa773ea-5212-aa03-559a-46c0e8e3b1c4-13cc1c22 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7fa773ea-5212-aa03-559a-46c0e8e3b1d6-13cc1c22, #w-node-_7fa773ea-5212-aa03-559a-46c0e8e3b1e0-13cc1c22, #w-node-_7fa773ea-5212-aa03-559a-46c0e8e3b1ea-13cc1c22 {
  align-self: center;
}

#w-node-b9a47f96-7800-e1a6-2d5f-aae84931c883-13cc1c22 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b9a47f96-7800-e1a6-2d5f-aae84931c895-13cc1c22, #w-node-b9a47f96-7800-e1a6-2d5f-aae84931c89f-13cc1c22, #w-node-b9a47f96-7800-e1a6-2d5f-aae84931c8a9-13cc1c22 {
  align-self: center;
}

#w-node-a7da391d-06ed-1d2d-ef93-5d257b6d6a61-13cc1c22 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a7da391d-06ed-1d2d-ef93-5d257b6d6a62-13cc1c22 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a7da391d-06ed-1d2d-ef93-5d257b6d6a74-13cc1c22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7da391d-06ed-1d2d-ef93-5d257b6d6a7c-13cc1c22 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fe5507b8-c83e-4fa3-8d55-7a50af5aea24-d6552455, #w-node-a388ca12-5430-c3c6-7c8e-d0fae6e48d48-d6552455 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-cc4250e9-4b83-7f05-df8d-cf82e8f2ff6e-d6552455 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2e6e5a63-a790-a1c1-b5f8-21ac6f293b7a-d6552455 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-e85b2cbc-5a3f-1122-d24b-252d436bf108-d6552455 {
  align-self: auto;
}

#w-node-f7541b9f-41e9-09af-e855-8c59ce50becf-d6552455, #w-node-_10bfafee-d320-5744-e5f2-78363ab1bdac-d6552455, #w-node-_5c000944-e6c5-a431-36a5-9ca2c0585dca-d6552455, #w-node-b9ac8b75-b25e-eec3-1589-a8359282e3d7-d6552455, #w-node-_244c903a-e6c9-3a94-2b31-5749f3e800a4-d6552455, #w-node-e114d945-3024-73cd-3037-7b4d18ce7c7f-d6552455, #w-node-ffb3289a-159c-2219-07f4-489b6cbb5fcc-d6552455 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_63ef3934-c5a7-96f1-aa2a-111ef50c39f6-d6552455 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd7a0081-3551-cb84-e5ae-122c589bd220-d6552455, #w-node-_74463b1c-cf3d-fb41-0f97-b945412bee3e-d6552455 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-e5d8f480-88e4-2445-3ff3-2da2b6744b16-d6552455 {
  align-self: auto;
}

#w-node-ff6d5f70-2b56-3bdc-1667-3b6fd14b4b27-d6552455 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-df275afa-dc7c-3306-f5eb-5c9e4a8e8a30-d6552455 {
  align-self: auto;
}

#w-node-ec519bcd-e897-bfe8-6415-445ad51e1c8b-a7e9854c {
  place-self: center;
}

#w-node-_1e6350b0-ccef-908c-c5dd-b35ba4455200-a7e9854c, #w-node-_29873739-ccea-64c7-5da0-fd5095e8e313-a7e9854c, #w-node-_095585cc-725e-a20e-46c2-f9ed6dde6376-a7e9854c, #w-node-f9127c10-2076-a340-3a29-30c5a5a2cefc-a7e9854c {
  align-self: center;
}

#w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbd9-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbdc-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbdf-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbe2-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbe3-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbe6-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbe9-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbea-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbed-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbf0-0495c842, #w-node-cc9c009b-f40a-8e2d-cf5e-c4c47beffbf1-0495c842 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_95f26e51-be54-156d-c9da-c5bfad68c2a9-a8c18fbf {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_95f26e51-be54-156d-c9da-c5bfad68c2aa-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2c1-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2ce-a8c18fbf {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_95f26e51-be54-156d-c9da-c5bfad68c2e8-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2f2-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2fc-a8c18fbf {
  align-self: center;
}

#w-node-_95f26e51-be54-156d-c9da-c5bfad68c302-a8c18fbf {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_95f26e51-be54-156d-c9da-c5bfad68c2a9-9644fc35 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_95f26e51-be54-156d-c9da-c5bfad68c2aa-9644fc35 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_12e955d1-9863-e465-fbdf-d0773d15bf33-2d3dc685 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_12e955d1-9863-e465-fbdf-d0773d15bf4e-2d3dc685 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

@media screen and (min-width: 1440px) {
  #w-node-d641c5b5-d71d-0237-f86b-fdd9a68b82f3-d37d390b {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_46bd5263-c747-7018-d10b-ecb6298796e7-298796d8, #w-node-_479faa26-c122-f2f2-b503-f0694d1a58d2-298796d8 {
    align-self: center;
  }

  #w-node-_4bad3517-e740-ece3-eff1-dbf6be4bcb2c-13cc1c22, #w-node-_232b049a-e068-12e7-a076-6738f0da0ea4-13cc1c22, #w-node-b2035bb7-931a-d366-9c26-6edee2a71969-13cc1c22, #w-node-ff995b6a-4803-1fec-fd02-5d94cfd78703-13cc1c22, #w-node-cdd2e761-46b8-21fc-7c7a-f398b0521885-13cc1c22, #w-node-e121ffd1-10f3-dcfc-94a5-21f14c13ecb6-13cc1c22, #w-node-_9ab9cb12-a494-aabd-8383-a26efb7c690e-13cc1c22, #w-node-_9718a1db-4108-aa81-fb5d-f4ad8510c612-13cc1c22, #w-node-_4b28c5ca-6e47-3be4-4be7-e896c8384107-13cc1c22, #w-node-_69b1d117-38b4-94d7-8801-1b675c8403d7-13cc1c22, #w-node-fc71e03b-8249-504d-982e-2d7bf6cf1279-13cc1c22, #w-node-_0a3b3798-9f88-3e04-a453-ee947e9b35d0-13cc1c22 {
    align-self: auto;
  }

  #w-node-_7fa773ea-5212-aa03-559a-46c0e8e3b1c4-13cc1c22, #w-node-b9a47f96-7800-e1a6-2d5f-aae84931c883-13cc1c22 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-bae95818-dd8f-81a5-a478-fe2cf81a0e74-87a3772a {
    grid-column: 1 / 5;
  }

  #w-node-_1de41b7e-4097-4f0d-0766-a09e903b78aa-1ac33fff {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #out.w-node-d6eaa62a-c375-7ed9-28ed-7d9126981c64-21b10d4f, #w-node-_3f65b3d7-15f7-14cb-e0e5-9b7c40221ca3-21b10d4f, #w-node-_29bcc8a0-1900-48a5-09fe-925f3c6881a1-21b10d4f {
    align-self: end;
  }

  #w-node-_57398322-eccc-1d76-2424-c47721b10d58-21b10d4f, #w-node-_1056890d-f9ec-58b7-b4ae-2d741e7bd96b-21b10d4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-d641c5b5-d71d-0237-f86b-fdd9a68b82f3-d37d390b {
    grid-column: 1 / 4;
  }

  #w-node-d641c5b5-d71d-0237-f86b-fdd9a68b82f4-d37d390b {
    grid-column: 1 / 5;
  }

  #w-node-e17a479e-3e61-b822-657a-9ef1702d2fc8-d37d390c {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-acefee5f-f006-fe6b-c809-d8d26f48a87a-d37d390c {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-acefee5f-f006-fe6b-c809-d8d26f48a87c-d37d390c {
    grid-column: span 3 / span 3;
  }

  #w-node-_5139fe8a-7d93-d8d5-73ef-5d4f9d9baea0-d37d390e {
    grid-column: span 4 / span 4;
  }

  #w-node-_6b3d4517-3f5b-2e2d-abce-b7c2e84772f1-d37d390e {
    grid-column: 1 / 5;
    grid-row-end: 2;
  }

  #w-node-_6b3d4517-3f5b-2e2d-abce-b7c2e84772f6-d37d390e {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_852e1cd2-aa30-e688-a892-fb3a804bb554-d37d390f {
    grid-row: 2 / 3;
  }

  #w-node-_30cb8071-9fb9-4074-b27f-e298d8c74b38-d37d390f {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_664d41d2-422b-6f96-695b-0ea2ab91a729-d37d390f {
    grid-column-end: 5;
  }

  #w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a917-74e8a914 {
    grid-column: 1 / 5;
    justify-self: center;
  }

  #w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a91e-74e8a914 {
    place-self: end;
  }

  #w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a92a-74e8a914 {
    place-self: end start;
  }

  #w-node-_46bd5263-c747-7018-d10b-ecb6298796db-298796d8 {
    grid-column-start: 1;
  }

  #w-node-_46bd5263-c747-7018-d10b-ecb6298796e2-298796d8 {
    grid-column: span 1 / span 1;
  }

  #w-node-_46bd5263-c747-7018-d10b-ecb6298796ee-298796d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1f4ba397-2fe6-0b23-454e-f07ba76d3fe0-298796d8 {
    grid-column: span 1 / span 1;
  }

  #w-node-_1f4ba397-2fe6-0b23-454e-f07ba76d3fec-298796d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_89ee30a4-b4f7-a3ad-9682-4625c7081bec-298796d8 {
    grid-column: span 1 / span 1;
  }

  #w-node-_89ee30a4-b4f7-a3ad-9682-4625c7081bf8-298796d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3ed3f175-d5af-cec8-6219-8e16373aeac3-298796d8 {
    grid-column: span 1 / span 1;
  }

  #w-node-_3ed3f175-d5af-cec8-6219-8e16373aeacf-298796d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_139058a6-e504-29fa-4d7b-d208600bb9ad-298796d8 {
    grid-column: span 1 / span 1;
  }

  #w-node-_139058a6-e504-29fa-4d7b-d208600bb9b9-298796d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cdd2e761-46b8-21fc-7c7a-f398b0521889-13cc1c22 {
    align-self: auto;
  }

  #w-node-aadc4383-0353-0d0b-d974-13e0db4f3daf-13cc1c22, #w-node-aadc4383-0353-0d0b-d974-13e0db4f3dc9-13cc1c22, #w-node-_112a810b-5c23-95f2-e5e6-6eb6360c9497-13cc1c22, #w-node-ef1b699a-1a6e-1e85-7c9f-76483d32e9e7-13cc1c22, #w-node-a7da391d-06ed-1d2d-ef93-5d257b6d6a63-13cc1c22, #w-node-a7da391d-06ed-1d2d-ef93-5d257b6d6a7d-13cc1c22, #w-node-_7447f9f3-fd86-6571-44ad-ab72d2df28d3-a7e9854c, #w-node-_7447f9f3-fd86-6571-44ad-ab72d2df28e6-a7e9854c, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2ab-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2c2-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2cf-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2ab-9644fc35, #w-node-_12e955d1-9863-e465-fbdf-d0773d15bf4f-2d3dc685 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bae95818-dd8f-81a5-a478-fe2cf81a0e74-87a3772a {
    grid-column-end: 2;
  }

  #w-node-ae65f1f4-3160-c660-cf7f-c1c6fb7f14de-87a3772a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: end center;
  }

  #w-node-_71bbb56e-9a51-9ef5-21b6-c85de37bbf04-87a3772a {
    justify-self: center;
  }

  #w-node-a8369a35-6379-76d2-3145-c6ffde7047a0-d37d390c, #w-node-f58bf922-2d57-d453-f88a-7622cf0a4df0-d37d390c, #w-node-_79fa39a4-97ec-971e-3241-d15b557e5875-d37d390c, #w-node-_0484bd0a-d928-3207-8453-ccc7ea038954-d37d390c, #w-node-_09d90601-d8ac-79af-be49-670ed9387743-d37d390c, #w-node-ea09fec8-ec55-a083-3d8d-f15de32933f2-d37d390c, #w-node-_189ae7de-3c29-6e7b-81b2-f063ccc9b8a8-d37d390c, #w-node-_8c8d3d20-e003-75e3-70f8-263f9d7e551d-d37d390c, #w-node-_6766d9b7-97e9-c0e3-cb5c-78b7c3c25fa1-d37d390c, #w-node-acefee5f-f006-fe6b-c809-d8d26f48a87c-d37d390c, #w-node-acefee5f-f006-fe6b-c809-d8d26f48a87d-d37d390c, #w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a86-d37d390d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5139fe8a-7d93-d8d5-73ef-5d4f9d9baea0-d37d390e {
    grid-column: span 1 / span 1;
  }

  #w-node-_6b3d4517-3f5b-2e2d-abce-b7c2e84772f1-d37d390e {
    grid-column-end: 2;
  }

  #w-node-_5131d816-26be-fed2-14e8-a856f63d5469-d37d390e {
    grid-row-end: 2;
  }

  #w-node-_852e1cd2-aa30-e688-a892-fb3a804bb554-d37d390f, #w-node-_30cb8071-9fb9-4074-b27f-e298d8c74b38-d37d390f, #w-node-_86ec894d-c4c3-90fb-aa24-88e0f7b8e868-d37d390f {
    grid-column: 1 / 2;
  }

  #w-node-_6928990c-144f-b62a-c80f-497587e64ced-d37d390f {
    grid-column: 1 / 4;
  }

  #w-node-_6928990c-144f-b62a-c80f-497587e64cee-d37d390f, #w-node-_664d41d2-422b-6f96-695b-0ea2ab91a729-d37d390f, #w-node-_18748863-ee3d-c58a-1754-099938abaaab-d37d390f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bd829449-2622-c375-7b02-5dc7300d3879-d37d390f {
    order: -9999;
    grid-area: 1 / 1 / 3 / 2;
    align-self: stretch;
  }

  #w-node-bd829449-2622-c375-7b02-5dc7300d3885-d37d390f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a917-74e8a914 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_46bd5263-c747-7018-d10b-ecb6298796da-298796d8 {
    grid-column: 1 / 4;
  }

  #w-node-e4b91f5f-e6b7-f240-1d38-cc7c3881d542-d37d3911, #w-node-_315a8f5c-1bbf-d82a-8d41-14f9dc8488f1-d37d3911 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-aadc4383-0353-0d0b-d974-13e0db4f3da7-13cc1c22 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_112a810b-5c23-95f2-e5e6-6eb6360c9496-13cc1c22, #w-node-ef1b699a-1a6e-1e85-7c9f-76483d32e9e6-13cc1c22, #w-node-_7fa773ea-5212-aa03-559a-46c0e8e3b1c4-13cc1c22, #w-node-b9a47f96-7800-e1a6-2d5f-aae84931c883-13cc1c22, #w-node-a7da391d-06ed-1d2d-ef93-5d257b6d6a62-13cc1c22, #w-node-a7da391d-06ed-1d2d-ef93-5d257b6d6a7c-13cc1c22 {
    grid-column: span 1 / span 1;
  }

  #w-node-ff0cebbb-2437-655e-7495-ff48bde3da0e-d6552455 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e85b2cbc-5a3f-1122-d24b-252d436bf111-d6552455 {
    grid-area: span 3 / span 1 / span 3 / span 1;
  }

  #w-node-_10bfafee-d320-5744-e5f2-78363ab1bdab-d6552455, #w-node-e114d945-3024-73cd-3037-7b4d18ce7c91-d6552455 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ff6d5f70-2b56-3bdc-1667-3b6fd14b4b27-d6552455 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2aa-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2c1-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2ce-a8c18fbf, #w-node-_95f26e51-be54-156d-c9da-c5bfad68c2aa-9644fc35, #w-node-_12e955d1-9863-e465-fbdf-d0773d15bf4e-2d3dc685 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1de41b7e-4097-4f0d-0766-a09e903b78aa-1ac33fff {
    place-self: center;
  }

  #w-node-d641c5b5-d71d-0237-f86b-fdd9a68b82f4-d37d390b {
    grid-column-end: 2;
  }

  #w-node-acefee5f-f006-fe6b-c809-d8d26f48a879-d37d390c {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-acefee5f-f006-fe6b-c809-d8d26f48a87c-d37d390c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #FNAME.w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a89-d37d390d, #LNAME.w-node-e5182b29-72a3-8921-b503-3c5cf7fb9a8a-d37d390d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_213949e4-49e4-b8b6-b2cd-b503593f799b-d37d390e, #w-node-_6b3d4517-3f5b-2e2d-abce-b7c2e84772f2-d37d390e {
    justify-self: start;
  }

  #w-node-_6b3d4517-3f5b-2e2d-abce-b7c2e84772f6-d37d390e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6928990c-144f-b62a-c80f-497587e64cfd-d37d390f {
    grid-column: 1 / 2;
  }

  #w-node-_664d41d2-422b-6f96-695b-0ea2ab91a729-d37d390f {
    grid-column-end: 2;
  }

  #w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a91e-74e8a914 {
    justify-self: end;
  }

  #w-node-_3aa902ee-67d8-b7c3-e8d4-e5cf74e8a92a-74e8a914 {
    justify-self: start;
  }

  #w-node-_46bd5263-c747-7018-d10b-ecb6298796db-298796d8 {
    grid-column-end: 2;
  }
}