@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-ExtraBold.ttf') format("truetype"), url('../fonts/EudoxusSans-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussansgx;
  src: url('../fonts/EudoxusSansGX.ttf') format("truetype"), url('../fonts/EudoxusSansGX.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-SemiBold-Italic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-Bold-Italic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-Light-Italic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-Medium-Italic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Font Bureau Heronsans;
  src: url('../fonts/Font-Bureau---HeronSans-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --background-2: #002632;
  --transparent: #294f6800;
  --background-3: #ec6507;
  --text-color: #62708b;
  --outline: #e3e8f3;
  --outline-dark: #dbe2f0;
  --shadow: #294f6817;
  --light-green: #c5e4e5;
  --royal-blue: #2365b1;
  --royal-blue-2: #296ee5;
}

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

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

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

h1 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eudoxussans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3em;
}

h2 {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eudoxussans, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eudoxussans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.body {
  background-color: var(--background-2);
  color: #fff;
  object-fit: contain;
  max-width: 100vw;
  font-family: Font Bureau Heronsans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.45em;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding: 150px 5vw 100px;
  display: flex;
  position: relative;
}

.section.home-hero-section {
  justify-content: space-between;
  align-items: stretch;
  height: 150vh;
  min-height: 100vh;
  margin-bottom: 0;
  padding: 0 0;
  display: none;
  overflow: visible;
}

.section.home-hero-section.slider-services {
  height: auto;
  min-height: auto;
  display: none;
}

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

.section.thin-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 36px;
  padding-bottom: 36px;
  overflow: hidden;
}

.section.footer {
  height: auto;
  padding-top: 220px;
  padding-bottom: 180px;
  overflow: hidden;
}

.section.about-hero-section {
  z-index: 10;
  padding-top: 220px;
  padding-bottom: 160px;
}

.section.paralax-section {
  min-height: 100px;
  margin-bottom: 2vh;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}

