:root {
  --black: #111113;
  --white-smoke: #f5f5f7;
  --black-blue: #000413;
  --neon-green: #00ff80;
  --white: white;
  --dim-grey: #5c5c5c;
  --lavender: #e4e4ee;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

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

.body {
  background-color: var(--white-smoke);
  color: var(--black-blue);
  -webkit-text-fill-color: inherit;
  cursor: none;
  background-clip: border-box;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 1.3vw;
  line-height: 1.7;
}

.hero {
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
  overflow: visible;
}

.hero-scroll-container {
  height: 300vh;
  position: relative;
}

.hero-scroll-container.invisible {
  display: none;
}

.sticky-container {
  height: 100vh;
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0%;
  margin-right: auto;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.hero-bullet-point {
  width: 100%;
  display: block;
  position: absolute;
  overflow: visible;
}

.hero-bullet-text {
  text-align: center;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 1.06;
}

.scroll-sequence {
  z-index: -1;
  width: 100%;
  height: 200vh;
  margin-top: auto;
  padding-bottom: 0;
  display: block;
  position: absolute;
  top: 0;
}

.scroll-sequence.scroll-3-approach {
  z-index: 0;
  height: 200vh;
  display: block;
  top: auto;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.sequence-container {
  width: 100%;
  height: 100%;
  position: static;
  top: 0;
}

.image-animation-sequence {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.lottie-animation-container {
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lottie-hero-animation {
  width: 120%;
  max-width: none;
  opacity: 1;
  position: absolute;
}

.slider {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: block;
}

.hero-headline {
  max-width: 80vw;
  color: var(--black-blue);
  text-align: center;
  letter-spacing: -5px;
  text-transform: none;
  flex-direction: column;
  margin-top: 0;
  padding-left: 0;
  font-family: Notoserifdisplay variablefont wdth wght, sans-serif;
  font-size: 10em;
  font-weight: 400;
  line-height: .9;
  display: flex;
  overflow: visible;
}

.hero-headline.invisible {
  display: none;
}

.bold-text, .bold-text-2 {
  text-transform: uppercase;
  font-family: Ppneuebit, sans-serif;
  font-size: 8vw;
  font-weight: 300;
}

.bold-text-3 {
  border: 3px none var(--neon-green);
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  font-family: Ppneuebit, sans-serif;
  font-size: 8vw;
  font-weight: 300;
  line-height: .7;
}

.quick-call {
  width: 200px;
  text-align: right;
  mix-blend-mode: difference;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  display: block;
  position: static;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 4%;
}

.navbar-3 {
  z-index: 7;
  width: 100%;
  mix-blend-mode: exclusion;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.container-6 {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
  display: flex;
  position: static;
}

.columns-2 {
  width: 100%;
  max-width: 100%;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.div-block-2 {
  width: 200px;
  display: none;
}

.column-3 {
  z-index: 3;
  mix-blend-mode: difference;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-menu-3 {
  z-index: 10;
  width: 100%;
  max-width: 100%;
  background-color: var(--white-smoke);
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.div-block-3 {
  color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.image {
  width: 33px;
  mix-blend-mode: difference;
  margin-top: 3px;
  display: none;
}

.column-4 {
  z-index: 3;
  height: 100%;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.image-3 {
  width: 7.5vw;
  height: auto;
  mix-blend-mode: normal;
  display: none;
}

.image-4 {
  width: 33px;
  height: 33px;
  mix-blend-mode: normal;
  display: none;
}

.menu-button-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 18px;
  display: none;
}

.menu-button-3 {
  background-color: rgba(255, 255, 255, 0);
  padding-top: 18px;
}

.menu-button-3.w--open {
  color: var(--black-blue);
  background-color: rgba(0, 0, 0, 0);
  padding-top: 18px;
}

.column-5 {
  height: 100%;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.sub-navi {
  clear: none;
  color: var(--black-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 22px;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
}

.sub-navi.pos-work {
  position: absolute;
  top: 200px;
}

.sub-navi.pos-work.bei-3-paras {
  margin-top: 100px;
  margin-bottom: -100px;
  margin-left: 10vw;
  position: static;
}

.sub-navi.abstand-left {
  color: var(--black-blue);
  margin-left: 10vw;
}

.sub-navi.approach {
  margin-bottom: 0;
}

.sub-navi.margin-left {
  margin-left: 5px;
}

._3-paragraphs {
  height: 50vh;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  display: flex;
}

._3-paragraphs.imprint {
  height: auto;
  padding-left: 0;
}

._3-paragraphs.approach-section {
  height: auto;
}

._3-paragraph-column-1 {
  margin-left: auto;
  margin-right: auto;
}

.numbers-3-paragraphs {
  color: var(--white);
  text-shadow: 0 1px 8px rgba(121, 121, 121, .2);
  mix-blend-mode: normal;
  margin-bottom: 0;
  font-size: 3vw;
  font-weight: 400;
}

.paragraph-slide-bottom {
  justify-content: center;
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.move-paragraph-1 {
  padding-left: 20px;
  padding-right: 20px;
}

.inspire-to-be-inspired-div {
  height: 60vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 85px;
  padding: 20px;
  display: flex;
}

._3-paragraph-column-2 {
  margin-top: 128px;
  margin-left: auto;
  margin-right: auto;
}

.services-section {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 62px;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.service-line-1 {
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: -20px;
  margin-left: -370px;
  font-size: 3vw;
}

.service-line-2 {
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: -20px;
  margin-left: -1699px;
  font-size: 5vw;
}

.services-line {
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 4vw;
}

.paragraph-3-blocks {
  font-size: .9em;
  font-weight: 400;
}

.portfolio-section {
  display: block;
  overflow: visible;
}

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

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

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

.portfolio-theme {
  width: 80%;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
}

.portfolio-title {
  width: 80%;
  letter-spacing: normal;
  text-transform: none;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1;
}

.portfolio-diciplines {
  letter-spacing: normal;
  text-transform: none;
  padding-bottom: 9px;
  font-size: 11px;
  font-weight: 300;
  display: block;
}

.portfolio-div-top {
  width: 30%;
}

.portfolio-div-bottom {
  width: 70%;
}

.image-5 {
  z-index: 2;
  width: 33px;
  position: absolute;
  top: 47%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.image-5.invisible-pic {
  display: none;
}

.portfolio-paragraph {
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  overflow: visible;
}

.heading-2 {
  max-width: 80vw;
  text-align: center;
  letter-spacing: -5px;
  text-transform: none;
  margin-top: 0;
  padding-left: 0;
  font-family: Notoserifdisplay, sans-serif;
  font-size: 4.5em;
  font-weight: 100;
  line-height: .9;
  overflow: visible;
}

.heading-2.second-line {
  text-align: center;
  font-family: Ppneuebit, sans-serif;
  font-size: 14.3em;
  font-weight: 300;
}

.approach-your-customers {
  width: 75vw;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 1vw;
  display: flex;
}

.h3-approach {
  max-width: 80vw;
  text-align: justify;
  letter-spacing: 0;
  text-transform: none;
  flex-direction: column;
  margin-top: 0;
  font-family: Ppneuemontreal, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 1.7;
  display: flex;
  overflow: visible;
}

.cta-drop-a-line {
  clear: none;
  letter-spacing: normal;
  text-indent: 0;
  margin-bottom: 0;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: static;
}

.cta-drop-a-line:hover {
  text-decoration: none;
}

.footer-text-light {
  color: var(--black);
  text-align: left;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 400;
}

.footer-text-light.unterstrichen {
  font-weight: 400;
  text-decoration: underline;
}

.columns-4 {
  width: 50vw;
  align-items: flex-end;
  display: flex;
}

.lottie-hero-animation-approach {
  width: 80%;
  max-width: 2000px;
  opacity: 1;
  display: block;
  position: absolute;
}

.lottie-animation-container-approach {
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-animation-sequence-approach {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sequence-container-approach {
  width: 100%;
  height: 100%;
  position: static;
  top: 0;
}

.sub-navi-left-footer {
  color: var(--black);
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  display: block;
  position: static;
  top: 184px;
  left: 30px;
}

.sub-navi-left-footer.fullscreen-menu {
  color: var(--black);
}

.div-block-6 {
  height: 25vh;
  text-align: left;
  justify-content: flex-end;
  align-items: center;
  margin-right: 1vw;
  display: flex;
}

.div-block-7 {
  height: 90vh;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.quick-call-full-screen {
  width: 200px;
  color: var(--black);
  text-align: right;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  display: block;
  position: static;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 4%;
}

.footer-text-light-full-screen {
  color: var(--black);
  font-size: .8em;
  font-weight: 400;
}

.footer-text-light-full-screen.unterstrichen {
  text-decoration: underline;
}

.sticky-container-work-headlines {
  height: 77vh;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 100px;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.work-headline {
  flex: 0 auto;
  position: absolute;
  top: 220px;
}

.work-headlines-scroll-container {
  height: 198vh;
  display: block;
  position: relative;
  overflow: visible;
}

.lottie-animation {
  width: 12vh;
  height: 12vh;
  background-image: linear-gradient(#000413, #000413);
  border-radius: 250px;
}

.paragraph-slide-bottom-1, .paragraph-slide-bottom-2, .paragraph-slide-bottom-3, .paragraph-slide-bottom-5, .paragraph-slide-bottom-6 {
  justify-content: center;
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.sub-navi-small-navis {
  width: 50px;
  clear: none;
  color: var(--black-blue);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: auto auto 22px;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: absolute;
  top: auto;
  bottom: 3%;
  left: 0%;
  right: 0%;
}

.image-7 {
  height: 2vh;
  flex: 0 auto;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: 2%;
  left: 0%;
  right: 0%;
}

.div-block-10 {
  width: 100vw;
  height: 25vh;
  flex-direction: column;
  margin-left: 0%;
  display: flex;
  overflow: visible;
}

.div-scroll-overlay {
  z-index: -1;
  justify-content: center;
  align-items: flex-end;
  display: block;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.html-embed-1 {
  width: 33px;
  height: 33px;
  color: var(--black-blue);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
  overflow: hidden;
}

.html-embed-1.menu {
  color: var(--black);
}

.html-embed-2 {
  color: var(--black-blue);
  display: none;
}

.full-screen-menu {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 6em;
  line-height: .9;
}

.full-screen-menu:hover {
  color: var(--neon-green);
}

.button-bg {
  border: .5px solid var(--black-blue);
  border-radius: 33px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.button-bg:hover {
  background-color: var(--black-blue);
  color: var(--white);
}

.button-bg.kreis {
  width: 1.5em;
  height: 1.5em;
  max-height: 55px;
  max-width: 55px;
  border-width: .5px;
  border-color: var(--black-blue);
  background-image: url('../images/PFEIL-WEB.svg');
  background-position: 0 0;
  background-size: auto;
  margin-right: 10px;
}

.button-bg.kreis.invisible {
  width: 34px;
  height: 34px;
}

.button-bg.kreis.invisible:hover {
  background-color: var(--white);
}

.loader-lottie-animation {
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: var(--black-blue);
  position: fixed;
}

.loader-lottie-animation.page-loader {
  z-index: 9;
  background-color: var(--black);
  opacity: 1;
  display: none;
}

.drop-a-lin {
  margin-bottom: 14px;
  display: flex;
}

.cta-div {
  z-index: 2;
  width: 12vh;
  height: 12vh;
  object-fit: fill;
  position: fixed;
  top: auto;
  bottom: 3vh;
  left: auto;
  right: 3vh;
}

.sentence-approach-2 {
  width: auto;
  max-width: 100vw;
  text-align: justify;
  text-transform: uppercase;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Notoserifdisplay, sans-serif;
  font-size: 5em;
  font-weight: 400;
  line-height: .9;
  display: flex;
  overflow: visible;
}

.heading {
  font-family: Ppneuebit, sans-serif;
  font-size: 55px;
}

.text-block {
  text-decoration: underline;
}

.image-9 {
  flex: 0 auto;
  display: none;
}

.footer-column-div {
  flex-direction: column;
  display: flex;
}

.footer-links, .menu-footer-links {
  margin-bottom: -5px;
}

.menufooter-text-light {
  color: var(--black);
  margin-bottom: 9px;
  font-size: .8em;
  font-weight: 400;
}

.slider-2 {
  height: 80vh;
}

.cookie-modal_content-wrap {
  padding: 1.75rem 2rem;
}

.cookie-modal_content-wrap.is-small {
  padding: 1.5rem;
}

.cookie-modal_description {
  display: none;
}

.cookie-modal_closebutton {
  z-index: 5;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--white);
  cursor: pointer;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  margin: 1.25rem 1.25rem -2.5rem auto;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cookie-modal_closebutton.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: -1rem;
}

.cookie-modal_component {
  max-width: 32rem;
  border: 0px none var(--white-smoke);
  background-color: #272727;
  border-radius: .25rem;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.screenreader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-modal_styles {
  display: none;
}

.cookie-modal_closebutton_line {
  width: 1rem;
  height: 2px;
  background-color: #515750;
  position: absolute;
}

.cookie-modal_closebutton_line.is-right {
  background-color: var(--dim-grey);
  transform: rotate(-45deg);
}

.cookie-modal_closebutton_line.is-left {
  background-color: var(--dim-grey);
  transform: rotate(45deg);
}

.cookie-modal_title {
  text-transform: uppercase;
  margin-bottom: .1875em;
  font-size: 1.25rem;
  font-weight: 400;
}

.cookie-modal_title.is-small {
  color: var(--white-smoke);
  text-transform: none;
  font-size: 1.1875rem;
  font-weight: 400;
}

.cookie-modal_button_text {
  color: var(--dim-grey);
  font-weight: 400;
}

.cookie-modal_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f3f7f2;
  border-radius: 0 0 .25rem .25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap.is-small {
  background-color: #272727;
  justify-content: flex-start;
  padding: 1.5rem;
}

.cookie-modal_button-wrap.in-pref-manger {
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 2rem -2rem -2.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.cookie-modal_button {
  color: #fff;
  text-align: center;
  background-color: #fff;
  border-radius: .25rem;
  padding: .875em 1.5em 1rem;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button:hover {
  background-color: #cecece;
}

.cookie-modal_button.is-secondary {
  color: #515750;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  font-weight: 700;
}

.cookie-modal_button.is-secondary:hover {
  color: #262926;
  text-decoration: underline;
}

.ck-cookie-w {
  z-index: 10;
  max-width: 25rem;
  display: block;
  position: fixed;
  top: auto;
  bottom: 1.25rem;
  left: auto;
  right: 1.25rem;
}

.cookie-modal_link {
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-preference_component {
  z-index: 9525;
  width: 100%;
  height: 100%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cookie-modal_radio_button {
  width: 1.25rem;
  height: 1.25rem;
  float: left;
  border: 1.75px solid #999c98;
  border-radius: .375rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio_button.w--redirected-checked {
  background-color: #515750;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #515750;
}

.cookie-modal_radio_button.w--redirected-focus {
  box-shadow: none;
}

.cookie-modal_radio_button.is-always-active {
  cursor: not-allowed;
  background-color: #515750;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border-color: #515750;
}

.cookie-preference_wrapper {
  width: 100%;
  max-height: 100%;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

.cookie-preference_background {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  cursor: pointer;
  background-color: rgba(245, 245, 247, .33);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cookie-modal_radio_description {
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
}

.cookie-modal_radio {
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio.is--not-allowed {
  cursor: not-allowed;
}

.cookie-modal_form {
  padding-top: 1.25rem;
  padding-bottom: .5rem;
}

.cookie-modal_form-wrap {
  margin-bottom: 0;
}

.cookie-modal_radio_label {
  cursor: pointer;
  margin-bottom: .25rem;
  font-size: .9375rem;
  font-weight: 600;
}

.cookie-modal_radio_label.is--not-allowed {
  font-weight: 400;
}

.cookie-preference-button {
  z-index: 9475;
  color: #262926;
  text-decoration: none;
  display: none;
  position: fixed;
  bottom: 0;
  left: 1.25rem;
}

.cookie-preference-button:hover {
  text-decoration: underline;
}

.cookie-preference-button_flex {
  color: #262926;
  background-color: #fff;
  border-radius: .5rem .5rem 0 0;
  align-items: center;
  margin-bottom: -.125rem;
  padding: .75em 1em .875em;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: margin-bottom .2s cubic-bezier(.25, .46, .45, .94);
  display: none;
}

.cookie-preference-button_flex:hover {
  margin-bottom: 0;
  text-decoration: underline;
}

.cookie-preference-button_icon {
  width: 1.125rem;
  height: 1.125rem;
  flex: none;
  margin-right: .375rem;
}

._1-paragraph-copy {
  height: 50vh;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

._1-paragraph-copy.short {
  height: auto;
}

.div-block-17 {
  width: 72vw;
  margin-top: 128px;
  margin-left: auto;
  margin-right: auto;
}

.button-nav-div {
  width: 99px;
  height: 28px;
  border-radius: 15px;
  padding-top: 2px;
}

.button-nav-div:hover {
  background-color: var(--lavender);
}

.button-nav-div:active {
  background-color: var(--black-blue);
  color: var(--lavender);
}

.text-block-2 {
  width: 88px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
}

.nav-link-button {
  margin: 3px;
}

.div-nav-desktop {
  height: 34px;
  background-color: var(--white-smoke);
  border: .5px solid #000;
  border-radius: 22px;
  align-items: stretch;
  display: flex;
}

.div-nav-desktop-logo {
  width: 111px;
  height: 34px;
  border: .5px solid var(--black-blue);
  background-color: var(--white-smoke);
  mix-blend-mode: exclusion;
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.hero-headline-new-1 {
  max-width: 80vw;
  color: var(--black-blue);
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  margin-top: 0;
  padding-left: 0;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 5em;
  font-weight: 300;
  line-height: .9;
  display: flex;
  overflow: visible;
}

.hero-plukk-description-text-2 {
  text-align: center;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.7;
}

.hero-plukk-description-text-2.white {
  color: var(--white);
  mix-blend-mode: difference;
}

.hero-div-1 {
  opacity: 1;
  flex-direction: column;
  flex: none;
  align-self: flex-end;
  align-items: center;
  display: flex;
}

.blend-hero-div {
  width: 100vw;
  height: 60vh;
  clear: both;
  flex-direction: row;
  justify-content: center;
  display: flex;
  position: static;
  top: 0;
}

.hero-div-2, .hero-div-3, .hero-div-4 {
  width: 80vw;
  opacity: 1;
  object-fit: fill;
  flex: none;
  align-self: flex-end;
  display: block;
  position: absolute;
}

.hero-container {
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-hero-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.hero-inner {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.page-wrapper-3 {
  display: none;
  position: relative;
}

.splide {
  width: 100%;
  position: relative;
}

.splide.slider {
  z-index: 9;
  cursor: grab;
}

.page-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.global-styles {
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.my-slider-progress {
  height: 4px;
  color: #e8e2da;
  background-color: #2e2a27;
  margin-top: 64px;
  overflow: hidden;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.my-slider-progress-bar {
  width: 30vw;
  height: 7px;
  background-color: #b3b641;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.section-projects {
  position: relative;
  overflow: hidden;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.div-block-18 {
  width: 555px;
  height: 666px;
  background-color: #a51f1f;
  flex: none;
}

.div-block-19 {
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-18-copy {
  width: 555px;
  height: 666px;
  background-color: #e23737;
  flex: none;
}

.div-block-18-copy-copy {
  width: 555px;
  height: 666px;
  background-color: #790606;
  flex: none;
}

.hero-video-link-block {
  height: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 2vw;
  margin-right: 2vw;
  display: flex;
}

.hero-video-filter {
  width: 100%;
  height: 100%;
  opacity: .5;
  background-color: #ffbf00;
  border-radius: 30px;
  transition: opacity .2s, background-color .725s cubic-bezier(.165, .84, .44, 1);
}

.hero-video-filter:hover {
  background-color: rgba(0, 0, 0, 0);
}

.hero-video-filter.slider1 {
  background-color: var(--dim-grey);
  opacity: .75;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  display: none;
}

.hero-video-filter.slider1:hover {
  opacity: 0;
}

.hero-video-filter.slider-2 {
  background-color: var(--dim-grey);
  opacity: .75;
  display: none;
}

.hero-video-filter.slider-2:hover {
  opacity: 0;
}

.hero-video-filter.slider1 {
  opacity: .75;
  -webkit-text-fill-color: inherit;
  background-color: #b4cffb;
  background-clip: border-box;
}

.hero-video-filter.slider1:hover {
  opacity: 0;
}

.hero-video-filter.slider-2 {
  opacity: .75;
  background-color: #b4cffb;
}

.hero-video-filter.slider-2:hover {
  opacity: 0;
}

.hero-video {
  width: 50vw;
  height: 90%;
  border-radius: 30px;
  transition: height .725s cubic-bezier(.165, .84, .44, 1);
  overflow: hidden;
}

.hero-video:hover {
  height: 100%;
}

.marquee-wrapper {
  width: 200%;
  height: 80vh;
  display: flex;
}

.card {
  height: 80vh;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.marquee-div {
  flex-direction: row;
  flex: none;
  order: 0;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.image-10 {
  width: 50vw;
  height: 90%;
  max-width: none;
  object-fit: cover;
  border-radius: 30px;
  transition: height .725s cubic-bezier(.165, .84, .44, 1);
  display: none;
  position: relative;
  overflow: hidden;
}

.image-10:hover {
  height: 100%;
}

.portfolio-item-wide {
  margin-bottom: 77px;
  overflow: hidden;
}

.portfolio-item-text {
  flex-direction: row;
  margin-bottom: 40px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.image-11 {
  position: absolute;
  top: auto;
  bottom: 51%;
  left: auto;
  right: 23%;
}

.image-11-copy {
  position: absolute;
  top: auto;
  bottom: 33%;
  left: auto;
  right: 5%;
}

.cursor-wrapper {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cursor {
  width: 15px;
  height: 15px;
  background-color: var(--neon-green);
  border-radius: 100%;
}

.button-case {
  width: 99px;
  height: 99px;
  background-color: var(--neon-green);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
}

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

.button-wrapper {
  z-index: 6;
  width: 100vw;
  height: 80vh;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.button-case-2 {
  width: 99px;
  height: 99px;
  background-color: var(--neon-green);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
}

.button-wrapper-2 {
  z-index: 6;
  width: 100vw;
  height: 80vh;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.approach-headlines-scroll-container {
  height: 198vh;
  display: block;
  position: relative;
  overflow: visible;
}

.customers-hl-div {
  width: 100vw;
  flex-direction: column;
  align-items: center;
  padding-top: 20vh;
  padding-bottom: 20vh;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.customers-hl {
  height: 166vh;
}

.lottie-variable-div {
  display: none;
}

.footer {
  color: var(--lavender);
}

.footer-div {
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 3px;
  padding: 33px;
  display: flex;
}

.column-6, .column-7 {
  padding-left: 0;
  padding-right: 0;
}

.footer-right-columns {
  width: 25%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-bottom-columns {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 28px;
  display: flex;
}

.footer-div-bottom {
  opacity: 1;
  mix-blend-mode: normal;
  border-radius: 16px;
  margin: 3px;
  padding: 33px;
  display: flex;
}

.footer-div-right {
  border-radius: 16px;
  margin: 3px 3px 6px;
  padding: 33px;
  display: flex;
}

.h3-approach-copy {
  max-width: 80vw;
  color: var(--black);
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  flex-direction: column;
  margin-top: 0;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  overflow: visible;
}

.footer-text-light-copy {
  color: var(--black);
  margin-bottom: auto;
  font-size: 15px;
  font-weight: 400;
}

.footer-border {
  width: 90%;
  max-width: 1200px;
  margin-left: 28px;
  display: flex;
}

.cta-drop-a-line-footer {
  clear: none;
  letter-spacing: normal;
  text-indent: 0;
  margin-bottom: 0;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: static;
}

.cta-drop-a-line-footer:hover {
  color: var(--black);
  text-decoration: none;
}

.button-bg-footer {
  border: .5px solid var(--black);
  color: var(--black);
  border-radius: 33px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3px 14px;
  display: flex;
}

.button-bg-footer:hover {
  background-color: var(--neon-green);
  color: var(--black);
}

.services-inner {
  width: 75vw;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.services-wrapper.invisible {
  display: none;
}

.heading-1 {
  color: var(--black-blue);
  text-align: center;
  text-transform: none;
  flex-direction: column;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 5em;
  font-weight: 300;
  line-height: .9;
  display: flex;
  overflow: visible;
}

.heading-1.white {
  color: var(--white);
  mix-blend-mode: difference;
  margin-bottom: 33px;
}

.hero-type-div {
  max-width: 70vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -15vh;
  display: flex;
}

.hero-bullet-point-2 {
  width: 50vw;
  display: block;
  position: absolute;
  overflow: visible;
}

.hero-bullet-text-2 {
  text-align: center;
  font-weight: 400;
  line-height: 1.06;
}

.bold-text-copy {
  letter-spacing: -5px;
  text-transform: uppercase;
  font-family: Notoserifdisplay, sans-serif;
  font-size: 5em;
  font-weight: 200;
  line-height: .9;
}

.numbers-3-paragraphs-copy {
  color: var(--black);
  text-shadow: 0 1px 8px rgba(121, 121, 121, .2);
  mix-blend-mode: normal;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
}

._3-paragraphs-line {
  width: 100%;
  height: 1px;
  background-color: var(--black);
  margin-top: 17px;
  display: none;
}

.make-visions-come-alive-div {
  height: 60vh;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
  display: flex;
}

._3-paragraph-column-3 {
  margin-left: auto;
  margin-right: auto;
}

._3-paragraphs-line-wrapper {
  width: 100%;
  align-self: flex-start;
  display: none;
}

.work-headline-container {
  width: 100vw;
  height: 100vh;
}

.work-headlines-wrapper {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
}

.work-headlines-inner {
  width: 95vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.heading-2-conter {
  letter-spacing: -3px;
  text-transform: none;
  font-family: Ppneuemontreal, sans-serif;
  font-weight: 300;
}

.page-wrapper {
  width: 100vw;
  height: 100vh;
  cursor: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-wrapper {
  width: 100%;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stutter-item {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  padding-top: .2em;
  text-decoration: none;
}

.stutter-link {
  color: #fff;
  padding-top: .5vw;
  padding-bottom: .5vw;
  font-size: 6vw;
  line-height: 1.1;
  text-decoration: none;
  position: relative;
}

.stutter-link.invisible {
  display: none;
}

.stutter-text {
  color: var(--black);
  text-transform: none;
  font-size: .8em;
  font-weight: 300;
  display: none;
}

.stutter-image {
  z-index: 2;
  height: 35vh;
  display: none;
  position: absolute;
}

.html-embed {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-4, .text-block-5 {
  color: var(--black);
  text-transform: none;
  font-size: .8em;
  font-weight: 300;
}

.approach-headlines-wrapper {
  width: 100vw;
  align-items: center;
  display: flex;
}

.approach-headlines-inner {
  width: 95vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.paragraph-1 {
  width: 50vw;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.1em;
  font-weight: 400;
}

.hero-product-tiles-container.top {
  margin-top: 20vh;
}

.hero-product-tiles-container.bottom {
  margin-top: 80px;
}

.hero-content-tiles-inner {
  width: 75vw;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.hero-product-tile-div {
  border-radius: 0;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.hero-product-tile-inner-div {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.heading-5 {
  clear: none;
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 22px;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
}

.hero-content-tiles-inner-top {
  width: 75vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._2-paragraphs-inner {
  width: 75vw;
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.services-list {
  text-align: left;
  padding-left: 5px;
  font-size: 1.1em;
  font-weight: 400;
  text-decoration: underline;
}

._2-paragraphs-inner-2 {
  width: 75vw;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.footer-copy {
  max-width: 80%;
  color: var(--black);
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  flex-direction: column;
  margin-top: 0;
  font-family: Ppneuemontreal, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
  display: flex;
  overflow: visible;
}

.div-block-20 {
  width: 100vw;
  height: 100vh;
  background-color: #b9b2b2;
}

.portfolio-wrapper-inner {
  width: 100vw;
  height: 100vh;
}

.html-embed-3 {
  width: 100%;
  height: 100%;
}

.background-video-tiles {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: 0;
  justify-content: center;
  align-items: flex-end;
  padding: 25px 25px 0;
  display: flex;
  position: relative;
}

.background-video-tiles.invisible {
  border-radius: 0;
}

.sequence-container-blck-bg {
  width: 100%;
  height: 100%;
  background-color: #000413;
  position: static;
  top: 0;
}

.scroll-sequence-blck-bg {
  z-index: -5;
  width: 100%;
  height: 100vh;
  margin-top: auto;
  padding-bottom: 0;
  display: block;
  position: absolute;
  top: 0;
}

.scroll-sequence-blck-bg.scroll-3-approach {
  z-index: 0;
  height: 200vh;
  display: block;
  top: auto;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.sentence-approach-2-mobile {
  width: auto;
  max-width: 100vw;
  text-align: justify;
  text-transform: uppercase;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Notoserifdisplay, sans-serif;
  font-size: 5em;
  font-weight: 400;
  line-height: .9;
  display: none;
  overflow: visible;
}

.heading-3 {
  font-size: 1.1em;
  font-weight: 400;
}

.imprint-wrapper {
  width: 75vw;
  margin-top: 15vh;
  margin-left: auto;
  margin-right: auto;
}

.imprint-columns {
  margin-left: auto;
  margin-right: auto;
}

.imprint-paragraph-slide-bottom {
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.spacer-m {
  height: 75px;
}

.preloader-wrapper {
  z-index: 80;
  background-color: var(--black);
  display: block;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.preloader-inner {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.preloader-content {
  width: 100vw;
  height: 100vh;
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

.preloader-item-1 {
  width: 33vw;
  height: 100vh;
  background-color: #1d1d1f;
  position: absolute;
}

.preloader-item-1.mid {
  width: 100vw;
  background-color: var(--black);
  background-image: url('../images/230219_Plukk_LinkedIn_Profile_V01.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
  right: 0;
}

.preloader-item-1.left {
  width: 100vw;
  background-color: var(--black);
  margin-left: 0;
  position: fixed;
  left: 0;
}

.preloader-item-1.right {
  width: 0;
  background-color: var(--black);
  display: block;
  position: fixed;
  right: 0;
}

.preloader-logo-wrapper {
  width: 25vw;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.html-embed-4 {
  color: var(--black);
}

.preloader-mask {
  width: 50vw;
  height: 100vh;
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
  overflow: hidden;
}

.black-overlay {
  width: 100%;
  height: 50%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .33) 66%);
  position: absolute;
}

.black-line {
  height: 1px;
  background-color: #000;
  margin-bottom: 9px;
}

.paragraph-data-policy {
  font-size: .9em;
  font-weight: 400;
}

.services-div-wrapper {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.navbar-4 {
  width: 100vw;
  display: none;
  position: fixed;
}

.hero-cta-wrapper {
  border: 1px solid #000;
  border-radius: 20px;
  padding: 1px 12px 3px;
  transition: all .5s;
}

.hero-cta-wrapper:hover {
  background-color: var(--black);
  color: #d1d1db;
}

.button-cta-hero {
  color: var(--black);
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #000;
  border-radius: 25px;
  padding-top: 1px;
  padding-bottom: 2px;
  font-size: 1.1vw;
}

.button-cta-hero:hover {
  background-color: var(--neon-green);
}

@media screen and (max-width: 991px) {
  .hero-headline {
    font-size: 66px;
    line-height: 60px;
  }

  .quick-call {
    font-size: 1.3em;
  }

  .navbar-3 {
    display: block;
  }

  .image-3 {
    width: 12vw;
    height: 35px;
  }

  .heading-2 {
    font-size: 66px;
    line-height: 60px;
  }

  .h3-approach {
    margin-left: 220px;
  }

  .cta-drop-a-line {
    letter-spacing: normal;
  }

  .quick-call-full-screen {
    font-size: 1.3em;
  }

  .button-bg {
    width: 140px;
    height: auto;
    text-align: center;
    border-width: 1px;
    border-radius: 15px;
  }

  .link-block-2 {
    margin-left: auto;
  }

  .hero-headline-new-1 {
    font-size: 66px;
    line-height: 60px;
  }

  .hero-plukk-description-text-2 {
    font-size: 12px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-video-link-block {
    margin-left: 10px;
    margin-right: 10px;
  }

  .hero-video {
    height: 250px;
  }

  .card {
    height: 300px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .h3-approach-copy {
    margin-left: auto;
  }

  .cta-drop-a-line-footer {
    letter-spacing: normal;
  }

  .button-bg-footer {
    width: 140px;
    height: auto;
    text-align: center;
    border-width: 1px;
    border-radius: 15px;
  }

  .heading-1 {
    font-size: 66px;
    line-height: 60px;
  }

  .stutter-link {
    font-size: 10vw;
  }

  .footer-copy {
    margin-left: auto;
  }

  .background-video-tiles {
    aspect-ratio: auto;
  }

  .sentence-approach-2-mobile {
    margin-left: 220px;
  }

  .navbar-4 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .hero-bullet-text {
    font-size: 8vw;
  }

  .quick-call {
    width: 175px;
    font-size: 1.6em;
  }

  .navbar-3 {
    display: block;
  }

  .container-6 {
    padding-left: 0;
  }

  .div-block-2 {
    width: 175px;
  }

  .image {
    width: 15px;
  }

  .image-3 {
    width: 20vw;
  }

  .image-4 {
    width: 25px;
    height: 25px;
  }

  .sub-navi {
    font-size: 10px;
  }

  .numbers-3-paragraphs {
    font-size: 8vw;
  }

  .services-section {
    justify-content: center;
  }

  .service-line-1, .service-line-2, .services-line {
    margin-bottom: 0;
    font-size: 8vw;
  }

  .paragraph-3-blocks {
    font-size: 3em;
  }

  .portfolio-theme {
    font-size: 1.5vw;
  }

  .portfolio-title {
    font-size: 3vw;
  }

  .portfolio-diciplines {
    font-size: 1.5vw;
  }

  .image-5 {
    left: 49%;
  }

  .portfolio-paragraph {
    font-size: 1.5em;
  }

  .heading-2 {
    margin-bottom: 0;
    font-size: 44px;
  }

  .approach-your-customers {
    margin-top: 104px;
  }

  .h3-approach {
    font-size: 8vw;
  }

  .cta-drop-a-line {
    letter-spacing: normal;
  }

  .sub-navi-left-footer.fullscreen-menu {
    font-size: .8em;
  }

  .quick-call-full-screen {
    width: 175px;
    font-size: 1.6em;
  }

  .sub-navi-small-navis {
    font-size: 10px;
  }

  .button-bg {
    width: auto;
  }

  .link-block-2 {
    margin-left: auto;
  }

  .drop-a-lin {
    justify-content: center;
  }

  .sentence-approach-2 {
    font-size: 8vw;
  }

  .cookie-modal_content-wrap {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cookie-modal_closebutton {
    margin-right: 1.25rem;
  }

  .cookie-modal_closebutton.is-sticky {
    top: -1rem;
  }

  .cookie-modal_button-wrap {
    padding: 1.5rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    margin: 1.5rem -1.5rem -2rem;
    padding-top: 1.25rem;
    position: -webkit-sticky;
    position: sticky;
    bottom: -2rem;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }

  .cookie-modal_form {
    padding-top: .75rem;
  }

  .cookie-preference-button_icon {
    margin-right: 0;
  }

  .cookie-preference-button_text {
    display: none;
  }

  .hero-plukk-description-text-2 {
    margin-left: 260px;
  }

  .hero-plukk-description-text-2.white {
    margin-left: 0;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .my-slider-progress {
    margin-top: 32px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-div {
    height: auto;
  }

  .h3-approach-copy {
    margin-left: 0;
    font-size: 15px;
  }

  .cta-drop-a-line-footer {
    letter-spacing: normal;
  }

  .button-bg-footer {
    width: auto;
  }

  .hero-bullet-text-2 {
    font-size: 8vw;
  }

  .bold-text-copy {
    font-size: 1.5em;
  }

  .numbers-3-paragraphs-copy {
    font-size: 8vw;
  }

  .paragraph-1 {
    font-size: 3em;
  }

  .hero-content-tiles-inner {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-5 {
    font-size: 10px;
  }

  ._2-paragraphs-inner {
    grid-template-columns: 1fr;
  }

  .services-list {
    font-size: 3em;
  }

  .footer-copy {
    margin-left: 0;
    font-size: 15px;
  }

  .sentence-approach-2-mobile {
    font-size: 8vw;
  }

  .heading-3, .paragraph-data-policy {
    font-size: 3em;
  }

  .navbar-4 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .hero-bullet-text {
    line-height: 1.06;
  }

  .scroll-sequence {
    height: 290vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .scroll-sequence.scroll-3-approach {
    height: 275vh;
    display: block;
  }

  .lottie-animation-container {
    overflow: hidden;
  }

  .lottie-hero-animation {
    width: 200%;
    max-width: none;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .slider {
    height: 66vh;
    max-width: 90vw;
    display: block;
  }

  .hero-headline {
    letter-spacing: -1px;
    padding-left: 0;
    font-size: 10em;
    line-height: .9em;
    display: block;
  }

  .bold-text, .bold-text-2, .bold-text-3 {
    font-size: 2em;
    line-height: .7;
  }

  .quick-call {
    width: 100px;
    margin-right: -50px;
    font-size: 12px;
    display: none;
  }

  .navbar-3 {
    mix-blend-mode: normal;
    display: block;
  }

  .container-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-2 {
    z-index: 5;
    height: 55px;
    margin-top: 0;
    position: fixed;
  }

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

  .column-3 {
    color: var(--white-smoke);
    mix-blend-mode: exclusion;
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 13px;
  }

  .nav-menu-3 {
    background-color: var(--black);
    cursor: default;
    mix-blend-mode: normal;
    background-image: url('../images/bg-mobile-menu-2.jpg');
    background-position: 0 0;
    background-size: cover;
    padding-left: 0;
  }

  .div-block-3 {
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 7.5vw;
  }

  .image {
    width: 22px;
  }

  .column-4 {
    padding-left: 22px;
  }

  .image-3 {
    width: 33vw;
    display: none;
  }

  .image-4 {
    display: none;
  }

  .menu-button-2 {
    z-index: 3;
    width: 34px;
    height: 34px;
    background-color: var(--white);
    color: var(--black-blue);
    mix-blend-mode: exclusion;
    border: 1px solid #000;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding: 0;
    display: flex;
  }

  .menu-button-2.w--open {
    mix-blend-mode: exclusion;
  }

  .sub-navi {
    margin-top: 0;
    padding-top: 25px;
    font-size: 8px;
  }

  .sub-navi.pos-work {
    margin-top: 111px;
    margin-bottom: auto;
    padding-top: 0;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .sub-navi.pos-work.bei-3-paras {
    margin-bottom: auto;
    margin-left: 20px;
  }

  .sub-navi.abstand-left {
    margin-top: 0;
    margin-bottom: 0;
  }

  ._3-paragraphs {
    height: auto;
    flex-direction: row;
  }

  .numbers-3-paragraphs {
    font-size: 4vw;
  }

  .paragraph-slide-bottom {
    justify-content: flex-start;
    padding-left: 0;
  }

  .move-paragraph-1 {
    max-width: 90%;
  }

  .inspire-to-be-inspired-div {
    height: 45vh;
    margin-bottom: auto;
    padding-left: 10vw;
  }

  ._3-paragraph-column-2 {
    margin-top: 25px;
  }

  .services-section {
    height: auto;
    margin-bottom: 0;
  }

  .service-line-1 {
    margin-bottom: -16px;
    margin-left: -46px;
    font-size: 7em;
  }

  .service-line-2 {
    margin-bottom: -16px;
    margin-left: -370px;
    font-size: 7em;
  }

  .services-line {
    margin-left: -302px;
    font-size: 7em;
  }

  .paragraph-3-blocks {
    width: 15em;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    font-size: 5vw;
    line-height: 1.5;
  }

  .portfolio-section {
    padding-top: 0;
    display: block;
  }

  .portfolio-theme {
    letter-spacing: 3px;
    font-size: 1.5em;
  }

  .portfolio-title {
    font-size: 5em;
  }

  .portfolio-diciplines {
    font-size: 2.5em;
    font-weight: 400;
  }

  .portfolio-div-top {
    margin-bottom: 44px;
  }

  .image-5 {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 44%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .portfolio-paragraph {
    margin-bottom: auto;
    font-size: 2.5em;
  }

  .heading-2 {
    width: 90vw;
    max-width: 100vw;
    text-align: center;
    letter-spacing: -3px;
    text-transform: none;
    white-space: break-spaces;
    object-fit: fill;
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 0;
    font-family: Notoserifdisplay, sans-serif;
    font-size: 7.5em;
    font-weight: 400;
    line-height: 1.2em;
    display: flex;
    overflow: visible;
  }

  .heading-2.second-line {
    text-align: center;
    text-transform: none;
    margin-top: -10px;
    font-size: 15em;
  }

  .approach-your-customers {
    height: auto;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .h3-approach {
    text-align: left;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    display: block;
  }

  .cta-drop-a-line {
    letter-spacing: normal;
    margin: 10px;
    padding-top: 0;
    font-size: 4em;
  }

  .footer-text-light {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 26px;
  }

  .columns-4 {
    width: auto;
    flex-wrap: wrap;
    align-content: stretch;
    margin-bottom: 111px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5vw;
  }

  .lottie-hero-animation-approach {
    width: 150%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .sub-navi-left-footer {
    margin-bottom: 0;
    font-size: 9px;
  }

  .sub-navi-left-footer.fullscreen-menu {
    color: var(--white-smoke);
    margin-top: 25px;
    font-size: 2em;
  }

  .div-block-6 {
    height: auto;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .div-block-7 {
    z-index: 100;
    height: auto;
    mix-blend-mode: normal;
    margin-top: 51px;
    position: fixed;
  }

  .quick-call-full-screen {
    width: 100px;
    margin-right: -50px;
    font-size: 12px;
    display: block;
  }

  .footer-text-light-full-screen {
    margin-bottom: 0;
    font-size: 2.8em;
    font-weight: 400;
  }

  .footer-text-light-full-screen.unterstrichen {
    color: var(--white-smoke);
    margin-bottom: 0;
    font-size: 2.8em;
  }

  .sticky-container-work-headlines {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: auto;
    display: flex;
  }

  .work-headline {
    flex-direction: column;
    align-items: center;
    margin-top: 122px;
    margin-left: 0;
    display: flex;
    top: 5%;
    bottom: auto;
    right: auto;
  }

  .work-headlines-scroll-container {
    height: 150vh;
  }

  .lottie-animation {
    width: 77px;
    height: 77px;
    top: auto;
    bottom: 15%;
    left: auto;
    right: -18%;
  }

  .paragraph-slide-bottom-1, .paragraph-slide-bottom-2, .paragraph-slide-bottom-3 {
    padding-left: 0;
  }

  .paragraph-slide-bottom-5, .paragraph-slide-bottom-6 {
    justify-content: flex-start;
    padding-left: 0;
  }

  .sub-navi-small-navis {
    flex: 0 auto;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    font-size: 8px;
    top: auto;
    bottom: 3%;
    left: 0%;
    right: 0%;
  }

  .image-7 {
    margin-left: auto;
    margin-right: auto;
    top: auto;
    bottom: 2%;
    left: 0%;
    right: 0%;
  }

  .div-scroll-overlay {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .html-embed-1 {
    width: 25px;
    height: 25px;
    color: var(--black);
    mix-blend-mode: normal;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    display: flex;
    overflow: visible;
  }

  .html-embed-2 {
    width: 25vw;
    color: var(--white-smoke);
    mix-blend-mode: normal;
    justify-content: center;
    display: none;
  }

  .full-screen-menu {
    color: var(--white-smoke);
    font-size: 11em;
  }

  .button-bg {
    width: auto;
    height: 34px;
    border-radius: 20px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-bg.kreis {
    width: 6em;
    height: 6em;
    align-items: center;
    margin-bottom: 7px;
  }

  .button-bg.kreis.invisible {
    max-height: 34px;
    max-width: 34px;
    border-radius: 44px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .loader-lottie-animation.page-loader {
    display: none;
  }

  .link-block-2 {
    margin-left: 0;
    margin-right: auto;
  }

  .drop-a-lin {
    width: auto;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .cta-div {
    width: 77px;
    height: 77px;
    bottom: 25px;
    right: 25px;
  }

  .sentence-approach-2 {
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    font-size: 44px;
    line-height: 40px;
    display: none;
  }

  .heading {
    font-family: Ppneuebit, sans-serif;
    font-size: 44px;
  }

  .text-block {
    font-family: Ppneuemontreal, sans-serif;
  }

  .menufooter-text-light {
    font-size: 2.8em;
  }

  .menufooter-text-light.fullscreen-menu {
    color: var(--white-smoke);
  }

  .slider-2 {
    height: 75vh;
  }

  .cookie-modal_content-wrap.is-small {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cookie-modal_closebutton {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .cookie-modal_component {
    max-width: 100%;
    background-color: #272727;
    padding: 6px;
    display: block;
  }

  .cookie-modal_button-wrap.is-small {
    background-color: #272727;
    justify-content: space-between;
    padding: 1.25rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    bottom: 0;
  }

  .cookie-modal_button {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .ck-cookie-w {
    max-width: 100%;
    display: block;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .cookie-preference_component {
    align-items: flex-end;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cookie-preference-button {
    left: 1rem;
  }

  ._1-paragraph-copy {
    height: auto;
    flex-direction: row;
    padding-left: 0;
  }

  ._1-paragraph-copy.short {
    padding-left: 0;
  }

  .div-block-17 {
    width: 80vw;
    margin-top: 25px;
  }

  .div-nav-desktop {
    display: none;
  }

  .div-nav-desktop-logo {
    z-index: 2;
    mix-blend-mode: exclusion;
    border-width: 1px;
    position: absolute;
    left: 10px;
  }

  .hero-headline-new-1 {
    padding-left: 0;
    font-size: 10em;
    line-height: .9em;
    display: block;
  }

  .hero-plukk-description-text-2 {
    max-width: 85vw;
    margin-left: 0;
    padding-left: 0;
    padding-right: 16px;
  }

  .hero-plukk-description-text-2.white {
    padding-right: 0;
  }

  .blend-hero-div {
    height: 70vh;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-video {
    height: 150px;
  }

  .marquee-wrapper {
    height: auto;
  }

  .card {
    height: 200px;
    margin-left: 0;
    margin-right: 0;
  }

  .portfolio-item-wide {
    margin-bottom: 60px;
  }

  .cursor-wrapper {
    display: none;
  }

  .button-case, .button-case-2 {
    width: 55px;
    height: 55px;
  }

  .approach-headlines-scroll-container {
    height: 150vh;
  }

  .customers-hl {
    height: 200vh;
  }

  .abstand {
    height: 220px;
  }

  .footer-div {
    height: auto;
    align-items: flex-start;
    padding: 29px;
  }

  .footer-right-columns {
    width: auto;
  }

  .footer-div-bottom {
    height: auto;
    padding: 29px 29px 29px 0;
  }

  .footer-div-right {
    height: auto;
    flex-direction: column;
    padding: 29px 29px 29px 0;
  }

  .h3-approach-copy {
    text-align: left;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    display: block;
  }

  .footer-text-light-copy {
    font-size: 16px;
    line-height: 26px;
  }

  .footer-border {
    flex-direction: column;
  }

  .cta-drop-a-line-footer {
    letter-spacing: normal;
    margin: 10px;
    padding-top: 0;
    font-size: 3em;
  }

  .button-bg-footer {
    width: auto;
    height: 34px;
    border-radius: 20px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-1 {
    padding-left: 0;
    font-size: 10em;
    line-height: .9em;
    display: block;
  }

  .heading-1.white {
    margin-top: 85px;
  }

  .hero-type-div {
    height: 70vh;
  }

  .hero-bullet-text-2 {
    line-height: 1.06;
  }

  .bold-text-copy {
    font-size: 1.7em;
    line-height: .7;
  }

  .numbers-3-paragraphs-copy {
    font-size: 4vw;
  }

  .make-visions-come-alive-div {
    height: 45vh;
    margin-bottom: auto;
  }

  ._3-paragraph-column-3 {
    margin-top: 25px;
  }

  .heading-2-conter {
    letter-spacing: -1px;
  }

  .paragraph-1 {
    width: 15em;
    font-size: 5vw;
    line-height: 1.5;
  }

  .hero-content-tiles-inner {
    width: 85vw;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-5 {
    margin-top: 0;
    padding-top: 25px;
    font-size: 11px;
  }

  .hero-content-tiles-inner-top {
    width: 85vw;
  }

  ._2-paragraphs-wrapper {
    padding-top: 25px;
  }

  ._2-paragraphs-inner {
    width: 85vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .services-list {
    width: 15em;
    margin-bottom: 0;
    font-size: 5vw;
    line-height: 1.5;
  }

  ._2-paragraphs-inner-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-copy {
    max-width: 100%;
    text-align: left;
    text-transform: none;
    margin-right: auto;
    padding-left: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    display: block;
  }

  .portfolio-wrapper-inner {
    height: 50vh;
  }

  .scroll-sequence-blck-bg {
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .scroll-sequence-blck-bg.scroll-3-approach {
    height: 275vh;
    display: block;
  }

  .sentence-approach-2-mobile {
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    font-size: 44px;
    line-height: 40px;
    display: block;
  }

  .heading-3 {
    width: 15em;
    font-size: 5vw;
    line-height: 1.5;
  }

  .imprint-columns {
    margin-top: 25px;
  }

  .imprint-move-paragraph {
    max-width: 90%;
  }

  .imprint-paragraph-slide-bottom {
    justify-content: flex-start;
    padding-left: 0;
  }

  .preloader-wrapper {
    display: block;
  }

  .paragraph-data-policy {
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    font-size: 2.5em;
    line-height: 1.5;
  }

  .navbar-4 {
    width: 100vw;
    background-color: rgba(221, 221, 221, 0);
    display: none;
    position: fixed;
    top: 0;
  }

  .menu-button-4 {
    mix-blend-mode: difference;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-button-4.w--open {
    background-color: rgba(200, 200, 200, 0);
    margin-right: 10px;
    position: absolute;
    right: 0;
  }

  .icon {
    background-color: var(--white-smoke);
    mix-blend-mode: difference;
    border: 1px solid #000;
  }

  .brand {
    display: none;
  }

  .container-7 {
    width: 100vw;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 10px;
    display: flex;
  }

  .nav-menu-4 {
    height: 100vh;
    background-color: var(--black-blue);
    top: 0;
  }
}

#w-node-add3179d-d566-6456-abfb-36defe7644ac-20135647, #w-node-_02aec23e-e5f3-3a9b-ecb9-76466a3ac621-20135647, #w-node-ac131f0c-e2f1-22cd-a0eb-2b4563dd62c8-20135647, #w-node-ac131f0c-e2f1-22cd-a0eb-2b4563dd62ca-20135647, #w-node-_4571f688-9035-3e3f-f39d-1eebc2e224de-20135647, #w-node-_4571f688-9035-3e3f-f39d-1eebc2e224e0-20135647, #w-node-e13b6a32-bc8c-878d-54d6-1750823aa6c1-20135647, #w-node-e13b6a32-bc8c-878d-54d6-1750823aa6c9-20135647, #w-node-e13b6a32-bc8c-878d-54d6-1750823aa6d1-20135647, #w-node-add3179d-d566-6456-abfb-36defe7644ac-6dcb4bd9, #w-node-cdb5ba2b-fad8-0f36-4a10-a7ff11c63a4d-6dcb4bd9, #w-node-d566ce2f-8590-ec80-ec89-2d9b4a76689b-6dcb4bd9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e13b6a32-bc8c-878d-54d6-1750823aa6d1-20135647 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Ppneuemontreal';
  src: url('../fonts/PPNeueMontreal-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppneuemontreal';
  src: url('../fonts/PPNeueMontreal-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppneuemontreal';
  src: url('../fonts/PPNeueMontreal-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppneuebit';
  src: url('../fonts/PPNeueBit-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Elgista';
  src: url('../fonts/Elgista.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qilky';
  src: url('../fonts/Qilky.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Laginchy';
  src: url('../fonts/Laginchy-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Laginchy';
  src: url('../fonts/Laginchy-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notoserifdisplay variablefont wdth wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Goollie';
  src: url('../fonts/GOOllie-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notoserif Condensed';
  src: url('../fonts/NotoSerif_Condensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notoserifdisplay';
  src: url('../fonts/NotoSerifDisplay-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Appears';
  src: url('../fonts/Appears.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}