:root {
  --white: white;
  --black: black;
}

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

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

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

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

a {
  color: #000;
  text-decoration: underline;
}

.sec1intro {
  z-index: 3;
  align-items: flex-start;
  min-width: 100vw;
  min-height: 200vh;
  display: none;
  position: relative;
  overflow: visible;
}

.sec1intro._2 {
  display: none;
}

.divin {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.background-video {
  z-index: -1;
  min-width: 100vw;
  min-height: 100vh;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.sec2fullstack {
  z-index: 2;
  background-color: #6b928e;
  justify-content: center;
  align-items: flex-start;
  min-width: 100vw;
  min-height: 200vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.divload {
  z-index: 33;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: absolute;
}

.divloadcenter {
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: absolute;
}

.orangecorner {
  width: 64px;
}

.divloadcorner {
  z-index: 100;
  object-fit: cover;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 30px;
  min-height: 30px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.orange {
  width: auto;
}

.divloadbg {
  z-index: -1;
  object-fit: cover;
  background-color: #000;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.divintro {
  z-index: 99;
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
  overflow: hidden;
}

.div-block {
  position: absolute;
}

.lotin1 {
  z-index: 1;
  min-width: 150vh;
  min-height: 150vh;
  position: absolute;
}

.body {
  background-color: #f8f8f8;
}

.lotin2 {
  min-width: auto;
  min-height: 150vh;
  position: absolute;
}

.divintroout {
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: absolute;
}

.ontop {
  z-index: 88;
  width: auto;
  min-width: 100vw;
  height: auto;
  min-height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

._w-r {
  z-index: 2;
  min-width: 100vw;
  max-width: none;
  min-height: 100vh;
  display: none;
  position: absolute;
  inset: 0% 76.7vh 0% 0%;
}

._w-l {
  z-index: 15;
  aspect-ratio: auto;
  object-fit: fill;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: 160vh;
  max-height: 100vh;
  padding-right: 0;
  display: block;
  position: static;
  inset: 0%;
}

.divscrollon {
  z-index: 22;
  justify-content: center;
  align-items: flex-end;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: absolute;
}

.lotscroll {
  width: 10vh;
}

.image {
  min-height: 100vh;
}

.div-block-2 {
  z-index: 999;
  background-color: #645151;
  position: fixed;
  left: -50vw;
  right: auto;
}

.wlwrap {
  z-index: 4;
  background-image: url('../images/Wwall_L2x.png');
  background-position: 100%;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  min-width: auto;
  height: auto;
  min-height: 100vh;
  display: none;
  position: fixed;
  left: 0;
  overflow: hidden;
}

.wwrapper {
  z-index: 11;
  object-fit: contain;
  width: 100vw;
  min-width: auto;
  height: auto;
  min-height: 100vh;
  position: fixed;
  overflow: hidden;
}

.wrwrap {
  z-index: 4;
  background-image: url('../images/Wwall_12x.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  min-width: auto;
  height: auto;
  min-height: 100vh;
  display: none;
  position: fixed;
  left: auto;
  right: 0;
  overflow: hidden;
}

._w-r-2 {
  z-index: 15;
  aspect-ratio: auto;
  object-fit: fill;
  background-image: url('../images/Wwall_12x.png');
  background-position: 0 0;
  background-size: auto;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: 160vh;
  max-height: 100vh;
  padding-right: 0;
  display: block;
  position: static;
  inset: 0%;
}

.lotin_2 {
  z-index: 1;
  min-width: 150vh;
  min-height: 150vh;
  display: flex;
  position: absolute;
}

.divblock {
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-width: auto;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.background-video-2 {
  z-index: -1;
  min-width: 100vw;
  min-height: 100vh;
  display: none;
  position: absolute;
}

.div-block-tfsvec {
  z-index: 0;
  filter: invert();
  object-fit: scale-down;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  height: 70vh;
  display: none;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.the {
  object-fit: contain;
  max-width: none;
  height: auto;
  display: block;
}

.ful {
  object-fit: contain;
  height: auto;
  min-height: auto;
}

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

.vis, .engineering, .compini {
  height: 10vh;
}

.div-sec-2-bg {
  z-index: -1;
  width: 100vw;
  min-height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.divtfsvec {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 11vh;
  display: flex;
  position: relative;
}

.divtfsvec.the {
  background-image: url('../images/The.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 10vh;
}

.divtfsvec.full {
  background-image: url('../images/Full.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 10vh;
  margin-top: 5px;
}

.divtfsvec.stack {
  background-image: url('../images/Stack.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 10vh;
  margin-top: 5px;
}

.divtfsvec.visual {
  background-image: url('../images/Visual.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 10vh;
  margin-top: 5px;
}

.divtfsvec.enigneering {
  background-image: url('../images/Engine.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 10vh;
  margin-top: 5px;
}

.divtfsvec.compinin {
  background-image: url('../images/Cpy.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 10vh;
  margin-top: 5px;
  padding-bottom: 0;
}

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

.divsec2-txt {
  z-index: 5;
  background-image: url('../images/Wwall_12x.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  padding: 95px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-7 {
  z-index: 1;
  width: 40vw;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  position: static;
  inset: 0%;
}

.div-block-7.yellow {
  -webkit-text-fill-color: transparent;
  background-color: #dad9a900;
  background-image: linear-gradient(322deg, #ffb291, #f71454);
  -webkit-background-clip: text;
  background-clip: text;
}

.bodytxt {
  letter-spacing: .1em;
  column-count: auto;
  padding-left: 0;
  font-family: Sora Variablefont Wght, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.2em;
}

.bodytxt.blei {
  font-weight: 500;
}

.subline {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-left: 0;
  font-family: Sora Variablefont Wght, sans-serif;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2em;
}

.subline.inverttxt {
  color: #fff;
  display: flex;
}

.body_title {
  font-family: Sora Variablefont Wght, sans-serif;
  position: static;
}

.body_title.shine, .body_title.wow {
  margin-bottom: 20px;
}

.body_title.regglob {
  height: 20vh;
  margin-bottom: 20px;
}

.div-block-8 {
  background-color: #fff0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.sec3wow {
  z-index: 2;
  background-color: #dfdfdf;
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 300vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.divsec2-w-l {
  z-index: 4;
  background-image: url('../images/Wwall_L2x.png');
  background-position: 100% 100%;
  background-size: auto;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
}

.divsec2-w-r {
  z-index: 4;
  background-image: url('../images/Wwall_12x.png');
  background-position: 0 0;
  background-size: auto;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
}

.lottie-animation {
  min-width: auto;
  min-height: auto;
  max-height: none;
}

.background-video-3 {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.divsec3-txt {
  z-index: 3;
  background-image: url('../images/Wwall_12x.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  padding: 95px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.divsec3-txt._5cap1 {
  background-image: url('../images/Minitrak.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  height: 100vh;
  position: static;
}

.divsec3-txt._5cap2 {
  background-image: linear-gradient(315deg, #000, #2e2433);
  height: 100vh;
  position: static;
}

.divsec3-txt._5cap3 {
  background-image: url('../images/Konz2x.png');
  background-position: 50%;
  background-size: auto;
  height: 100vh;
  position: static;
}

.sec4clients {
  object-fit: contain;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-9 {
  width: 80vw;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.div-block-10 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: absolute;
}

.div-block-11 {
  background-color: #beadad;
  width: 100vw;
  height: auto;
  position: sticky;
  top: 0;
  bottom: 0;
}

.sec5cap {
  z-index: 2;
  background-color: #6b928e;
  justify-content: center;
  align-items: flex-start;
  min-width: 100vw;
  min-height: 250vh;
  display: none;
  position: relative;
  overflow: visible;
}

.subtitel {
  color: #000;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-left: 3vw;
  font-family: Sora Variablefont Wght, sans-serif;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 1.2em;
}

.subtitel.blei {
  padding-left: 0;
}

.div-block-5cap {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sec6we {
  background-color: #e6e6e6;
  align-items: flex-start;
  height: 300vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.divwr-script {
  background-image: url('../images/WSCRmob.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: auto;
  min-width: 100vw;
  height: auto;
  min-height: 100vh;
  margin-left: 0;
  display: flex;
  position: absolute;
}

.divwr {
  z-index: 2;
  background-image: url('../images/WR_1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 175vh;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  display: flex;
  position: absolute;
}

.divwl {
  z-index: 4;
  background-image: url('../images/WL.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 175vh;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
}

.divwgrup {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-infullstack {
  background-image: url('../images/TheFullSta.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  width: 50vw;
  height: 12vh;
  margin-top: 30vh;
}

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

.divsec3wow {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
}

.div-block-13 {
  justify-content: center;
  align-items: center;
  width: 70vw;
  height: 70vh;
  display: none;
}

.divwowidle {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 50vh;
  display: flex;
  position: absolute;
}

.divwowact {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 50vh;
  display: flex;
  position: absolute;
}

.div-block-14 {
  z-index: 1;
  background-color: #8d7e7800;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.div-block-15 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: sticky;
  top: 0;
}

.div-block-16 {
  width: 70vw;
  height: 70vh;
}

.weidle, .weact {
  justify-content: center;
  align-items: center;
  width: 70vw;
  height: 70vh;
  display: flex;
  position: absolute;
}

.div-logocorner {
  z-index: 22;
  background-image: url('../images/TwoWestCorner.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: flex-end;
  width: 20vw;
  height: 80vh;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.div-burger {
  z-index: 88;
  background-image: url('../images/Burger_3.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: 150px;
  height: 264px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.sec7glob {
  z-index: 2;
  background-image: url('../images/Bildschirmfoto-2024-02-12-um-14.17.57.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  min-height: 160vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-17 {
  z-index: 2;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.imgreg {
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
  width: auto;
  height: 15vh;
}

.imgglobe, .imgtrot {
  height: 15vh;
}

.div-block-18 {
  filter: brightness(200%) invert();
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  overflow: visible;
}

.div-block-19 {
  width: 100vw;
  height: 100vh;
}

.divsec7-txt-copy {
  z-index: 1;
  background-image: url('../images/Wwall_12x.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  padding: 95px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.sec8txt {
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sectioninsto {
  height: auto;
  min-height: 100vh;
  overflow: hidden;
}

.fixedtfsv {
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95vw;
  height: 80vh;
  display: flex;
  position: static;
  inset: 0%;
  overflow: hidden;
}

.fixedtfsv.mini {
  justify-content: flex-start;
  width: 300px;
  height: auto;
  margin-top: 0;
  display: none;
}

.fixful, .fixsta {
  width: 80vw;
  max-height: 12vh;
  margin-bottom: 2px;
}

.fixcom {
  width: 80vw;
  max-height: 12vh;
}

.fixeng, .fixvis {
  width: 80vw;
  max-height: 12vh;
  margin-bottom: 2px;
}

.fixthe {
  width: 80vw;
  max-height: 12vh;
  margin-bottom: 4px;
}

.sec2txt {
  background-color: #dfdfdf;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.textblock {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  min-height: auto;
  margin-top: 10vh;
  margin-bottom: 10vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-20 {
  width: 20vw;
}

.sec3txt {
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 150vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-orange {
  background-color: #eb5e2a;
  height: 20px;
  margin: 20px 0;
}

.lottie-animation-2 {
  z-index: 4;
  margin-top: 0;
  display: block;
  position: absolute;
}

.div-block-21 {
  background-color: #eb5e2a;
  min-width: 10vw;
  max-width: 50vw;
  min-height: 10vw;
  max-height: 50vw;
  margin: 4px;
}

.div-block-22 {
  justify-content: flex-start;
  width: auto;
  display: flex;
}

.div-block-23 {
  margin: 93px;
}

.div-block-24 {
  width: auto;
  margin-top: 50px;
}

.s3wl {
  background-image: url('../images/WL.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% 10.9vw 0% 0%;
}

.s3wr {
  background-image: url('../images/WR_1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% 0% 0% 100vw;
}

.div-s3wl {
  background-image: url('../images/WL.svg');
  background-position: 100% 0;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% -100vw;
}

.s6wr {
  background-image: url('../images/WR_1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 100vw;
}

.s6wl {
  background-image: url('../images/WL.svg');
  background-position: 100% 0;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0% 0% 0% -100vw;
}

.lottie-animation-3 {
  z-index: 2;
  display: flex;
  position: absolute;
}

.sec1intro-copy {
  z-index: 3;
  align-items: flex-start;
  min-width: 100vw;
  min-height: 150vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.mailbutton {
  z-index: 89;
  object-fit: scale-down;
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  height: auto;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.image-2 {
  height: 7vh;
}

.section {
  z-index: 86;
  background-color: #f8f8f800;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-s3wr {
  background-image: url('../images/WR_1.svg');
  background-position: 0%;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% -100vw 0% auto;
}

.video {
  z-index: -1;
  width: auto;
  min-width: 100vw;
  max-width: none;
  height: auto;
  min-height: 100vh;
  max-height: none;
  display: none;
  position: absolute;
  inset: 0%;
}

.html-embed-1-intro {
  z-index: -1;
  background-color: #0000;
  width: 100%;
  min-width: auto;
  height: 100%;
  min-height: auto;
  position: absolute;
  inset: 0%;
}

.html-embed-stack, .html-embed-ma {
  background-color: #0000;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
}

.video-background-section {
  z-index: 999;
  background-color: #a56464;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.video-wrapper {
  z-index: -999;
  width: 500%;
  height: 120%;
  padding-bottom: 56.25%;
  position: absolute;
}

.video-background-element {
  z-index: -99;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
}

.html-embed-3, .html-embed-2-full, .html-embed-4-wow {
  z-index: -1;
  background-color: #0000;
  width: 100%;
  min-width: auto;
  height: 100%;
  min-height: auto;
  position: absolute;
  inset: 0%;
}

.div-s3wrmob {
  background-image: url('../images/WR_1.svg');
  background-position: 0%;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% -100vw 0% auto;
}

.div-s3wlmob, .s6wlmob {
  background-image: url('../images/WL.svg');
  background-position: 100% 0;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% 0% 0% -100vw;
}

.s6wrmob {
  background-image: url('../images/WR_1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% 0% 0% 100vw;
}

.wlwrap-mob {
  z-index: 4;
  background-image: url('../images/Wwall_L2x.png');
  background-position: 100%;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  min-width: auto;
  height: auto;
  min-height: 100vh;
  display: none;
  position: fixed;
  left: -70vw;
  overflow: hidden;
}

.wrwrap-mob {
  z-index: 4;
  background-image: url('../images/Wwall_12x.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  min-width: auto;
  height: auto;
  min-height: 100vh;
  display: none;
  position: fixed;
  left: auto;
  right: -84vw;
  overflow: hidden;
}

.div-block-26 {
  background-image: url('../images/Boellhof.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: 15vh 15vh 15vh 15vh 15vh 15vh;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-27 {
  background-image: url('../images/CLAAS.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-28 {
  background-image: url('../images/Disney.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-29 {
  background-image: url('../images/EB.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-30 {
  background-image: url('../images/EFB.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-31 {
  background-image: url('../images/Feld.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-32 {
  background-image: url('../images/Hagedorn.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-33 {
  background-image: url('../images/Lemnken.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-34 {
  background-image: url('../images/Monocab.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-35 {
  background-image: url('../images/Monster-Jam.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-36 {
  background-image: url('../images/nickelodeon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-37 {
  background-image: url('../images/Paramount.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-38 {
  background-image: url('../images/Ringling.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-39 {
  background-image: url('../images/Sesam-Strasse.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-40 {
  background-image: url('../images/Sparkasse.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-41 {
  background-image: url('../images/Telekom.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-42 {
  background-image: url('../images/VVOWL.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.container {
  width: 100vw;
  height: 150px;
}

.image-3 {
  width: 64px;
}

.section-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
}

.body-2 {
  display: flex;
}

.div-block-43 {
  flex-direction: column;
  align-items: flex-start;
  width: 70vw;
  margin-bottom: 10vh;
  display: flex;
}

.div-block-44 {
  width: 100vw;
}

.link-block {
  align-items: flex-end;
  display: flex;
}

.image-4 {
  width: 30px;
  max-width: none;
  height: 30px;
  margin-left: 5px;
}

.div-block-40b {
  background-image: url('../images/Stork.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.divmenu {
  z-index: 999;
  background-color: #252525;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 100vw;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.div-block-45c {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100vw;
  height: 10vh;
  display: flex;
}

.div-block-menu-mid {
  object-fit: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  display: flex;
}

.image-5 {
  width: auto;
}

.link-block-menu {
  z-index: 99;
  position: absolute;
  inset: 0% 0% auto auto;
}

.link-block-2 {
  background-image: url('../images/Close_1.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: flex-end;
  width: 150px;
  height: 264px;
  display: flex;
}

.div-menu-bt {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100vw;
  height: 10vh;
  display: flex;
}

.twowestcorner {
  background-image: url('../images/Close_1.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: flex-end;
  width: 150px;
  height: 264px;
  display: flex;
}

.div-block-45 {
  background-image: url('../images/TwoWestCorner.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  width: 20vw;
  height: 80vh;
}

.image-6 {
  width: auto;
  max-width: none;
  height: 3em;
  margin-bottom: 20px;
}

.div-block-46 {
  object-fit: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  display: flex;
}

.image-7 {
  width: auto;
  max-width: none;
  height: 3em;
}

.div-block-47 {
  width: 2.1em;
}

.sec1txt-copy {
  background-color: #dfdfdf;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.secintro {
  height: 100vh;
  display: flex;
  overflow: visible;
}

.introtw {
  z-index: 80;
  background-image: url('../images/WRscrMob_.svg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  display: flex;
  position: fixed;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .sec1intro {
    min-width: 100vh;
  }

  .div-block-7 {
    width: 50vw;
  }

  .imgreg, .imgglobe, .imgtrot {
    height: 10vh;
  }

  .textblock {
    width: 70vw;
  }

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

@media screen and (max-width: 767px) {
  .div-block-7 {
    width: 70vw;
    margin-bottom: 50px;
  }

  .bodytxt {
    font-size: 1em;
  }

  .subline {
    font-size: 1.5em;
  }

  .body_title.shine, .body_title.wow {
    max-width: 80%;
  }

  .div-burger {
    width: 30vw;
    height: 40vh;
  }

  .imgreg, .imgglobe, .imgtrot {
    height: 7vh;
  }

  .sec2txt {
    min-height: 150vh;
  }

  .textblock {
    flex-direction: column;
    align-items: center;
  }

  .div-block-20 {
    justify-content: flex-end;
    width: 80vw;
    height: 30vh;
    display: flex;
  }

  .div-block-21 {
    min-width: 22vw;
    min-height: 22vw;
  }

  .section {
    margin-top: 100px;
  }

  .lottie-animation-4 {
    width: 30vw;
  }

  .html-embed-4 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .link-block-2 {
    width: 30vw;
    height: 40vh;
  }

  .sec1txt-copy {
    min-height: 150vh;
  }
}

@media screen and (max-width: 479px) {
  .sec1intro {
    min-width: 100vw;
    min-height: 150vh;
    overflow: visible;
  }

  .orange {
    width: 30vw;
    max-width: 100%;
  }

  .ontop {
    display: flex;
  }

  .wlwrap {
    z-index: 5;
    background-image: url('../images/WSCLmob.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    inset: 0% 0 0% -100vw;
  }

  .wrwrap {
    z-index: 5;
    background-image: url('../images/WSCRmob_1.svg');
    background-position: 50%;
    background-size: cover;
    display: none;
    inset: 0% 0 0% 1200vw;
  }

  .bodytxt {
    font-size: .9em;
    font-weight: 400;
  }

  .bodytxt.blei {
    white-space: break-spaces;
    overflow-wrap: anywhere;
    padding-left: 0;
    font-size: .9em;
  }

  .body_title.shine, .body_title.wow {
    max-width: 100%;
  }

  .subtitel.blei {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 1.9em;
  }

  .divwr-script {
    background-image: none;
    width: 100vw;
    height: 100vh;
    display: flex;
  }

  .divwr {
    background-image: url('../images/WSCRmob_1.svg');
    background-position: 50%;
    background-size: cover;
    display: flex;
  }

  .divwl {
    background-image: url('../images/WSCLmob.svg');
    background-position: 50%;
    background-size: cover;
    display: flex;
  }

  .div-burger {
    height: 30vh;
  }

  .imgreg, .imgglobe, .imgtrot {
    height: 5vh;
  }

  .textblock {
    width: 100vw;
    margin-top: 15vh;
    margin-bottom: 15vh;
  }

  .div-block-20 {
    object-fit: fill;
    justify-content: center;
    height: 30vh;
    overflow: visible;
  }

  .lottie-animation-2 {
    width: 150vw;
  }

  .div-s3wl, .s6wr, .s6wl {
    display: none;
  }

  .sec1intro-copy {
    min-height: 150vh;
  }

  .section {
    align-items: center;
    height: auto;
    min-height: 100vh;
    display: flex;
  }

  .div-s3wr {
    display: none;
  }

  .lottie-animation-4 {
    width: 90vw;
  }

  .div-s3wrmob {
    background-position: 0%;
    background-repeat: no-repeat;
    display: flex;
  }

  .div-s3wlmob, .s6wlmob {
    display: flex;
  }

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

  .wlwrap-mob {
    z-index: 5;
    background-image: url('../images/WL.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 120vw;
    display: flex;
    inset: 0% 0% 0% -100vw;
  }

  .wrwrap-mob {
    z-index: 5;
    background-image: url('../images/WR.svg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    inset: 0% 90vw 0% 0%;
  }

  .wrscriptmob {
    background-image: url('../images/WRscrMob_.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
  }

  .div-block-43 {
    object-fit: fill;
  }

  .divmenu {
    display: flex;
  }

  .link-block-2 {
    height: 30vh;
  }

  .image-6 {
    height: 2.5em;
  }

  .div-block-46 {
    height: 38px;
  }

  .image-7 {
    height: 2.5em;
  }

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

#w-node-_92f5d17d-6785-d642-345c-68f0cd88f7ea-25cb7c8c, #w-node-_99626ebe-0dc5-134d-601e-ac5189be8817-25cb7c8c, #w-node-ab461115-3c63-1140-c1a5-5afe4ed31745-25cb7c8c, #w-node-_1b8e7f52-b1ff-5a67-4604-6ddb6c337eef-25cb7c8c, #w-node-cd6c961f-f341-1565-657c-5d5e6f49d4c3-25cb7c8c, #w-node-_4d97d4f0-b008-0c84-870c-13a727fbcdcc-25cb7c8c, #w-node-b9df9646-2fd0-3b45-9360-10f23fd96fb4-25cb7c8c, #w-node-_7c23d3af-1f7c-6d53-a64b-d718d2f0e387-25cb7c8c, #w-node-_7c7033fe-49f3-c85f-caf5-f441187e88df-25cb7c8c, #w-node-dcf981fe-8921-05c7-b5b8-285c9cfdb6e5-25cb7c8c, #w-node-c171f1ed-9c4d-0bbd-c312-77bb47afec67-25cb7c8c, #w-node-_17f87f26-b851-2d9a-38d5-898fa68c6e70-25cb7c8c, #w-node-_1d0d6ba5-34b7-d45f-7c6c-195d5a364cc1-25cb7c8c, #w-node-_857f5ded-e77e-05cf-6a0c-067fd8bea588-25cb7c8c, #w-node-be4d88dd-37f7-c2f6-ed74-902e58d091fd-25cb7c8c, #w-node-df105b9c-1910-fa10-63cc-f63f14cf97e8-25cb7c8c, #w-node-f8ffd739-c1a4-21e8-ed7a-b09c3c60fb86-25cb7c8c, #w-node-_1fb53ab0-9077-3406-88cf-21352e5300e3-25cb7c8c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Sora Variablefont Wght';
  src: url('../fonts/Sora-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}