.section.adapt-clients {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  min-height: auto;
  margin-bottom: 1vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.section.contact-secction {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.section.extra-top-padding {
  padding-top: 200px;
}

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

.section.clients-whitebg {
  background-color: #fff;
  display: flex;
}

.wrapper {
  z-index: 12;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  max-width: none;
  height: auto;
  display: flex;
  position: relative;
}

.wrapper.shade-wrapper {
  background-color: var(--background-2);
  position: relative;
}

.wrapper.hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper.showreel {
  justify-content: center;
  align-items: center;
  display: block;
}

.wrapper.effizientes-team {
  justify-content: center;
  align-items: flex-start;
}

.nav-bar {
  background-color: #0000;
  justify-content: center;
  height: 100px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.brand {
  color: #fff;
  letter-spacing: -.03em;
  justify-content: center;
  align-items: center;
  font-family: Eudoxussans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.35em;
  text-decoration: none;
  display: flex;
}

.nav-bar-wrapper {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.large-heading {
  color: #fff;
  text-align: left;
  font-family: Font Bureau Heronsans, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 48px;
}

.large-heading.heading-quote {
  letter-spacing: 0;
  line-height: 1.1em;
}

.large-heading.references {
  background-color: var(--background-2);
  box-shadow: 4px 2px 5px #0003;
}

.large-heading.orange {
  color: var(--background-3);
}

.large-heading.small-tema {
  text-align: left;
}

.large-heading.small-tema.giant-heading.team {
  text-transform: uppercase;
  font-size: 100px;
  line-height: 110px;
}

.large-heading.giant-heading {
  font-size: 60px;
  line-height: 60px;
}

.large-heading.category {
  color: var(--text-color);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
}

.nav-menu {
  display: none;
}

.nav-link {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: flex;
}

.nav-link.w--current {
  color: #fff;
}

.nav-link.mobile-speaker-text {
  display: none;
}

.navigation-cover {
  background-color: #ec6507cc;
  height: 100px;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 12px 36px -8px #0000000d;
}

.hover-link-wrapper {
  z-index: 100;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 148px;
  height: 148px;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: auto auto 5vw 5vw;
}

.hover-link-wrapper.centered {
  inset: auto;
}

.hover-link-wrapper.scroll-link-wrapper {
  position: relative;
  bottom: 0;
  left: 0;
}

.hover-link-wrapper.right-scroll-link {
  left: auto;
  right: 5vw;
}

.hover-link {
  box-sizing: border-box;
  aspect-ratio: 1;
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hover-link.w--current {
  display: none;
}

.three-grid-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
  margin-bottom: 40px;
  display: flex;
}

.three-grid-wrapper.hero {
  text-overflow: clip;
  width: 200vw;
  margin-bottom: 0;
}

.three-grid-wrapper.hero-2 {
  margin-top: 0;
}

.three-grid-wrapper.small-team {
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.body-display {
  color: var(--outline);
  text-align: left;
  -webkit-text-stroke-color: #ec6507;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.55em;
  display: flex;
}

.body-display.large {
  aspect-ratio: auto;
  max-width: none;
  color: var(--outline);
  text-align: left;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  margin-right: 40px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6em;
  display: block;
  position: relative;
}

.body-display.feature-descriptor {
  color: #fff;
  margin-bottom: 0;
}

.button {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.button.dark {
  border-color: var(--outline-dark);
  color: var(--text-color);
  white-space: nowrap;
  font-weight: 400;
}

.button.solid {
  color: #fff;
  background-color: #465b74;
  border-style: none;
}

.button.submit-button {
  background-color: var(--background-3);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-style: none;
  min-width: 160px;
  font-weight: 400;
}

.feature-item {
  background-color: var(--background-2);
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 350px;
  margin-bottom: -48px;
  padding: 42px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-item.middle-item {
  background-color: #00263200;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.feature-item.right-item {
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.feature-item.left-item {
  background-color: #00263200;
  border-radius: 4px;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.max-450 {
  max-width: 450px;
}

.max-450.clip {
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.feature-icon-wrapper {
  background-color: var(--background-3);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 128px;
  min-height: 128px;
  display: flex;
}

.feature-icon-wrapper.white {
  color: var(--outline-dark);
  letter-spacing: -.05em;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  font-family: Eudoxussans, sans-serif;
  font-size: 50px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.nav-menu-wrapper {
  z-index: 101;
  align-items: stretch;
  display: flex;
  position: relative;
}

.list-icon-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  display: none;
  position: relative;
}

.speaker-list-icon {
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 14px;
  display: flex;
  box-shadow: 0 12px 60px -8px #000;
}

.thin-span {
  font-weight: 400;
}

.speakers-hero-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: auto;
  height: 100%;
  min-height: auto;
  display: flex;
}

.speaker-slider-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.speaker-slider {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  height: auto;
  display: flex;
}

.speaker-slide-mask {
  box-sizing: border-box;
  width: 33.33%;
  overflow: visible;
}

.speaker-slide-content {
  z-index: 100;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.slide-image {
  aspect-ratio: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-image.team-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start stretch;
  width: 100%;
  min-height: 650px;
  display: flex;
  overflow: hidden;
}

.slide-image.team-gallery {
  aspect-ratio: auto;
  object-fit: contain;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  min-height: 160px;
  overflow: visible;
}

.slide-image.leistung {
  color: #fff0;
  justify-content: center;
  align-items: center;
  width: 60vw;
}

.speaker-image-cover {
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  background-image: url('../images/Gradient_BG_ZZN.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  height: 101%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.speaker-info {
  max-width: 500px;
  margin-bottom: 36px;
}

.speaker-name {
  z-index: 10;
  color: var(--background-3);
  font-family: Font Bureau Heronsans, sans-serif;
  font-size: 64px;
  font-weight: 700;
  position: relative;
}

.speaker-slide {
  border-radius: 0;
}

.speaker-arrow {
  background-color: #1e2029;
  border: 1px #ffffff0a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  inset: auto 5vw 5vw auto;
}

.speaker-arrow.left {
  margin-right: 72px;
  left: auto;
  right: 5vw;
}

.slide-nav {
  display: none;
}

.clip-text {
  overflow: hidden;
}

.clip-text.speaker-headding {
  margin-top: -48px;
  margin-bottom: 36px;
}

.speaker-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 101%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.speaker-image.one {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  background-image: none;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100ch;
  min-height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.speaker-image.two {
  background-image: url('../images/OnlineCube_v02c.png');
}

.speaker-image.three {
  background-image: url('../images/3DCube_v02c.png');
  background-position: 50%;
  margin-right: 0;
}

.speaker-image.four {
  background-image: url('../images/OnlineCube_v01c.png');
  background-position: 50%;
}

.speaker-image.five {
  background-image: url('../images/FilmCube_v01c.png');
  background-position: 50%;
  justify-content: center;
  align-items: center;
  width: 101%;
  display: block;
}

.speaker-image.six {
  background-image: url('../images/3DCube_v01_c.png');
  background-position: 50% 0;
}

.speaker-image.quick-list {
  z-index: 10;
}

.speaker-image.team-images {
  background-color: #fff;
  background-image: none;
  width: 100%;
}

.speaker-image.speaker-page {
  box-sizing: content-box;
  background-image: linear-gradient(180deg, var(--background-2), white);
  object-fit: fill;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-bottom: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.speaker-image.team-one {
  height: NaN% ;
  background-image: url('../images/Team002.jpeg');
  display: block;
  position: relative;
}

.speaker-image.team-two {
  background-image: url('../images/moritz_onSet_Bild01.JPG');
  background-repeat: no-repeat;
  width: 100%;
}

.speaker-image.team-three {
  background-image: url('../images/Team004.jpeg');
}

.speaker-image.team-four {
  background-image: url('../images/Team005.jpeg');
}

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

.off-page-menu {
  z-index: 101;
  color: #12141d;
  background-color: #fff;
  flex-direction: column;
  width: 45vw;
  padding-top: 160px;
  padding-left: 36px;
  padding-right: 5vw;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.speaker-quick-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  height: 100%;
  padding-right: 12px;
  display: grid;
  overflow: auto;
}

.quick-list-item {
  border-bottom: 1px solid var(--outline-dark);
  color: #12141d;
  justify-content: space-between;
  align-items: center;
  padding: 36px 18px;
  text-decoration: none;
  display: flex;
}

.quick-list-image-hover {
  width: 30vw;
  position: absolute;
  inset: 0% auto 0% -30vw;
  overflow: hidden;
}

.quick-list-image-hover.quick-list {
  background-image: url('../images/Gradient_BG_ZZN.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: auto;
  right: 45vw;
}

.quick-list-wrapper {
  background-color: #8a61ff;
  flex-direction: column;
  min-width: 35vw;
  height: 100%;
  display: none;
  overflow: hidden;
}

.quick-list-overlay {
  z-index: 100;
  background-color: #12141db3;
  display: none;
  position: fixed;
  inset: 0%;
}

.page-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slide-arrow {
  width: 18px;
}

.dual-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  display: none;
}

.quick-list-collection-item:first-child {
  border-top: 1px solid var(--outline-dark);
}

.logos-heading-wrapper {
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.solid-line {
  background-color: #1e2029;
  flex: 1;
  height: 1px;
  margin-left: 36px;
}

.featured-logos-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: 0;
  display: grid;
}

.showreel-wrapper {
  background-color: #1e2029;
  justify-content: center;
  align-items: center;
  height: 70vh;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 60px -8px #000;
}

.showreel-heading {
  z-index: 2;
  opacity: 1;
  text-align: center;
  white-space: nowrap;
  mix-blend-mode: overlay;
  font-size: 100px;
  display: none;
  position: absolute;
  inset: auto auto -38px;
}

.centered-intro {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  max-width: none;
  margin: 150px auto 60px;
  display: grid;
}

.centered-intro.large-intro {
  grid-row-gap: 36px;
  max-width: 700px;
  margin-bottom: 0;
}

.trio-cards {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start stretch;
  width: 100%;
  margin-top: 120px;
  margin-bottom: 48px;
  display: grid;
}

.feature-title-wrapper {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 12px;
  display: grid;
  position: relative;
}

.feature-descriptor {
  font-weight: 500;
  position: relative;
}

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

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

.team-wrapper {
  z-index: 20;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 650px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-item {
  color: #fff;
  width: 100%;
  min-width: 33.33vw;
  height: 100%;
  min-height: 650px;
  padding-bottom: 30px;
  text-decoration: none;
  position: relative;
}

.team-member-info {
  z-index: 100;
  text-align: center;
  background-color: #002632bf;
  position: relative;
  inset: 0% 0% auto;
}

.footer-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.background-shade {
  z-index: 5;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: visible;
}

.background-shade.third-height {
  height: auto;
}

.background-shade.top-thirds {
  height: auto;
  margin-top: -60px;
  top: 0;
}

.background-shade.clip {
  z-index: 11;
  align-items: center;
}

.background-cover {
  background-color: var(--background-2);
  width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.background-cover.left-cover {
  z-index: 10;
  margin-bottom: -60px;
  left: 0;
  right: auto;
}

.background-cover.left-cover.no-margin {
  margin-bottom: 0;
  display: none;
}

.showreel-video {
  z-index: 1;
  aspect-ratio: auto;
  opacity: 1;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 100%;
  min-height: auto;
  max-height: none;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.gradient-span {
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #000;
  text-transform: uppercase;
  text-overflow: clip;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/Gradient_BG_ZZN.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 90px;
  font-weight: 700;
  position: static;
}

.circle-hover {
  background-color: #2a2c34;
  border-radius: 100%;
  width: 6vw;
  height: 6vw;
  position: absolute;
  inset: -6vw -6vw auto auto;
}

.circle-hover.white {
  z-index: 0;
  background-color: #fff;
  top: -6vw;
  right: -6vw;
}

.social-icon {
  z-index: 1;
  width: 48px;
  margin-bottom: 12px;
  position: relative;
}

.social-items {
  z-index: 10;
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  background-color: #fff;
  background-image: url('../images/Gradient_BG_ZZN.jpg');
  background-position: 30%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: 100%;
  display: grid;
  position: relative;
}

.box {
  aspect-ratio: 1;
  background-color: #fff;
  width: auto;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  position: relative;
}

.half-dual {
  grid-column-gap: 6vw;
  grid-row-gap: 56px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: none;
  margin-top: 0;
  display: grid;
  position: relative;
}

.overlay-social {
  z-index: 1;
  background-color: #00000080;
  display: none;
  position: absolute;
  inset: 0%;
}

.about-wrapper {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  padding-left: 0;
  display: flex;
  position: relative;
}

.social-cred {
  z-index: 100;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.box-two {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-top: 0;
  display: grid;
}

.box-two.collection-list-images {
  object-fit: cover;
  grid-template-rows: max-content max-content max-content max-content;
  grid-auto-columns: auto;
  height: auto;
}

.social-block {
  color: #fff;
  border: 1px #ffffff17;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.social-block:hover {
  z-index: 10;
}

.social-block.tl {
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-style: solid;
  border-right-width: 0;
}

.social-block.tl-tr {
  border-top-style: solid;
  border-bottom-width: 0;
  border-left-style: solid;
  border-right-width: 0;
}

.social-block.trl {
  border-top-style: solid;
}

.reg-icon {
  z-index: 10;
  width: 48px;
  margin-bottom: 12px;
  position: relative;
  box-shadow: 0 9px 36px -8px #0000003d;
}

.team-image {
  width: 100%;
}

.footer-pages {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.footer-pages.hide-mobile {
  display: none;
}

.footer-nav-link {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-decoration: none;
  display: flex;
}

.footer-credits {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ffffff73;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  font-size: 12px;
  line-height: 1.2em;
  display: grid;
}

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

.legal-link {
  color: #ffffff73;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.menu-button {
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.feature-item-info {
  z-index: 10;
  box-sizing: border-box;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  height: auto;
  margin-top: 0;
  display: block;
  position: static;
}

.background-fill {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.gradient-background-fill {
  background-image: url('../images/Gradient_BG_ZZN.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  min-width: 100vw;
  height: 150%;
}

.clip {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: visible;
}

.clip.client {
  flex-flow: row-reverse;
  justify-content: flex-end;
  align-items: center;
  height: 150px;
}

.background-fill-image {
  z-index: 11;
  background-image: url('../images/Gradient_BG_ZZN.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120%;
  height: 120%;
  margin: auto;
  position: absolute;
  inset: auto 0%;
}

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

.left-intro.max-450 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-auto-columns: 1fr;
}

.dual-hero-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.button-arrow {
  width: 18px;
  margin-left: 12px;
}

.left-intro-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.speaker-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: 1fr auto;
  grid-template-columns: .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  max-height: none;
  margin-top: 150px;
  display: flex;
  position: relative;
}

.speaker-page-image {
  flex: 1;
}

.speaker-descriptor {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--background-2);
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center start;
  margin-top: 0;
  padding-top: 0;
  display: grid;
}

.center-speaker-info {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.speaker-small-description {
  margin-top: 4vh;
  padding-bottom: 3vw;
}

.form-wrapper {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.form-block {
  flex-direction: column;
  display: flex;
}

.dual-text-fields {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  display: grid;
}

.text-field {
  border: 1px solid var(--background-3);
  background-color: var(--transparent);
  color: #fff;
  border-radius: 4px;
  min-height: 56px;
  margin-bottom: 0;
  padding-left: 24px;
}

.text-field::placeholder {
  color: #fff;
}

.text-field.large {
  min-height: 120px;
  margin-bottom: 24px;
  padding-top: 18px;
}

.text-field-wrapper {
  margin-bottom: 24px;
}

.field-label {
  margin-bottom: 9px;
  font-weight: 500;
}

.team-collection-list-wrapper {
  flex-flow: column;
  flex: 0 auto;
  width: auto;
  margin-top: 60px;
  display: flex;
}

.hero_image {
  box-sizing: border-box;
  float: none;
  aspect-ratio: auto;
  background-color: #f000;
  background-image: linear-gradient(180deg, var(--background-2), white);
  object-fit: fill;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  overflow: visible;
}

.gallery-collection-item {
  object-fit: contain;
  flex-direction: column;
  height: auto;
  display: flex;
}

.background-clip {
  justify-content: center;
  align-items: flex-end;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.success-message {
  background-color: #0000;
  padding: 0;
}

.form-success-wrapper {
  background-color: var(--background-3);
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
  box-shadow: 0 12px 36px -8px #000;
}

.error-message {
  background-color: #682929;
  margin-top: 24px;
}

.delete-me {
  z-index: 5000000;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  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;
}

.div-block {
  background-image: url('../images/WeMakeYouRise_Vector.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50vw;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.image {
  max-width: 80%;
}

.heading {
  font-family: Font Bureau Heronsans, sans-serif;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.heading-2 {
  text-align: left;
  text-transform: uppercase;
  font-family: Font Bureau Heronsans, sans-serif;
}

.heading-3, .heading-4 {
  font-family: Font Bureau Heronsans, sans-serif;
}

.image-2 {
  width: 32vw;
  min-width: auto;
  position: relative;
  inset: 0%;
}

.hero-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.code-embed {
  z-index: 2;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: absolute;
}

.hero-image-bg {
  z-index: 4;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-2 {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80vw;
  display: flex;
}

.code-embed-2 {
  width: 100vw;
}

.text {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 100vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.giant-heading {
  text-align: left;
  letter-spacing: -.03em;
  font-family: Font Bureau Heronsans, sans-serif;
  font-size: 120px;
  font-weight: 700;
}

.giant-heading.references {
  background-color: var(--background-2);
  box-shadow: 4px 2px 5px #0003;
}

.giant-heading.orange {
  color: var(--background-3);
}

.giant-heading.start {
  font-size: 80px;
  line-height: 1.1em;
}

.leistungenclass {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 101%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.leistungenclass.one {
  background-image: url('../images/PrintCube_v02_forWeb.png');
}

.leistungenclass.two {
  background-image: url('../images/OnlineCube_v01_c.png');
}

.leistungenclass.three {
  background-image: url('../images/3DCube_v01_c.png');
  background-position: 50%;
  margin-right: 0;
}

.leistungenclass.four {
  background-image: url('../images/OnlineCube_v01c.png');
  background-position: 50%;
}

.leistungenclass.five {
  background-image: url('../images/FilmCube_v01c.png');
  background-position: 50%;
  justify-content: center;
  align-items: center;
  width: 101%;
  display: block;
}

.leistungenclass.six {
  background-image: url('../images/3DCube_v01_c.png');
  background-position: 50% 0;
}

.leistungenclass.quick-list {
  z-index: 10;
}

.leistungenclass.team-images {
  color: #294f6800;
  background-image: none;
  width: 100%;
}

.leistungenclass.speaker-page {
  background-image: none;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.leistungenclass.team-one {
  background-image: url('../images/Team002.jpeg');
}

.leistungenclass.team-two {
  background-image: url('../images/Team003.jpeg');
}

.leistungenclass.team-three {
  background-image: url('../images/Team004.jpeg');
}

.leistungenclass.team-four {
  background-image: url('../images/Team005.jpeg');
}

.container {
  display: flex;
}

.image-3 {
  width: 80vw;
}

.legal_code {
  width: 100vw;
}

.code-embed-3 {
  z-index: 6;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.code-embed-4 {
  z-index: 10;
  box-sizing: border-box;
  aspect-ratio: auto;
  filter: brightness(131%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 50vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.background_fade {
  z-index: 11;
  background-image: linear-gradient(180deg, #0000, var(--background-2) 69%);
  object-fit: fill;
  width: auto;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-div-bg {
  z-index: 9;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.text-span {
  color: var(--outline);
  -webkit-text-fill-color: transparent;
  vertical-align: baseline;
  background-image: url('../images/Gradient_BG_ZZN.jpg');
  background-position: 0 0;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: 8px;
  font-family: Droid Serif, serif;
  font-size: 100px;
  font-weight: 400;
  position: relative;
  bottom: 0;
  right: 0;
}

.gallery_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  column-count: 3;
  flex-flow: column;
  grid-template-rows: 1fr;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  place-items: center stretch;
  column-gap: 2rem;
  width: auto;
  min-width: auto;
  height: 100%;
  min-height: auto;
  max-height: none;
  display: block;
  position: relative;
}

.collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 1036px;
  height: 100%;
  min-height: 650px;
  display: flex;
  position: relative;
}

.collection-list-wrapper-2 {
  width: auto;
}

.image-4 {
  margin-bottom: 2rem;
}

.image-5 {
  margin-top: 30px;
  position: relative;
}

.collection-list-wrapper-3 {
  column-count: 0;
  width: 100%;
}

.image-6 {
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 20px;
  width: auto;
  height: auto;
}

.collection-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  column-count: 3;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: grid;
}

.heading-5 {
  -webkit-text-stroke-color: #fff;
  text-decoration-color: #fff;
}

.heading-5.white {
  color: #fff;
  margin-top: 10px;
  font-size: 22px;
}

.link-block {
  text-decoration: none;
}

.collection-item-2 {
  margin-top: 40px;
  text-decoration-color: #fff;
}

.spline-scene {
  box-sizing: border-box;
  aspect-ratio: 1;
  object-fit: contain;
  width: 128px;
  height: 128px;
  overflow: visible;
}

.div-block-5 {
  width: 128px;
  height: 128px;
}

.proj-gallery-list {
  display: none;
}

.proj-thumb {
  object-fit: cover;
  border-radius: 10px;
  width: 160px;
  height: 110px;
}

.fn-heading-2 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 52px;
  line-height: 1.2em;
}

.fn-heading-3 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3em;
}

.fn-heading-5 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
}

.fn-paragraph {
  color: #cdd3d2;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.6em;
}

.fn-button-secondery {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 137px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 1.6em;
  transition: background-color .25s;
  display: flex;
}

.fn-button-secondery:hover {
  background-color: #3e4545;
}

.fn-section {
  background-color: var(--background-3);
  color: #ecf0ef;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.fn-container-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.fn-column {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.fn-link-with-arrow {
  color: #df0;
  align-items: center;
  margin-top: auto;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  text-decoration: underline;
  display: flex;
}

.fn-link-arrow {
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 18px;
  margin-left: 10px;
  display: flex;
}

.fn-features-card-with-image {
  color: #ecf0ef;
  background-color: #0f1213;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.fn-features-card-with-image:hover {
  color: #ecf0ef;
}

.fn-features-card-image {
  object-fit: cover;
  width: 100%;
  height: 225px;
}

.fn-features-card-column {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.fn-paragraph-no-margin {
  color: #cdd3d2;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  overflow: hidden;
}

.fn-blog-info-wrapper {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.fn-category-pill {
  color: #ecf0ef;
  background-color: #3e4545;
  border-radius: 34px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  line-height: 1em;
  display: flex;
}

.fn-blog-slider {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.button-top {
  background-color: var(--background-3);
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 0 solid #fff;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 5px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.button-top.dark {
  border-color: var(--outline-dark);
  color: var(--text-color);
  white-space: nowrap;
  font-weight: 400;
}

.button-top.solid {
  color: #fff;
  background-color: #465b74;
  border-style: none;
}

.button-top.submit-button {
  background-color: var(--background-3);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-style: none;
  min-width: 160px;
  font-weight: 400;
}

.paragraph {
  color: #fff;
  text-transform: uppercase;
}

.pagination {
  margin-top: 30px;
}

.rich-text-block {
  margin-bottom: 50px;
}

.div-block-6 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-2 {
  text-align: left;
  width: 60%;
}

.bold-text {
  text-transform: uppercase;
  font-size: 90px;
}

.text-block-2 {
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 600;
}

.lottie-animation {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 300px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.spline-scene-2 {
  width: auto;
}

.code-embed-5 {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.code-embed-7 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.code-embed-8 {
  position: absolute;
}

@media screen and (min-width: 1280px) {
  .section {
    height: auto;
  }

  .section.no-top-padding {
    justify-content: center;
    align-items: center;
  }

  .wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .wrapper.hero {
    padding-left: 20vw;
  }

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

  .feature-item.middle-item {
    margin-top: 0;
    margin-bottom: 0;
  }

  .feature-item.right-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .speaker-arrow, .speaker-arrow.left {
    background-color: var(--background-3);
  }

  .showreel-heading {
    opacity: 100;
    mix-blend-mode: overlay;
  }

  .giant-heading {
    letter-spacing: 0;
    font-size: 140px;
  }

  .giant-heading.siemelden {
    font-size: 110px;
  }

  .image-6 {
    aspect-ratio: 1;
    object-fit: contain;
    width: 30vh;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .heading-5.white {
    width: auto;
  }

  .collection-item-2 {
    width: 100%;
    margin-top: 0;
  }

  .code-embed-5 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .section.home-hero-section {
    min-height: 60vh;
  }

  .wrapper.effizientes-team {
    justify-content: center;
    align-items: center;
  }

  .three-grid-wrapper.small-team {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
  }

  .feature-item.middle-item {
    margin-bottom: 0;
  }

  .max-450.clip {
    display: flex;
    position: relative;
  }

  .speaker-image.one {
    background-image: url('../images/PrintCube_v02_forWeb.png');
  }

  .showreel-video {
    border-bottom: 1px solid #000;
  }

  .leistungenclass.one {
    background-image: url('../images/PrintCube_v02_forWeb.png');
  }

  .code-embed-4 {
    justify-content: center;
    align-items: center;
  }

  .background_fade {
    z-index: 12;
    position: absolute;
    inset: 0%;
  }

  .hero-div-bg {
    position: absolute;
    inset: 0%;
  }

  .collection-list-wrapper-3 {
    width: 100%;
  }

  .collection-list {
    width: auto;
  }

  .paragraph-2 {
    width: 60%;
  }
}

@media screen and (min-width: 1920px) {
  h3 {
    font-family: Font Bureau Heronsans, sans-serif;
  }

  .body {
    background-color: var(--background-2);
    font-family: Font Bureau Heronsans, sans-serif;
  }

  .section {
    justify-content: center;
    align-items: center;
    height: auto;
    position: relative;
  }

  .section.home-hero-section.slider-services {
    display: none;
  }

  .section.no-top-padding {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: flex;
    position: relative;
  }

  .section.paralax-section {
    min-height: 10%;
  }

  .section.adapt-clients {
    display: flex;
  }

  .section.contact-secction {
    width: auto;
    height: 100vh;
  }

  .section.socials {
    display: none;
  }

  .wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    max-width: none;
    height: auto;
    display: flex;
    position: relative;
  }

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

  .wrapper.hero {
    background-image: none;
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-left: 10vw;
  }

  .wrapper.effizientes-team {
    width: auto;
  }

  .large-heading {
    text-align: left;
    letter-spacing: 0;
    margin-left: 10px;
    font-family: Font Bureau Heronsans, sans-serif;
    font-weight: 700;
  }

  .large-heading.small-tema.giant-heading.team {
    font-size: 160px;
    line-height: 160px;
  }

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

  .navigation-cover {
    background-color: #000;
  }

  .hover-link-wrapper.scroll-link-wrapper {
    display: none;
  }

  .hover-link {
    display: flex;
  }

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

  .three-grid-wrapper.hero {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .three-grid-wrapper.hero-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .three-grid-wrapper.small-team {
    grid-auto-flow: column;
    font-size: 22px;
    display: block;
  }

  .body-display {
    margin-left: 0;
  }

  .body-display.large {
    color: var(--outline);
    text-align: left;
    mix-blend-mode: normal;
    margin-top: 40px;
    font-size: 20px;
  }

  .feature-item.middle-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
  }

  .slide-image.team-image {
    z-index: auto;
    box-sizing: border-box;
    aspect-ratio: 1;
    object-fit: cover;
    background-color: #fff;
    width: 100%;
    height: 100%;
  }

  .slide-image.team-gallery {
    aspect-ratio: auto;
    justify-content: center;
    align-items: center;
    display: block;
    overflow: visible;
  }

  .slide-image.leistung {
    z-index: auto;
    background-color: #fff;
  }

  .speaker-image-cover {
    background-image: linear-gradient(#00000080, #00000080);
    border-radius: 0;
  }

  .speaker-image.one {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    background-image: url('../images/PrintCube_v03c.png');
    width: 100%;
    height: auto;
    display: block;
    position: static;
    overflow: visible;
  }

  .speaker-image.four {
    background-image: url('../images/OnlineCube_v01c.png');
  }

  .speaker-image.five {
    background-image: url('../images/FilmCube_v01c.png');
  }

  .speaker-image.team-images {
    background-color: #fff0;
    background-image: linear-gradient(180deg, white, var(--background-2));
    border-radius: 13px;
    height: 100%;
    padding-left: 0;
  }

  .featured-logos-wrapper {
    grid-template-rows: auto auto auto;
  }

  .showreel-wrapper {
    width: 80vw;
    height: 70vh;
  }

  .showreel-heading {
    z-index: 13;
  }

  .centered-intro {
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .centered-intro.large-intro {
    max-width: 900px;
    display: flex;
  }

  .trio-cards {
    grid-column-gap: 36px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: 80%;
    height: 25%;
    display: grid;
  }

  .feature-title-wrapper {
    grid-auto-flow: row;
  }

  .team-wrapper {
    flex-flow: column;
    width: 100%;
  }

  .team-item {
    aspect-ratio: 1;
    width: 30%;
    min-width: auto;
    height: auto;
    min-height: auto;
  }

  .team-item.w--current {
    width: 30%;
    min-width: auto;
  }

  .background-shade {
    position: relative;
  }

  .background-shade.clip {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

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

  .showreel-video {
    z-index: 12;
    opacity: 1;
    width: auto;
    height: auto;
  }

  .gradient-span {
    background-image: url('../images/Gradient_BG_ZZN.jpg');
    font-family: Font Bureau Heronsans, sans-serif;
    font-size: 160px;
    line-height: 1.1;
  }

  .social-items {
    background-image: url('../images/Gradient_BG_ZZN.jpg');
  }

  .about-wrapper {
    justify-content: space-between;
    align-items: center;
    display: block;
  }

  .box-two.collection-list-images {
    grid-template-columns: 1fr;
    display: block;
  }

  .footer-credits {
    grid-row-gap: 12px;
  }

  .gradient-background-fill {
    background-image: url('../images/Gradient_BG_ZZN.jpg');
  }

  .clip {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .clip.top {
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .clip.client {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .background-fill-image {
    background-image: url('../images/Gradient_BG_ZZN.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .team-collection-list-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: auto;
    display: block;
  }

  .hero_image {
    width: 200%;
  }

  .gallery-collection-item {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .gallery-collection-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: auto;
    display: block;
  }

  .text-block {
    display: none;
  }

  .heading {
    font-family: Font Bureau Heronsans, sans-serif;
  }

  .hero-div {
    z-index: 12;
    height: auto;
  }

  .div-block-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .code-embed-2 {
    line-height: 1.65em;
  }

  .giant-heading {
    text-align: left;
    width: 100%;
    font-family: Font Bureau Heronsans, sans-serif;
    font-size: 120px;
    font-weight: 700;
    line-height: 1.1em;
  }

  .giant-heading.start {
    text-align: left;
    font-size: 160px;
    line-height: 1.1;
  }

  .leistungenclass.one {
    background-image: url('../images/PrintCube_v02_forWeb.png');
  }

  .leistungenclass.four {
    background-image: url('../images/OnlineCube_v01c.png');
  }

  .leistungenclass.five {
    background-image: url('../images/FilmCube_v01c.png');
  }

  .leistungenclass.team-images {
    background-color: #fff0;
    background-image: linear-gradient(180deg, white, var(--background-2));
    border-radius: 13px;
    height: 100%;
    padding-left: 0;
  }

  .container {
    box-sizing: border-box;
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 80vw;
    max-width: 1600px;
    display: flex;
  }

  .legal_code {
    line-height: 1.65em;
  }

  .code-embed-4 {
    filter: none;
    mix-blend-mode: multiply;
    height: auto;
    margin-top: 0;
  }

  .div-block-3 {
    z-index: 9;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .div-block-4 {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 80vh;
    display: flex;
  }

  .background_fade {
    z-index: 12;
    background-image: linear-gradient(0deg, var(--background-2), #1a3c47e6 45%, #fff0 96%);
    position: absolute;
    inset: 0%;
  }

  .hero-div-bg {
    z-index: 11;
    height: auto;
    position: absolute;
    inset: 0%;
  }

  .text-span {
    -webkit-text-fill-color: transparent;
    vertical-align: baseline;
    background-image: url('../images/Gradient_BG_ZZN.jpg');
    background-position: 0 0;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Great Vibes, cursive;
    font-size: 100px;
  }

  .gallery_wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    column-count: 3;
    direction: ltr;
    grid-template-rows: 1fr auto auto;
    grid-template-columns: .5fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    column-gap: 3rem;
    width: 100%;
    height: auto;
    font-style: normal;
    display: block;
    position: static;
    overflow: visible;
  }

  .collection-item {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 25%;
    min-height: auto;
    max-height: 25%;
    display: block;
  }

  .collection-list-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30%;
    display: flex;
  }

  .collection-list-wrapper-2 {
    width: 100%;
  }

  .image-4 {
    padding-bottom: 3rem;
  }

  .collection-list-wrapper-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    display: flex;
  }

  .image-6 {
    border-radius: 20px;
    width: 100%;
    max-width: none;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .collection-list {
    column-count: 2;
    width: 100%;
  }

  .heading-5 {
    text-align: left;
    text-overflow: clip;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

  .link-block {
    color: #fff;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

  .collection-item-2 {
    margin-top: 0;
  }

  .collection-list-wrapper-4---code {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
  }

  .paragraph {
    text-transform: uppercase;
  }

  .image-7 {
    width: 64px;
    height: 64px;
  }

  .paragraph-2 {
    font-size: 28px;
    line-height: 1.45;
  }

  .bold-text {
    font-size: 160px;
  }

  .code-embed-5 {
    height: auto;
    position: absolute;
    inset: 0%;
  }

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

  .rich-text-block-2 {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.home-hero-section {
    min-height: auto;
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .section.thin-section {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .section.about-hero-section {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .section.paralax-section {
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.extra-top-padding.no-bottom-padding {
    padding-top: 180px;
  }

  .wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .wrapper.shade-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .nav-bar {
    height: 75px;
  }

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

  .large-heading.heading-quote {
    letter-spacing: -.03em;
  }

  .nav-menu {
    background-color: var(--background-2);
  }

  .nav-link {
    border-bottom: 1px solid #ffffff1a;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .nav-link.mobile-speaker-text {
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom-style: none;
    padding: 0 12px 0 0;
    font-size: 14px;
    display: flex;
  }

  .hover-link-wrapper.scroll-link-wrapper {
    display: none;
  }

  .three-grid-wrapper {
    grid-row-gap: 36px;
    grid-template-columns: 1fr .75fr;
    margin-bottom: 60px;
  }

  .body-display.large {
    max-width: 48%;
  }

  .feature-item {
    margin-bottom: 0;
  }

  .feature-item.middle-item {
    margin-top: 0;
  }

  .feature-item.right-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .max-450.clip {
    justify-content: flex-start;
    align-items: center;
  }

  .nav-menu-wrapper {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    position: static;
  }

  .list-icon-wrapper {
    background-color: #ffffff0d;
    border: 1px #ffffff17;
    border-radius: 100px;
    margin-right: 24px;
    padding: 3px 3px 3px 18px;
  }

  .speaker-list-icon {
    width: 40px;
    height: 40px;
    padding: 12px;
  }

  .speaker-slide-mask {
    width: 65%;
  }

  .slide-image {
    height: 50vh;
    min-height: 500px;
  }

  .slide-image.team-image {
    width: 90vw;
    min-height: auto;
  }

  .slide-image.team-gallery {
    min-height: 300px;
  }

  .slide-image.leistung {
    min-height: auto;
  }

  .speaker-info {
    max-width: 470px;
  }

  .speaker-name {
    font-size: 52px;
  }

  .clip-text.speaker-headding {
    margin-top: -36px;
    margin-bottom: 24px;
  }

  .speaker-image.speaker-page {
    margin-bottom: -80px;
    position: relative;
  }

  .off-page-menu {
    width: 70vw;
  }

  .quick-list-image-hover.quick-list {
    width: 30vw;
    right: 70vw;
  }

  .logos-heading-wrapper {
    margin-bottom: 24px;
  }

  .featured-logos-wrapper {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .showreel-wrapper {
    height: 60vh;
  }

  .showreel-heading {
    font-size: 72px;
    bottom: -24px;
  }

  .centered-intro {
    justify-content: center;
    align-items: flex-start;
    margin-top: 100px;
    margin-bottom: 48px;
    display: flex;
  }

  .centered-intro.large-intro {
    margin-top: 36px;
  }

  .trio-cards {
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
  }

  .centered-call-to-action.clip {
    flex-flow: column;
  }

  .team-wrapper {
    justify-content: flex-start;
    min-height: 500px;
    overflow: auto;
  }

  .team-item {
    min-width: 48vw;
  }

  .footer-wrapper {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .background-cover.left-cover {
    width: 100%;
    margin-bottom: 0;
  }

  .social-items {
    background-size: auto 160%;
    width: 100%;
    height: 100%;
  }

  .box {
    min-height: auto;
    margin-bottom: -140px;
    position: relative;
  }

  .half-dual {
    grid-column-gap: 6vw;
    grid-row-gap: 36px;
    grid-template-rows: minmax(200px, 1fr);
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    height: auto;
    display: grid;
  }

  .social-block {
    cursor: default;
  }

  .social-text {
    display: none;
  }

  .footer-credits {
    width: 100%;
  }

  .menu-button {
    border-left: 1px solid #ffffff1a;
    justify-content: center;
    align-items: center;
    padding: 12px 0 12px 24px;
    font-size: 18px;
    display: flex;
  }

  .menu-button.w--open {
    -webkit-text-fill-color: transparent;
    background-color: #0000;
    background-image: url('../images/Background-Blur.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .menu-button-text {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
  }

  .gradient-background-fill {
    background-size: cover;
    height: 100%;
  }

  .clip {
    justify-content: flex-start;
    align-items: center;
  }

  .clip.top {
    justify-content: center;
    align-items: center;
  }

  .dual-hero-wrapper, .speaker-wrapper {
    grid-template-columns: 1fr;
  }

  .speaker-descriptor {
    padding-top: 36px;
  }

  .center-speaker-info {
    grid-row-gap: 36px;
  }

  .speaker-small-description {
    display: none;
  }

  .team-collection-list-wrapper {
    width: 100%;
  }

  .hero_image {
    overflow: visible;
  }

  .hide-mobile {
    display: none;
  }

  .giant-heading {
    font-size: 48px;
    display: block;
    position: relative;
  }

  .giant-heading.heading-quote {
    letter-spacing: -.03em;
  }

  .leistungenclass.speaker-page {
    margin-bottom: -80px;
    position: relative;
  }

  .legal_code {
    margin-top: 10vh;
  }

  .text-span {
    vertical-align: baseline;
    font-size: 48px;
  }

  .gallery_wrapper {
    grid-template-columns: 1fr;
  }

  .fn-heading-2 {
    margin-bottom: 12px;
    font-size: 40px;
  }

  .fn-heading-3 {
    font-size: 32px;
  }

  .fn-button-secondery {
    transition: none;
  }

  .fn-button-secondery:hover {
    background-color: #0000;
  }

  .fn-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .fn-container-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fn-features-card-with-image.slider-cards {
    flex: none;
    width: 411px;
  }

  .fn-blog-slider {
    width: 100vw;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: auto;
  }

  .paragraph-2 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 24px;
  }

  .section.footer {
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .section.about-hero-section {
    padding-bottom: 60px;
  }

  .section.extra-top-padding.no-bottom-padding {
    padding-top: 120px;
  }

  .wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .wrapper.projektbesprechen {
    justify-content: center;
    align-items: center;
  }

  .nav-bar {
    height: 70px;
  }

  .brand {
    font-size: 22px;
  }

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

  .nav-link.mobile-speaker-text {
    padding-right: 12px;
    font-size: 12px;
  }

  .hover-link-wrapper.right-scroll-link {
    display: none;
  }

  .three-grid-wrapper {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .list-icon-wrapper {
    margin-right: 18px;
    padding-left: 18px;
  }

  .speaker-list-icon {
    min-width: 40px;
    min-height: 40px;
  }

  .speaker-slide-mask {
    width: 90%;
  }

  .slide-image {
    min-height: 400px;
  }

  .slide-image.team-image {
    min-height: 300px;
  }

  .slide-image.team-gallery {
    min-height: 250px;
  }

  .slide-image.leistung {
    min-height: 300px;
  }

  .speaker-name {
    font-size: 48px;
  }

  .off-page-menu {
    width: 90vw;
  }

  .quick-list-image-hover.quick-list {
    width: 10vw;
    right: 90vw;
  }

  .showreel-heading {
    font-size: 56px;
    bottom: -18px;
  }

  .centered-call-to-action {
    grid-row-gap: 24px;
    text-align: center;
    grid-template-columns: auto;
  }

  .call-to-action-heading {
    grid-template-columns: 1fr;
  }

  .team-wrapper {
    min-height: 500px;
  }

  .team-item {
    min-width: 55vw;
  }

  .background-shade.top-thirds {
    margin-top: 0;
  }

  .background-cover {
    width: 100%;
  }

  .box {
    margin-bottom: -100px;
  }

  .about-wrapper {
    padding-left: 0;
  }

  .menu-button {
    padding-left: 18px;
    font-size: 16px;
  }

  .gradient-background-fill {
    display: flex;
  }

  .giant-heading {
    font-size: 42px;
  }

  .fn-heading-2 {
    font-size: 34px;
  }

  .fn-heading-3 {
    margin-bottom: 12px;
    font-size: 28px;
  }

  .fn-heading-5 {
    font-size: 18px;
  }

  .fn-paragraph {
    margin-bottom: 24px;
  }

  .fn-paragraph.hide-on-mobile {
    display: none;
  }

  .fn-section {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .fn-container-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fn-features-card-with-image.slider-cards {
    width: 260px;
  }

  .fn-features-card-image {
    height: 170px;
  }

  .fn-blog-info-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 20px;
  }

  .body {
    height: 100vw;
    overflow: visible;
  }

  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.home-hero-section {
    padding-bottom: 36px;
  }

  .section.thin-section {
    height: 35%;
    margin-top: 36px;
    margin-bottom: 36px;
    display: none;
  }

  .section.footer {
    max-width: 100vw;
    overflow: hidden;
  }

  .section.about-hero-section {
    padding-top: 120px;
    padding-bottom: 48px;
  }

  .section.paralax-section {
    min-height: 350px;
  }

  .section.adapt-clients {
    height: auto;
    min-height: auto;
    padding-top: 100px;
  }

  .wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: block;
    overflow: hidden;
  }

  .wrapper.hero {
    justify-content: center;
    align-items: center;
  }

  .nav-bar {
    height: 65px;
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .brand {
    font-size: 18px;
  }

  .large-heading {
    width: 100%;
    height: auto;
    font-weight: 700;
    line-height: 48px;
    overflow: visible;
  }

  .large-heading.heading-quote {
    font-size: 32px;
  }

  .large-heading.small-tema.giant-heading {
    line-height: 44px;
    display: block;
  }

  .large-heading.small-tema.giant-heading.team {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1.1em;
  }

  .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
  }

  .nav-link.mobile-speaker-text {
    display: none;
  }

  .navigation-cover {
    background-color: #000;
  }

  .three-grid-wrapper.hero-2 {
    margin-top: 10px;
  }

  .body-display {
    color: var(--outline-dark);
  }

  .body-display.large {
    max-width: 100%;
    margin-top: 30px;
  }

  .button {
    background-color: var(--background-2);
    letter-spacing: 0;
    border-style: none;
  }

  .feature-item {
    min-height: 120px;
    padding: 24px;
  }

  .feature-item.middle-item, .feature-item.right-item, .feature-item.left-item {
    min-height: 320px;
  }

  .feature-icon-wrapper {
    background-color: var(--shadow);
  }

  .feature-icon-wrapper.white {
    display: none;
  }

  .list-icon-wrapper {
    margin-left: 0;
    margin-right: 18px;
    padding: 0;
  }

  .speakers-hero-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: stretch stretch;
    display: flex;
  }

  .speaker-slide-content {
    padding-bottom: 6px;
  }

  .slide-image {
    height: 40vh;
    min-height: 300px;
  }

  .slide-image.team-image {
    height: 100%;
    min-height: auto;
  }

  .slide-image.team-gallery {
    min-height: 160px;
  }

  .slide-image.leistung {
    height: 100%;
    min-height: auto;
  }

  .speaker-name {
    font-size: 42px;
  }

  .speaker-arrow {
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .speaker-arrow.left {
    margin-right: 84px;
    left: auto;
    right: 0;
  }

  .clip-text.speaker-headding {
    margin-top: -30px;
  }

  .speaker-image.one {
    background-image: url('../images/PrintCube_v02_forWeb.png');
  }

  .speaker-image.speaker-page {
    margin-bottom: -36px;
    position: relative;
  }

  .off-page-menu {
    width: 95vw;
    padding-top: 100px;
    padding-left: 24px;
  }

  .quick-list-item {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .quick-list-image-hover.quick-list {
    width: 5vw;
    right: 95vw;
  }

  .dual-title-wrapper {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .logos-heading-wrapper {
    border-bottom: 1px solid var(--background-2);
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 18px;
    padding-bottom: 12px;
  }

  .solid-line {
    margin-left: 0;
  }

  .featured-logos-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 12px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch space-between;
    display: grid;
  }

  .showreel-wrapper {
    height: 30vh;
    min-height: 250px;
  }

  .showreel-heading {
    font-size: 48px;
    display: none;
  }

  .trio-cards {
    margin-top: 100px;
    display: none;
    overflow: hidden;
  }

  .feature-title-wrapper {
    margin-bottom: 48px;
  }

  .centered-call-to-action.clip {
    grid-column-gap: 24px;
  }

  .team-wrapper {
    min-height: auto;
    padding-bottom: 80px;
  }

  .team-item {
    min-width: 90vw;
  }

  .footer-wrapper {
    grid-column-gap: 24px;
    grid-auto-flow: row;
    display: flex;
  }

  .featured-logo-item {
    padding: 0;
  }

  .background-shade {
    display: block;
  }

  .gradient-span {
    opacity: 1;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: normal;
    background-attachment: scroll;
    -webkit-background-clip: text;
    background-clip: text;
    border-radius: 0;
    font-size: 50px;
    font-weight: 700;
    line-height: 1px;
  }

  .social-icon {
    width: 36px;
    margin-bottom: 0;
  }

  .social-items {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .box {
    min-height: auto;
    margin-bottom: 0;
  }

  .half-dual {
    grid-row-gap: 48px;
  }

  .about-wrapper {
    width: 100%;
    height: 100%;
    padding-left: 0;
    display: block;
  }

  .box-two.collection-list-images {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .social-block {
    height: 100%;
  }

  .reg-icon {
    width: 36px;
    margin-bottom: 0;
  }

  .footer-pages {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .footer-nav-link {
    font-size: 16px;
  }

  .menu-button {
    padding-left: 18px;
  }

  .gradient-background-fill {
    background-image: url('../images/Gradient_BG_ZZN.jpg');
  }

  .clip {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .buttons-wrapper.clip {
    grid-auto-flow: row;
  }

  .speaker-descriptor {
    padding-top: 24px;
  }

  .center-speaker-info {
    grid-row-gap: 24px;
    grid-template-rows: auto 1fr;
  }

  .team-collection-list-wrapper {
    width: 100%;
  }

  .hero_image {
    margin-top: 0;
    overflow: visible;
  }

  .gallery-collection-item {
    min-width: 200px;
  }

  .gallery-collection-list-wrapper {
    margin-right: -5vw;
    overflow: auto;
  }

  .image {
    max-width: 80%;
  }

  .heading {
    letter-spacing: 0;
    width: 80vw;
    font-weight: 700;
  }

  .image-2 {
    display: block;
  }

  .hero-div {
    z-index: 12;
    height: 100vh;
  }

  .div-block-2 {
    box-sizing: border-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .code-embed-2 {
    box-sizing: border-box;
    aspect-ratio: auto;
    text-align: left;
    object-fit: fill;
    position: static;
    overflow: visible;
  }

  .giant-heading {
    font-size: 60px;
    font-weight: 700;
  }

  .giant-heading.heading-quote {
    font-size: 32px;
  }

  .giant-heading.siemelden {
    line-height: 1em;
  }

  .giant-heading.start {
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 52px;
  }

  .leistungenclass.one {
    background-image: url('../images/PrintCube_v02_forWeb.png');
  }

  .leistungenclass.speaker-page {
    margin-bottom: -36px;
    position: relative;
  }

  .container {
    width: 100vw;
  }

  .legal_code {
    box-sizing: border-box;
    aspect-ratio: auto;
    text-align: left;
    object-fit: fill;
    margin-top: 15vh;
    position: static;
    overflow: visible;
  }

  .code-embed-4 {
    aspect-ratio: auto;
    object-fit: fill;
    width: 90vw;
    height: 100vw;
    margin-top: 0;
  }

  .background_fade {
    z-index: 12;
    min-height: auto;
  }

  .hero-div-bg {
    height: 100%;
  }

  .text-span {
    font-size: 38px;
  }

  .collection-list {
    column-count: 1;
    grid-template-columns: 1fr;
  }

  .fn-button-secondery {
    width: 100%;
  }

  .paragraph {
    text-transform: uppercase;
  }

  .bold-text {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
    line-height: .6em;
  }

  .text-block-2 {
    font-size: 16px;
    font-weight: 600;
  }

  .code-embed-5 {
    height: auto;
  }

  .text-block-3 {
    font-weight: 500;
  }

  .code-embed-8 {
    height: 0%;
    display: block;
    overflow: hidden;
  }
}

#w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-8615b8fc {
  place-self: center end;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8762-8615b8fc {
  place-self: center;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-8615b8fc {
  place-self: center start;
}

#w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-8615b8fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-8615b8fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-8615b8fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-8615b8fc, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-8615b8fc, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-8615b8fc, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-8615b8fc, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-8615b8fc, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-8615b8fc, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-8615b8fc, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-8615b8fc, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-8615b8fc, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-8615b8fc, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-8615b8fc, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-8615b8fc, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-8615b8fc, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-8615b8fc, #w-node-_23ac0eef-5eaf-a151-af17-587f8a5f44a5-8615b8fc {
  place-self: center;
}

#w-node-_1867ff73-25fb-e391-9d7e-cbeef5141f15-8615b8fc {
  place-self: center end;
}

#w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-8615b8fc {
  grid-area: 1 / 2 / 3 / 3;
  align-self: start;
}

#w-node-_012151da-abcc-1ddb-06d5-cef683d54582-8615b8fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start;
}

#w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd46-8e56bd43 {
  justify-self: start;
}

#w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd4b-8e56bd43 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center end;
}

#w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd4c-8e56bd43, #w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd4f-8e56bd43, #w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd52-8e56bd43 {
  justify-self: end;
}

#w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd55-8e56bd43 {
  justify-self: start;
}

#w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd56-8e56bd43 {
  place-self: center start;
}

#w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd57-8e56bd43, #w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd5a-8e56bd43, #w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd5d-8e56bd43 {
  place-self: center;
}

#w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd60-8e56bd43 {
  justify-self: start;
}

#w-node-_47452d74-ce76-1524-16cc-e8425f9f25fb-8615b8fd {
  place-self: center;
}

#w-node-_3ae5ef0f-dba8-4aee-0654-6777e059c1e8-8615b8fd {
  place-self: center start;
}

#w-node-_41e71508-0cfe-61a0-439c-dc50c1140188-8615b8fd {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_41e71508-0cfe-61a0-439c-dc50c1140189-8615b8fd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_41e71508-0cfe-61a0-439c-dc50c114018b-8615b8fd, #w-node-_41e71508-0cfe-61a0-439c-dc50c114018d-8615b8fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41e71508-0cfe-61a0-439c-dc50c114018f-8615b8fd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c1e5364f-083a-dd24-3474-059ea7ffc08d-8615b8fe {
  justify-self: start;
}

#w-node-c1e5364f-083a-dd24-3474-059ea7ffc08e-8615b8fe {
  place-self: center stretch;
}

#w-node-_35f8d1d2-9863-d3df-2117-a67a99b400de-8615b8ff {
  justify-self: center;
}

#w-node-_52606ea2-cdb9-db3f-fe9d-1009932c7fe3-8615b8ff, #w-node-a73c424e-b1db-dbcd-f2e5-b71518602e7c-8615b8ff {
  justify-self: start;
}

#w-node-e4b1f664-79d2-ddf1-735f-e808d641bd03-8615b8ff, #w-node-f16383e7-c305-c5da-bb0f-8e3f046d6745-8615b8ff {
  align-self: start;
}

#w-node-fdd25448-9cdd-315e-43f1-aa052b6c8987-8615b8ff {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-fdd25448-9cdd-315e-43f1-aa052b6c8989-8615b8ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_82f689a4-8940-2fd2-5471-3ddf65acf1b4-8615b8ff, #w-node-c84451a2-bb39-89c2-54e7-fe84cf4ce70e-8615b8ff {
  place-self: center;
}

#w-node-c84451a2-bb39-89c2-54e7-fe84cf4ce711-8615b8ff {
  place-self: center end;
}

#w-node-_1042c588-7065-e761-2fe8-2c458ec95566-8615b900 {
  place-self: start;
}

#w-node-_1042c588-7065-e761-2fe8-2c458ec95567-8615b900 {
  justify-self: start;
}

#w-node-fe82c55c-b46c-e913-1575-2eec13d6be3a-8615b900 {
  place-self: center;
}

#w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-402e501a {
  place-self: center end;
}

#w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-402e501a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-402e501a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-402e501a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-402e501a {
  place-self: center;
}

#w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-402e501a {
  place-self: center end;
}

#w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-402e501a, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-402e501a, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-402e501a, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-402e501a, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-402e501a, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-402e501a, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-402e501a, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-402e501a, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-402e501a, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-402e501a, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-402e501a, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-402e501a, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-402e501a, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-402e501a {
  place-self: center;
}

#w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-402e501a {
  grid-area: 1 / 2 / 3 / 3;
  align-self: start;
}

#w-node-_012151da-abcc-1ddb-06d5-cef683d54582-402e501a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8762-402e501a {
  place-self: center;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-402e501a {
  place-self: center start;
}

#w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-c88ffe6b {
  place-self: center end;
}

#w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-c88ffe6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-c88ffe6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-c88ffe6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-c88ffe6b {
  place-self: center;
}

#w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-c88ffe6b {
  place-self: center end;
}

#w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-c88ffe6b, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-c88ffe6b, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-c88ffe6b, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-c88ffe6b, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-c88ffe6b, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-c88ffe6b, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-c88ffe6b, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-c88ffe6b, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-c88ffe6b, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-c88ffe6b, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-c88ffe6b, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-c88ffe6b, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-c88ffe6b, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-c88ffe6b {
  place-self: center;
}

#w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-c88ffe6b {
  grid-area: 1 / 2 / 3 / 3;
  align-self: start;
}

#w-node-_012151da-abcc-1ddb-06d5-cef683d54582-c88ffe6b {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8762-c88ffe6b {
  place-self: center;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-c88ffe6b {
  place-self: center start;
}

#w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-26704a68 {
  place-self: center end;
}

#w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-26704a68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-26704a68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-26704a68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-26704a68 {
  place-self: center;
}

#w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-26704a68 {
  place-self: center end;
}

#w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-26704a68, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-26704a68, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-26704a68, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-26704a68, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-26704a68, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-26704a68, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-26704a68, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-26704a68, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-26704a68, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-26704a68, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-26704a68, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-26704a68, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-26704a68, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-26704a68 {
  place-self: center;
}

#w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-26704a68 {
  grid-area: 1 / 2 / 3 / 3;
  align-self: start;
}

#w-node-_012151da-abcc-1ddb-06d5-cef683d54582-26704a68 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8762-26704a68 {
  place-self: center;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-26704a68 {
  place-self: center start;
}

#w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-282b1f04 {
  place-self: center end;
}

#w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-282b1f04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-282b1f04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-282b1f04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-282b1f04 {
  place-self: center;
}

#w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-282b1f04 {
  place-self: center end;
}

#w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-282b1f04, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-282b1f04, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-282b1f04, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-282b1f04, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-282b1f04, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-282b1f04, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-282b1f04, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-282b1f04, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-282b1f04, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-282b1f04, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-282b1f04, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-282b1f04, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-282b1f04, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-282b1f04 {
  place-self: center;
}

#w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-282b1f04 {
  grid-area: 1 / 2 / 3 / 3;
  align-self: start;
}

#w-node-_012151da-abcc-1ddb-06d5-cef683d54582-282b1f04 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8762-282b1f04 {
  place-self: center;
}

#w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-282b1f04 {
  place-self: center start;
}

@media screen and (min-width: 1920px) {
  #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-8615b8fc {
    justify-self: start;
  }

  #w-node-_58996f75-7dbc-14fe-673e-18fada8e1f17-8615b8fc, #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-402e501a, #w-node-_58996f75-7dbc-14fe-673e-18fada8e1f17-402e501a, #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-c88ffe6b, #w-node-_58996f75-7dbc-14fe-673e-18fada8e1f17-c88ffe6b, #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-26704a68, #w-node-_58996f75-7dbc-14fe-673e-18fada8e1f17-26704a68, #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-282b1f04, #w-node-_58996f75-7dbc-14fe-673e-18fada8e1f17-282b1f04 {
    justify-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-8615b8fc {
    justify-self: start;
  }

  #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-8615b8fc {
    justify-self: center;
  }

  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-8615b8fc, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-8615b8fc, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-8615b8fc {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_23ac0eef-5eaf-a151-af17-587f8a5f44a5-8615b8fc {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_1867ff73-25fb-e391-9d7e-cbeef5141f15-8615b8fc {
    justify-self: start;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-8615b8fc {
    order: 9999;
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2feea0-8615b8fc {
    order: 9999;
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd56-8e56bd43 {
    justify-self: stretch;
  }

  #w-node-_41e71508-0cfe-61a0-439c-dc50c1140188-8615b8fd {
    order: 9999;
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_41e71508-0cfe-61a0-439c-dc50c1140191-8615b8fd {
    order: 9999;
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_35f8d1d2-9863-d3df-2117-a67a99b400de-8615b8ff, #w-node-_4827095f-0c77-b62a-fc28-84ae8651a3de-8615b8ff {
    justify-self: start;
  }

  #w-node-fdd25448-9cdd-315e-43f1-aa052b6c8987-8615b8ff {
    grid-column: 1 / 2;
    grid-row-start: 2;
  }

  #w-node-_67a45f87-f553-7198-b3d6-b186d071fe96-8615b8ff {
    order: 9999;
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c84451a2-bb39-89c2-54e7-fe84cf4ce70e-8615b8ff {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-c84451a2-bb39-89c2-54e7-fe84cf4ce711-8615b8ff {
    justify-self: start;
  }

  #w-node-_1042c588-7065-e761-2fe8-2c458ec95566-8615b900 {
    justify-self: center;
  }

  #w-node-_37413672-66d9-2923-9dc2-c37f1a0a3a6e-8615b900 {
    order: 9999;
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-402e501a {
    justify-self: start;
  }

  #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-402e501a {
    justify-self: center;
  }

  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-402e501a, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-402e501a, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-402e501a {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-402e501a {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-402e501a {
    justify-self: start;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-402e501a {
    order: 9999;
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2feea0-402e501a {
    order: 9999;
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-c88ffe6b {
    justify-self: start;
  }

  #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-c88ffe6b {
    justify-self: center;
  }

  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-c88ffe6b, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-c88ffe6b, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-c88ffe6b {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-c88ffe6b {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-c88ffe6b {
    justify-self: start;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-c88ffe6b {
    order: 9999;
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2feea0-c88ffe6b {
    order: 9999;
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-26704a68 {
    justify-self: start;
  }

  #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-26704a68 {
    justify-self: center;
  }

  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-26704a68, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-26704a68, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-26704a68 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-26704a68 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-26704a68 {
    justify-self: start;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-26704a68 {
    order: 9999;
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2feea0-26704a68 {
    order: 9999;
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-282b1f04 {
    justify-self: start;
  }

  #w-node-_344f86ad-eba0-e4dd-ae98-ff4345945684-282b1f04 {
    justify-self: center;
  }

  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-282b1f04, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-282b1f04, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-282b1f04 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-282b1f04 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-282b1f04 {
    justify-self: start;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2fee8a-282b1f04 {
    order: 9999;
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9d7a3bbe-ceea-0bea-42bf-4f137d2feea0-282b1f04 {
    order: 9999;
    grid-area: 3 / 1 / 4 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-8615b8fc {
    justify-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8763-8615b8fc {
    place-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-8615b8fc {
    justify-self: center;
  }

  #w-node-_23ac0eef-5eaf-a151-af17-587f8a5f44a5-8615b8fc {
    grid-row: span 1 / span 1;
    justify-self: center;
  }

  #w-node-_1867ff73-25fb-e391-9d7e-cbeef5141f15-8615b8fc, #w-node-_3ae5ef0f-dba8-4aee-0654-6777e059c1e8-8615b8fd, #w-node-c1e5364f-083a-dd24-3474-059ea7ffc08e-8615b8fe {
    justify-self: center;
  }

  #w-node-fdd25448-9cdd-315e-43f1-aa052b6c8987-8615b8ff {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c84451a2-bb39-89c2-54e7-fe84cf4ce70e-8615b8ff {
    grid-row: span 1 / span 1;
    justify-self: center;
  }

  #w-node-c84451a2-bb39-89c2-54e7-fe84cf4ce711-8615b8ff, #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-402e501a {
    justify-self: center;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-402e501a {
    grid-row: span 1 / span 1;
    justify-self: center;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-402e501a {
    justify-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8763-402e501a {
    place-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-402e501a, #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-c88ffe6b {
    justify-self: center;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-c88ffe6b {
    grid-row: span 1 / span 1;
    justify-self: center;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-c88ffe6b {
    justify-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8763-c88ffe6b {
    place-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-c88ffe6b, #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-26704a68 {
    justify-self: center;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-26704a68 {
    grid-row: span 1 / span 1;
    justify-self: center;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-26704a68 {
    justify-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8763-26704a68 {
    place-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-26704a68, #w-node-_92e15a92-0bc2-d69c-434c-dd2ec922d8b6-282b1f04 {
    justify-self: center;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f22908-282b1f04 {
    grid-row: span 1 / span 1;
    justify-self: center;
  }

  #w-node-a2871adf-52d7-654f-49c7-a9ee61f2290b-282b1f04 {
    justify-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8763-282b1f04 {
    place-self: center;
  }

  #w-node-_41983e29-5a46-dcb5-f618-edb30b7f8769-282b1f04 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-8615b8fc, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-8615b8fc, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-8615b8fc {
    grid-row: span 1 / span 1;
  }

  #w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-8615b8fc, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-8615b8fc, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-8615b8fc, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-8615b8fc, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-8615b8fc, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-8615b8fc, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-8615b8fc, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-8615b8fc, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-8615b8fc, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-8615b8fc, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-8615b8fc, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-8615b8fc, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-8615b8fc, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-8615b8fc {
    justify-self: start;
  }

  #w-node-_50b4bd1a-1e4d-e659-b727-7a1a8e56bd4b-8e56bd43 {
    align-self: start;
  }

  #w-node-_3ae5ef0f-dba8-4aee-0654-6777e059c1e8-8615b8fd, #w-node-c1e5364f-083a-dd24-3474-059ea7ffc08e-8615b8fe {
    justify-self: stretch;
  }

  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-402e501a, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-402e501a, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-402e501a {
    grid-row: span 1 / span 1;
  }

  #w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-402e501a, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-402e501a, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-402e501a, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-402e501a, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-402e501a, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-402e501a, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-402e501a, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-402e501a, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-402e501a, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-402e501a, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-402e501a, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-402e501a, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-402e501a, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-402e501a {
    justify-self: start;
  }

  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-c88ffe6b, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-c88ffe6b, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-c88ffe6b {
    grid-row: span 1 / span 1;
  }

  #w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-c88ffe6b, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-c88ffe6b, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-c88ffe6b, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-c88ffe6b, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-c88ffe6b, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-c88ffe6b, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-c88ffe6b, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-c88ffe6b, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-c88ffe6b, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-c88ffe6b, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-c88ffe6b, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-c88ffe6b, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-c88ffe6b, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-c88ffe6b {
    justify-self: start;
  }

  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-26704a68, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-26704a68, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-26704a68 {
    grid-row: span 1 / span 1;
  }

  #w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-26704a68, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-26704a68, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-26704a68, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-26704a68, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-26704a68, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-26704a68, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-26704a68, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-26704a68, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-26704a68, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-26704a68, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-26704a68, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-26704a68, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-26704a68, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-26704a68 {
    justify-self: start;
  }

  #w-node-b7457600-ca7a-28f3-f002-5d720802c6e3-282b1f04, #w-node-_882100cf-7204-2b74-9d6c-ae5dc198e3cb-282b1f04, #w-node-_461c4ef5-23a4-91aa-fd02-04e8ff2bdb24-282b1f04 {
    grid-row: span 1 / span 1;
  }

  #w-node-b0bb6517-94a1-1034-d47f-9a9e2f05d070-282b1f04, #w-node-_7aff9a73-f9e4-c4ab-df1c-accc59a94811-282b1f04, #w-node-_6988a642-fbe2-a25e-de60-e29906733b7b-282b1f04, #w-node-_5aa9843e-3327-6a1d-0d00-8347394fb8ce-282b1f04, #w-node-_18f8bbd8-4cf0-fd50-a38d-6bbc7fc3bc2d-282b1f04, #w-node-_216b0c62-cd89-8da7-d5b9-37a1f3ae4acf-282b1f04, #w-node-bbb3cbff-5759-82a2-283b-be9e6adc2702-282b1f04, #w-node-_31a87812-fb11-29ac-e9f1-87f7ad397204-282b1f04, #w-node-_157e0c9a-d9dc-84ae-d0e0-02096e13dd46-282b1f04, #w-node-_4a08a5ed-ae77-c5f3-b1e2-f6a30efb3e0a-282b1f04, #w-node-_7e09beae-36a7-6391-6154-7e0ff903e28a-282b1f04, #w-node-_9fe8864d-e940-388c-0496-036b9da6a0e6-282b1f04, #w-node-_32a5d2cb-81b9-2311-4920-65e4e46a9975-282b1f04, #w-node-_56af291a-dd1d-a938-3cea-30ea54a5c53b-282b1f04 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-ExtraBold.ttf') format('truetype'), url('../fonts/EudoxusSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussansgx';
  src: url('../fonts/EudoxusSansGX.ttf') format('truetype'), url('../fonts/EudoxusSansGX.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-SemiBold-Italic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-Light-Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-Medium-Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Font Bureau Heronsans';
  src: url('../fonts/Font-Bureau---HeronSans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}