@font-face {
  font-family: Neue Montreal Squeezed;
  src: url('../fonts/OTNeueMontreal-MediumSqueezed.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: General Grotesque Mono;
  src: url('../fonts/GeneralGrotesqueMono-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suisse Intl;
  src: url('../fonts/SuisseIntl-Book.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --white: white;
  --dark-grey: #272727;
  --yellow: #f8ff7a;
  --blue: #94e4ff;
  --off-white: #f3f3f3;
  --padding-s: 16px;
  --gap: 10px;
  --padding-m: 24px;
}

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

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

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

.wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.wrapper.first {
  margin-top: -72px;
}

.wrapper.center {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
}

.display-1 {
  color: var(--black);
  letter-spacing: -.4rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 280px;
  font-weight: 500;
  line-height: 83%;
}

.display-1.projekte {
  letter-spacing: -.3rem;
  font-size: 16.4vw;
}

.display-1.projekte.fade-up.tricks {
  font-size: 16.3vw;
}

.display-1.logo {
  letter-spacing: -.5rem;
  text-transform: none;
  font-size: 29.8vw;
}

.display-1.logo.fade-up.tricks {
  font-size: 16.3vw;
}

.display-2 {
  color: var(--black);
  letter-spacing: -.3rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 146px;
  font-weight: 500;
  line-height: 83%;
}

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

.headline-1 {
  color: var(--white);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 3.75vw;
  font-weight: 400;
  line-height: 120%;
}

.headline-1.einzug {
  letter-spacing: -.04em;
  text-indent: 20%;
  font-size: 3.8vw;
  display: inline-block;
  overflow: hidden;
}

.headline-1.einzug.web {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.55vw;
}

.headline-1.einzug.web.mobil {
  display: none;
}

.headline-1.einzug.legal {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.75vw;
}

.headline-1.einzug.legal {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.55vw;
}

.headline-1.einzug.legal.mobil {
  display: none;
}

.headline-1.einzug.produktion {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.75vw;
}

.headline-1.einzug.produktion.mobil {
  display: none;
}

.headline-1.einzug {
  color: var(--white);
  text-indent: 16.5%;
  font-size: 3.45vw;
}

.headline-1.einzug.dark {
  color: var(--black);
}

.headline-1.team-hover {
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 7vw;
  line-height: 99%;
}

.headline-1.team {
  line-height: 70%;
  display: block;
}

.headline-1.dark {
  color: var(--black);
}

.title {
  color: var(--black);
  letter-spacing: -.25rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 96px;
  font-weight: 400;
  line-height: 100%;
}

.headline-2 {
  color: var(--white);
  letter-spacing: -.12rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 100%;
}

.headline-2.einzug {
  text-indent: 14%;
}

.body {
  background-color: var(--dark-grey);
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 150%;
}

.body.einzug {
  text-indent: 14%;
}

.body.mobile-margin {
  column-count: 2;
  column-gap: 40px;
}

.label {
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
  display: block;
}

.label.einzug {
  text-indent: 14%;
}

.label.cta {
  background-color: var(--yellow);
  padding: 5px 8px 4px;
}

.label.hover {
  color: var(--white);
  width: 294px;
  margin-top: 5px;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.label.hide-on-mobile {
  mix-blend-mode: difference;
}

.label.hide-on-mobile.light {
  color: var(--white);
  mix-blend-mode: difference;
  align-self: center;
}

.label.mobile-margin.two-columns {
  column-count: 2;
}

.label.mobile-margin.right, .label.mobile-margin.hard-facts {
  text-align: right;
  padding-bottom: 5px;
}

.label.light {
  color: var(--white);
}

.label.light.center, .label.center {
  text-align: center;
}

.label.no-wrap {
  white-space: nowrap;
  display: inline-block;
}

.label.komma {
  padding-right: 4px;
  display: inline-block;
}

.label.komma.mobile-only {
  display: none;
}

.label.sticky {
  position: sticky;
  top: 160px;
}

.label.dot {
  position: absolute;
}

.label.job {
  width: 30%;
}

.label.team {
  line-height: 100%;
}

.label.dark {
  color: var(--black);
}

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

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

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

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

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

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.navbar-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  margin-right: 24px;
  display: grid;
}

.navbar {
  z-index: 99999;
  mix-blend-mode: difference;
  background-color: #0000;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  position: sticky;
  inset: 0% 0% auto;
}

.navbar.lp {
  display: none;
}

.spacer-l {
  height: 80px;
}

.spacer-l:where(.w-variant-9b1c0d39-f8a3-6111-520b-57e09a9955b4) {
  height: 29vh;
}

.spacer-l:where(.w-variant-a87eb00c-dbe8-6324-6ea4-b35900834135) {
  height: 40px;
}

.spacer-l:where(.w-variant-525c7200-da6c-6d99-eb59-94f3c13a8087) {
  height: 8px;
}

.spacer-l:where(.w-variant-be316d71-742f-35cc-5194-f27d345357c7) {
  height: 160px;
}

.spacer-l:where(.w-variant-607d018f-4178-f8a8-88c8-9f0d2c62706b) {
  height: 24px;
}

.spacer-l.mobile {
  display: none;
}

.spacer-l.m {
  height: 40px;
}

.grid-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.link-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-decoration: none;
  display: flex;
}

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

.grid-images {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.cta {
  background-color: var(--yellow);
  padding: 5px 8px 4px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.cta.light {
  color: var(--white);
  background-color: #070085;
}

.video-square {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-2 {
  overflow: hidden;
}

.image-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.image-square._50 {
  width: 50%;
}

.image-square._100 {
  width: 100%;
  max-width: none;
}

.image-landscape {
  aspect-ratio: 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.video-landscape {
  aspect-ratio: 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.code-embed-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.span-animation {
  display: block;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.span-animate {
  letter-spacing: -.14vw;
  text-indent: 0%;
  display: block;
  overflow: hidden;
}

.span-animate.first {
  letter-spacing: -.14vw;
  text-indent: 16%;
}

.link-wrapper {
  align-self: flex-end;
  display: inline-block;
  overflow: hidden;
}

.link-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--black);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-underline {
  border-bottom: 1px solid var(--dark-grey);
  height: 2px;
  margin-top: -2px;
  padding-bottom: 0;
  transform: translate(-101%);
}

.link-underline.white {
  color: var(--white);
}

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

.video-panorama {
  aspect-ratio: 50 / 16;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.footer-info {
  justify-content: space-between;
  display: flex;
}

.footer-nav {
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.div-block-3 {
  height: 0;
  margin-bottom: -80px;
}

.link-with-cursor {
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: static;
  inset: 0%;
}

.link-with-cursor.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.link-with-cursor.fixed {
  z-index: 1;
  position: fixed;
  inset: 0%;
}

.tooltip-wrapper {
  z-index: 99;
  background-color: var(--blue);
  color: var(--dark-grey);
  padding: 5px 8px 4px;
  display: none;
  position: fixed;
  inset: 12px auto auto 12px;
}

.tooltip-wrapper:where(.w-variant-8437757d-0e07-15a7-be2b-f99f83441d6b) {
  background-color: var(--dark-grey);
  color: var(--blue);
}

.tooltip-text {
  color: var(--dark-grey);
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
}

.tooltip-text:where(.w-variant-8437757d-0e07-15a7-be2b-f99f83441d6b) {
  color: var(--blue);
}

.tooltip-text.einzug {
  text-indent: 14%;
}

.tooltip-text.cta {
  background-color: var(--yellow);
  padding: 5px 8px 4px;
}

.tooltip-text.hover {
  width: 294px;
  margin-top: 5px;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-cta.only-mobile {
  display: none;
}

.brand {
  color: var(--white);
  mix-blend-mode: normal;
}

.mobile-only {
  display: none;
}

.div-block-4 {
  height: 0;
  margin-top: -50px;
  margin-bottom: -100px;
}

.body-2 {
  overflow: visible;
}

.spacer-xl {
  height: 120px;
}

.spacer-xl:where(.w-variant-9b1c0d39-f8a3-6111-520b-57e09a9955b4) {
  height: 28vh;
}

.spacer-xl:where(.w-variant-a87eb00c-dbe8-6324-6ea4-b35900834135) {
  height: 40px;
}

.spacer-xl.mobile {
  display: none;
}

.spacer-xl.m {
  height: 40px;
}

.video-16-9 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.text-span-3 {
  white-space: nowrap;
}

.site-switch {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  align-self: center;
  display: flex;
}

.switch-arrow {
  border: 1px solid var(--white);
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-item {
  color: var(--white);
  text-transform: uppercase;
  padding: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  line-height: 125%;
}

.nav-menu-item.w--current {
  color: var(--white);
}

.nav-menu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--white);
  display: flex;
}

.navbar-sec {
  z-index: 99999;
  background-color: var(--off-white);
  filter: none;
  mix-blend-mode: normal;
  isolation: isolate;
  will-change: mix-blend-mode;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transform-style: preserve-3d;
  width: 100%;
  height: 50vh;
  display: none;
  position: fixed;
  top: 0;
  overflow: visible;
  transform: translate3d(0, 0, 1px);
}

.navbar-sec-div {
  grid-column-gap: 12vh;
  grid-row-gap: 12vh;
  flex-flow: column;
  width: 50%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.navbar-sec-div.kreation {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  background-color: var(--yellow);
  color: var(--black);
  cursor: pointer;
  justify-content: space-between;
  width: auto;
  height: 100%;
  max-height: 100%;
}

.navbar-sec-div.produktion {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  background-color: var(--blue);
  color: var(--black);
  cursor: pointer;
  justify-content: space-between;
  width: auto;
  height: 100%;
  max-height: 100%;
}

.intro-video {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.display-intro {
  letter-spacing: 0;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 16vw;
  line-height: 100%;
}

.code-embed-3 {
  mix-blend-mode: difference;
  width: 50vw;
}

.play-pause {
  display: none;
}

.collection-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.collection-list-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.list-thumbnail-3er {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3er-thumbnail {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 40% 30% 30%;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

._2er-thumbnail {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 65% 35%;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.project-info {
  padding-right: var(--padding-s);
  padding-left: var(--padding-s);
  grid-column-gap: var(--gap);
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.project-info.subpage {
  grid-column-gap: 40px;
}

.diziplinen-liste {
  flex-flow: wrap;
  display: inline-flex;
}

.collection-list-3 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.vimeo-embed {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  overflow: hidden;
}

.vimeo-embed.overview {
  width: 50%;
}

.vimeo-embed._2-1 {
  aspect-ratio: 2;
  overflow: hidden;
}

.vimeo-embed._3-2 {
  aspect-ratio: 3 / 2;
}

.vimeo-embed._3-2._45 {
  align-self: center;
  width: 45%;
}

.vimeo-embed._16-9 {
  aspect-ratio: 16 / 9;
}

.vimeo-embed._16-9._45 {
  align-self: center;
  width: 45%;
  margin-top: 10%;
}

.vimeo-embed._50-16 {
  aspect-ratio: 50 / 16;
}

.collection-list-projects {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.projects-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid var(--black);
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .5fr 2fr;
  grid-auto-columns: 1fr;
  margin-top: -1px;
  padding: 10px 24px;
  display: grid;
}

.diziplinen-liste-vertical {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: inline-flex;
}

._2er-thumbnail-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

._3er-thumbnail-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.div-block-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  height: 400px;
  display: flex;
}

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

._2er-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.image-100._50 {
  width: 50%;
}

.image-100._100 {
  width: 100%;
  max-width: none;
}

.grid-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-3-4 {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

._3er-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3er-grid.wrapper {
  display: block;
}

.project-facts {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content {
  margin-right: var(--padding-m);
  margin-left: var(--padding-m);
}

.content.link-with-cursor {
  margin-right: var(--padding-m);
  padding-left: var(--padding-m);
  margin-left: 0;
  display: block;
  position: static;
}

.content.blue {
  padding-right: var(--padding-m);
  padding-left: var(--padding-m);
  background-color: var(--blue);
  color: var(--black);
  margin-left: 0;
  margin-right: 0;
}

.overline-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.external-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.link, .paragraph, .rich-text-block {
  color: var(--black);
}

.more-projects-grid {
  padding: var(--padding-m);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid var(--black);
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr .25fr;
  grid-auto-columns: 1fr;
  margin-top: -1px;
  display: grid;
}

.more-projects-link, .more-projects-link.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.disziplinen-wrapper {
  cursor: pointer;
}

.disziplinen-wrapper.hide {
  display: none;
}

.footer {
  padding: var(--padding-m) var(--padding-m) var(--padding-s);
  grid-column-gap: var(--gap);
  grid-row-gap: 33px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.footer-link-div {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.footer-link-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.body-text {
  letter-spacing: -.03rem;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.body-text.two-columns {
  column-count: 2;
  column-gap: 40px;
}

.body-text.job {
  width: 70%;
}

.cta-2 {
  background-color: #f8ff7a;
  padding: 5px 8px 4px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.cta-2.light {
  color: #fff;
  background-color: #070085;
}

.label-cta {
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
}

.label-cta.light {
  color: #fff;
}

.label-cta.hover {
  color: var(--black);
  width: 395px;
  margin-top: 5px;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.display-start {
  color: var(--white);
  text-align: left;
  letter-spacing: -.03em;
  text-transform: uppercase;
  width: 460vw;
  max-width: none;
  height: 10vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 12.2vw;
  font-weight: 500;
  line-height: 83%;
  overflow: visible;
}

.display-start.projekte {
  letter-spacing: -.3rem;
  font-size: 16.4vw;
}

.display-start.projekte.fade-up.tricks {
  text-align: center;
  font-size: 16.2vw;
}

.div-block-7 {
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar-sec-wrapper {
  z-index: 99999;
  background-color: var(--off-white);
  filter: none;
  mix-blend-mode: normal;
  isolation: isolate;
  will-change: mix-blend-mode;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transform-style: preserve-3d;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
  transform: translate3d(0, 0, 1px);
}

.spotlight-projects-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.spotlight-projects-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
  position: relative;
}

.switch-arrow-svg {
  margin-left: auto;
  margin-right: auto;
}

.label-hover {
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
}

.label-hover.light {
  color: #fff;
}

.label-hover.hover {
  color: #000;
  inset: 0% auto auto 0%;
  width: 395px;
  margin-top: 5px;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.label-2 {
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
}

.code-embed-4 {
  align-self: flex-start;
  margin-top: 0;
}

.link-underline-2 {
  color: var(--white);
  border-bottom: 1px solid #272727;
  height: 2px;
  margin-top: -2px;
  padding-bottom: 0;
  transform: translate(-101%);
}

.sticky-text-div {
  grid-column-gap: 15%;
  grid-row-gap: 15%;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.circular-transition {
  justify-content: center;
  align-items: center;
  height: 160vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.circle {
  z-index: -1;
  background-color: var(--blue);
  border-radius: 50%;
  width: 120vh;
  height: 120vh;
  display: none;
  position: absolute;
  inset: 0% auto 0;
}

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

.transition-wrapper {
  width: 100%;
  height: 100%;
  position: sticky;
  top: 0;
}

.display-quote {
  color: var(--white);
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 4%;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 32vh;
  font-weight: 500;
  line-height: 80%;
  position: sticky;
  inset: 15% auto auto;
}

.display-quote.projekte {
  letter-spacing: -.3rem;
  font-size: 16.4vw;
}

.display-quote.projekte.fade-up.tricks {
  font-size: 16.3vw;
}

.display-quote.logo {
  letter-spacing: -.5rem;
  text-transform: none;
  font-size: 29.8vw;
}

.display-quote.logo.fade-up.tricks {
  font-size: 16.3vw;
}

.sticky-quote {
  width: 100%;
  height: 100%;
  padding-top: 160px;
  padding-bottom: 80px;
}

.quote-wrapper {
  height: 400vh;
  position: relative;
}

.quote-wrapper.link-with-cursor {
  margin-left: 0;
}

.quote-wrapper.blue.link-with-cursor {
  height: 200vh;
  overflow: visible;
}

.image-45 {
  align-self: flex-end;
  width: 45%;
}

.image-45.center {
  align-self: center;
}

.image-33 {
  width: 33%;
}

.image-wrapper {
  z-index: 999;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 55% 0% 0%;
}

.logo-carousel {
  display: flex;
  overflow: hidden;
}

.logo-wrapper {
  justify-content: space-around;
  min-width: 100%;
  display: flex;
  position: static;
}

.logo-item {
  aspect-ratio: 2;
  object-fit: contain;
  align-items: center;
  width: 180px;
  height: auto;
  display: flex;
}

.carousel-wrapper {
  min-width: 100%;
}

.logo-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.header-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--white);
  display: flex;
}

.nav-dot {
  opacity: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
  display: block;
  position: static;
}

.nav-dot.einzug {
  text-indent: 14%;
}

.nav-dot.cta {
  background-color: var(--yellow);
  padding: 5px 8px 4px;
}

.nav-dot.hover {
  color: var(--white);
  width: 294px;
  margin-top: 5px;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.nav-dot.hide-on-mobile {
  mix-blend-mode: difference;
}

.nav-dot.hide-on-mobile.light {
  color: var(--white);
  mix-blend-mode: difference;
  align-self: center;
}

.nav-dot.mobile-margin.two-columns {
  column-count: 2;
}

.nav-dot.mobile-margin.right, .nav-dot.mobile-margin.hard-facts {
  text-align: right;
  padding-bottom: 5px;
}

.nav-dot.light {
  color: var(--white);
}

.nav-dot.light.center, .nav-dot.center {
  text-align: center;
}

.nav-dot.no-wrap {
  white-space: nowrap;
  display: inline-block;
}

.nav-dot.komma {
  padding-right: 4px;
  display: inline-block;
}

.nav-dot.sticky {
  position: sticky;
  top: 160px;
}

.nav-dot.dot {
  position: absolute;
}

.nav-text {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
  display: block;
}

.nav-text.einzug {
  text-indent: 14%;
}

.nav-text.cta {
  background-color: var(--yellow);
  padding: 5px 8px 4px;
}

.nav-text.hover {
  color: var(--white);
  width: 294px;
  margin-top: 5px;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.nav-text.hide-on-mobile {
  mix-blend-mode: difference;
}

.nav-text.hide-on-mobile.light {
  color: var(--white);
  mix-blend-mode: difference;
  align-self: center;
}

.nav-text.mobile-margin.two-columns {
  column-count: 2;
}

.nav-text.mobile-margin.right, .nav-text.mobile-margin.hard-facts {
  text-align: right;
  padding-bottom: 5px;
}

.nav-text.light {
  color: var(--white);
}

.nav-text.light.center, .nav-text.center {
  text-align: center;
}

.nav-text.no-wrap {
  white-space: nowrap;
  display: inline-block;
}

.nav-text.komma {
  padding-right: 4px;
  display: inline-block;
}

.nav-text.sticky {
  position: sticky;
  top: 160px;
}

.nav-text.dot {
  position: absolute;
}

.mobile-arrow {
  display: none;
}

.desktop-only {
  color: var(--white);
}

.burger-icon, .navbar-mobile {
  display: none;
}

.cta-mobil {
  background-color: #0000;
  flex-flow: column;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: none;
  position: relative;
  overflow: hidden;
}

.cta-mobil.light {
  color: #fff;
  background-color: #070085;
}

.footer-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--white);
  display: flex;
}

.projects-link, .projects-link.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.leistungen-grid {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr 2fr;
  margin-top: -1px;
  margin-left: 0;
  margin-right: 0;
  padding: 40px 24px;
}

.image-65 {
  width: 65%;
}

.body-text-l {
  color: var(--black);
  letter-spacing: -.04em;
  text-indent: 20%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisse Intl, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
}

.body-text-l.einzug {
  letter-spacing: -.04em;
  text-indent: 20%;
  font-size: 3.8vw;
  display: inline-block;
  overflow: hidden;
}

.body-text-l.einzug.web {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.55vw;
}

.body-text-l.einzug.web.mobil {
  display: none;
}

.body-text-l.einzug.legal {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.75vw;
}

.body-text-l.einzug.legal {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.55vw;
}

.body-text-l.einzug.legal.mobil {
  display: none;
}

.body-text-l.einzug.produktion {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.75vw;
}

.body-text-l.einzug.produktion.mobil {
  display: none;
}

.body-text-l.leitsatz {
  text-indent: 16.5%;
  font-size: 3.75vw;
}

._60-div {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  max-width: 60%;
  display: flex;
}

._60-div.impressum {
  min-width: 34%;
}

.benefits {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.jobs-grid {
  padding: var(--padding-m);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid var(--black);
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.25fr .5fr;
  grid-auto-columns: 1fr;
  margin-top: -1px;
  display: grid;
}

.display-job {
  color: var(--black);
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 15vw;
  font-weight: 500;
  line-height: 80%;
  position: static;
  inset: 15% auto auto;
}

.display-job.projekte {
  letter-spacing: -.3rem;
  font-size: 16.4vw;
}

.display-job.projekte.fade-up.tricks {
  font-size: 16.3vw;
}

.display-job.logo {
  letter-spacing: -.5rem;
  text-transform: none;
  font-size: 29.8vw;
}

.display-job.logo.fade-up.tricks {
  font-size: 16.3vw;
}

.job-div {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  display: flex;
}

.link-2 {
  text-decoration: underline;
}

.job-grid {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  grid-template-columns: .5fr 1fr;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.grid-team {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  min-height: 80vh;
}

.grid-team.hide {
  display: none;
}

.team-image-item {
  width: 30%;
  padding: 0;
  position: absolute;
  top: 0;
  left: auto;
}

.team-text-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: default;
  justify-content: flex-start;
  align-items: flex-end;
  width: 65%;
  display: flex;
  position: relative;
  left: 50%;
}

.team-image {
  width: auto;
  max-height: none;
  padding-left: 0;
  padding-right: 0;
  position: static;
  inset: 0% auto;
}

.team-list {
  grid-column-gap: 2.3vw;
  grid-row-gap: 2.3vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 35vw;
  display: flex;
  position: relative;
}

.team-item {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  align-self: center;
  width: 75%;
  max-width: none;
  display: flex;
  position: static;
}

.collection-list-wrapper {
  height: 120%;
}

.headline-team {
  color: var(--black);
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 7vw;
  font-weight: 400;
  line-height: 72%;
  display: none;
}

.headline-team.einzug {
  letter-spacing: -.04em;
  text-indent: 20%;
  font-size: 3.8vw;
  display: inline-block;
  overflow: hidden;
}

.headline-team.einzug.web {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.55vw;
}

.headline-team.einzug.web.mobil {
  display: none;
}

.headline-team.einzug.legal {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.75vw;
}

.headline-team.einzug.legal {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.55vw;
}

.headline-team.einzug.legal.mobil {
  display: none;
}

.headline-team.einzug.produktion {
  letter-spacing: -.04em;
  width: 100%;
  font-size: 3.75vw;
}

.headline-team.einzug.produktion.mobil {
  display: none;
}

.headline-team.leitsatz {
  text-indent: 16.5%;
  font-size: 3.75vw;
}

.headline-team.team-hover {
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 7vw;
  line-height: 99%;
}

.kontakt-mails {
  justify-content: space-between;
  display: flex;
}

.kontakt-grid {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  grid-template-columns: .5fr 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.project-info-text {
  padding-right: var(--padding-s);
  padding-left: var(--padding-s);
  grid-column-gap: var(--gap);
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.div-video {
  width: 100%;
}

.code-embed-5, .code-embed-6 {
  aspect-ratio: 16 / 9;
}

.video-landscape-copy {
  aspect-ratio: 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.video {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.video._16-9 {
  aspect-ratio: 16 / 9;
}

.video._9-16 {
  aspect-ratio: 9 / 16;
  height: auto;
  max-height: 90vh;
}

.video._45 {
  align-self: center;
  width: 45%;
  height: auto;
}

.video._2-1 {
  aspect-ratio: 2;
}

.video-modal {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.video-modal._16-9 {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

.modal {
  z-index: 1;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.modal.link-with-cursor {
  display: none;
  overflow: hidden;
}

.modal.portrait, .modal.meinmodal {
  z-index: 100000;
  display: none;
}

.content-modal {
  z-index: 2;
  grid-column-gap: var(--gap);
  grid-row-gap: var(--gap);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: auto;
  display: flex;
  position: fixed;
  inset: auto;
}

.content-modal.landscape {
  width: 75%;
}

.info-modal {
  grid-column-gap: var(--gap);
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  display: none;
}

.info-modal.subpage {
  grid-column-gap: 40px;
}

.info-modal.portrait {
  grid-template-columns: 1fr 1fr;
}

.link-block-4 {
  position: fixed;
  inset: 0%;
}

.video-grid {
  grid-column-gap: var(--gap);
  grid-row-gap: var(--gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.video-grid.subpage {
  grid-column-gap: 40px;
}

.vimeo-hover-video {
  pointer-events: none;
}

.modal-portrait {
  z-index: 1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.modal-portrait.link-with-cursor {
  display: none;
  overflow: hidden;
}

.div-block-8 {
  width: 100%;
  height: 100%;
}

.footer-2 {
  grid-column-gap: 10px;
  grid-row-gap: 33px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  padding: 24px 24px 16px;
}

.label-3 {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
  display: block;
}

.label-3.sticky {
  position: sticky;
  top: 160px;
}

.label-3.sticky.datenschutz {
  width: 16%;
}

.footer-link-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #000;
  display: flex;
}

.image-wrapper-2 {
  z-index: 999;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 35% 0% 0%;
}

.circle-2 {
  z-index: -1;
  background-color: #f8ff7a;
  border-radius: 50%;
  width: 120vh;
  height: 120vh;
  display: none;
  position: sticky;
  inset: 0% auto;
}

.circle-2.blue {
  background-color: #94e4ff;
}

.tooltip-text-2 {
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Grotesque Mono, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
}

.tooltip-text-2.blue-3 {
  color: #94e4ff;
}

.spacer-l-2 {
  height: 80px;
}

.spacer-l-2.s-2 {
  height: 24px;
}

.tooltip-wrapper-2 {
  z-index: 999;
  background-color: #f8ff7a;
  padding: 5px 8px 4px;
  display: none;
  position: fixed;
  inset: 12px auto auto 12px;
}

.tooltip-wrapper-2.blue-2 {
  z-index: 999999;
  color: #94e4ff;
  background-color: #000;
}

.display-quote-wrapper {
  color: #000;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 32vh;
  font-weight: 500;
  line-height: 80%;
  position: sticky;
  inset: 15% auto auto;
}

.vimeo-embed-2 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.vimeo-embed-2._16-9 {
  aspect-ratio: 16 / 9;
}

.vimeo-embed-2._16-9._45 {
  align-self: center;
  width: 45%;
  height: auto;
  margin-top: 10%;
}

.cta-3 {
  background-color: #f8ff7a;
  padding: 5px 8px 4px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.circular-transition-2 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.circular-transition-2.blue {
  height: 100%;
}

.display-quote-2 {
  color: var(--white);
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  max-width: 95%;
  margin: 0 auto;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 40vh;
  font-weight: 500;
  line-height: 80%;
  position: sticky;
  inset: 15% auto auto;
}

.display-job-2 {
  color: var(--white);
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 15vw;
  font-weight: 500;
  line-height: 80%;
  position: static;
  inset: 15% auto auto;
}

.avpq-logo {
  mix-blend-mode: normal;
  width: 120px;
}

.typo-start {
  width: auto;
  margin-top: -8px;
  overflow: hidden;
}

.display {
  color: var(--white);
  text-align: center;
  letter-spacing: -.4rem;
  text-transform: uppercase;
  width: 205vw;
  max-width: none;
  height: 10vw;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Montreal Squeezed, Arial, sans-serif;
  font-size: 12.2vw;
  font-weight: 500;
  line-height: 83%;
  overflow: visible;
}

.display.projekte {
  letter-spacing: -.3rem;
  font-size: 16.4vw;
}

.display.projekte.fade-up.tricks {
  text-align: center;
  width: auto;
  height: auto;
  font-size: 16.2vw;
}

.vimeo-placeholder {
  width: 100%;
  height: 100%;
}

.vimeo-embed-3 {
  aspect-ratio: 9 / 16;
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.div-block-9 {
  width: 300px;
}

.image-105 {
  width: 35%;
  margin-left: auto;
  margin-right: auto;
}

.expand-icon, .close-icon {
  display: none;
}

.no-break {
  white-space: nowrap;
}

.background-blur {
  z-index: 1001;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #272727c2;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.navbar-sec-link, .link-block-6 {
  width: 50%;
}

@media screen and (max-width: 991px) {
  .wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }

  .wrapper.first {
    margin-left: 0;
    margin-right: 0;
  }

  .display-1.projekte.fade-up.tricks {
    font-size: 17.3vw;
  }

  .display-1.logo {
    font-size: 31.5vw;
  }

  .display-2.center {
    letter-spacing: -.03em;
    font-size: 10vw;
  }

  .headline-1 {
    font-size: 4.8vw;
  }

  .headline-1.einzug {
    font-size: 5.8vw;
  }

  .headline-1.einzug.web {
    display: none;
  }

  .headline-1.einzug.web.mobil {
    text-indent: 18%;
    font-size: 6.5vw;
    display: block;
  }

  .headline-1.einzug.legal {
    display: none;
  }

  .headline-1.einzug.legal.mobil {
    text-indent: 18%;
    font-size: 6.1vw;
    display: block;
  }

  .headline-1.einzug.produktion {
    display: block;
  }

  .headline-1.einzug.produktion.mobil {
    text-indent: 18%;
    font-size: 6.1vw;
    display: block;
  }

  .headline-1.einzug {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 4.8vw;
  }

  .headline-2 {
    letter-spacing: -.02em;
    font-size: 36px;
  }

  .label.komma.mobile-only {
    display: none;
  }

  .label.sticky.karriere {
    position: static;
  }

  .container {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .navbar {
    z-index: 1000;
  }

  .spacer-l {
    height: 64px;
  }

  .spacer-l:where(.w-variant-9b1c0d39-f8a3-6111-520b-57e09a9955b4) {
    height: 30vh;
  }

  .spacer-l:where(.w-variant-a87eb00c-dbe8-6324-6ea4-b35900834135) {
    height: 24px;
  }

  .spacer-l:where(.w-variant-be316d71-742f-35cc-5194-f27d345357c7) {
    height: 140px;
  }

  .spacer-l:where(.w-variant-525c7200-da6c-6d99-eb59-94f3c13a8087) {
    max-height: 8px;
  }

  .spacer-l.mobile {
    display: block;
  }

  .spacer-l.m {
    height: 24px;
  }

  .grid-text {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
  }

  .cta {
    align-self: auto;
  }

  .cta.invert {
    background-color: var(--black);
    color: var(--yellow);
  }

  .link-with-cursor, .link-with-cursor.count-trigger, .link-with-cursor.click-overlay {
    position: relative;
  }

  .tooltip-wrapper, .menu-button-2, .icon {
    display: none;
  }

  .div-cta.only-mobile {
    justify-content: center;
    display: flex;
  }

  .mobile-only {
    display: none;
  }

  .spacer-xl {
    height: 64px;
  }

  .spacer-xl:where(.w-variant-9b1c0d39-f8a3-6111-520b-57e09a9955b4) {
    height: 30vh;
  }

  .spacer-xl:where(.w-variant-a87eb00c-dbe8-6324-6ea4-b35900834135), .spacer-xl.m {
    height: 24px;
  }

  .nav-menu {
    display: none;
    overflow: visible;
  }

  .navbar-sec {
    display: none;
  }

  .code-embed-3 {
    mix-blend-mode: difference;
    will-change: mix-blend-mode, transform;
    width: 70vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .project-info {
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-list-3 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .vimeo-embed._16-9._45 {
    width: 65%;
  }

  .projects-grid.link-with-cursor {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: .25fr 1fr 2fr;
    padding: 16px;
  }

  .diziplinen-liste-vertical {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .overline-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .more-projects-grid.link-with-cursor {
    grid-template-columns: 1.25fr .5fr .25fr;
  }

  .more-projects-link {
    grid-template-columns: .25fr 1.75fr;
  }

  .more-projects-link.w--current {
    grid-template-columns: .25fr 2fr;
  }

  .body-text.two-columns {
    column-count: 1;
  }

  .label-cta.invert {
    color: var(--yellow);
  }

  .label-cta.blue {
    color: #94e4ff;
  }

  .display-start {
    letter-spacing: -.03em;
  }

  .display-start.projekte.fade-up.tricks {
    font-size: 30vw;
  }

  .sticky-text-div.karriere {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    margin-left: 24px;
    margin-right: 24px;
  }

  .circular-transition {
    height: 180vh;
  }

  .display-quote {
    font-size: 21vh;
  }

  .display-quote.projekte.fade-up.tricks {
    font-size: 17.3vw;
  }

  .display-quote.logo {
    font-size: 31.5vw;
  }

  .image-wrapper {
    z-index: 9;
  }

  .carousel-wrapper {
    min-width: 150%;
  }

  .nav-dot, .mobile-arrow {
    display: none;
  }

  .burger-icon {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    flex-flow: column;
    display: flex;
  }

  .burger-slice-1 {
    transform-origin: 0;
    width: 24px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .burger-slice-2 {
    width: 24px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .burger-slice-3 {
    transform-origin: 0;
    width: 24px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-button-3 {
    padding: 0;
    display: none;
  }

  .menu-button-3.w--open {
    background-color: #0000;
    padding: 0;
  }

  .mobile-nav-link {
    letter-spacing: -.03em;
    text-transform: uppercase;
    font-family: Neue Montreal Squeezed, Arial, sans-serif;
    font-size: 20vw;
    line-height: 80%;
  }

  .navbar-mobile {
    z-index: 999;
    grid-column-gap: 4%;
    grid-row-gap: 4%;
    background-color: var(--blue);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .cta-mobil {
    background-color: #0000;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    display: flex;
    position: static;
  }

  .cta-mobil.sticky {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -7%;
    position: sticky;
    top: 88%;
  }

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

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

  .projects-link {
    grid-template-columns: .25fr 1.75fr;
  }

  .projects-link.w--current {
    grid-template-columns: .25fr 2fr;
  }

  .leistungen-grid {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .body-text-l {
    font-size: 4vw;
  }

  .body-text-l.einzug {
    font-size: 5.8vw;
  }

  .body-text-l.einzug.web {
    display: none;
  }

  .body-text-l.einzug.web.mobil {
    text-indent: 18%;
    font-size: 6.5vw;
    display: block;
  }

  .body-text-l.einzug.legal {
    display: none;
  }

  .body-text-l.einzug.legal.mobil {
    text-indent: 18%;
    font-size: 6.1vw;
    display: block;
  }

  .body-text-l.einzug.produktion {
    display: block;
  }

  .body-text-l.einzug.produktion.mobil {
    text-indent: 18%;
    font-size: 6.1vw;
    display: block;
  }

  .body-text-l.leitsatz {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 4.8vw;
  }

  ._60-div {
    max-width: none;
  }

  .jobs-grid.link-with-cursor {
    grid-template-columns: .25fr 1.5fr .75fr;
  }

  .display-job {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    font-size: 24vh;
  }

  .display-job.projekte.fade-up.tricks {
    font-size: 17.3vw;
  }

  .display-job.logo {
    font-size: 31.5vw;
  }

  .team-image-item {
    width: 100%;
    position: static;
    overflow: hidden;
  }

  .team-text-item {
    flex-flow: column;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    position: static;
  }

  .team-list {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    justify-content: center;
    align-items: flex-start;
  }

  .team-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-self: flex-start;
    width: 100%;
  }

  .headline-team {
    font-size: 14vw;
    display: block;
  }

  .headline-team.einzug {
    font-size: 5.8vw;
  }

  .headline-team.einzug.web {
    display: none;
  }

  .headline-team.einzug.web.mobil {
    text-indent: 18%;
    font-size: 6.5vw;
    display: block;
  }

  .headline-team.einzug.legal {
    display: none;
  }

  .headline-team.einzug.legal.mobil {
    text-indent: 18%;
    font-size: 6.1vw;
    display: block;
  }

  .headline-team.einzug.produktion {
    display: block;
  }

  .headline-team.einzug.produktion.mobil {
    text-indent: 18%;
    font-size: 6.1vw;
    display: block;
  }

  .headline-team.leitsatz {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 4.8vw;
  }

  .kontakt-grid {
    grid-template-columns: .25fr 1fr;
  }

  .project-info-text {
    grid-row-gap: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .modal.portrait, .modal.meinmodal {
    display: none;
  }

  .content-modal {
    width: 75%;
  }

  .content-modal.landscape {
    width: 90%;
  }

  .info-modal {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .video-grid {
    grid-row-gap: 24px;
    grid-template-columns: 45% 45% 45% 45% 45% 45% 45%;
    grid-auto-columns: 45%;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
  }

  .label-3.sticky.datenschutz {
    position: static;
  }

  .image-wrapper-2 {
    z-index: 9;
  }

  .spacer-l-2 {
    height: 64px;
  }

  .tooltip-wrapper-2 {
    opacity: 0;
    display: none;
  }

  .tooltip-wrapper-2.blue-2 {
    opacity: 0;
  }

  .display-quote-wrapper {
    font-size: 21vh;
  }

  .vimeo-embed-2._16-9._45 {
    width: 65%;
  }

  .cta-3 {
    align-self: auto;
  }

  .cta-3.invert {
    color: #f8ff7a;
    background-color: #000;
  }

  .circular-transition-2 {
    height: 100%;
  }

  .display-quote-2 {
    font-size: 18vh;
  }

  .display-job-2 {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    font-size: 24vh;
  }

  .display.projekte.fade-up.tricks {
    font-size: 30vw;
  }

  .image-105 {
    width: 60%;
  }

  .expand-icon {
    z-index: 1;
    margin-top: 0;
    margin-right: 0;
    display: block;
    position: absolute;
    inset: 2% 4% auto auto;
  }

  .expand-icon.landscape {
    z-index: 1;
    top: 4%;
    right: 2%;
  }

  .close-icon {
    display: block;
    position: absolute;
    inset: 2% 5% auto auto;
  }
}

@media screen and (max-width: 767px) {
  .wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .display-1.projekte.fade-up.tricks {
    text-align: center;
    letter-spacing: -.03em;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 33vw;
  }

  .display-1.logo {
    letter-spacing: -.035em;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 31vw;
  }

  .display-2.center {
    font-size: 18vw;
  }

  .headline-1 {
    font-size: 4.8vw;
  }

  .headline-1.einzug {
    font-size: 7vw;
  }

  .headline-1.einzug.web.mobil, .headline-1.einzug.legal.mobil, .headline-1.einzug.legal.mobil, .headline-1.einzug.produktion.mobil {
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 8.1vw;
  }

  .headline-1.einzug {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .headline-2 {
    font-size: 32px;
  }

  .body {
    font-size: 18px;
  }

  .body.mobile-margin {
    column-count: 1;
    column-gap: 0;
    margin-left: 16px;
    margin-right: 16px;
  }

  .label.mobile-margin {
    margin-left: 16px;
    margin-right: 16px;
  }

  .label.komma.mobile-only {
    display: block;
  }

  .label.numbering-block {
    display: none;
  }

  .label.sticky {
    position: static;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .navbar-div {
    margin-left: 16px;
    margin-right: 16px;
  }

  .navbar {
    z-index: 99999;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .spacer-l {
    height: 40px;
  }

  .spacer-l:where(.w-variant-9b1c0d39-f8a3-6111-520b-57e09a9955b4) {
    height: 12vh;
  }

  .spacer-l:where(.w-variant-a87eb00c-dbe8-6324-6ea4-b35900834135) {
    height: 24px;
  }

  .spacer-l:where(.w-variant-be316d71-742f-35cc-5194-f27d345357c7) {
    height: 120px;
  }

  .spacer-l.m {
    height: 24px;
  }

  .grid-text {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .grid-images {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .link-wrapper.mobile-margin, .footer-info {
    margin-left: 16px;
    margin-right: 16px;
  }

  .link-with-cursor {
    margin-left: 0;
    margin-right: 0;
  }

  .div-cta {
    justify-content: center;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
  }

  .mobile-only {
    display: block;
  }

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

  .spacer-xl {
    height: 40px;
  }

  .spacer-xl:where(.w-variant-9b1c0d39-f8a3-6111-520b-57e09a9955b4) {
    height: 14vh;
  }

  .spacer-xl:where(.w-variant-a87eb00c-dbe8-6324-6ea4-b35900834135), .spacer-xl.m {
    height: 24px;
  }

  .text-span-2 {
    white-space: nowrap;
  }

  .navbar-sec {
    height: 70vh;
    display: none;
  }

  .navbar-sec-div.kreation, .navbar-sec-div.produktion {
    width: 100%;
  }

  .code-embed-3 {
    mix-blend-mode: difference;
    width: 80vw;
  }

  ._3er-thumbnail {
    grid-template-columns: auto auto auto;
    overflow: scroll;
  }

  ._2er-thumbnail {
    grid-template-columns: auto auto;
    overflow: scroll;
  }

  .project-info {
    grid-row-gap: 12px;
    grid-template-columns: 1.5fr .25fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .project-info.subpage {
    grid-row-gap: 16px;
    grid-template-columns: .5fr 2fr;
    grid-auto-columns: 1fr;
  }

  .collection-list-3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .vimeo-embed.m {
    width: 90vw;
  }

  .vimeo-embed.s {
    width: 60vw;
  }

  .vimeo-embed._16-9._45 {
    width: 75%;
  }

  .projects-grid.link-with-cursor {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: .25fr 1fr;
    margin-left: 0;
    margin-right: 0;
    padding: 16px;
  }

  .diziplinen-liste-vertical {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .diziplinen-liste-vertical.mobile-comma {
    flex-flow: wrap;
  }

  ._2er-grid, ._3er-grid {
    grid-template-columns: 1fr;
  }

  .empty {
    display: none;
  }

  .project-facts {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1.5fr .25fr;
  }

  .content {
    margin-left: 24px;
    margin-right: 24px;
  }

  .overline-text {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .more-projects-grid.link-with-cursor {
    grid-template-columns: .25fr 1.25fr .25fr;
    margin-left: 0;
    margin-right: 0;
    padding: 16px;
  }

  .more-projects-link, .more-projects-link.w--current {
    grid-template-columns: 1fr;
  }

  .footer {
    grid-template-columns: 4fr .5fr;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .body-text {
    margin-bottom: 0;
    font-size: 16px;
  }

  .body-text.two-columns {
    column-count: 1;
  }

  .display-start {
    letter-spacing: -.03em;
  }

  .display-start.projekte.fade-up.tricks {
    text-align: center;
    letter-spacing: -.03em;
    margin-left: auto;
    margin-right: auto;
    font-size: 33vw;
  }

  .navbar-sec-wrapper {
    flex-flow: column;
  }

  .spotlight-projects-grid.link-with-cursor {
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
  }

  .switch-arrow-svg {
    margin-top: 0;
    font-size: 14px;
  }

  .code-embed-4 {
    align-self: flex-start;
    margin-top: -6px;
  }

  .sticky-text-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .sticky-text-div.karriere {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .circular-transition {
    height: 140vh;
  }

  .display-quote {
    font-size: 16vh;
  }

  .display-quote.projekte.fade-up.tricks {
    text-align: center;
    letter-spacing: -.03em;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 33vw;
  }

  .display-quote.logo {
    letter-spacing: -.035em;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 31vw;
  }

  .quote-wrapper.link-with-cursor {
    height: 300vh;
    margin-right: 0;
  }

  .logo-carousel {
    margin-top: 40px;
  }

  .carousel-wrapper {
    min-width: 250%;
  }

  .nav-dot.mobile-margin, .nav-text.mobile-margin {
    margin-left: 16px;
    margin-right: 16px;
  }

  .mobile-arrow {
    display: block;
  }

  .desktop-only {
    display: none;
  }

  .disziplinen-collection-item {
    display: flex;
  }

  .image-101, .image-102 {
    width: 90vw;
    max-width: none;
  }

  .image-103 {
    width: 70vw;
    max-width: none;
  }

  .image-104, .spotlight-image {
    width: 90vw;
    max-width: none;
  }

  .burger-icon {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    flex-flow: column;
    justify-content: center;
    width: 24px;
    height: 24px;
    display: flex;
  }

  .burger-slice-1 {
    background-color: var(--white);
    transform-origin: 0;
    width: 24px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .burger-slice-2 {
    background-color: var(--white);
    width: 24px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .burger-slice-3 {
    background-color: var(--white);
    transform-origin: 0;
    width: 24px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-button-3 {
    padding: 0;
  }

  .cta-mobil.sticky {
    margin-bottom: -9%;
    top: 65%;
  }

  .cta-mobil.center {
    margin-left: auto;
    margin-right: auto;
  }

  .collection-item {
    display: flex;
  }

  .projects-link {
    grid-template-columns: .25fr 1.25fr .25fr;
  }

  .projects-link.w--current {
    grid-template-columns: 1fr;
  }

  .leistungen-grid {
    grid-template-columns: .25fr 2fr;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .image-65 {
    width: 80%;
  }

  .body-text-l {
    letter-spacing: -.03em;
    font-size: 3.5vw;
  }

  .body-text-l.einzug {
    font-size: 7vw;
  }

  .body-text-l.einzug.web.mobil, .body-text-l.einzug.legal.mobil, .body-text-l.einzug.legal.mobil, .body-text-l.einzug.produktion.mobil {
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 8.1vw;
  }

  .body-text-l.leitsatz {
    margin-top: 10px;
    margin-bottom: 16px;
  }

  ._60-div {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .jobs-grid.link-with-cursor {
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr 1fr .25fr;
    margin-left: 0;
    margin-right: 0;
    padding: 24px;
  }

  .display-job {
    font-size: 18vh;
  }

  .display-job.projekte.fade-up.tricks {
    text-align: center;
    letter-spacing: -.03em;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 33vw;
  }

  .display-job.logo {
    letter-spacing: -.035em;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 31vw;
  }

  .job-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .job-grid {
    grid-row-gap: 24px;
  }

  .headline-team {
    font-size: 17vw;
  }

  .headline-team.einzug {
    font-size: 7vw;
  }

  .headline-team.einzug.web.mobil, .headline-team.einzug.legal.mobil, .headline-team.einzug.legal.mobil, .headline-team.einzug.produktion.mobil {
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 8.1vw;
  }

  .headline-team.leitsatz {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .kontakt-grid {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .project-info-text {
    grid-row-gap: 0px;
    grid-template-columns: 1.5fr .25fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .project-info-text.subpage {
    grid-row-gap: 16px;
    grid-template-columns: .5fr 2fr;
    grid-auto-columns: 1fr;
  }

  .content-modal {
    width: 80%;
  }

  .info-modal {
    grid-row-gap: 0px;
    grid-template-columns: 1.5fr .25fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .info-modal.subpage {
    grid-row-gap: 16px;
    grid-template-columns: .5fr 2fr;
    grid-auto-columns: 1fr;
  }

  .video-grid {
    grid-row-gap: 0px;
    grid-template-columns: 90% 90% 90% 90% 90% 90% 90% 90%;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll hidden;
  }

  .video-grid.subpage {
    grid-row-gap: 16px;
    grid-template-columns: .5fr 2fr;
    grid-auto-columns: 1fr;
  }

  .footer-2 {
    grid-template-columns: 4fr .5fr;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .label-3.sticky {
    position: static;
  }

  .spacer-l-2 {
    height: 40px;
  }

  .display-quote-wrapper {
    font-size: 16vh;
  }

  .vimeo-embed-2._16-9._45 {
    width: 75%;
  }

  .circular-transition-2 {
    height: 100%;
  }

  .display-quote-2 {
    font-size: 16vh;
  }

  .display-job-2 {
    font-size: 18vh;
  }

  .typo-start {
    margin-top: 0;
  }

  .display.projekte.fade-up.tricks {
    text-align: center;
    letter-spacing: -.03em;
    margin-left: auto;
    margin-right: auto;
    font-size: 33vw;
  }

  .standbild {
    max-width: none;
    height: 100%;
  }

  .expand-icon {
    z-index: 1;
    top: 2%;
    right: 3%;
  }

  .expand-icon.landscape {
    z-index: 1;
  }

  .close-icon {
    position: absolute;
    inset: 2% 5% auto auto;
  }

  .navbar-sec-link {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 479px) {
  .wrapper.first {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .display-1.projekte.fade-up.tricks {
    font-size: 31vw;
  }

  .display-1.logo {
    font-size: 29vw;
  }

  .display-2.center {
    font-size: 20vw;
  }

  .headline-1 {
    font-size: 7.4vw;
    line-height: 125%;
  }

  .headline-1.einzug {
    font-size: 7.5vw;
  }

  .headline-1.einzug.web.mobil {
    font-size: 7.7vw;
  }

  .headline-1.einzug.legal.mobil, .headline-1.einzug.produktion.mobil {
    font-size: 7.9vw;
  }

  .headline-1.einzug {
    text-indent: 12%;
    margin-bottom: 0;
    font-size: 7.4vw;
  }

  .headline-1.team {
    display: block;
  }

  .headline-2 {
    font-size: 24px;
  }

  .label.hide-on-mobile {
    display: none;
  }

  .label.mobile-margin.two-columns {
    column-count: 1;
  }

  .label.mobile-margin.hard-facts {
    text-align: left;
  }

  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .navbar-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 3fr 1fr;
    margin-left: 12px;
    margin-right: 12px;
  }

  .navbar {
    z-index: 99999;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .spacer-l {
    height: 24px;
  }

  .spacer-l:where(.w-variant-9b1c0d39-f8a3-6111-520b-57e09a9955b4) {
    height: 8vh;
  }

  .spacer-l:where(.w-variant-be316d71-742f-35cc-5194-f27d345357c7) {
    height: 80px;
  }

  .spacer-l.mobile {
    height: 40px;
  }

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

  .video-panorama {
    transform: rotate(0);
  }

  .footer-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .link-with-cursor.count-trigger {
    position: static;
  }

  .brand {
    padding-left: 0;
  }

  .spacer-xl:where(.w-variant-9b1c0d39-f8a3-6111-520b-57e09a9955b4) {
    height: 10vh;
  }

  .spacer-xl.mobile {
    height: 40px;
  }

  .text-span {
    white-space: nowrap;
  }

  .navbar-sec {
    display: none;
  }

  .code-embed-3 {
    mix-blend-mode: difference;
    width: 85vw;
  }

  .project-info {
    grid-template-columns: 2fr .25fr;
  }

  .project-info.subpage {
    grid-auto-columns: 1.5fr;
  }

  .collection-list-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 10px;
  }

  ._3er-thumbnail-2, ._2er-grid, ._3er-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .content {
    margin-left: 16px;
    margin-right: 16px;
  }

  .footer {
    grid-row-gap: 24px;
  }

  .footer-link-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-link-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .display-start.projekte.fade-up.tricks {
    font-size: 31vw;
  }

  .switch-arrow-svg {
    margin-top: 0;
  }

  .sticky-text-div {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .sticky-text-div.karriere {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .circular-transition {
    height: 140vh;
  }

  .circle {
    width: 120vh;
    height: 120vh;
  }

  .display-quote {
    font-size: 9vh;
    line-height: 85%;
  }

  .display-quote.projekte.fade-up.tricks {
    font-size: 31vw;
  }

  .display-quote.logo {
    font-size: 29vw;
  }

  .sticky-quote {
    padding-top: 80px;
  }

  .quote-wrapper.link-with-cursor {
    height: 180vh;
  }

  .quote-wrapper.blue.link-with-cursor {
    height: 100vh;
  }

  .image-45 {
    width: 65%;
  }

  .image-33 {
    width: 56%;
  }

  .image-wrapper {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    bottom: auto;
    overflow: visible;
  }

  .logo-carousel {
    margin-top: 24px;
  }

  .logo-item {
    width: 140px;
  }

  .nav-dot.hide-on-mobile {
    display: none;
  }

  .nav-dot.mobile-margin.two-columns {
    column-count: 1;
  }

  .nav-dot.mobile-margin.hard-facts {
    text-align: left;
  }

  .nav-text.hide-on-mobile {
    display: none;
  }

  .nav-text.mobile-margin.two-columns {
    column-count: 1;
  }

  .nav-text.mobile-margin.hard-facts {
    text-align: left;
  }

  .cta-mobil.sticky {
    margin-bottom: -15%;
    top: 40%;
  }

  .leistungen-grid {
    grid-template-columns: .25fr 1.5fr;
    padding: 16px;
  }

  .body-text-l {
    font-size: 5vw;
    line-height: 125%;
  }

  .body-text-l.einzug {
    font-size: 7.5vw;
  }

  .body-text-l.einzug.web.mobil {
    font-size: 7.7vw;
  }

  .body-text-l.einzug.legal.mobil, .body-text-l.einzug.produktion.mobil {
    font-size: 7.9vw;
  }

  .body-text-l.leitsatz {
    text-indent: 12%;
    font-size: 7.4vw;
  }

  ._60-div {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .benefits {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .jobs-grid.link-with-cursor {
    grid-row-gap: 6px;
    padding: 16px;
  }

  .display-job {
    font-size: 10vh;
    line-height: 85%;
  }

  .display-job.projekte.fade-up.tricks {
    font-size: 31vw;
  }

  .display-job.logo {
    font-size: 29vw;
  }

  .job-div {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .job-grid {
    grid-row-gap: 16px;
  }

  .team-image-item {
    order: 1;
    width: 100%;
    position: static;
    top: 0%;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .team-text-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 5% 0%;
    left: 0;
    right: auto;
  }

  .team-list {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    justify-content: center;
    align-items: flex-start;
  }

  .team-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-self: flex-start;
    width: 100%;
  }

  .headline-team {
    font-size: 17vw;
    line-height: 72%;
    display: none;
  }

  .headline-team.einzug {
    font-size: 7.5vw;
  }

  .headline-team.einzug.web.mobil {
    font-size: 7.7vw;
  }

  .headline-team.einzug.legal.mobil, .headline-team.einzug.produktion.mobil {
    font-size: 7.9vw;
  }

  .headline-team.leitsatz {
    text-indent: 12%;
    margin-bottom: 0;
    font-size: 7.4vw;
  }

  .kontakt-mails {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .kontakt-grid {
    grid-row-gap: 24px;
  }

  .project-info-text {
    grid-template-columns: 2fr .25fr;
  }

  .project-info-text.subpage {
    grid-auto-columns: 1.5fr;
  }

  .modal.portrait, .modal.meinmodal {
    display: none;
  }

  .content-modal {
    width: 75%;
  }

  .info-modal {
    grid-template-columns: 2fr .25fr;
  }

  .info-modal.subpage {
    grid-auto-columns: 1.5fr;
  }

  .video-grid {
    grid-template-columns: 90% 90% 90% 90% 90% 90% 90% 90%;
    overflow-y: hidden;
  }

  .video-grid.subpage {
    grid-auto-columns: 1.5fr;
  }

  .footer-2 {
    grid-row-gap: 24px;
    grid-template-columns: 4.5fr .25fr;
  }

  .image-wrapper-2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    top: 30%;
    bottom: auto;
    overflow: visible;
  }

  .circle-2 {
    width: 120vh;
    height: 120vh;
  }

  .circle-2.blue {
    width: 100vh;
  }

  .spacer-l-2 {
    height: 24px;
  }

  .display-quote-wrapper {
    font-size: 9vh;
    line-height: 85%;
  }

  .vimeo-embed-2._16-9._45 {
    margin-top: 25%;
  }

  .circular-transition-2 {
    height: 100%;
  }

  .display-quote-2 {
    font-size: 9vh;
    line-height: 85%;
    position: static;
  }

  .display-job-2 {
    font-size: 10vh;
    line-height: 85%;
  }

  .display.projekte.fade-up.tricks {
    font-size: 31vw;
  }

  .video-and-modal {
    position: relative;
  }

  .standbild {
    max-width: 100%;
    height: auto;
  }

  .expand-icon {
    z-index: 1;
    mix-blend-mode: difference;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-right: 0;
    position: absolute;
    inset: 2.5% 4% auto auto;
  }

  .expand-icon.landscape {
    z-index: 1;
  }

  .close-icon {
    z-index: 1000;
    mix-blend-mode: normal;
    margin-top: 0;
    margin-right: 0;
    position: absolute;
    inset: 2% 5% auto auto;
  }
}

#w-node-_964726ac-7555-8155-6d55-63313ef55a5d-6c1dbde9, #w-node-ee6a4280-7fa9-4668-8626-031f3de15c1e-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0a4cd738-8b08-ded1-cef4-1bc49664c3d6-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_8c1c0d23-97c4-0d10-608b-358da9853378-6c1dbde9, #w-node-_8c1c0d23-97c4-0d10-608b-358da985337c-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ca2f1c6-e97b-193f-7d75-84817adedaea-6c1dbde9 {
  justify-self: end;
}

#w-node-_8526a255-1764-b044-39cd-5cadf3032f55-6c1dbde9, #w-node-_8526a255-1764-b044-39cd-5cadf3032f57-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8526a255-1764-b044-39cd-5cadf3032f59-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_50a14401-b5b0-f456-e19c-f46b3f64442a-6c1dbde9, #w-node-_46432ff9-0c8e-fbee-7193-99edf6252122-6c1dbde9 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-cd8401c9-74a8-1336-2aad-7cefcb2497c1-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_939db70a-ecd6-9ac4-f304-a897b2ff0673-6c1dbde9 {
  justify-self: end;
}

#w-node-c37be8cd-8d49-df76-6329-2f323c198e83-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-b3cc50a9-2c42-46ee-d9d2-590e5743bef4-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-ba24d6d2-1fb3-c6b2-73fe-4e62fe907c46-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba24d6d2-1fb3-c6b2-73fe-4e62fe907c48-6c1dbde9 {
  justify-self: end;
}

#w-node-_4d4bfaac-1ce7-b08c-1add-18eaa9de217d-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_21ed2a0b-98ea-32bf-929e-2844860faf8e-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-cbb704d9-8042-db53-42dd-d4f6aa0a8df9-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cbb704d9-8042-db53-42dd-d4f6aa0a8dfb-6c1dbde9 {
  justify-self: end;
}

#w-node-_023cad69-e156-cb8f-f6de-afa0107a49d9-6c1dbde9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_023cad69-e156-cb8f-f6de-afa0107a49da-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_251dd6ab-cf3a-2122-246c-732b404a658a-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_251dd6ab-cf3a-2122-246c-732b404a658c-6c1dbde9 {
  justify-self: end;
}

#w-node-_33b859f3-ff1e-c6c7-e1b2-bf8924d51ad9-6c1dbde9 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_33b859f3-ff1e-c6c7-e1b2-bf8924d51ada-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-dbbde36f-33e1-b5a9-7d15-2cfdbebd71f5-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dbbde36f-33e1-b5a9-7d15-2cfdbebd71f7-6c1dbde9 {
  justify-self: end;
}

#w-node-_1ad0c88b-4b6f-f286-b47f-0542925ed215-6c1dbde9 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_1ad0c88b-4b6f-f286-b47f-0542925ed216-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_289ae281-166f-e4f6-e3c0-c0b306184be3-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_289ae281-166f-e4f6-e3c0-c0b306184be5-6c1dbde9 {
  justify-self: end;
}

#w-node-_167d6485-0afc-48e6-811f-0f7a812b7191-6c1dbde9 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_167d6485-0afc-48e6-811f-0f7a812b7192-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_365c67ef-a53a-8a6c-e436-a794b96f903d-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_365c67ef-a53a-8a6c-e436-a794b96f903f-6c1dbde9 {
  justify-self: end;
}

#w-node-_23472659-df78-4acd-2be0-d9ce98e6d836-6c1dbde9 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_23472659-df78-4acd-2be0-d9ce98e6d837-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_5c096e11-c81e-8860-f57b-35577992ae17-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c096e11-c81e-8860-f57b-35577992ae19-6c1dbde9 {
  justify-self: end;
}

#w-node-_574508fb-7de0-c637-2c2f-921d94c32419-6c1dbde9, #w-node-_574508fb-7de0-c637-2c2f-921d94c3241b-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_574508fb-7de0-c637-2c2f-921d94c3241d-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_8dad779d-0d7e-79a6-1b2b-b16ee3488791-6c1dbde9, #w-node-_8dad779d-0d7e-79a6-1b2b-b16ee3488793-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8dad779d-0d7e-79a6-1b2b-b16ee3488795-6c1dbde9 {
  justify-self: end;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef591b1-6c1dbde9, #w-node-d2dd6607-32af-fe25-2f9e-240b4ef591b3-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef591b5-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef591b8-6c1dbde9, #w-node-d2dd6607-32af-fe25-2f9e-240b4ef591b9-6c1dbde9 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_84411157-2e8b-52a8-6de4-0ef142f4a1db-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_84411157-2e8b-52a8-6de4-0ef142f4a1dd-6c1dbde9 {
  justify-self: end;
}

#w-node-a2214e0d-d69c-1dc3-03bc-40a6900d6548-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-a2214e0d-d69c-1dc3-03bc-40a6900d6549-6c1dbde9 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-a2214e0d-d69c-1dc3-03bc-40a6900d654c-6c1dbde9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_03cb2f97-8d25-33d7-0800-181aae99b99c-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_03cb2f97-8d25-33d7-0800-181aae99b99e-6c1dbde9 {
  justify-self: end;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef591e7-6c1dbde9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef591e8-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-b8906601-38a1-2972-aa75-e3f4bfdc0799-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b8906601-38a1-2972-aa75-e3f4bfdc079b-6c1dbde9 {
  justify-self: end;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef591f7-6c1dbde9 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef591f8-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-ba752bd6-a33d-791b-4be9-9cf517baab5b-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba752bd6-a33d-791b-4be9-9cf517baab5d-6c1dbde9 {
  justify-self: end;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef59207-6c1dbde9 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef59208-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_92e6b875-216b-dc78-7d7b-45c310c8f933-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_92e6b875-216b-dc78-7d7b-45c310c8f935-6c1dbde9 {
  justify-self: end;
}

#w-node-_33ff5789-1909-6d25-79b8-e1f7711b59a2-6c1dbde9 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_33ff5789-1909-6d25-79b8-e1f7711b59a3-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-cb707ae8-697f-0361-fe75-97c894f9740a-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb707ae8-697f-0361-fe75-97c894f9740c-6c1dbde9 {
  justify-self: end;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef59227-6c1dbde9 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-d2dd6607-32af-fe25-2f9e-240b4ef59228-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_28173d94-6664-b0ab-66c2-b7b232523802-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_28173d94-6664-b0ab-66c2-b7b232523804-6c1dbde9 {
  justify-self: end;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda11-6c1dbde9, #w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda13-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda15-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda27-6c1dbde9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda28-6c1dbde9 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda2b-6c1dbde9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda33-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda35-6c1dbde9 {
  justify-self: end;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda18-6c1dbde9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda19-6c1dbde9 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda24-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda26-6c1dbde9 {
  justify-self: end;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda36-6c1dbde9 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda37-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda42-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda44-6c1dbde9 {
  justify-self: end;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda45-6c1dbde9 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda46-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda51-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda53-6c1dbde9 {
  justify-self: end;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda63-6c1dbde9 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda64-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda6f-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda71-6c1dbde9 {
  justify-self: end;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda72-6c1dbde9 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda73-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda7e-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda80-6c1dbde9 {
  justify-self: end;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda54-6c1dbde9 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda55-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda60-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda62-6c1dbde9 {
  justify-self: end;
}

#w-node-d27142b8-8787-91c7-9691-dc40aaef6e3b-6c1dbde9, #w-node-d27142b8-8787-91c7-9691-dc40aaef6e3d-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d27142b8-8787-91c7-9691-dc40aaef6e3f-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d27142b8-8787-91c7-9691-dc40aaef6e4f-6c1dbde9, #w-node-d27142b8-8787-91c7-9691-dc40aaef6e51-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d27142b8-8787-91c7-9691-dc40aaef6e53-6c1dbde9 {
  justify-self: end;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9bea-6c1dbde9, #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9bec-6c1dbde9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9bee-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9bf1-6c1dbde9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9bf2-6c1dbde9 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9bfd-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9bff-6c1dbde9 {
  justify-self: end;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c00-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c01-6c1dbde9 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c0c-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c0e-6c1dbde9 {
  justify-self: end;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c0f-6c1dbde9, #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c10-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c1b-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c1d-6c1dbde9 {
  justify-self: end;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c2d-6c1dbde9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c2e-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c39-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c3b-6c1dbde9 {
  justify-self: end;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c3c-6c1dbde9 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c3d-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c48-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c4a-6c1dbde9 {
  justify-self: end;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c1e-6c1dbde9 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c1f-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c2a-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c2c-6c1dbde9 {
  justify-self: end;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c4b-6c1dbde9 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c4c-6c1dbde9 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c57-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c59-6c1dbde9 {
  justify-self: end;
}

#w-node-_60da3188-aac4-f1b9-33c0-c5090c0a107c-6c1dbde9 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_60da3188-aac4-f1b9-33c0-c5090c0a107d-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_60da3188-aac4-f1b9-33c0-c5090c0a1088-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_60da3188-aac4-f1b9-33c0-c5090c0a108a-6c1dbde9 {
  justify-self: end;
}

#w-node-_2d0b95a1-fff9-19c6-e993-1b22e5def478-6c1dbde9 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_2d0b95a1-fff9-19c6-e993-1b22e5def479-6c1dbde9 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_2d0b95a1-fff9-19c6-e993-1b22e5def484-6c1dbde9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d0b95a1-fff9-19c6-e993-1b22e5def486-6c1dbde9 {
  justify-self: end;
}

#w-node-_94c8f68d-d075-5df4-feab-dfd40f7c9b9d-6c1dbde9 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-d940b570-a4a4-c08b-f44e-57a4125b92de-125b92dd, #w-node-d940b570-a4a4-c08b-f44e-57a4125b92e4-125b92dd, #w-node-d940b570-a4a4-c08b-f44e-57a4125b92e6-125b92dd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1eb0856e-1c48-fd7c-974f-d1993fb22319-125b92dd {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_2f48288f-f284-c0cf-6b93-4716e80d4286-125b92dd {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_40e39f44-8e3b-6a27-c610-15603c626a5a-3c626a58 {
  justify-self: start;
}

#w-node-_40e39f44-8e3b-6a27-c610-15603c626a62-3c626a58 {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_0a4cd738-8b08-ded1-cef4-1bc49664c3d6-6c1dbde9, #w-node-_8526a255-1764-b044-39cd-5cadf3032f59-6c1dbde9 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_50a14401-b5b0-f456-e19c-f46b3f64442a-6c1dbde9 {
    grid-column: 1 / 2;
  }

  #w-node-c37be8cd-8d49-df76-6329-2f323c198e83-6c1dbde9 {
    grid-column: 2 / 3;
  }

  #w-node-_4d4bfaac-1ce7-b08c-1add-18eaa9de217d-6c1dbde9 {
    grid-column: 3 / 4;
  }

  #w-node-_023cad69-e156-cb8f-f6de-afa0107a49d9-6c1dbde9 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_33b859f3-ff1e-c6c7-e1b2-bf8924d51ad9-6c1dbde9 {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-_1ad0c88b-4b6f-f286-b47f-0542925ed215-6c1dbde9 {
    grid-area: 1 / 6 / 2 / 7;
  }

  #w-node-_167d6485-0afc-48e6-811f-0f7a812b7191-6c1dbde9 {
    grid-area: 1 / 7 / 2 / 8;
  }

  #w-node-_23472659-df78-4acd-2be0-d9ce98e6d836-6c1dbde9 {
    grid-area: 1 / 8 / 2 / 9;
  }

  #w-node-_574508fb-7de0-c637-2c2f-921d94c3241d-6c1dbde9, #w-node-d2dd6607-32af-fe25-2f9e-240b4ef591b5-6c1dbde9 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-d2dd6607-32af-fe25-2f9e-240b4ef591b8-6c1dbde9 {
    grid-column: 1 / 2;
  }

  #w-node-a2214e0d-d69c-1dc3-03bc-40a6900d6548-6c1dbde9 {
    grid-column: 2 / 3;
  }

  #w-node-d2dd6607-32af-fe25-2f9e-240b4ef591e7-6c1dbde9 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-d2dd6607-32af-fe25-2f9e-240b4ef591f7-6c1dbde9 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-d2dd6607-32af-fe25-2f9e-240b4ef59207-6c1dbde9 {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-_33ff5789-1909-6d25-79b8-e1f7711b59a2-6c1dbde9 {
    grid-area: 1 / 6 / 2 / 7;
  }

  #w-node-d2dd6607-32af-fe25-2f9e-240b4ef59227-6c1dbde9 {
    grid-area: 1 / 7 / 2 / 8;
  }

  #w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda15-6c1dbde9 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda36-6c1dbde9 {
    grid-row: 1 / 2;
  }

  #w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda45-6c1dbde9 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda63-6c1dbde9 {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda72-6c1dbde9 {
    grid-area: 1 / 6 / 2 / 7;
  }

  #w-node-_2bdc92f2-ce35-30c8-714e-d8d91bbfda54-6c1dbde9 {
    grid-area: 1 / 7 / 2 / 8;
  }

  #w-node-d27142b8-8787-91c7-9691-dc40aaef6e3f-6c1dbde9 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-d27142b8-8787-91c7-9691-dc40aaef6e4f-6c1dbde9, #w-node-d27142b8-8787-91c7-9691-dc40aaef6e51-6c1dbde9 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d27142b8-8787-91c7-9691-dc40aaef6e53-6c1dbde9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
  }

  #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9bee-6c1dbde9 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9bf1-6c1dbde9 {
    grid-column: 1 / 2;
  }

  #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c00-6c1dbde9 {
    grid-column: 2 / 3;
  }

  #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c0f-6c1dbde9 {
    grid-column: 3 / 4;
  }

  #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c2d-6c1dbde9 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c3c-6c1dbde9 {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c1e-6c1dbde9 {
    grid-area: 1 / 6 / 2 / 7;
  }

  #w-node-cead23b5-60fb-ca42-4d3c-69cc676b9c4b-6c1dbde9 {
    grid-area: 1 / 7 / 2 / 8;
  }

  #w-node-_60da3188-aac4-f1b9-33c0-c5090c0a107c-6c1dbde9 {
    grid-area: 1 / 8 / 2 / 9;
  }

  #w-node-_2d0b95a1-fff9-19c6-e993-1b22e5def478-6c1dbde9 {
    grid-area: 1 / 9 / 2 / 10;
  }

  #w-node-d940b570-a4a4-c08b-f44e-57a4125b92de-125b92dd {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d940b570-a4a4-c08b-f44e-57a4125b92e4-125b92dd {
    grid-area: 2 / 6 / 3 / 7;
    justify-self: end;
  }

  #w-node-d940b570-a4a4-c08b-f44e-57a4125b92e6-125b92dd {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_1eb0856e-1c48-fd7c-974f-d1993fb22319-125b92dd {
    align-self: start;
  }

  #w-node-_40e39f44-8e3b-6a27-c610-15603c626a77-3c626a58 {
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_94c8f68d-d075-5df4-feab-dfd40f7c9b9d-6c1dbde9, #w-node-d940b570-a4a4-c08b-f44e-57a4125b92de-125b92dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d940b570-a4a4-c08b-f44e-57a4125b92e4-125b92dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-d940b570-a4a4-c08b-f44e-57a4125b92e6-125b92dd {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_1eb0856e-1c48-fd7c-974f-d1993fb22319-125b92dd {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: start;
  }

  #w-node-_2f48288f-f284-c0cf-6b93-4716e80d4286-125b92dd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Neue Montreal Squeezed';
  src: url('../fonts/OTNeueMontreal-MediumSqueezed.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'General Grotesque Mono';
  src: url('../fonts/GeneralGrotesqueMono-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}