:root {
  --dunkelblau: #000816;
  --schrift: #d1d1d1;
  --color: white;
  --grün: #c7d526;
  --white: var(--color);
  --hellgrün: #83a9aa;
  --blau_neu: #00d0ff;
  --lila: #965ce9;
  --blau: #000f29;
  --rot: #fc7979;
  --bg: #050505;
  --text: #f0ede8;
  --muted: #f0ede873;
  --accent: #e8d5b0;
  --accent2: #c8a96e;
  --border: #f0ede814;
  --black: black;
  --stroke-offset: 100%;
  --stroke-dashoffset: 100%;
}

body {
  background-color: var(--dunkelblau);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  overflow-x: hidden;
}

h1 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat Variablefont lokal, sans-serif;
  font-size: 4rem;
  font-weight: 200;
  line-height: 1em;
}

h2 {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-color: #fff0;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Montserrat Variablefont lokal, sans-serif;
  font-size: 3em;
  font-weight: 300;
  line-height: 3rem;
}

h3 {
  color: #fff;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat Variablefont lokal, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

h4 {
  color: var(--schrift);
  text-align: center;
  text-transform: lowercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
}

h5 {
  color: var(--color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
}

h6 {
  color: var(--color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 18px;
}

p {
  color: #fff;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Poppins Variable, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

a {
  min-height: 14px;
  color: var(--grün);
  line-height: 24px;
  text-decoration: underline;
}

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

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

.body {
  -webkit-text-fill-color: inherit;
  background-color: #0d0d0e;
  background-clip: border-box;
  font-family: Montserrat Variablefont lokal, sans-serif;
  overflow: hidden visible;
}

.glowing-wrapper-button {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  filter: saturate(200%);
  color: #fff;
  letter-spacing: -.01em;
  cursor: pointer;
  border: 1px solid #ffffff1a;
  border-radius: 62.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .75rem 1.75rem;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.42;
  text-decoration: none;
  transition: background-color .4s, border-color .4s;
  display: flex;
  position: relative;
}

.glowing-wrapper-button:hover {
  filter: saturate(150%);
  background-color: #ffffff0d;
  border-color: #ffffff4d;
}

.button-text {
  z-index: 2;
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Poppins Variable, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .65s;
  position: relative;
}

.button-text:hover {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-weight: 500;
}

.button-text.lila {
  color: var(--white);
}

.button-text.lila:hover {
  color: var(--white);
  font-weight: 400;
}

.button-text.vert-2rem._100:hover {
  background-color: var(--dunkelblau);
  color: var(--white);
  font-weight: 400;
}

.button-text.vert-2rem._100.aus {
  display: none;
}

.button-text.vert-2rem._100.obenmehr {
  font-size: .9rem;
}

.button-text.vert-2rem._100.oh {
  background-color: #fff0;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .9rem;
}

.button-text.vert-2rem._100.oh.ref-oh.w--current {
  display: none;
}

.button-text.vert-2rem._100 {
  background-color: #ffffff0f;
  background-image: none;
  border-radius: 500px;
  flex-flow: row;
  width: auto;
  padding: .7rem 1.2rem;
  font-family: Poppins Variable, sans-serif;
  font-size: 1rem;
  transition-duration: .3s;
}

.button-text.vert-2rem._100:hover {
  color: #fff;
  background-color: #000816;
  font-weight: 400;
}

.button-text.vert-2rem._100.w--current {
  color: #c7d526;
}

.glowing-wrapper-borders {
  opacity: 1;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.glowing-wrapper-borders-masker {
  opacity: 0;
  border-radius: 62.5rem;
  width: 100%;
  padding: .06rem;
  line-height: 100%;
  transition: opacity 1s;
  position: absolute;
  top: 0;
  left: 0;
}

.lichtpunkt-hero {
  z-index: -1;
  opacity: .89;
  pointer-events: none;
  background-image: radial-gradient(circle at 0 20%, #1f4d3fed, #08ff0000 47%), linear-gradient(207deg, #268cd557, #00081600 54%, #0000);
  display: block;
  position: fixed;
  inset: 0%;
}

.lichtpunkt-hero.webdesign-licht {
  background-image: radial-gradient(circle at 0 20%, #1f4d3fed, #08ff0000 33%), linear-gradient(207deg, #268cd557, #00081600 54%, #0000);
}

.paragraph {
  color: var(--hellgrün);
  font-family: Poppins Variable, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.paragraph.gr-n {
  color: var(--grün);
}

.referenzen {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  margin-top: 5rem;
  margin-bottom: 10rem;
  padding-top: 0;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  display: flex;
}

.referenzen.oben5 {
  background-color: #0000;
  margin-top: 15rem;
}

.referenzen._0seiten {
  padding-left: 0;
  padding-right: 0;
}

.referenzen._0seiten.oben-2 {
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.referenzen._0seiten.oben-0 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.heading-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  line-height: 1.1;
}

.heading-4.kleiner {
  color: var(--grün);
  white-space: nowrap;
  font-size: .61rem;
  font-weight: 500;
}

.heading-4.magic-text {
  text-align: left;
  white-space: nowrap;
  padding-top: 4px;
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: none;
}

.heading-4.magic-text.h1 {
  text-align: left;
  mix-blend-mode: normal;
  margin-bottom: -.2em;
  margin-right: auto;
  font-size: 7rem;
}

.heading-4.magic-text.h1.head-animation {
  text-align: left;
  width: 100%;
  font-family: LTAfficherNeue lokal;
  font-size: 7vw;
  font-weight: 100;
  display: flex;
}

.heading-4.magic-text.h1.head-animation.link10vw.ds {
  margin-bottom: -.2em;
}

.heading-4.magic-text.h1.head-animation.klein {
  text-transform: lowercase;
  margin-bottom: 0;
  padding-top: .5rem;
  font-family: Montserrat Variablefont lokal, sans-serif;
  font-size: 4rem;
  font-weight: 200;
  line-height: 1;
}

.heading-4.magic-text.h1.head-animation.klein.mittig {
  color: var(--white);
  justify-content: center;
  align-items: center;
  line-height: 1.2;
}

.heading-4.magic-text.h1.head-animation.klein.mittig.z-1 {
  z-index: 1;
  position: relative;
}

.heading-4.magic-text.h1.head-animation.gro {
  letter-spacing: 0;
  white-space: pre-line;
  margin-top: -.5rem;
  margin-bottom: 1rem;
  margin-left: -6px;
  font-family: Montserrat Variablefont lokal, sans-serif;
  font-size: 6rem;
  font-weight: 100;
  line-height: 5.5rem;
  display: block;
}

.heading-4.magic-text.h1.head-animation.gro.block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  margin-bottom: 1rem;
  font-size: 5rem;
  line-height: 5.5rem;
  display: block;
}

.heading-4.magic-text.h1.head-animation.gro.block._80-p {
  width: 80%;
}

.heading-4.magic-text.h1.head-animation.gro.block.mittig.fles-untereinander {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-4.magic-text.h1.head-animation.gro.gao0 {
  line-height: 2.8rem;
}

.heading-4.magic-text.h1.head-animation.gro.gao0.unten0 {
  margin-bottom: 0;
}

.heading-4.magic-text.h1.head-animation.gro.unten0 {
  flex-flow: column;
  display: flex;
}

.heading-4.magic-text.h1.head-animation.gro.mittig {
  text-align: center;
  margin-left: auto;
}

.heading-4.magic-text.h1.head-animation.gro.mittig.versalien.unten0-5 {
  margin-bottom: .5rem;
}

.heading-4.magic-text.kleiner {
  color: var(--grün);
  font-size: .62rem;
}

.css {
  width: 0;
  height: 0;
  position: fixed;
  inset: 0% auto auto 0%;
}

.verf-gbarkeit_button {
  z-index: 99;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #09080f9e;
  border: .5px #ffffff2e;
  border-radius: 20px 0 0;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 0 24px 0 21px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.div-block-14 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-15 {
  background-color: #a7d74f;
  border-radius: 10px;
  width: .5em;
  height: .5em;
  box-shadow: 0 0 14px 4px #7fd74fa8;
}

.ref {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.weiss {
  color: var(--color);
  font-family: Montserrat Variablefont lokal, sans-serif;
  font-size: .9rem;
  font-weight: 400;
}

.styles---glowing-button {
  display: block;
}

.glowing-wrapper-borders-masker {
  background-color: #0000;
  width: auto;
  transition: opacity 1s;
  bottom: 0;
  right: 0;
}

.glowing-wrapper-borders-masker.vollebreite {
  width: 100%;
}

.glowing-wrapper-button {
  -webkit-text-stroke-color: var(--grün);
  border-color: #9ff76d1f;
}

.glowing-wrapper-button.menu {
  filter: none;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #fff0;
  border-color: #ffffff1f;
  width: auto;
  padding: 0;
  transition: background-color .4s, border-color .4s;
}

.glowing-wrapper-button.menu.vollebreite {
  width: 100%;
}

.button-text {
  letter-spacing: .02em;
  text-transform: uppercase;
  font-family: Poppins, Arial, sans-serif;
  font-weight: 300;
}

.button-text:hover {
  font-weight: 400;
}

.button-text.ohneanimation {
  white-space: nowrap;
  word-break: normal;
  font-family: Poppins, Arial, sans-serif;
}

.button-text.ohneanimation:hover {
  letter-spacing: .02em;
  font-weight: 300;
}

.button-text.ohneanimation.mittig-text {
  margin-bottom: 0;
  padding-top: 3px;
}

.button-text.ohneanimation.mobil-aus {
  letter-spacing: 0;
}

.box-leistung {
  -webkit-backdrop-filter: brightness(128%) blur(7px);
  backdrop-filter: brightness(128%) blur(7px);
  background-color: #b3b3b30d;
  border: 1px #f1f1f117;
  border-radius: 30px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 2rem;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: inset 0 6px 12px -5px #fff3;
}

.box-leistung.verikal {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
}

.box-leistung.verikal._50--breite {
  width: 50%;
}

.div-block-34 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 7rem;
  display: flex;
}

.div-block-34.untereinander {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 100%;
}

.div-block-34.untereinander.unten {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
}

.div-block-35 {
  background-color: #ffffff1a;
  border: 1px solid #ffffffb3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 4rem;
  max-width: 4rem;
  height: 4rem;
  max-height: 4rem;
  display: flex;
}

.div-block-35.mittig {
  cursor: none;
  cursor: none;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  padding: 0;
  position: relative;
}

.quick-stack.seitenabstand {
  padding-top: 10rem;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
}

.quick-stack._85vw {
  width: 85vw;
  margin-left: auto;
  margin-right: auto;
}

.nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-item-line {
  background-color: #000;
  width: 0%;
  height: 1px;
}

.nav-item-line.inverse {
  background-color: #fff;
}

.footer {
  z-index: 0;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  color: #fff;
  background-color: #00081600;
  margin-top: -1px;
  position: relative;
}

.page-padding-brand {
  border-top: 1px none var(--grün);
  cursor: default;
  width: 80%;
  margin-top: 10rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.page-padding-brand.oben0 {
  margin-top: 0;
}

.page-padding-brand.oben0.lichthinten {
  background-image: radial-gradient(circle, #2271727a, #fff0 43%);
}

.page-padding-brand.fade-effekt.links-auto {
  margin-left: auto;
}

.page-padding-brand.fade-effekt.links-auto.oben2 {
  padding-top: 5rem;
}

.page-padding-brand.fade-effekt.links-auto.oben-0 {
  padding-top: 0;
}

.page-padding-brand.fade-effekt.links-auto.oben-0.gap-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.page-padding-brand.footer {
  background-image: none;
  border-top-style: solid;
  border-top-color: #ffffff52;
}

.footer-grid-right-inner {
  grid-column-gap: 4rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #000;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.nav-item:hover {
  color: #000;
}

.nav-item.inverse {
  color: #ffffffb3;
  width: 100%;
}

.nav-item.inverse:hover {
  color: #fff;
}

.nav-item.inverse.gr-n-verl {
  width: 25rem;
  color: var(--grün);
  justify-content: center;
  align-items: flex-start;
  margin: 3rem auto 5rem 0;
  padding-left: 7.5vw;
}

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

.footer-grid-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.line {
  background-color: var(--grün);
  perspective-origin: 50%;
  transform-origin: 50%;
  width: 100%;
  height: 1px;
}

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

.padding-vertical.padding-xhuge {
  cursor: auto;
}

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

.footer-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo {
  width: 2rem;
  color: var(--grün);
  overflow: visible;
}

.image-10 {
  filter: brightness(200%) saturate(0%);
  width: 3rem;
}

.html-embed {
  z-index: -1;
  cursor: auto;
  mix-blend-mode: soft-light;
  position: fixed;
  inset: 0%;
}

.code-embed {
  opacity: 1;
  cursor: none;
  display: flex;
}

.code-embed.webdesign {
  opacity: .25;
  mix-blend-mode: color-dodge;
  opacity: .25;
  mix-blend-mode: color-dodge;
}

.rechts {
  margin-left: auto;
}

.bold {
  font-family: Poppins Variable, sans-serif;
  font-weight: 500;
}

.dot02 {
  background-color: var(--grün);
  border-radius: 1rem;
  width: .25rem;
  height: .25rem;
  position: absolute;
  inset: 22% auto auto 0%;
}

.checkmarkwrapper {
  z-index: 2;
  border: .125rem solid var(--lila);
  cursor: pointer;
  background-color: #050b1a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: relative;
}

.checkmarkwrapper.rund {
  border-color: var(--grün);
  border-color: var(--grün);
  background-color: #050b1a00;
  border-radius: 50px;
}

.burstspinevert {
  background-color: var(--lila);
  border-radius: 1rem;
  width: .125rem;
  height: 100%;
}

.burstspinevert.gr-n {
  background-color: var(--grün);
  background-color: var(--grün);
}

.burstsknockout {
  z-index: 2;
  aspect-ratio: 1;
  background-color: #050b1a;
  border-radius: 1rem;
  width: 3rem;
  height: 3rem;
  position: relative;
}

.burstsknockout.rund {
  border-radius: 50px;
}

.dot07 {
  background-color: var(--grün);
  border-radius: 1rem;
  width: .25rem;
  height: .25rem;
  position: absolute;
  inset: auto 28% -3% auto;
}

.dot06 {
  background-color: var(--grün);
  border-radius: 1rem;
  width: .35rem;
  height: .35rem;
  position: absolute;
  inset: -12% auto auto 26%;
}

.burstsspineswrapper {
  z-index: 1;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  display: flex;
  position: absolute;
}

.checkmarkhorizspine {
  background-color: var(--lila);
  border-radius: 1rem;
  width: .375rem;
  height: .125rem;
  margin-right: -.125rem;
}

.checkmarkhorizspine.gr-n {
  background-color: var(--grün);
  background-color: var(--grün);
}

.checkiconwrapper {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  top: -.0625rem;
  transform: rotate(30deg);
}

.dot01 {
  background-color: var(--grün);
  border-radius: 1rem;
  width: .4rem;
  height: .4rem;
  position: absolute;
  inset: -6% 26% auto auto;
}

.dot05 {
  background-color: var(--grün);
  border-radius: 1rem;
  width: .25rem;
  height: .25rem;
  position: absolute;
  inset: 18% 0% auto auto;
}

.dot04 {
  background-color: var(--grün);
  border-radius: 1rem;
  width: .25rem;
  height: .25rem;
  position: absolute;
  inset: auto auto 18% -6%;
}

.burstspine40pos {
  background-color: var(--lila);
  border-radius: 1rem;
  width: .125rem;
  height: 110%;
  position: absolute;
  transform: rotate(40deg);
}

.burstspine40pos.gr-n {
  background-color: var(--grün);
  background-color: var(--grün);
}

.checkboxwrapper {
  z-index: 2;
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  display: flex;
  position: relative;
}

.checkboxwrapper.branding {
  margin-top: 0;
}

.burstspinehoriz {
  background-color: var(--lila);
  border-radius: 1rem;
  width: .125rem;
  height: 100%;
  position: absolute;
  transform: rotate(90deg);
}

.burstspinehoriz.gr-n {
  background-color: var(--grün);
  background-color: var(--grün);
}

.burstspine40neg {
  background-color: var(--lila);
  border-radius: 1rem;
  width: .125rem;
  height: 110%;
  position: absolute;
  transform: rotate(-40deg);
}

.burstspine40neg.gr-n {
  background-color: var(--grün);
  background-color: var(--grün);
}

.dot03 {
  background-color: var(--grün);
  border-radius: 1rem;
  width: .3rem;
  height: .3rem;
  position: absolute;
  inset: auto auto -10% 27%;
}

.burstswrapper {
  z-index: 1;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 3rem;
  display: flex;
  position: absolute;
  left: -.25rem;
}

.burstswrapper.rund {
  border-radius: 50px;
}

.checkmarkverticalspine {
  background-color: var(--lila);
  border-radius: 1rem;
  width: .125rem;
  height: 1rem;
}

.checkmarkverticalspine.gr-n {
  background-color: var(--grün);
  background-color: var(--grün);
}

.links {
  text-align: left;
  align-self: flex-start;
  font-family: Poppins, Arial, sans-serif;
  position: static;
  inset: 25vh auto auto 0%;
}

.links.mittig-vert {
  margin-top: auto;
  margin-bottom: auto;
}

.links.oben-unten-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.magic-text.ohnefarbe {
  mix-blend-mode: luminosity;
}

.magic-text.hero-scrollytelling {
  font-family: Montserrat Variablefont lokal, sans-serif;
  font-size: 3em;
  font-weight: 200;
  line-height: 1.5em;
}

.magic-text.kontakt {
  font-size: 5em;
  line-height: 1em;
}

.magic-text.oben5.blog-klein {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
  -webkit-hyphens: auto;
  hyphens: auto;
  flex-flow: wrap;
  font-size: 3rem;
  display: flex;
}

.fade-effekt {
  margin-left: -3px;
}

.fade-effekt.mitte {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: block;
}

.fade-effekt.mitte.unten2 {
  display: block;
}

.fade-effekt.mitte.unten2.prototyp--berschrift {
  margin-bottom: 0;
}

.fade-effekt.mitte.unten2.prototyp--berschrift.offp {
  display: flex;
}

.fade-effekt.mitte.unten2.prototyp--berschrift.offp.unten0 {
  margin-bottom: 0;
  font-family: Montserrat Variablefont lokal, sans-serif;
  display: block;
}

.fade-effekt.mitte.absolut.oben-abstand-abs {
  z-index: auto;
  filter: none;
  inset: 15rem 0% auto;
}

.fade-effekt.mitte._50-breite.h-heauto {
  border-right-style: none;
}

.fade-effekt.abstandlinks {
  padding-left: 20vw;
  padding-right: 20vw;
}

.fade-effekt._50-text.unten2 {
  margin-bottom: 2rem;
}

.fade-effekt._50-text.unten2.mitte.mittig {
  margin-left: auto;
}

.fade-effekt.max30rem {
  max-width: 30rem;
}

.fade-effekt._80.mittig-ma {
  text-align: center;
  width: 100%;
}

._50 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

._50.mitte-l-ngst {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: -3rem;
  display: flex;
}

._50.mitte-l-ngst.obenlinks {
  justify-content: flex-start;
  align-items: flex-start;
}

._50.mitte-l-ngst.obenlinks.siegel {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

._50.block {
  display: block;
}

._50.cta_contain._40._100, ._50.linksausrichten {
  justify-content: center;
  align-items: flex-start;
}

._50.abs {
  position: absolute;
  inset: auto auto 0% 0%;
}

._50.cta_contain {
  margin-top: 5rem;
}

._50.cta_contain._40 {
  width: 40%;
}

._50.cta_contain._40._100, ._50.linksausrichten {
  justify-content: center;
  align-items: flex-start;
}

._50.linksausrichten.oben5p {
  padding-top: 5%;
}

._50.linksausrichten.oben5p.handy {
  justify-content: center;
  align-items: flex-start;
}

._50.linksausrichten.oben5p.handy.unten-auto {
  margin-top: auto;
}

._80 {
  width: 80%;
}

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

._80.box-mitte {
  margin-left: auto;
  margin-right: auto;
}

._80.box-mitte._90.oben0 {
  margin-top: 0;
}

._80.box-mitte.oben10 {
  margin-top: 10rem;
}

._80.box-mitte.oben10._90.oben3._855 {
  width: 85%;
}

._100 {
  width: 72.5%;
  height: 95%;
}

._100.mobil100 {
  width: 100%;
}

.mittig {
  text-align: center;
  font-size: 2.5em;
}

.mittig.fade-effekt.abstand-seiten {
  padding-left: 10vw;
  padding-right: 10vw;
}

.mittig.fade-effekt.max-50 {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.mittig.fade-effekt.max-50.g_heading.gross-3 {
  max-width: 60%;
  font-size: 3em;
}

.gr-n {
  color: var(--grün);
}

.gr-n.gr-ne-berschrift {
  filter: none;
}

._90 {
  text-transform: lowercase;
  margin-top: 10rem;
  font-style: italic;
  font-weight: 300;
}

.nav-menu-block {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: center;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.header-container {
  background-color: #ffffff14;
  border-radius: 500px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 5rem;
  padding: .7rem 1.1rem .7rem 2rem;
  transition: all .3s;
  display: flex;
}

.list-item {
  height: 100%;
}

.oben3 {
  color: var(--white);
  margin-top: 3rem;
  font-family: Poppins Variable, sans-serif;
}

.mobil {
  display: none;
}

.flie-text {
  text-transform: none;
  font-style: normal;
}

.subtitle {
  color: var(--grün);
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3rem;
  font-weight: 300;
}

.subtitle.weiss {
  color: var(--white);
  text-transform: none;
  font-weight: 400;
  line-height: 1rem;
}

.subtitle.weiss.block {
  color: var(--white);
  text-align: left;
  margin-bottom: 1rem;
  font-weight: 400;
  display: block;
}

.work-card_tags-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column-reverse;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  text-decoration: none;
  display: flex;
}

.work-card_tags-wrapper.rechts {
  z-index: 6;
  flex-flow: column;
  position: relative;
}

.work-card_tags-wrapper.rechts.unten {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
}

.navigation-men {
  -webkit-backdrop-filter: saturate(200%) brightness(59%) blur(8px);
  backdrop-filter: saturate(200%) brightness(59%) blur(8px);
  background-color: #dddddd12;
  border-radius: 500px;
  justify-content: center;
  align-items: flex-start;
  width: 1120px;
  margin-top: 1.5vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.navigation-men.header {
  z-index: 99999;
  z-index: 99999;
  width: 95%;
  min-width: 75rem;
  max-width: 80rem;
  height: 5rem;
  margin-top: 1.5rem;
}

.glowing-wrapper.glowing-wrapper-active.menu {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  display: block;
  position: relative;
}

.glowing-wrapper.glowing-wrapper-active.menu.kurz {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.glowing-wrapper.glowing-wrapper-active.menu.vollebreite {
  width: 100%;
}

.glowing-wrapper.glowing-wrapper-active.menu.vollebreite.mobiloff {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.glowing-wrapper.glowing-wrapper-active.menu.vollebreite.mobiloff.auto-links {
  width: auto;
}

.glowing-wrapper.glowing-wrapper-active.menu.vollebreite.mobilon {
  display: none;
}

.navbar_button {
  z-index: 5;
  color: #fff;
  border-radius: 40px;
  align-items: center;
  min-height: 2.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navbar_button.w--current {
  color: #fff;
}

.navbar_button.resources {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  background-color: #ffffff17;
  min-height: 0;
  padding: .7rem 1.2rem;
  font-family: Poppins Variable, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: all .3s;
}

.navbar_button.resources:hover {
  background-color: #22222240;
}

.navbar_button.resources.immersive.mobilan {
  display: none;
}

.navbar_button.resources.vollebreite {
  width: 100%;
}

.navbar_button.resources.vollebreite.mittig {
  justify-content: center;
  align-items: center;
}

.navigation {
  grid-column-gap: 49px;
  grid-row-gap: 49px;
  justify-content: center;
  align-items: center;
}

.navigation.main-nav {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.hero-section-lq {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 7.5vw;
  display: flex;
  overflow: visible;
}

.hero-section-lq.switch {
  flex-flow: row-reverse;
  padding-left: 0;
  padding-right: 7.5vw;
}

.hero-section-lq.switch.ref {
  height: 100vh;
}

.leon-quiring-3d {
  z-index: 2;
  width: 85%;
  margin: auto;
  display: block;
  position: relative;
}

.leon-quiring-3d.links0 {
  width: 85%;
  margin-left: -10%;
}

.leon-quiring-3d.links0.links-0 {
  margin-left: 0%;
}

.h2-n {
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-bottom: 0;
  font-family: Montserrat Variablefont lokal, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.5rem;
}

.h2-n.h2-gruen {
  color: var(--grün);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-weight: 600;
  display: inline;
}

.h2-n.h2-gruen.magic-text {
  white-space: normal;
}

.h2-n.g_heading {
  text-align: left;
  flex-flow: wrap;
  max-width: 100%;
  font-weight: 400;
  display: block;
}

.h2-n.g_heading._85 {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.h2-n.g_heading._85.mittig {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.h2-n.g_heading._85.mittig.break {
  display: block;
}

.h2-n.mittig.break {
  flex-flow: column;
  display: flex;
}

.h2-n.unten-1 {
  margin-bottom: 1rem;
}

.h2-n.unten-1.g_heading.bold {
  font-weight: 600;
}

.icon-logo {
  filter: saturate(0%);
  width: 1.3rem;
}

.link-block {
  display: flex;
}

.link-block.logo {
  width: 15%;
  text-decoration: none;
}

.link-block.logo.w--current {
  filter: saturate(0%);
  width: 15%;
  min-width: 10rem;
  min-height: auto;
  padding-right: 1rem;
  text-decoration: none;
  transition: opacity .3s;
}

.link-block.logo.w--current:hover {
  filter: saturate();
}

.g_heading {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  max-width: 100ch;
  font-weight: 400;
}

.g_heading.h2-n.umbruch {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.g_heading._100 {
  word-break: normal;
}

.g_heading._40rem-b {
  max-width: 38rem;
  font-style: normal;
}

.g_heading.hyphensauto {
  font-weight: 400;
}

.g_heading.hyphensauto.h2-kleiner {
  font-size: 1.5rem;
  line-height: 2rem;
}

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

.grid_services {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  flex-flow: row;
  grid-template-rows: minmax(25rem, 1fr) minmax(25rem, 1fr);
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  height: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
}

.grid_services.flex-ref {
  flex-flow: column;
}

.card-7 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000004a;
  background-image: linear-gradient(158deg, #1d82a34f, #ffffff0f);
  border-radius: 1.5rem 0 0 1.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  padding: 2.5rem;
  display: flex;
  position: relative;
}

.card-7.is-black {
  color: #fff;
  background-color: #101828;
}

.card-7.is-black._60 {
  width: 47%;
  min-height: 100%;
}

.card-7.is-black._60.links0 {
  border-radius: 0 1.5rem 1.5rem 0;
  flex-flow: column;
  align-self: stretch;
  align-items: stretch;
  width: 55%;
  height: auto;
  max-height: 100%;
  display: flex;
}

.card-7.is-black._60.links0._100--ref {
  width: 100%;
}

.card-7._100 {
  width: 100%;
  text-decoration: none;
}

.card-7._100._1-5radius {
  border-radius: 1.5rem;
  padding-left: 2.5rem;
}

.card-7.unten0.anordnung-oben {
  justify-content: flex-start;
  align-items: flex-start;
}

.card-7.unten0.anordnung-oben._100.gap-1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.card-7.unten0._100.ref {
  border-radius: 20px;
}

.div-block-116 {
  background-image: linear-gradient(to bottom, var(--grün), var(--grün));
  width: 100%;
  height: 2px;
  margin-bottom: 0;
}

.div-block-117 {
  opacity: .46;
  filter: blur(12px);
  background-image: linear-gradient(0deg, #e5e4e400 38%, #a2e41570);
  width: 100%;
  height: 3rem;
  margin-top: -4px;
  padding-top: 0;
  transition: all .2s;
}

.div-block-117:hover {
  opacity: 1;
}

.lichtstrahl {
  width: 100%;
}

.lichtstrahl.webdesign-breite {
  z-index: 1;
  z-index: 1;
  inset: 0% auto auto 0%;
  width: 10rem;
  padding-left: 2.5rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.unten0 {
  margin-bottom: 0;
  font-family: Poppins, Arial, sans-serif;
}

.gruen {
  color: var(--grün);
  line-height: 3.5rem;
  display: block;
}

.gruen.mitte-paket {
  margin-left: auto;
  margin-right: auto;
}

.gruen.inline {
  display: inline-flex;
}

.paragraph-14 {
  font-family: Poppins, Arial, sans-serif;
}

.referenzen-sec {
  width: 85%;
  margin: 10rem auto;
}

._100--b {
  width: 100%;
}

.tag {
  border: 1px solid var(--white);
  color: var(--white);
  white-space: nowrap;
  border-radius: 50px;
  padding: .25rem 1rem;
  text-decoration: none;
  display: inline-flex;
}

._1005-b {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.referenz-bild {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 16rem;
}

.collection-list-wrapper {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

.button-opener {
  justify-content: center;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.button-complete {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #1b1b1b;
  white-space: nowrap;
  background-color: #f0eff380;
  border: 1px solid #fff0;
  border-radius: 1000px;
  align-items: center;
  min-width: 3rem;
  min-height: 3rem;
  padding: .5rem 1rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-complete:hover {
  background-color: #f0eff3;
  border: 1px solid #fff;
}

.max-50 {
  max-width: 50%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.max-50.mittig.flie-text {
  font-size: 1rem;
  line-height: 1.5rem;
}

.max-50.mittig.flie-text.unten-2 {
  margin-bottom: 2rem;
}

.heading-36 {
  text-align: center;
  font-style: normal;
}

.faq-plus {
  background-color: var(--grün);
  border-radius: 3px;
  width: 100%;
  height: 5px;
}

.faq-answer {
  border-bottom: 1px solid #4a5969;
  padding-left: 45px;
  overflow: hidden;
}

.faq-answer-text {
  text-transform: none;
  margin-bottom: 30px;
  font-size: 16px;
  font-style: normal;
}

.faq-plus-wrap {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 25px;
  display: flex;
  position: relative;
}

.hide {
  display: none;
}

.faq-q-text {
  text-transform: none;
  font-style: normal;
  font-weight: 400;
}

.faq-plus-l {
  background-color: var(--grün);
  border-radius: 3px;
  width: 5px;
  height: 100%;
  position: absolute;
}

.faq-question {
  cursor: pointer;
  align-items: center;
  height: 90px;
  font-size: 22px;
  font-weight: 800;
  display: flex;
}

.div-block-127 {
  background-color: #ffffff1f;
  width: 1px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.logo-klein {
  height: 1rem;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 2px;
  padding-right: .5rem;
  display: none;
}

@media screen and (min-width: 1280px) {
  .button-text.vert-2rem._100.obenmehr, .button-text.vert-2rem._100.oh, .button-text.vert-2rem._100.obenmehr, .button-text.vert-2rem._100.oh, .button-text.vert-2rem._100.obenmehr, .button-text.vert-2rem._100.oh, .button-text.vert-2rem._100.obenmehr, .button-text.vert-2rem._100.oh {
    font-size: 1rem;
  }

  .cube-front-2 {
    z-index: 3;
  }

  ._50.linksausrichten.oben5p.handy.unten-auto {
    max-width: 500px;
  }

  .navigation-men.header {
    max-width: 80rem;
  }

  .hero-section-lq.switch {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .leon-quiring-3d.links0 {
    width: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .ui-ai-button {
    max-width: 300px;
  }

  .heading_interaction-wrap-2 {
    height: 80px;
    top: 160px;
  }

  .heading-move-2 {
    font-size: 5.3em;
  }

  ._50.linksausrichten.oben5p.handy.unten-auto {
    max-width: 520px;
  }

  .hero-webdesign-2 {
    width: 100%;
  }

  .gehirn-hero.webdesisgn {
    width: 35%;
  }

  .subtitle {
    color: var(--grün);
  }

  .navigation-men.header {
    max-width: 80rem;
  }

  .hero-section-lq.switch {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }
}

@media screen and (min-width: 1920px) {
  .button-text.vert-2rem._100.obenmehr {
    white-space: nowrap;
    white-space: nowrap;
    white-space: nowrap;
    white-space: nowrap;
  }

  .button-effekt._100.links.autoh-he {
    height: auto;
  }

  .section-marquee-secondary, .section-marquee {
    overflow: visible;
  }

  .mockup-bild {
    background-image: url("https://cdn.prod.website-files.com/687bb1935f4776131c259a3f/687bb1935f4776131c259b41_Mockup_Bayo.avif"), linear-gradient(to bottom, var(--dunkelblau), var(--dunkelblau));
    background-position: 50%, 0 0;
    background-size: cover, auto;
    background-attachment: fixed, scroll;
    border-radius: 20px;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    box-shadow: inset 0 2px 20px 2px #ffffff0f;
  }

  .heading_interaction-wrap-2 {
    height: 90px;
    top: 212px;
  }

  .heading-move-2 {
    font-size: 7em;
  }

  .u-container {
    max-width: 90vw;
  }

  ._50.linksausrichten.oben5p.handy.unten-auto {
    max-width: 680px;
  }

  .gehirn-hero.webdesisgn {
    width: 35%;
  }

  .header-container {
    width: auto;
  }

  .navigation-men {
    width: 1240px;
  }

  .navigation-men.header {
    width: auto;
    max-width: 80rem;
  }

  .navigation.main-nav {
    margin-left: auto;
    margin-right: auto;
  }

  .leon-quiring-3d.links0 {
    width: 90%;
  }

  .image-59 {
    width: 40%;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 2rem;
    line-height: 2.2rem;
  }

  .navbar {
    justify-content: space-between;
    align-items: center;
    width: 95vw;
    margin-right: auto;
    padding-left: 0;
    top: 2.5%;
  }

  .button-text {
    letter-spacing: 0;
    font-size: .9rem;
  }

  .lime-animation {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .lime-animation.contact, .lime-animation.lila, .lime-animation.contact, .lime-animation.lila {
    display: none;
  }

  .button.glowing-wrapper-active.contact-button {
    width: 6vw;
    height: 6vw;
  }

  .div-block-8 {
    width: 100%;
    margin-top: 20vw;
  }

  .brand-logo {
    width: auto;
  }

  .referenzen {
    margin-top: 7rem;
    margin-bottom: 0;
    padding-bottom: 120px;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .referenzen._0seiten.oben-2, .referenzen.unten0, .referenzen._0seiten.oben-2, .referenzen._0seiten.oben-2, .referenzen.unten0 {
    padding-bottom: 0;
  }

  .layout {
    margin-left: 0;
  }

  .heading-4.magic-text.h1.head-animation {
    font-size: 5rem;
    font-weight: 100;
  }

  .heading-4.magic-text.h1.head-animation.klein.mittig.z-1 {
    text-align: center;
    text-align: center;
    text-align: center;
  }

  .heading-4.magic-text.h1.head-animation.gro.block._80-p {
    width: 100%;
  }

  .hero-section.mobil, .section-6 {
    display: none;
  }

  .section-6.abstand-oben.abstand-rl {
    margin-top: 3rem;
    display: none;
  }

  .navigation_branding {
    display: none;
  }

  .leuchtball.on {
    outline-offset: 10px;
    outline-offset: 10px;
    outline-width: 1px;
    width: 1rem;
    height: 1rem;
    display: none;
  }

  .card-content-phone {
    height: 100vh;
    top: 65%;
  }

  .card-content-phone-img {
    border-radius: 26vw;
  }

  .hero-text-wrapper {
    padding-top: 5vh;
    padding-bottom: 50vh;
  }

  .card-content-screen {
    border-radius: 2.5vw;
    width: 22.4871vh;
    height: 47.7vh;
  }

  .card-content-phone-sticky {
    border-radius: 3rem;
    margin-top: -20vh;
    overflow: hidden;
  }

  .scroll-element.magic-text.se {
    font-size: 10rem;
  }

  .button-effekt {
    background-color: #0000;
  }

  .abstand {
    margin-top: 7em;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .abstand.ohne-hintergrund.mitte._10vw-abstand, .abstand.ohne-hintergrund.mitte._10vw-abstand.oben0.unten0, .abstand.ohne-hintergrund._80 {
    display: none;
  }

  .abstand.ohne-hintergrund {
    width: 80%;
  }

  .abstand.ohne-hintergrund.mitte._10vw-abstand, .abstand.ohne-hintergrund.mitte._10vw-abstand.oben0.unten0, .abstand.ohne-hintergrund._80 {
    display: none;
  }

  .abstand.ohne-hintergrund._50vh.unten0.idee-beginning {
    width: 100%;
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: none;
  }

  .abstand.ohne-hintergrund.mitte {
    margin-top: 10em;
    margin-bottom: 10em;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .abstand.ohne-hintergrund.mitte._10vw-abstand, .abstand.ohne-hintergrund.mitte._10vw-abstand.oben0.unten0, .abstand.ohne-hintergrund.mitte._10vw-abstand, .abstand.ohne-hintergrund.mitte._10vw-abstand.oben0.unten0, .abstand.ohne-hintergrund.mitte._10vw-abstand.oben0.unten0, .abstand.ohne-hintergrund.mitte._10vw-abstand.oben0.unten0, .abstand.ohne-hintergrund._80 {
    display: none;
  }

  .abstand.ohne-hintergrund._80.flex {
    width: 80%;
    padding-bottom: 10rem;
  }

  .abstand.oben0.mobiloben3.rechts0.umdrehen {
    justify-content: center;
    align-items: flex-start;
  }

  .section-11 {
    margin-bottom: 4rem;
  }

  .laptop-text {
    padding-top: 13vw;
    font-size: 2rem;
  }

  .kasten-button {
    width: 3rem;
    height: 3rem;
    padding: .5rem;
  }

  ._30.kontur.an.rund.weiss {
    line-height: 20px;
  }

  .vertikal {
    width: 3rem;
    height: 3rem;
  }

  .button_typo_laptop, .button_typo_laptop.poppins.weiss, .button_typo_laptop.poppins.weiss, .button_typo_laptop.poppins.weiss {
    font-size: 1.5rem;
  }

  ._75.mitte75 {
    width: 100%;
  }

  .d-51-card-wrapper {
    min-width: 320px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .cursor-wrapper {
    margin-top: -45.5%;
  }

  .image-8 {
    width: 80%;
    height: auto;
    display: block;
  }

  .page-padding-brand {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .page-padding-brand.fade-effekt.links-auto.oben-0.gap-2 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-grid-right-inner {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .heading-medium {
    font-size: 4rem;
  }

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

  .marquee-heading {
    letter-spacing: 2px;
    font-size: 3rem;
  }

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

  .footer-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .mockup-bild.oben2 {
    height: 50vh;
  }

  .code-embed {
    display: none;
  }

  .code-embed.webdesign {
    display: flex;
  }

  .text-animation.mitte.gross {
    font-size: 5em;
  }

  .div-block-43 {
    margin-top: 0;
  }

  .versalien.fade-effekt {
    font-size: 4em;
  }

  .div-block-45, .flex.abstand-rl {
    flex-flow: column;
  }

  .flex.abstand-rl {
    flex-flow: column;
  }

  .flex.abstand-rl.nebeneinander {
    flex-flow: row;
  }

  .flex.gap.obenflex.oben10 {
    flex-flow: column;
  }

  .flex.cursor-none {
    display: none;
  }

  .flex.cursor-none._0ben-10.on {
    display: flex;
  }

  .flex._72.oben-abstand {
    width: 85%;
    margin-top: 0%;
  }

  .flex.mittig-flex._5seiten {
    padding-top: 7rem;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .section-discover {
    padding-bottom: 0;
    display: none;
  }

  .section-discover.unten0, .section-discover.unten5 {
    display: none;
  }

  .section-discover.orange {
    margin-bottom: 5rem;
    padding-top: 0;
  }

  .section-discover.orange.markenplanen {
    display: none;
  }

  .section-discover.orange.unten30 {
    margin-bottom: 10rem;
    display: none;
  }

  .section-discover.blau {
    padding-bottom: 10rem;
    display: none;
  }

  .section-discover.gr-n {
    margin-top: 15rem;
    padding-top: 0;
  }

  .section-discover.abstand-oben {
    margin-top: 0;
  }

  .section-discover.abstand-oben._5rem {
    margin-top: 10rem;
    padding-bottom: 10rem;
  }

  .section-discover.oben {
    margin-top: 10rem;
  }

  .section-discover.oben.designaufgaben {
    margin-top: 0;
  }

  .section-discover.oben.methoden-design {
    margin-top: 0;
    padding-top: 10rem;
  }

  .section-discover._70.links {
    width: 80%;
    padding-bottom: 10rem;
  }

  .section-discover.ki {
    margin-top: 15rem;
  }

  .section-discover.unten0, .section-discover.unten5 {
    display: none;
  }

  .grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: 80vw;
  }

  .grid._100-breite._0oben._5 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .page.section-discover {
    padding-bottom: 10rem;
    display: none;
  }

  .intro-block.ui-ai {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .card-4 {
    height: 10rem;
  }

  .card-4.max-588 {
    max-width: 100%;
    height: 400px;
  }

  .container-2 {
    width: 100%;
  }

  .grid-2 {
    grid-template-columns: 1fr 1fr;
    max-width: 589px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2.discover-methoden._80-methode.mobil90, .grid-2.discover-methoden.mobil90 {
    max-width: 90%;
  }

  .grid-2.ui-ai {
    max-width: 80%;
  }

  .grid-2.discover-methoden {
    grid-template-rows: auto auto auto auto;
    max-width: 100%;
  }

  .grid-2.discover-methoden._80-methode.mobil90, .grid-2.discover-methoden.mobil90, .grid-2.discover-methoden._80-methode.mobil90, .grid-2.discover-methoden._80-methode.mobil90, .grid-2.discover-methoden.mobil90 {
    max-width: 90%;
  }

  .card-info.longer.auto {
    height: auto;
  }

  .ui-ai-button.texte.versalien.button {
    max-width: 100%;
  }

  .card-6 {
    height: 10rem;
  }

  .card-6.max-588 {
    max-width: 588px;
    height: 400px;
  }

  .card-6.automator-community.max-588 {
    max-width: 100%;
    height: auto;
  }

  .card-6.automator-community.max-588._32.wan {
    height: auto;
    min-height: auto;
  }

  .card-6.automator-community.max-588.sti {
    margin-left: auto;
    margin-right: auto;
  }

  .card-6.automator-community.max-588.sti.magic-box.vert.abstand-innen {
    padding: 2rem;
  }

  .card-6.automator-community.max-588.sti.magic-box.abstand-innen, .card-6.automator-community.max-588.sti.magic-box.vert.abstand-innen {
    padding: 2rem;
  }

  .card-6.automator-community.max-588.sti.magic-box.abstand-innen, .card-6.automator-community.max-588.sti.magic-box.vert.abstand-innen, .card-6.automator-community.max-588.sti.magic-box.vert.abstand-innen {
    padding: 2rem;
  }

  .card-6.automator-community.max-588.sti.magic-box._100-h-he {
    min-height: 35rem;
  }

  .card-6.automator-community.max-588.sti.magic-box._100-h-he._100breite._50-breite {
    margin-left: 0;
  }

  .card-6.automator-community.max-588.sti.magic-box.abstand-innen {
    padding: 2rem;
  }

  .arrow-div.invert {
    margin-right: -15px;
  }

  .accordion-pane {
    width: 100%;
  }

  .accordion-item {
    margin-bottom: 20px;
  }

  .arrow-div-wrapper {
    width: 10%;
  }

  .accordion-section {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .button-playground-container {
    width: 100%;
    min-height: auto;
  }

  .all {
    background-image: none;
    background-position: 50% 0;
    background-size: cover;
    min-height: auto;
    padding-bottom: 20px;
  }

  .main-wrapper-4 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    height: auto;
    margin-top: -10rem;
    margin-bottom: -15rem;
  }

  ._100-breite.flex.oben10.gap._3rem._15oben {
    flex-flow: column;
  }

  .methoden-discover.fade-effekt._10vwlinks._10vw {
    margin-bottom: 2rem;
  }

  .magie-beginnt {
    display: none;
  }

  .image-16 {
    position: sticky;
    inset: 50vh 0% 0%;
  }

  .div-block-57 {
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }

  .links-rechts-60 {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .heading_interaction-wrap-2 {
    height: 50px;
    top: 94px;
  }

  .heading-move-2 {
    font-size: 3em;
  }

  .gr-ne-berschrift {
    font-size: 2rem;
  }

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

  .todo_middle-area {
    flex: 1;
  }

  .todo_component.smooth-shadow {
    flex-direction: column;
    justify-content: space-around;
    min-width: 46vw;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .page-wrapper-4.fade-effekt {
    transform: none;
  }

  .logoaufbau {
    top: 50vh;
  }

  .abstand-oben.fade-effekt {
    margin-top: 5rem;
  }

  .u-container.section-discover {
    padding-top: 10rem;
  }

  .u-container.section-discover.oben10 {
    display: none;
  }

  .styleguide_content {
    grid-template-columns: minmax(max-content, 7.5rem) minmax(0, 1fr);
  }

  .tablet-animation.section-discover.oben15 {
    padding-top: 0;
    padding-bottom: 10rem;
    display: none;
  }

  .ipad-screen {
    border-radius: 7px;
  }

  .fade-effekt.mitte.unten2 {
    width: 100%;
  }

  .fade-effekt.abstandlinks {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .fade-effekt._50-text.unten2 {
    width: 80%;
  }

  .paragraph-8, .hell.text.mitte, .hell.text.mitte, .hell.text.mitte {
    display: none;
  }

  .button-mask {
    width: auto;
    min-height: auto;
    display: none;
  }

  .button-mask.mitte, .button-mask.mobil {
    display: flex;
  }

  .button-mask.mitte, .button-mask.mobil {
    display: flex;
  }

  .button-mask._100rechts.aus {
    display: none;
  }

  .button-mask._100rechts.aus.mitte {
    display: flex;
  }

  .button-mask.blau-stark.oben1 {
    display: block;
  }

  .grid-3 {
    margin-left: -6vw;
  }

  ._50.mitte-l-ngst._100--20, ._50.block {
    width: 100%;
  }

  ._50.mitte-l-ngst {
    width: 100%;
    margin-bottom: 0;
  }

  ._50.mitte-l-ngst._100--20, ._50.block {
    width: 100%;
  }

  ._50.cta_contain._40._100 {
    justify-content: center;
    align-items: flex-start;
  }

  .sticky-rechts-unten, .abstand-innen.section-discover {
    display: none;
  }

  .abstand-innen.section-discover {
    display: none;
  }

  .abstand-innen.section-discover.oben0 {
    margin-top: 10rem;
  }

  .abstand-innen.section-discover.unten0 {
    padding-top: 10rem;
    display: block;
  }

  .nav-web {
    width: 90%;
    margin-top: -80vh;
  }

  .gap.mobil {
    display: flex;
  }

  .hintergrund-prototyp {
    width: 88vh;
    height: 83vh;
  }

  .hintergrund-prototyp.limes {
    justify-content: center;
    align-items: center;
    width: 88vh;
    height: 83vh;
  }

  ._60._9999 {
    width: 170%;
  }

  ._40-breite.mitte.lime {
    width: 70%;
  }

  .hintergrund-prototyp-button {
    right: -7%;
  }

  .navigation-psych.flex.strech-rechts.nach-unten.auto._100-h-he.mitteoben {
    width: 100%;
    margin-top: 0;
  }

  .psych-info._50.auto-breite.oben0, .psych-info.auto._30 {
    width: 100%;
  }

  .psych-info.navigation {
    max-width: 100%;
  }

  .psych-info._50.auto-breite.oben0, .psych-info.auto._30, .psych-info.auto._30 {
    width: 100%;
  }

  .max30rem {
    max-width: 100%;
  }

  .image-29 {
    max-width: 80%;
    margin-bottom: -35vw;
  }

  .unten15rem {
    margin-top: 15rem;
    display: none;
  }

  .section-21 {
    display: none;
  }

  .section-21.flex-mitte {
    margin-top: 10rem;
    display: none;
  }

  .sticky_card {
    border-top-width: 1.5rem;
  }

  .card-padding {
    padding: 2.5rem;
  }

  .home-services-item-heading {
    flex-direction: column;
  }

  .home-services-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .padding-vertical-2.padding-huge {
    padding-top: 0;
  }

  .field_wrap {
    align-items: flex-start;
  }

  .cms_version {
    z-index: 99;
  }

  .image_collection.hide-tablet-mobile {
    height: 0;
  }

  .page-padding-2 {
    z-index: 20;
    position: relative;
  }

  .main-form_component {
    flex-direction: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 189px;
    display: flex;
  }

  .form, .form.contact, .form.contact {
    width: 100%;
  }

  .h1-kleiner {
    font-weight: 300;
  }

  .gehirn-hero {
    width: 50vw;
    right: 5%;
  }

  .nav-menu-block {
    z-index: 2147483647;
    flex-flow: column;
    padding-top: 2rem;
    position: absolute;
    inset: 100% 0% auto;
  }

  .nav-menu-2 {
    position: static;
  }

  .icon-3 {
    color: var(--color);
    font-size: 2rem;
  }

  .h3 {
    color: var(--color);
    text-transform: lowercase;
    font-family: Montserrat Variablefont lokal, sans-serif;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 300;
  }

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

  .section-28, .section-29, .code-embed-5 {
    display: none;
  }

  .container-3.fade-effekt {
    justify-content: center;
    align-items: center;
  }

  ._5050.link0 {
    flex-flow: column;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .image-45 {
    margin-bottom: 0;
    position: sticky;
    inset: 40% 0% 0%;
  }

  .process-image_wrapper {
    order: -1;
    width: 100%;
    height: 45rem;
  }

  .section-33 {
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }

  .work-card {
    min-height: 35rem;
  }

  .work-card_tags-wrapper.rechts.unten {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .image-49 {
    width: auto;
    position: relative;
    right: auto;
    overflow: clip;
  }

  .mobil-fokus {
    display: none;
  }

  .navigation-men.header {
    width: 85%;
    min-width: 650px;
  }

  .navbar_button.resources.vollebreite.mittig {
    flex-flow: wrap;
  }

  .hero-section-lq.switch {
    flex-flow: row-reverse;
    height: 80vh;
  }

  .h2-n {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .h2-n.g_heading {
    flex-flow: wrap;
    display: block;
  }

  .link-block.logo.w--current {
    padding-right: 2rem;
  }

  .menu-toggle {
    color: var(--color);
    margin-left: auto;
  }

  .g_heading.hyphensauto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .grid_services {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr 1fr;
  }

  .image-59 {
    width: 91%;
  }

  .image-59._70 {
    inset: auto;
    width: 90%;
    margin-bottom: 1.5rem;
    position: relative;
    inset: auto;
  }

  .gruen {
    line-height: 2.5rem;
  }

  .div-block-118.card-7.radius {
    padding: .9rem;
    position: sticky;
    top: 40%;
  }

  .popup {
    max-width: 700px;
    display: none;
  }

  .collection-list-3 {
    flex-flow: wrap;
    display: flex;
  }

  .max-50.mittig.flie-text.unten-2 {
    max-width: 100%;
  }

  .login_form {
    width: 100%;
  }

  .login_grid {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .login_image-wrap {
    width: 100%;
  }

  .login_details-wrap {
    width: 100%;
    max-width: 520px;
    min-height: auto;
  }

  .login_section {
    padding-top: 3rem;
  }

  .login_hr {
    width: 18%;
  }

  .navbar-link {
    white-space: nowrap;
    width: auto;
    padding: 20px;
    font-size: 14px;
  }

  .hamburger_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-menu {
    z-index: 40;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-bottom: 1px #000;
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0%;
    display: flex;
    overflow: auto;
  }

  .hamburger_line-middle-in {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger.w--open {
    background-color: #0000;
  }

  .hamburger_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .hamburger_line-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar-container {
    justify-content: space-between;
    align-items: center;
  }

  .page-dropdown-overlay {
    display: flex;
  }

  .infotext.grey {
    font-size: 13px;
  }

  .dropdown-list.w--open {
    width: 100%;
    min-width: 100%;
    overflow: hidden;
  }

  .nav-link {
    font-family: Poppins Variable, sans-serif;
  }

  .nav-link.w--current {
    padding-bottom: 2px;
  }

  .dropdown-item-wrapper {
    width: 100%;
  }

  .dropdown-toggle {
    font-family: Poppins Variable, sans-serif;
  }

  .dropdown-item {
    min-width: 25vw;
  }

  .menu-icon1_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar_menu-right {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
  }

  .megamenu_layout {
    box-shadow: none;
    flex-direction: column;
  }

  .menu-icon1_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_link {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: .75rem 1rem;
  }

  .dropdown_list {
    width: 100%;
    min-height: 0;
    box-shadow: none;
    border-style: none;
    overflow: hidden;
  }

  .menu-icon1_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .megamenu_feature {
    flex: 1;
    margin-bottom: 1rem;
  }

  .navbar_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .navbar_dropdown-list.w--open {
    border-style: none;
    align-items: flex-start;
    position: relative;
    top: 0;
  }

  .navbar_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #c4e94a26;
    align-items: flex-start;
    height: 100dvh;
    margin-left: 0;
    padding: 1rem 5% 6.5rem;
    transition: height .5s;
    position: absolute;
    overflow: auto;
  }

  .navbar_menu-dropdown {
    width: 100%;
  }

  .menu-icon5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar_menu-left {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .dropdown-chevron {
    inset: auto 0% auto auto;
  }

  .navbar_dropdown-toggle {
    justify-content: center;
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1.125rem;
    display: flex;
  }

  .navbar_menu-button.w--open {
    background-color: #0000;
  }

  .megamenu_content {
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem 2rem 1rem;
    display: flex;
  }

  .menu-icon1_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_dropdown {
    display: block;
  }

  .navbar_dropdown-list-content-wrapper {
    background-color: var(--dunkelblau);
  }

  .navbar_dropdown-toggle-2 {
    box-shadow: none;
    justify-content: space-between;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    transition-property: none;
    display: flex;
  }

  .navbar_dropdown-toggle-2:hover {
    box-shadow: none;
  }

  .navbar_link-group {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: stretch;
  }

  .navbar_link-list-item {
    border-bottom: 1px solid #d8d8d8;
  }
}

@media screen and (max-width: 767px) {
  .hero.zoom.handy {
    padding-right: 5vw;
  }

  .hero.zoom.handy.corporate-design {
    padding-left: 5vw;
  }

  .glowing-wrapper-button {
    white-space: nowrap;
  }

  .button-text.vert-2rem._100:hover {
    background-color: var(--grün);
    color: var(--dunkelblau);
  }

  .button-text.vert-2rem._100 {
    background-color: #000816;
  }

  .button-text.vert-2rem._100:hover {
    color: #000816;
    background-color: #c7d526;
  }

  .referenzen {
    padding-bottom: 0;
  }

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

  .layout {
    margin-left: auto;
  }

  .heading-4.magic-text.h1.head-animation {
    margin-left: auto;
    font-size: 4.2rem;
  }

  .modal-close_btn {
    font-size: 1.8rem;
  }

  .div-block-16 {
    width: 80vw;
  }

  .card-content-phone {
    top: 67.6%;
  }

  .card-background {
    border-radius: 1.5rem;
  }

  .card-content-phone-sticky {
    border-radius: 1.5625rem;
  }

  .scroll-element {
    text-align: center;
    justify-content: center;
  }

  .scroll-element.magic-text.se {
    font-size: 8.2rem;
  }

  .abstand.ohne-hintergrund._80 {
    margin-top: 10em;
  }

  .abstand.oben0.mobiloben3.rechts0 {
    flex-flow: column;
  }

  .d-51-card-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .cursor-wrapper {
    margin-top: -62%;
  }

  .marquee-inner {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .page-padding-brand {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .footer-grid-right-inner {
    grid-template-columns: 1fr 1fr;
  }

  .heading-medium {
    font-size: 3.5rem;
  }

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

  .marquee-heading {
    font-size: 3rem;
  }

  .navbar-menu-item-link {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .line.mobiloff {
    display: none;
  }

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

  .footer-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .code-embed.webdesign {
    mix-blend-mode: normal;
    mix-blend-mode: normal;
  }

  .flex.gap._2rem.dunkel {
    display: none;
  }

  .flex.mittig-flex {
    flex-flow: column-reverse;
  }

  .grid._100-breite._0oben._5 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .ui-ai-playground-input-glyphs {
    top: 6px;
    left: -34px;
    transform: scale(.85);
  }

  .ui-ai-large-logo-glow {
    border-radius: 32px;
    width: 120px;
    height: 120px;
  }

  .ui-ai-large-logo {
    border-radius: 30px;
    width: 116px;
    height: 116px;
  }

  .ui-ai-playground-canvas {
    top: 155px;
    left: 20px;
  }

  .intro-block {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .intro-block.ui-ai {
    width: 100%;
  }

  .card-4.max-588 {
    min-width: 282px;
    max-width: 282px;
  }

  .grid-2.ui-ai {
    place-items: center;
    margin-top: -64px;
    padding-top: 88px;
  }

  .grid-2.discover-methoden {
    flex-flow: column;
    grid-template-columns: 1fr;
    place-items: center;
    margin-top: -64px;
    padding-top: 88px;
    display: flex;
  }

  .ui-ai-playground-input-emoji {
    top: 6px;
    left: -34px;
    transform: scale(.85);
  }

  .ui-ai-logo-blocker {
    width: 120px;
  }

  .ui-ai-large-logo-stroke {
    border-radius: 32px;
    width: 120px;
    height: 120px;
  }

  .ui-ai-header-div {
    margin-bottom: 24px;
  }

  .ui-ai-playground-input-fonts {
    top: 6px;
    left: -34px;
    transform: scale(.85);
  }

  .ui-ai-glyph-flex-vertical {
    perspective-origin: 0 0;
    transform-origin: 0 0;
    display: none;
    transform: scale(.8);
  }

  .ui-ai-playground-input-layers {
    top: 6px;
    left: -34px;
    transform: scale(.85);
  }

  .ui-ai-logo-div {
    width: 120px;
    height: 120px;
  }

  .card-paragraph.medium.automator-community._32.links, .card-paragraph.medium.automator-community-mobile {
    display: block;
  }

  .card-paragraph.medium {
    max-width: none;
  }

  .card-paragraph.medium.automator-community._32.links, .card-paragraph.medium.automator-community-mobile {
    display: block;
  }

  .card-paragraph.medium.automator-community {
    display: none;
  }

  .card-paragraph.medium.automator-community._32.links, .card-paragraph.medium.automator-community-mobile {
    display: block;
  }

  .teams-icon-grid {
    left: -40px;
    transform: scale(.8);
  }

  .automator-cloud-ui-cash-app {
    top: 4px;
    left: 120px;
  }

  .automator-cards-row {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-right: 12px;
    left: -32px;
    overflow: scroll;
  }

  .automator-cloud-ui-reddit, .automator-cloud-ui-meta {
    top: 4px;
    left: 120px;
  }

  .automator-community-absolute {
    display: none;
  }

  .methoden-card.blue {
    margin-left: 24px;
  }

  .card-6.max-588 {
    min-width: 282px;
    max-width: 282px;
  }

  .card-6.automator-community.max-588.sti.magic-box._100-h-he {
    min-height: 22rem;
  }

  .card-6.automator-community.max-588.sti.magic-box._100-h-he._100breite._50-breite {
    width: 100%;
  }

  .automator-cloud-ui-snap, .automator-cloud-ui, .automator-cloud-ui-twitter, .automator-cloud-ui-robinhood, .automator-cloud-ui-doordash {
    top: 4px;
    left: 120px;
  }

  .automatorcard-title {
    font-size: 14px;
  }

  .automator-cloud-ui-netflix, .automator-cloud-ui-instacart {
    top: 4px;
    left: 120px;
  }

  .accordion-tab-button {
    width: 90vw;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .button-playground-container {
    min-height: 50vh;
  }

  .all {
    background-image: url("https://cdn.prod.website-files.com/687bb1935f4776131c259a3f/687bb1935f4776131c259c03_Facebook%20cover%20-%206%20(2).png");
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: cover;
  }

  .main-wrapper-4 {
    margin-left: 0;
    margin-right: 0;
  }

  ._100-breite.flex.oben10.gap._3rem._15oben.obenlinks {
    margin-top: 10rem;
  }

  ._100-breite.flex.oben10.gap._3rem._15oben.obenlinks.oben5.mobilaus {
    flex-flow: column;
  }

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

  .todo_component {
    min-width: 350px;
    padding: 1.5rem;
  }

  .magic-text {
    font-size: 3em;
  }

  .styleguide_item {
    flex-flow: column;
  }

  .styleguide_content {
    grid-template-columns: minmax(0, 1fr);
  }

  .styleguide_nav_sub_wrap {
    grid-template-rows: 1fr;
  }

  .styleguide_nav {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-height: none;
    position: relative;
    top: auto;
  }

  .ipad-screen {
    border-radius: 6px;
  }

  .step-content-block {
    z-index: 2;
    order: -1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .img-block {
    z-index: 3;
    order: 3;
    width: 70%;
    min-height: 50vh;
    padding-top: 20px;
    position: relative;
  }

  .dot {
    z-index: 99;
    order: 2;
    align-self: center;
    margin-bottom: 0;
    position: absolute;
    bottom: 50%;
  }

  .step {
    justify-content: center;
    padding: 8%;
  }

  .scoll-wrap {
    z-index: 1;
    height: 100%;
    bottom: 50%;
  }

  .content-wrap {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 50vh;
    padding-bottom: 20px;
  }

  .step-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 110vh;
  }

  .wrapper-full {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .button-mask {
    min-height: auto;
    display: none;
  }

  .button-mask.mobil {
    display: flex;
  }

  ._50.cta_contain._40._100 {
    width: 100%;
    height: auto;
    margin-top: 2rem;
  }

  ._50.cta_contain.g_heading._100-mobil {
    width: 100%;
  }

  ._50.linksausrichten.oben5p.handy.unten-auto {
    margin-right: auto;
  }

  .mittig.fade-effekt.max-50 {
    max-width: 85%;
  }

  .mittig.fade-effekt.links-mobil {
    text-align: left;
  }

  .mittig.marquee-heading.wrap {
    white-space: normal;
    white-space: normal;
  }

  .relativ._100vh {
    display: flex;
  }

  .card-padding {
    padding: 2rem;
  }

  .home-services-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-h3 {
    font-size: 1.75rem;
  }

  .padding-vertical-2 {
    padding-top: 5.8em;
    padding-bottom: 0;
  }

  .cms_version {
    left: 0;
    right: 0;
  }

  .top-text_wrapper {
    margin-bottom: 2em;
  }

  .page-padding-2 {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .form {
    width: 100%;
  }

  .nav-menu-block {
    flex-direction: column;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .list-item {
    width: 100%;
  }

  .image-39 {
    max-width: 50%;
  }

  .container-3.fade-effekt {
    flex-flow: column;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .work-card {
    padding: 2rem;
  }

  .padding-layout {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .work-card_tags-wrapper.rechts.unten {
    flex-flow: column-reverse;
  }

  .mobil-fokus {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    width: 7%;
    display: flex;
  }

  .strich {
    background-color: var(--dunkelblau);
    width: 100%;
    height: 2px;
  }

  .navigation-men.header {
    min-width: 600px;
  }

  .glowing-wrapper.glowing-wrapper-active.menu.immersiv-aus, .navbar_button.resources.vollebreite.mittig.mobilaus {
    display: none;
  }

  .navbar_button.resources.vollebreite.mittig.mobilaus {
    display: none;
  }

  .navbar_button.resources.immersive.mobilan {
    display: flex;
  }

  .hero-section-lq.switch {
    flex-flow: column-reverse;
    height: 90vh;
    padding-top: 15vh;
    padding-left: 7.5vw;
  }

  .h2-n.g_heading._85.mittig.break.linksmobil {
    line-height: 2.8rem;
  }

  .subtitle-n.cd-color {
    text-align: center;
    text-align: center;
  }

  .menu-toggle.w--open {
    background-color: #c8c8c800;
    margin-left: auto;
  }

  .grid_services {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
  }

  .card-7 {
    border-radius: 1rem;
    grid-template-columns: 1fr;
    padding: 2rem;
  }

  .gruen {
    line-height: 2.5rem;
  }

  .card-8 {
    border-radius: 1rem;
    grid-template-columns: 1fr;
    padding: 2rem;
  }

  .tag {
    margin-bottom: .5rem;
  }

  .popup {
    max-width: 600px;
  }

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

  .immersive:hover {
    display: flex;
  }

  .max-50.mittig.flie-text {
    max-width: 85%;
  }

  .max-50.mittig.flie-text.unten-2 {
    text-align: left;
    text-align: left;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .text-size-large.text-color-black.text-weight-semibold.is-gradient {
    font-size: 2rem;
  }

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .login_grid {
    grid-auto-flow: row dense;
    display: block;
  }

  .navbar-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-link.far-left {
    margin-left: 0;
  }

  .button_small.nav {
    margin-top: 10px;
  }

  .hamburger_line-bottom {
    background-color: #fff;
  }

  .navbar-menu {
    background-color: #6d95fb;
    border-radius: 20px;
    margin-top: 15px;
    margin-left: 5vw;
    margin-right: 5vw;
    padding: 1rem 5%;
  }

  .hamburger_line-top {
    background-color: #fff;
  }

  .section_big {
    padding-left: 5%;
    padding-right: 5%;
  }

  .hamburger_line-middle {
    background-color: #fff;
  }

  .nav-link {
    font-size: 6vw;
  }

  .navbar_component {
    min-height: 4rem;
  }

  .heading-style-h4 {
    line-height: 1.4;
  }

  .navbar_menu {
    padding-bottom: 6rem;
  }

  .megamenu_link-title {
    font-size: .875rem;
  }

  .megamenu_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 300;
  }

  .body {
    background-color: #000816;
  }

  .navbar {
    z-index: 9999999;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: linear-gradient(270deg, #ffffff1a, #ffffff0a 45%, #ffffff1c);
    flex-flow: wrap-reverse;
    place-content: center space-between;
    align-items: center;
    width: 90vw;
    min-height: 10vh;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .hero {
    justify-content: center;
    align-items: flex-end;
    height: 90vh;
    margin-bottom: 100vh;
    padding-bottom: 0;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .hero.zoom.handy {
    background-image: linear-gradient(180deg, var(--dunkelblau) 13%, #fff0 75%);
    justify-content: center;
    align-items: flex-start;
    height: 90vh;
    max-height: 90vh;
    margin-bottom: 0;
    padding-top: 15vh;
    padding-left: 5vw;
  }

  .hero.zoom.handy.seiten-abstand.lpmitte {
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .hero.zoom.handy.seiten-abstand.lpmitte.ohne-hintergrund {
    height: 100vh;
    max-height: 100vh;
  }

  .hero.zoom.handy.webdesign-unten {
    justify-content: center;
    align-items: flex-end;
  }

  .hero.zoom.handy.webdesign-unten.links {
    height: 100vh;
    max-height: 100vh;
  }

  .hero.zoom.unten0 {
    margin-bottom: 0;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .hero.zoom.unten5 {
    margin-bottom: 5rem;
  }

  .hero.zoom.unten5._90vh {
    justify-content: flex-end;
    align-items: center;
    height: 50vh;
    margin-bottom: 0;
    padding-top: 10rem;
  }

  .glowing-wrapper-button {
    width: 100%;
  }

  .button-text {
    background-color: #0000;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
    left: 0;
  }

  .button-text._100 {
    border: 1px #fff;
    border-bottom-style: solid;
    width: 100%;
  }

  .button-text.vert-2rem {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-family: LTAfficherNeue lokal;
    font-size: 2rem;
  }

  .button-text.vert-2rem._100 {
    border-top-color: var(--grün);
    background-color: var(--dunkelblau);
    outline-offset: 0px;
    text-align: center;
    border-bottom-style: none;
    border-radius: 0;
    outline: .5px solid #224672;
    width: 100%;
    padding: 5vh 1.5rem;
    font-family: Montserrat Variablefont lokal, sans-serif;
    font-size: 1rem;
  }

  .button-text.vert-2rem._100.obenmehr.oh {
    background-color: var(--dunkelblau);
    background-color: var(--dunkelblau);
  }

  .button-text.vert-2rem._100.oh {
    background-color: var(--dunkelblau);
  }

  .button-text.vert-2rem._100 {
    outline-offset: 0px;
    text-align: center;
    background-color: #000816;
    border-top-color: #c7d526;
    border-bottom-style: none;
    border-radius: 0;
    outline: .5px solid #224672;
    width: 100%;
    padding: 5vh 1.5rem;
    font-family: Montserrat Variablefont lokal, sans-serif;
    font-size: 1rem;
  }

  .button-text.vert-2rem._100:hover {
    color: #000816;
    font-weight: 400;
  }

  .button-text.vert-2rem._100.untenmehr {
    border-radius: 0 0 3rem 3rem;
  }

  .button-text.vert-2rem._100.obenmehr {
    text-align: center;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
  }

  .button-text.lila {
    display: block;
  }

  .lime-animation {
    filter: saturate(150%);
    mix-blend-mode: normal;
    margin-left: 5px;
    margin-right: 0;
    padding-right: 0;
  }

  .lime-animation.lila {
    display: none;
  }

  .button.glowing-wrapper-active {
    width: 100%;
  }

  .button.glowing-wrapper-active.contact-button {
    z-index: 9999;
    -webkit-backdrop-filter: drop-shadow(0 2px 5px #000000b3) blur(4px);
    backdrop-filter: drop-shadow(0 2px 5px #000000b3) blur(4px);
    z-index: 9999;
    background-color: #41632ef5;
    width: 15vw;
    min-width: 15vw;
    height: 15vw;
    min-height: 15vw;
    bottom: 5vw;
    right: 5%;
  }

  .lichtpunkt-hero {
    opacity: .83;
    background-image: linear-gradient(207deg, #00d0ff47, #00081600 52%, #0000);
  }

  .div-block-6 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#fff0, #ffffffa1 37%, #ffffffb3 43%, #ffffffbd 45%, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    width: 100%;
  }

  .button-group.is-center {
    width: 100%;
  }

  .div-block-8 {
    width: 100%;
    margin-top: 25vw;
  }

  .image-2 {
    mix-blend-mode: normal;
    max-width: 70px;
    max-height: 29px;
  }

  .brand-logo {
    z-index: 3;
    mix-blend-mode: normal;
    width: 35%;
    padding-left: 1em;
  }

  .brand-logo.w--current {
    width: 6rem;
    height: 2.1rem;
  }

  .icon {
    color: #ffffff8a;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 2em;
    inset: 0%;
  }

  .referenzen {
    margin-top: 2rem;
    padding-bottom: 0;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .referenzen.oben5 {
    margin-top: 7rem;
    margin-bottom: 0;
  }

  .page-padding {
    mix-blend-mode: normal;
  }

  .padding-global {
    padding-left: 0;
    overflow: visible;
  }

  .padding-global.mobil {
    padding-right: 0;
    display: block;
  }

  .padding-global.desktop {
    display: flex;
    overflow: visible;
  }

  .layout {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .branding-body {
    height: 100%;
  }

  .heading-4.magic-text {
    font-size: 1rem;
  }

  .heading-4.magic-text.h1 {
    font-size: 2.3rem;
    line-height: 1.2;
  }

  .heading-4.magic-text.h1.head-animation {
    mix-blend-mode: luminosity;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    font-size: 14vw;
    font-weight: 400;
    display: flex;
  }

  .heading-4.magic-text.h1.head-animation.link10vw.ds {
    font-size: 10vw;
  }

  .heading-4.magic-text.h1.head-animation.klein.mittig {
    font-size: 2rem;
  }

  .heading-4.magic-text.h1.head-animation.klein.mittig.mittig-mobil {
    text-align: center;
    text-align: center;
  }

  .heading-4.magic-text.h1.head-animation.gro {
    margin-bottom: 1rem;
    margin-left: 0;
    font-size: 3rem;
    line-height: 3rem;
  }

  .heading-4.magic-text.h1.head-animation.gro.block {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    text-overflow: clip;
    overflow-wrap: normal;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 3rem;
    display: inline-flex;
  }

  .heading-4.magic-text.h1.head-animation.gro.block._80-p {
    font-size: 2.5rem;
  }

  .heading-4.magic-text.h1.head-animation.gro.unten0 {
    margin-bottom: 0;
  }

  .hero-section.mobil {
    mix-blend-mode: luminosity;
    mix-blend-mode: luminosity;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .text-span {
    font-size: 1.8rem;
    line-height: 1em;
    display: inline;
    position: static;
    top: 10px;
  }

  .section-6 {
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: hidden;
  }

  .section-6.abstand-oben.abstand-rl {
    margin-top: 1rem;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .navigation_branding {
    flex-flow: row;
    padding: 5vw;
  }

  .die-magie-des {
    font-size: .8rem;
  }

  .ohne-effekt {
    font-size: 1.5em;
  }

  .ohne-effekt.magic-text {
    font-size: 2em;
  }

  .ohne-effekt.magic-text.desktop {
    justify-content: center;
    align-items: center;
    font-size: 2em;
    display: flex;
    top: 45vh;
  }

  .ohne-effekt.magic-text.desktop._60.mitte {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .ohne-effekt.magic-text.mobil {
    text-align: center;
  }

  .heading-2 {
    width: 100%;
    margin-right: 0;
    font-size: .5em;
    line-height: 1.8rem;
  }

  .verf-gbarkeit_button {
    border-top-left-radius: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 10px;
    bottom: 0;
  }

  .div-block-14 {
    line-height: 16px;
  }

  .gefunden {
    text-align: center;
    font-size: 1.8rem;
    display: none;
  }

  .div-block-16 {
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
    margin-right: auto;
  }

  .div-block-16.brand {
    margin-left: 0;
    margin-right: auto;
  }

  .card-content-phone-img {
    background-image: radial-gradient(circle, #88ffa412, #fff0 56%);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 0;
    padding-left: 5vw;
    overflow: visible;
  }

  .hero-text-wrapper {
    padding-bottom: 15vh;
  }

  .card-content-screen {
    border-radius: 1.4rem;
    margin-left: 2.5vw;
    left: 50%;
  }

  .card-background {
    overflow: visible;
  }

  .card-content-phone-sticky {
    border-radius: 0;
    margin-top: -40vh;
    overflow: hidden;
  }

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

  .scroll-element._3.magic-text.se {
    padding-bottom: 50vh;
  }

  .scroll-element.magic-text.se {
    mix-blend-mode: luminosity;
    mix-blend-mode: luminosity;
    font-size: 18vw;
  }

  .card-content {
    margin-top: 7rem;
  }

  .card-content.card-background.card-7.vollebreite {
    margin-top: 5rem;
  }

  .button-effekt {
    width: auto;
    margin-top: 3rem;
  }

  .button-effekt._100 {
    z-index: 2;
    width: 100%;
    margin-top: 0;
  }

  .button-effekt._100._3rem {
    margin-top: -3rem;
  }

  .button-spacing {
    background-color: #000816;
    width: 100%;
    display: flex;
  }

  .button-spacing.auto {
    width: 100%;
  }

  .button-container {
    pointer-events: none;
    width: 100%;
  }

  .button-container.lila.auto {
    margin-left: auto;
  }

  .button-container.lila.auto.mitte {
    margin-top: -7rem;
    margin-right: auto;
  }

  .abstand {
    margin-top: 10em;
    margin-bottom: 10em;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .abstand.ohne-hintergrund {
    margin-top: 10em;
  }

  .abstand.ohne-hintergrund._50vh.unten0.idee-beginning {
    padding-bottom: 15rem;
  }

  .abstand.ohne-hintergrund.mitte._10vw-abstand.oben0.unten0 {
    flex-flow: column;
  }

  .abstand.ohne-hintergrund._80.flex {
    flex-flow: column;
    width: 80%;
    padding-bottom: 7rem;
  }

  .abstand.ohne-hintergrund.oben0 {
    margin-top: 0;
  }

  .abstand.transparent._0 {
    justify-content: flex-start;
    align-items: center;
  }

  .abstand.oben0.mobiloben3 {
    margin-top: 3em;
  }

  .abstand.oben0.mobiloben3.rechts0 {
    flex-flow: column-reverse;
    padding-right: 5vw;
  }

  .abstand.oben0.mobiloben3.rechts0.umdrehen {
    flex-flow: column-reverse;
    margin-top: 5rem;
  }

  .laptop {
    margin-top: auto;
    margin-bottom: auto;
    display: block;
  }

  .section-11 {
    height: 60vh;
    margin-top: 5rem;
    margin-bottom: 5rem;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .buttons {
    top: 0%;
    left: 6.4vw;
  }

  .buttons.typo {
    bottom: 7%;
    left: 10vw;
  }

  .buttons.bild {
    top: 22%;
    right: 5vw;
  }

  .laptop_hintergrund {
    max-width: 65vw;
  }

  .laptop-text {
    padding-top: 41vw;
    padding-left: 10vw;
    font-size: 1.2rem;
    line-height: 1.3rem;
    inset: 0% auto 0% 0%;
  }

  .laptop-text.movableelement {
    padding-top: 50vw;
  }

  .kasten-button {
    width: 15vw;
    height: 15vw;
  }

  ._30.kontur.an.rund.gr-n, ._30.kontur.an.rund.rot, ._30.kontur.an.rund.weiss, ._30.kontur.an.rund.gr-n, ._30.kontur.an.rund.rot, ._30.kontur.an.rund.weiss, ._30.kontur.an.rund.gr-n, ._30.kontur.an.rund.rot, ._30.kontur.an.rund.weiss, ._30.kontur.an.rund.gr-n, ._30.kontur.an.rund.rot, ._30.kontur.an.rund.weiss, ._30.kontur.an.rund.gr-n, ._30.kontur.an.rund.rot, ._30.kontur.an.rund.weiss {
    border-radius: 5px;
    height: 100%;
  }

  .vertikal {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    width: 30vw;
    height: 15vw;
  }

  .laptop_wrapper {
    width: 63vw;
    height: 43vw;
  }

  .h1.magic-text {
    font-size: 2.9em;
    line-height: 1em;
  }

  ._75 {
    width: 100%;
    padding-bottom: 0;
  }

  .d-51-card-wrapper {
    width: 320px;
    margin-top: 40px;
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .cursor-wrapper {
    margin-top: -105%;
  }

  .click {
    background-image: url("https://cdn.prod.website-files.com/687bb1935f4776131c259a3f/687bb1935f4776131c259b09_click%20(1).avif");
    background-position: 0 0;
    background-size: cover;
    width: 10vw;
    height: 10vw;
    bottom: 10%;
    right: 15vw;
  }

  .paragraph-4 {
    max-width: 80vw;
    margin-top: 70%;
  }

  .paragraph-4.ref {
    text-align: left;
    text-align: left;
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .unten-abstand.headingabstand.fade-effekt.mitte {
    margin-bottom: 2rem;
  }

  .glowing-wrapper-borders-masker {
    width: 100%;
  }

  .glowing-wrapper-borders-masker.button-klein {
    width: auto;
  }

  .glowing-wrapper-button.menu {
    width: 100%;
  }

  .glowing-wrapper-button.menu.button-klein {
    width: auto;
  }

  .button-text.ohneanimation {
    letter-spacing: 1px;
  }

  .button-text.ohneanimation.mobil-aus {
    display: none;
  }

  .box-leistung {
    background-color: #10192985;
    position: relative;
  }

  .box-leistung.verikal {
    min-height: 45vh;
  }

  .quick-stack.seitenabstand {
    padding-top: 5rem;
  }

  .image-8 {
    width: 100%;
  }

  .list.blau.block {
    padding-left: 15px;
  }

  .clip-brand {
    height: 100%;
    min-height: 4rem;
    overflow: visible;
  }

  .clip-brand.icon {
    padding-top: 3rem;
    padding-bottom: 1rem;
    font-size: 1.5em;
  }

  .marquee-inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    overflow: visible;
  }

  .footer {
    padding-top: 0;
  }

  .page-padding-brand {
    width: 90%;
    padding: 0 0 5rem;
  }

  .page-padding-brand.footer {
    width: 85%;
    margin-top: 5rem;
  }

  .page-padding-brand.fade-effekt.links-auto.oben-0.gap-2, .page-padding-brand.footer {
    width: 85%;
    margin-top: 5rem;
  }

  .page-padding-brand.oben0.lichthinten {
    padding-bottom: 0;
  }

  .page-padding-brand.fade-effekt.links-auto {
    padding-bottom: 0;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .page-padding-brand.fade-effekt.links-auto.oben2 {
    max-width: 100%;
    margin-top: 0;
    padding-top: 2rem;
  }

  .page-padding-brand.fade-effekt.links-auto.oben-0.gap-2 {
    width: 85%;
    margin-top: 5rem;
  }

  .main-wrapper-3.oben10 {
    margin-top: 10rem;
    overflow: hidden;
  }

  .main-wrapper-3.oben10.unten0 {
    margin-top: 5rem;
  }

  .main-wrapper-3.oben10.oben0 {
    max-width: 100%;
  }

  .main-wrapper-3.oben10.mobil-5-oben {
    margin-top: 5rem;
    overflow: visible;
  }

  .main-wrapper-3.transparent {
    margin-top: 5rem;
    margin-bottom: 0;
    overflow: hidden;
  }

  .footer-grid-right-inner {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-medium {
    font-size: 3rem;
  }

  .heading-medium.text-uppercase.mitte.text-span.mittig {
    font-size: 2rem;
  }

  .nav-item.inverse {
    justify-content: center;
    align-items: center;
  }

  .nav-item.inverse.gr-n-verl {
    justify-content: center;
    align-items: flex-start;
  }

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

  .footer-grid-left {
    justify-content: center;
    align-items: center;
  }

  .marquee-heading {
    font-size: 2.5rem;
  }

  .section-cta-contact {
    max-width: 100%;
  }

  .line.mobiloff {
    display: none;
  }

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

  .padding-vertical.padding-xhuge {
    max-width: 100%;
  }

  .mockup-bild {
    background-image: linear-gradient(180deg, var(--dunkelblau), #ffffff08 4%, #fff0 16%, #fff0 88%, #ffffff0d 96%, var(--dunkelblau)), url("https://cdn.prod.website-files.com/687bb1935f4776131c259a3f/687bb1935f4776131c259b41_Mockup_Bayo.avif"), linear-gradient(to bottom, transparent, transparent);
    background-position: 0 0, 50%, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, 100vw, auto;
    height: 30vh;
    margin-bottom: 5rem;
  }

  .logo {
    width: 1.5rem;
  }

  .mitte._50 {
    width: 100%;
  }

  .mitte.mittig {
    display: flex;
  }

  .image-10 {
    width: 1.5rem;
    padding-top: 3rem;
  }

  .bg-circle._1 {
    width: 60vw;
    height: 60vw;
  }

  .bg-circle._2 {
    background-color: #4353ff;
    border-radius: 64%;
    width: 50vw;
    height: 50vw;
  }

  .bg-circle._3 {
    background-color: #3fa1f7;
  }

  .bg-circle._4 {
    background-color: #20c788;
  }

  .bg-circle._3 {
    background-color: #3fa1f7;
    width: 50vw;
    height: 60vw;
  }

  .bg-circle._4 {
    background-color: #20c788;
    width: 80vw;
    height: 80vw;
  }

  .bg-circle._5 {
    background-color: #ffab9d;
    width: 50vw;
    height: 50vw;
  }

  .bg-circle._6 {
    background-color: #ff6382;
    width: 60vw;
    height: 60vw;
  }

  .bg-circle._1 {
    opacity: 39;
  }

  .bg-circle._2 {
    background-color: #4353ff;
  }

  .bg-circle._3 {
    opacity: .6;
    background-color: #3fa1f7;
  }

  .bg-circle._4 {
    opacity: .48;
    background-color: #20c788;
  }

  .bg-circle._5 {
    background-color: #ffab9d;
  }

  .bg-circle._6 {
    background-color: #ff6382;
  }

  .branditem {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .code-embed {
    opacity: .5;
    mix-blend-mode: normal;
  }

  .div-block-40 {
    flex-flow: row;
  }

  .text-animation.mitte.gross, .text-animation.mitte.gross._1-phase-farbe {
    font-size: 3em;
  }

  .text-animation.mitte.gross.gr-n, .text-animation.mitte.gross, .text-animation.mitte.gross._1-phase-farbe {
    font-size: 3em;
  }

  .text-animation.mitte.gross.gr-n, .text-animation.mitte.gross, .text-animation.mitte.gross._1-phase-farbe {
    font-size: 3em;
  }

  .text-animation.mitte.gross.gr-n, .text-animation.mitte.gross._1-phase-farbe {
    font-size: 3em;
  }

  .text-animation.mitte.gross._1-phase-farbe.fade-effekt {
    color: var(--blau_neu);
  }

  .text-animation.mitte.gross.gr-n {
    font-size: 3em;
  }

  .text-span-2 {
    display: none;
  }

  .text-span-2.full {
    display: flex;
  }

  .versalien.fade-effekt {
    font-size: 3em;
  }

  .gradient-bg-2 {
    opacity: 30;
  }

  .div-block-44 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .text-animation2.versalien-kleintext {
    text-align: center;
    text-align: center;
    margin-bottom: .5rem;
    line-height: 1rem;
  }

  .flex.gap._100-breite.prozent, .flex.gap._80-breite {
    flex-flow: column;
  }

  .flex.abstand-rl.nebeneinander {
    flex-flow: column;
  }

  .flex.gap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex.gap.gestreckt.oben-abstand {
    flex-flow: column;
  }

  .flex.gap._100-breite.prozent, .flex.gap._80-breite, .flex.gap.gestreckt.oben-abstand, .flex.gap.gestreckt.oben-abstand {
    flex-flow: column;
  }

  .flex.gap._2rem.dunkel {
    display: none;
  }

  .flex.gap.obenflex.oben10 {
    margin-top: 5rem;
  }

  .flex.gap._100-breite.prozent, .flex.gap._80-breite {
    flex-flow: column;
  }

  .flex._100._10rem._50 {
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .flex.mitte.nebneinanander {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex.mittig-flex._5seiten {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .flex.unten3.blauer-button {
    display: none;
  }

  .flex.unten3.blauer-button._100.mobil {
    display: flex;
  }

  .flex.ohnegap {
    margin-bottom: -3rem;
  }

  .section-discover.orange.unten30 {
    margin-bottom: 0;
  }

  .section-discover.blau {
    margin-top: 10rem;
    padding-bottom: 15rem;
  }

  .section-discover.gr-n {
    margin-top: 25rem;
  }

  .section-discover.gr-n.oben0 {
    margin-top: 16.8rem;
  }

  .section-discover.gr-n.oben0.button-mitte {
    margin-top: 0;
  }

  .section-discover.gr-n.oben0.oben7rem {
    margin-top: 25rem;
  }

  .section-discover.abstand-oben {
    margin-top: 5rem;
  }

  .section-discover.abstand-oben._5rem {
    margin-top: 20rem;
  }

  .section-discover.oben {
    margin-top: 15rem;
  }

  .section-discover.oben.define-methoden {
    margin-top: 0;
  }

  .section-discover.oben.methoden-design {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
  }

  .section-discover._70.links {
    padding-bottom: 7rem;
  }

  .section-discover.section-11.design-laptop {
    display: none;
  }

  .section-discover.ki {
    margin-top: 5rem;
    padding-bottom: 5rem;
    display: flex;
  }

  .section-discover.unten5 {
    margin-top: 5rem;
  }

  .div-block-46 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    width: 80vw;
    position: absolute;
  }

  ._w-rter-phasen {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    width: 100%;
    margin-top: 0;
  }

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

  .grid._100-breite._0oben._5 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
  }

  .lupe-animation {
    opacity: .19;
    mix-blend-mode: normal;
    width: 70vw;
    height: 100%;
  }

  .lupe-animation.opacityless {
    margin-top: -3rem;
  }

  .lupe-animation._5-svg {
    height: 50vh;
    margin-top: -25vh;
  }

  .card_h2.is-magical, .card_h2.is-lorem, .card_h2.is-magical, .card_h2.is-lorem {
    font-size: 3.2rem;
  }

  .page.section-discover {
    padding-bottom: 7rem;
  }

  .ui-ai-playground-input-glyphs {
    width: 100%;
  }

  .intro-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .intro-block.ui-ai {
    display: none;
  }

  .card-4.max-588 {
    min-width: 100%;
    max-width: 90%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
  }

  .grid-2.ui-ai {
    overflow: hidden;
  }

  .grid-2.discover-methoden {
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    place-items: center;
    max-width: 100%;
    margin-top: 0;
    padding-top: 2rem;
    display: flex;
  }

  .grid-2.discover-methoden._80-methode {
    max-width: 80%;
  }

  .card-info.longer.auto {
    background-color: #8cfd4c00;
  }

  .ui-ai-logo-blocker {
    width: 90px;
    height: 130px;
  }

  .ui-ai-button.texte.versalien.button.linksrechts.blauer-button {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .card-paragraph.medium.automator-community._32, .card-paragraph.medium.automator-community._32.links {
    padding-left: 0;
    padding-right: 0;
  }

  .card-paragraph.medium.automator-community._32, .card-paragraph.medium.automator-community._32.links {
    padding-left: 0;
    padding-right: 0;
  }

  .card-paragraph.medium.automator-community {
    display: flex;
  }

  .card-paragraph.medium.automator-community._32, .card-paragraph.medium.automator-community._32.links, .card-paragraph.medium.automator-community._32, .card-paragraph.medium.automator-community._32.links, .card-paragraph.medium.automator-community._32.links {
    padding-left: 0;
    padding-right: 0;
  }

  .automator-cards-row {
    margin-top: 1rem;
    padding-right: 0;
    left: 0;
    overflow: auto;
  }

  .automator-community-absolute {
    display: flex;
  }

  .methoden-card {
    padding: 14px;
  }

  .card-6.automator-community.max-588 {
    box-sizing: border-box;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .card-6.automator-community.max-588.sti {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .card-6.automator-community.max-588.sti.magic-box {
    text-transform: none;
    font-style: normal;
  }

  .card-6.automator-community.max-588.sti.magic-box.vert {
    font-style: normal;
  }

  .card-6.automator-community.max-588.sti.magic-box.vert.abstand-innen {
    border-style: solid;
    border-color: #ffffff45;
    padding: 2rem;
  }

  .card-6.automator-community.max-588.sti.magic-box._100-h-he._100breite._50-breite.links {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .arrow-div {
    margin-right: 0;
  }

  .arrow-div.invert {
    width: 5rem;
  }

  .accordion-item {
    margin-bottom: 10px;
  }

  .arrow-div-wrapper {
    width: 15%;
    padding-right: 10px;
  }

  .accordion-tab-button {
    padding-left: 10px;
  }

  .accordion-pane-content {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .idee1.lum {
    width: 4rem;
  }

  .idee2.lum, .idee4.lum, .idee4.lum {
    width: 3rem;
  }

  .h3-versalien._32 {
    white-space: normal;
    word-break: normal;
    -webkit-hyphens: auto;
    hyphens: auto;
    white-space: normal;
    word-break: normal;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .button-playground-container {
    min-height: auto;
  }

  .all {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-bottom: 20px;
  }

  .main-wrapper-4 {
    margin-left: 9px;
    margin-right: 9px;
  }

  ._100-breite {
    margin-left: 0;
  }

  ._100-breite.flex.oben10.gap._3rem._15oben {
    margin-top: 10rem;
  }

  ._100-breite.flex.oben10.gap._3rem._15oben.obenlinks.oben5.mobilaus {
    display: none;
  }

  ._100-breite.flex.oben15rem {
    flex-flow: column;
    margin-top: 10rem;
  }

  .markenpers-nlichkeit.minimalistisch, .markenpers-nlichkeit.innovativ, .markenpers-nlichkeit.kreativ, .markenpers-nlichkeit.innovativ-kreativ, .markenpers-nlichkeit.minimalistisch, .markenpers-nlichkeit.innovativ, .markenpers-nlichkeit.kreativ, .markenpers-nlichkeit.innovativ-kreativ {
    height: auto;
  }

  .uui-heading-xlarge {
    font-size: 2rem;
  }

  .div-block-52 {
    margin-top: -15rem;
    margin-bottom: 0;
  }

  .markenerlebnis-bild {
    width: 100%;
    margin-top: 4rem;
  }

  .customer-journey {
    width: 100%;
  }

  .methoden-discover.mitte.cja.fade-effekt.mitte-cj {
    width: 100%;
    margin-bottom: 3rem;
    margin-right: 0;
    padding-right: 10vw;
  }

  .methoden-discover.fade-effekt._10vwlinks._10vw {
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 10vw;
  }

  .magie-beginnt.section-discover._0unten._0 {
    height: auto;
  }

  .div-block-58 {
    width: 100%;
  }

  ._10vwlinks.fade-effekt.links-abstand {
    padding-right: 10vw;
  }

  .blaue-berschrift._10vwlinks.fade-effekt {
    margin-left: 0;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .blaue-berschrift.web.gro {
    line-height: .8em;
  }

  .gr-ne-berschrift {
    white-space: break-spaces;
    word-break: normal;
    font-size: 1.9rem;
  }

  .gr-ne-berschrift.kleiner {
    font-size: 1.1rem;
  }

  .gr-ne-berschrift.mitte {
    margin-left: auto;
    margin-right: auto;
  }

  .svg-icon.trash-icon {
    margin-left: .3rem;
  }

  .section-todo {
    align-items: stretch;
  }

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

  .todo_component {
    border-radius: 0;
    min-width: 100%;
  }

  .todo_component.smooth-shadow {
    min-width: 100%;
    min-height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .page-wrapper-4.fade-effekt {
    transform: none;
  }

  .page-wrapper-4.fade-effekt.aus {
    display: none;
  }

  .logoaufbau {
    margin-right: 0;
  }

  .div-block-64 {
    width: 55vw;
  }

  .magic-text {
    text-overflow: clip;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .magic-text.hero-scrollytelling {
    font-size: 2em;
  }

  .magic-text.kontakt {
    font-size: 2.5em;
  }

  .magic-text.oben5 {
    color: var(--white);
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-top: 5rem;
  }

  .magic-text.oben5.blog-klein {
    word-break: normal;
    word-break: normal;
    font-size: 2.5em;
  }

  .styleguide_item.u-vflex-left-top._50, .styleguide_item.u-vflex-left-top._50.mob100 {
    width: 100%;
  }

  .styleguide_item.u-vflex-left-top._50, .styleguide_item.u-vflex-left-top._50.mob100 {
    width: 100%;
  }

  .styleguide_item.u-vflex-left-top._50, .styleguide_item.u-vflex-left-top._50.mob100, .styleguide_item.u-vflex-left-top._50.mob100 {
    width: 100%;
  }

  .styleguide_item.u-vflex-left-top._100-breite, .u-vflex-stretch-top.u-gap-3._100-breite, .u-vflex-stretch-top.u-gap-2._100-breite {
    margin-left: 0;
  }

  .u-vflex-stretch-top.u-gap-5._100-breite, .u-vflex-stretch-top.u-gap-4._100-breite {
    margin-left: 0;
  }

  .u-vflex-stretch-top.u-gap-3._100-breite, .u-vflex-stretch-top.u-gap-2._100-breite, .u-vflex-stretch-top.u-gap-2._100-breite {
    margin-left: 0;
  }

  .u-vflex-stretch-top.u-gap-5._50--breite.gleichmaessig {
    width: 100%;
  }

  .u-vflex-stretch-top.u-gap-5._100-breite, .u-vflex-stretch-top.u-gap-4._100-breite, .u-vflex-stretch-top.u-gap-4._100-breite {
    margin-left: 0;
  }

  .u-vflex-stretch-top.u-gap-6.flex-vert.fade-effekt {
    flex-flow: column;
  }

  .styleguide_nav.u-vflex-stretch-top.u-gap-6 {
    display: none;
  }

  .h1-heading-style {
    font-size: 1.8em;
  }

  .container-w2.gutter-outside {
    max-width: 90%;
    position: sticky;
  }

  .tablet-animation.section-discover.oben15 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 10rem;
  }

  ._3d-tablet-wrap {
    perspective-origin: 50% 0;
  }

  .ipad-screen {
    border-radius: 4px;
  }

  .ipad-screen.infos {
    display: none;
  }

  .heading-18 {
    font-size: 1.2rem;
  }

  .fade-effekt {
    -webkit-hyphens: none;
    hyphens: none;
    width: 100%;
  }

  .fade-effekt.mitte._60.mittigeschrift, .fade-effekt.mitte-ci {
    text-align: center;
  }

  .fade-effekt.mitte {
    text-align: left;
    width: 100%;
    margin-left: 0;
  }

  .fade-effekt.mitte.unten2 {
    width: 100%;
  }

  .fade-effekt.mitte.unten1 {
    padding-left: 5vw;
    padding-right: 0;
  }

  .fade-effekt.mitte.unten1.links-wf {
    text-align: left;
    text-align: left;
    margin-bottom: 0;
    padding-left: 10vw;
  }

  .fade-effekt.mitte._60.mittigeschrift {
    text-align: center;
    text-align: center;
  }

  .fade-effekt.mitte-ci {
    text-align: center;
  }

  .fade-effekt._80 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .timeline {
    display: block;
    position: static;
  }

  .timeline.fade-effekt {
    margin-left: 0;
  }

  .img-block {
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .img-block.links {
    justify-content: center;
    align-items: center;
    top: 0;
  }

  .dot {
    left: 1.5vw;
  }

  .scoll-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    left: 2vw;
  }

  .content-wrap.links-con {
    width: 80%;
  }

  .step-block {
    margin-top: 0;
  }

  .content {
    font-size: 20px;
  }

  .heading-19 {
    margin-top: 20%;
  }

  .cursor-wrapper-neu {
    display: none;
  }

  .wrapper-full {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-top: 5rem;
  }

  .hell.formatiert {
    overflow-wrap: break-word;
    overflow-wrap: break-word;
  }

  .image-24 {
    left: auto;
  }

  .button-mask {
    width: 100%;
    min-height: auto;
    display: none;
  }

  .button-mask.mobil {
    display: flex;
  }

  .button-mask.blau-stark.oben1 {
    z-index: 999;
    pointer-events: auto;
    display: block;
  }

  .button-mask.blau-stark.oben1.links._0 {
    font-style: normal;
  }

  .button-mask.linksausrichtung {
    font-style: normal;
    display: flex;
  }

  .button-spacing-2, .button-spacing-2.blau-hell.blau-stark, .button-spacing-2.blau-hell.blau-stark, .button-spacing-2.blau-hell.blau-stark, .button-zauber {
    width: 100%;
  }

  .button-zauber.links-5px {
    margin-left: 0;
  }

  .button-container-2 {
    width: 100%;
  }

  .kompass {
    width: 5rem;
    height: 5rem;
  }

  .grid-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: -5rem;
    margin-left: 0;
  }

  ._50.mitte-l-ngst {
    flex-flow: column;
  }

  ._50.cta_contain {
    width: 100%;
    margin-top: 1rem;
  }

  ._50.cta_contain._40 {
    width: 100%;
  }

  ._50.linksausrichten.oben5p.handy {
    z-index: -1;
    opacity: .24;
    mix-blend-mode: normal;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    padding-top: 0%;
    position: absolute;
    inset: 8% -30% auto auto;
  }

  ._50.linksausrichten.oben5p.handy.unten-auto {
    opacity: 1;
    opacity: 1;
    inset: auto 0% 0%;
    width: 80%;
    position: relative;
    inset: auto 0% 0%;
  }

  ._50-breite.h-heauto.blau.ohnerahmen {
    width: 90%;
  }

  .sticky-rechts-unten {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 2.5%;
  }

  .div-block-71 {
    width: 1.5rem;
    height: 1.5rem;
  }

  .bold-text {
    font-size: .8rem;
    font-weight: 400;
  }

  .abstand-innen.section-discover {
    padding-top: 10rem;
  }

  .abstand-innen.section-discover.unten0 {
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .abstand-innen.section-discover.unten0.oben10.oben-5-mobil {
    padding-top: 5rem;
  }

  .tippfw {
    width: 87%;
    margin-bottom: 0;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  ._80.box-mitte {
    width: 90%;
  }

  ._80.box-mitte.oben10._90.oben3 {
    margin-top: 3rem;
  }

  ._100.mobil100 {
    width: 100%;
  }

  .navigation-psych.flex.strech-rechts.nach-unten.auto._100-h-he.mitteoben, .psych-info.navigation, .psych-info._50.auto-breite.oben0, .psych-info._50.auto-breite.oben0.unten-15vw, .psych-info.auto._30, .psych-info.navigation, .psych-info._50.auto-breite.oben0, .psych-info._50.auto-breite.oben0.unten-15vw, .psych-info._50.auto-breite.oben0, .psych-info._50.auto-breite.oben0.unten-15vw, .psych-info._50.auto-breite.oben0, .psych-info._50.auto-breite.oben0.unten-15vw, .psych-info._50.auto-breite.oben0.unten-15vw, .psych-info.auto._30, .psych-info.auto._30 {
    padding: 1.5rem;
  }

  .image-29 {
    max-width: 120%;
    margin-bottom: -32vw;
    margin-left: -33vw;
  }

  .umrandung._70.rot, .umrandung._70.dunkel, .umrandung._70.rot, .umrandung._70.dunkel, .umrandung._70.rot, .umrandung._70.dunkel {
    width: 100%;
  }

  .div-block-81 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-31 {
    width: 40vw;
  }

  .unten15rem {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .section-21 {
    margin-bottom: 10rem;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .section-21.flex-mitte {
    width: 100%;
    margin-top: 5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .mittig {
    font-size: 2em;
  }

  .mittig.blaup {
    color: var(--blau_neu);
  }

  .mittig.rots {
    color: var(--rot);
  }

  .mittig.gr-nn {
    color: #00dfa3;
  }

  .mittig.fade-effekt.abstand-seiten {
    -webkit-hyphens: none;
    hyphens: none;
  }

  .mittig.fade-effekt.abstand-seiten.unten-3 {
    margin-bottom: -3rem;
  }

  .mittig.fade-effekt.links {
    text-align: left;
  }

  .mittig.fade-effekt.max-50.g_heading.gross-3 {
    font-size: 2em;
  }

  .mittig.gr-ne-berschrift.linksmobil {
    text-align: left;
    text-align: left;
  }

  .mittig.marquee-heading {
    white-space: nowrap;
  }

  .mittig.marquee-heading.wrap {
    white-space: normal;
    white-space: normal;
  }

  ._60-breite.mitte.fade-effekt.sticky {
    width: 80%;
  }

  .mittig-in-der-box {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-21 {
    color: var(--lila);
    -webkit-text-fill-color: inherit;
    background-color: #965ce900;
    background-image: none;
    background-clip: border-box;
    display: block;
  }

  .div-aus {
    display: none;
  }

  .text-block-10 {
    text-align: center;
    font-size: .6rem;
  }

  .klein.subtitle._0oben.links {
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
  }

  .spline-scene-5 {
    width: 100%;
    height: 100vh;
  }

  .spline-scene-5.ohne-effekt {
    height: 100vh;
  }

  .relativ._100vh {
    height: 100vh;
    display: flex;
  }

  .card-padding {
    padding: 1.25rem 1.5rem;
  }

  .home-services-grid-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .home-services-grid-right.mobil-off {
    display: none;
  }

  .home-services-grid {
    max-width: 100%;
  }

  .button-container-3 {
    width: 100%;
  }

  .hero-webdesign-2 {
    margin-top: 0;
  }

  .hero-webdesign-2.lp.mittig.mittig-mobil {
    margin-top: auto;
  }

  .radio_field {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-right: 0;
    display: flex;
  }

  .padding-vertical-2 {
    padding-top: 3.9em;
  }

  .padding-vertical-2.padding-huge {
    flex-flow: column;
    padding-top: 0;
    display: flex;
  }

  .page-wrapper-6 {
    overflow: hidden;
  }

  .cms_version {
    left: 0;
    right: 0;
  }

  .image_collection.hide-tablet-mobile {
    background-color: #0b272600;
    width: 100%;
    height: 15vh;
    position: relative;
    overflow: hidden;
  }

  .top-text_wrapper {
    width: 100%;
    margin-top: 3rem;
  }

  .container-large {
    max-width: 100%;
  }

  .field_label.large {
    margin-bottom: .1em;
    font-size: 1.25em;
  }

  .field_label.is-radio {
    line-height: 1.5;
  }

  .page-padding-2 {
    z-index: 10;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .main-form_component {
    margin-top: 3rem;
  }

  .section-27.oben5 {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text-3 {
    margin-top: -1rem;
    margin-bottom: 0;
    line-height: 4.7rem;
    display: block;
  }

  .bold-text-3.wd {
    margin-top: 0;
  }

  .bold-text-3.oben-0-5 {
    margin-top: -.5rem;
    margin-bottom: -.5rem;
  }

  .h1-kleiner {
    font-size: 1.5rem;
    line-height: 2rem;
    display: block;
  }

  .gehirn-hero {
    width: 60%;
    padding-top: 0;
    inset: 15% 0% auto 5%;
  }

  .gehirn-hero.branding {
    width: 60%;
    margin-bottom: 2rem;
    padding-top: 0;
    position: relative;
    top: auto;
    left: 0%;
  }

  .gehirn-hero.webdesisgn {
    width: 50%;
  }

  .nav-menu-block {
    z-index: 9999999;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 100%;
    padding-top: 1rem;
    padding-left: 1px;
    padding-right: 1px;
    position: relative;
    inset: 0%;
  }

  .nav-menu-2 {
    background-color: #21303e;
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
    position: relative;
  }

  .header-container {
    background-color: #6e6e6e2b;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: 4rem;
    padding-left: 1.5rem;
    padding-right: .7rem;
  }

  .list-item {
    border-bottom: 0px solid var(--white);
    width: 100%;
    margin-right: auto;
    padding-bottom: 0;
  }

  .menu-button-4, .menu-button-4.w--open {
    background-color: #c8c8c800;
  }

  .pfeil-button {
    mix-blend-mode: normal;
    width: 1rem;
  }

  .image-39 {
    width: 80vw;
    max-width: 70%;
  }

  .div-block-105 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .oben3 {
    overflow-wrap: anywhere;
  }

  .abstand-links-rechts {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-107 {
    width: 100%;
    height: 40vh;
    margin-top: 0;
    position: static;
  }

  .mobil {
    display: inline-flex;
  }

  .quick-stack-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 5rem;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .cell-centre-align {
    padding-top: 3rem;
  }

  .pricing-plan-card {
    max-width: 100%;
  }

  .section-32 {
    margin-top: 25vh;
  }

  .webflow-sign {
    height: 1.1rem;
  }

  ._5050 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  ._5050.link0 {
    flex-flow: column;
    margin-top: 5rem;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  ._1x1 {
    width: 2rem;
    height: 2rem;
  }

  ._1x1.q1 {
    width: 0;
  }

  ._1x1.q2 {
    width: 2rem;
    height: 2rem;
  }

  .image-43 {
    height: 20vh;
    margin-top: 0;
  }

  .image-43.personal {
    height: 26vh;
  }

  .image-43.personal.kleiner {
    height: 22vh;
  }

  .image-44 {
    width: 4.5rem;
    margin: 10vh auto 3rem;
    display: block;
  }

  .pfeil {
    width: 2rem;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-45 {
    border-radius: 10px;
    width: 100%;
    margin-bottom: 1rem;
    margin-left: auto;
    position: static;
  }

  .accordion-wrapper {
    width: auto;
    max-width: 100%;
  }

  .content-wrapper.slim {
    max-width: 90%;
  }

  .image-46 {
    width: 1.5rem;
  }

  .subtitle.weiss {
    line-height: 1rem;
  }

  .subtitle.weiss.block {
    font-size: 1.2rem;
  }

  .div-block-110._70 {
    width: 100%;
  }

  .div-block-110._70.mobilaus {
    display: none;
  }

  .div-block-110._70.mobil-an {
    display: flex;
  }

  .process-image_wrapper {
    height: 25rem;
  }

  .section-33 {
    flex-flow: column;
    margin-top: 5rem;
  }

  .work-card {
    min-height: 20rem;
  }

  .work-card.a_appear {
    background-color: #00000045;
    padding: 1rem;
  }

  .work-card_tags-wrapper.rechts {
    flex-flow: column-reverse;
  }

  .work-card_tags-wrapper.rechts.unten {
    z-index: 10;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .work-card_tags-wrapper.rechts.switch {
    flex-flow: column;
  }

  .heading-29 {
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .image-49 {
    width: 100%;
    margin-top: -2rem;
    margin-bottom: -2rem;
    display: block;
    top: 0%;
  }

  .mobil-fokus {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    width: 14%;
    display: flex;
  }

  .strich {
    background-color: var(--dunkelblau);
    width: 100%;
    height: 2px;
  }

  .navigation-men {
    width: 100vw;
  }

  .navigation-men.header {
    width: 85%;
    min-width: 85%;
    height: 4rem;
  }

  .glowing-wrapper.glowing-wrapper-active.menu {
    width: 100%;
  }

  .glowing-wrapper.glowing-wrapper-active.menu.vollebreite.mobiloff {
    display: none;
  }

  .glowing-wrapper.glowing-wrapper-active.menu.vollebreite.mobilon {
    flex-flow: wrap;
    display: flex;
  }

  .glowing-wrapper.glowing-wrapper-active.menu.button-klein {
    width: auto;
  }

  .glowing-wrapper.glowing-wrapper-active.menu._85--mobil {
    width: 85%;
  }

  .navbar_button {
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .875rem;
  }

  .navbar_button.resources {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar_button.resources.vollebreite.mittig {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar_button.resources.vollebreite.mittig.button-complete {
    border-color: #3ad63a3b;
  }

  .navbar_button.resources.button-klein {
    width: 2.9rem;
    height: 2.9rem;
    padding: .7rem;
  }

  .navbar_button.resources.immersive.mobilan {
    background-color: #a0c6c717;
    border: 1px solid #1ca79d;
  }

  .navigation.main-nav {
    background-color: #c8c8c800;
  }

  .lighten {
    display: none;
  }

  .hero-section-lq {
    flex-flow: column-reverse;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-top: 10vh;
    padding-bottom: 0;
    padding-right: 7.5vw;
    position: relative;
    overflow: hidden;
  }

  .hero-section-lq.switch {
    flex-flow: column-reverse;
    height: 90vh;
    padding-top: 30vh;
    padding-left: 7.5vw;
  }

  .hero-section-lq.switch.ref {
    height: 110vh;
    padding-top: 15vh;
    overflow: visible;
  }

  .hero-section-lq.switch.ref-hero {
    height: auto;
    padding-top: 20vh;
    overflow: visible;
  }

  .leon-quiring-3d.links0 {
    width: 100%;
  }

  .h2-n {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .h2-n.g_heading.unten1, .h2-n.g_heading._85.mittig.break {
    text-shadow: none;
  }

  .h2-n.g_heading._85.mittig.break {
    text-shadow: none;
  }

  .h2-n.g_heading._85.mittig.break.linksmobil {
    text-align: left;
    text-align: left;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .h2-n.g_heading.unten1 {
    text-shadow: none;
  }

  .h2-n.unten-1.g_heading.bold.ref-uebers {
    line-height: 2rem;
  }

  .subtitle-n {
    color: var(--white);
    font-size: 1.1rem;
  }

  .subtitle-n.unten0.oben1, .subtitle-n.gruen.unten0.oben1 {
    margin-top: 1rem;
  }

  .subtitle-n.o2 {
    line-height: 1.3rem;
  }

  .subtitle-n.unten0 {
    text-shadow: none;
    line-height: 1.2rem;
  }

  .subtitle-n.unten0.oben1, .subtitle-n.gruen.unten0.oben1, .subtitle-n.gruen.unten0.oben1, .subtitle-n.gruen.unten0.oben1 {
    margin-top: 1rem;
  }

  .image-56 {
    height: 2rem;
  }

  .icon-logo {
    width: 1.2rem;
  }

  .image-57 {
    opacity: .9;
    mix-blend-mode: normal;
    width: auto;
    height: 1.7rem;
    margin-left: .4rem;
    display: block;
  }

  .link-block.logo {
    justify-content: flex-start;
    align-items: center;
    width: 5rem;
  }

  .link-block.logo.w--current {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: center;
    width: 55%;
  }

  .menu-toggle {
    background-color: #0000;
    margin-left: auto;
  }

  .menu-toggle.w--open {
    background-color: #0000;
  }

  .g_heading {
    text-shadow: 0 1px 10px #040314d1;
    width: 100%;
    max-width: 100%;
  }

  .g_heading.h2-n.hyphens-mobil {
    word-break: normal;
    word-break: normal;
  }

  .g_heading.hyphensauto.h2-kleiner {
    font-size: 1.2rem;
  }

  .grid_services {
    flex-flow: column;
  }

  .card-7 {
    background-image: linear-gradient(158deg, #1d82a34f, #ffffff0f 62%);
    border-radius: 1.5rem 1.5rem 0 0;
    width: 100%;
  }

  .card-7.is-black._60.links0 {
    background-color: #0000004a;
    background-image: linear-gradient(158deg, #ffffff0f 55%, #1d82a34f);
    border-top-right-radius: 0;
    border-bottom-left-radius: 1.5rem;
    width: 100%;
  }

  .card-7._100._1-5radius {
    background-image: linear-gradient(158deg, #1d82a36b, #ffffff0f 62%);
    border-radius: 1.5rem;
    flex-flow: column-reverse;
    padding-left: 2rem;
  }

  .card-7.unten0 {
    background-image: linear-gradient(158deg, #1d82a380, #ffffff0f 39%);
    padding-bottom: 0;
  }

  .card-7.unten0._100.ref {
    padding-bottom: 2rem;
  }

  .card-7.unten0.anordnung-oben._100.gap-1 {
    border-radius: 25px;
  }

  .image-59 {
    width: 15rem;
    margin-top: -1.5rem;
  }

  .image-59._70 {
    margin-bottom: 0;
  }

  .div-block-114 {
    height: 15rem;
  }

  .div-block-115.vollebreite {
    width: 100%;
  }

  .div-block-117 {
    opacity: .46;
  }

  .lichtstrahl.webdesign-breite {
    padding-left: 2rem;
  }

  .icon-4 {
    color: #fff9;
    font-size: 2rem;
  }

  .gruen {
    text-shadow: none;
    line-height: 2rem;
  }

  .div-block-118.card-7.radius {
    padding: 2rem;
    position: relative;
  }

  .image-60 {
    width: 100%;
  }

  .text-span-5 {
    text-shadow: none;
  }

  .heading-31, .heading-32 {
    text-align: center;
  }

  .blog-hero {
    width: 100%;
  }

  .collection-list {
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-122 {
    opacity: .46;
  }

  .div-block-124 {
    height: 15rem;
  }

  .card-8 {
    background-image: linear-gradient(158deg, #1d82a34f, #ffffff0f 62%);
    border-radius: 1.5rem 1.5rem 0 0;
    width: 100%;
  }

  .card-8.unten0 {
    background-image: linear-gradient(158deg, #1d82a380, #ffffff0f 39%);
    padding-bottom: 0;
  }

  .card-8.is-black._60.links0 {
    background-color: #0000004a;
    background-image: linear-gradient(158deg, #ffffff0f 55%, #1d82a34f);
    border-top-right-radius: 0;
    border-bottom-left-radius: 1.5rem;
    width: 100%;
  }

  .cd.hintegrund-cd {
    width: 60vw;
    margin-left: auto;
    margin-right: auto;
  }

  .image-61 {
    filter: hue-rotate(338deg);
  }

  .div-block-125 {
    flex-flow: column-reverse;
  }

  .lightbox-link {
    width: 100%;
  }

  .referenzen-sec {
    margin-top: 5rem;
  }

  .tag {
    margin-bottom: .5rem;
  }

  ._1005-b {
    grid-column-gap: 1.3rem;
    grid-row-gap: 1.3rem;
    flex-flow: wrap;
  }

  .referenz-bild {
    height: 9.8rem;
  }

  .button-opener {
    padding-bottom: 1.5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .button-complete {
    border-color: #3a3ad6;
  }

  .popup {
    max-width: 85%;
    padding: 1rem;
    display: none;
  }

  .close-popup {
    position: fixed;
    top: 20px;
    right: 20px;
  }

  .reference {
    border-radius: 15px;
    width: 100%;
  }

  .zitat {
    text-align: left;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .heading-34, .heading-35 {
    text-align: left;
  }

  .immersive {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .faq-q-text {
    font-size: 1.1rem;
  }

  .collection-list-4 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .login_form {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  .login_field-lable {
    font-size: .85rem;
  }

  .text-size-large.text-color-black.text-weight-semibold.is-gradient {
    font-size: 2rem;
  }

  .login_details-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    min-height: 500px;
  }

  .login_section {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button_small.nav {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }

  .form-block-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal {
    padding: 20px;
  }

  .nav-link {
    font-size: 7vw;
  }
}

#w-node-bf90345e-8994-479b-ea09-c0b09903dcae-fdb26609 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_95b4dfe2-ed6d-57b5-bf54-773e84f9e96e-fdb26609 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_42e44f38-7c32-e03a-647d-b4a6fc9bfc64-fc9bfc5f, #w-node-_42e44f38-7c32-e03a-647d-b4a6fc9bfc69-fc9bfc5f, #w-node-_42e44f38-7c32-e03a-647d-b4a6fc9bfc6a-fc9bfc5f, #w-node-_42e44f38-7c32-e03a-647d-b4a6fc9bfc6b-fc9bfc5f, #w-node-_42e44f38-7c32-e03a-647d-b4a6fc9bfc9b-fc9bfc5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_95b4dfe2-ed6d-57b5-bf54-773e84f9e96e-fdb26609 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bf90345e-8994-479b-ea09-c0b09903dcae-fdb26609 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_95b4dfe2-ed6d-57b5-bf54-773e84f9e96e-fdb26609 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_42e44f38-7c32-e03a-647d-b4a6fc9bfc6b-fc9bfc5f {
    align-self: center;
  }
}