@font-face {
  font-family: Abcfavorit;
  src: url('../fonts/ABCFavorit-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Abcfavorit;
  src: url('../fonts/ABCFavorit-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Abcfavorit;
  src: url('../fonts/ABCFavorit-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Abcfavoritliningedu;
  src: url('../fonts/ABCFavoritLiningEdu-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Abcfavoritliningedu Book;
  src: url('../fonts/ABCFavoritLiningEdu-Book.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --blueblack: #21252b;
  --white: white;
  --rosewhite: #e3dbdb;
  --hover: #c0b7b7;
  --black: black;
  --accessible-components--dark-grey: #9b9b9b;
  --padding-right: 20px;
}

body {
  background-color: var(--blueblack);
  color: var(--white);
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: 1vw;
  line-height: 1.1;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  font-weight: 700;
  line-height: 1;
}

p {
  margin-bottom: 10px;
  font-size: 2em;
}

.nav {
  z-index: 998;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 10px 20px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.nav_links {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 10px;
  display: none;
}

.nav_link {
  color: var(--white);
  letter-spacing: .1px;
  cursor: pointer;
  font-family: Abcfavoritliningedu Book, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s;
}

.nav_link:hover {
  color: var(--hover);
}

.nav_link.is-footer {
  padding-left: .6vw;
}

.body {
  font-size: 1rem;
}

.txt_ams_wortmarke {
  color: var(--white);
  cursor: pointer;
  padding-top: 0;
  padding-left: 0;
  font-size: 1.3rem;
  font-weight: 300;
  text-decoration: none;
}

.section {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.hero_txt_container {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 60%;
  height: 250vh;
  padding: 155px 20px 20px;
  display: flex;
  position: absolute;
}

.heading {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}

.txt_h1 {
  z-index: 2;
  text-transform: uppercase;
  padding-left: 0;
  font-size: 9em;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.copy {
  z-index: 2;
  max-width: 40ch;
  color: var(--rosewhite);
  margin-bottom: 0;
  padding-left: .6vw;
  font-size: 1.7em;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
}

.copy.is_black {
  color: var(--blueblack);
}

.hero_video_container {
  z-index: 1;
  width: 60%;
  height: 45%;
  padding-top: 0%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.hero_section {
  z-index: 3;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 450vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero_video_desktop {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

.span_regular {
  color: var(--white);
  font-weight: 400;
}

.span_regular.is_black {
  color: var(--black);
}

.txt_container {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 60%;
  padding: 20px;
  display: flex;
  position: sticky;
  inset: 7% 0% auto auto;
}

.main_section {
  display: block;
}

.main_section.none {
  display: none;
}

.txt_h2 {
  letter-spacing: .05em;
  text-transform: none;
  padding-left: .4vw;
  font-size: 4.8em;
  font-weight: 400;
  line-height: .9;
}

.txt_wrapper {
  padding-bottom: 10px;
  overflow: hidden;
}

.txt_wrapper.is_visible-none {
  display: none;
}

.cube_1 {
  z-index: 2;
  background-color: var(--blueblack);
  border-radius: 5px;
  width: 22vw;
  height: 9vh;
  position: absolute;
  top: -11px;
  left: -11px;
}

.cube_2 {
  z-index: 2;
  background-color: var(--blueblack);
  border-radius: 5px;
  width: 35vw;
  height: 6vh;
  position: absolute;
  inset: auto auto -2% -5%;
}

.mwg027 {
  padding-top: 100vh;
  padding-bottom: 100vh;
  display: none;
  position: relative;
}

.mwg027-container {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mwg027-word {
  letter-spacing: -.03em;
  font-size: 13vw;
  line-height: .8;
  display: flex;
  overflow: hidden;
}

.mwg027-letter {
  font-size: 10vw;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.mwg027-letter-span {
  font-size: 10vw;
}

.mwg027-letter-span.mwg027-letter-span2 {
  line-height: .8;
  position: absolute;
  bottom: 100%;
  left: 0;
}

.code-embed {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.main_img_container {
  z-index: 1;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.main_section_main {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 200vh;
  display: flex;
  position: relative;
}

.main_sec_img {
  transform-origin: 50% 100%;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: static;
  inset: 0%;
}

.main_img_wrapper {
  border-radius: 5px;
  width: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.txt_item-list_container {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding: 20px;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.txt_item-list_container.is-right {
  justify-content: flex-start;
  align-items: flex-start;
}

.text-block {
  font-weight: 300;
}

.all-text_conatiner {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.spacer {
  height: 10px;
}

.section-copy {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
}

.txt_container-copy {
  z-index: 3;
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 60%;
  padding: 20px;
  display: flex;
  position: relative;
  inset: 7% 0% auto auto;
}

.mwg031 {
  padding-top: 100vh;
  padding-bottom: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
}

.mwg031.is-model-sec {
  padding-top: 100vh;
}

.mwg031.is-none {
  display: none;
}

.mwg031-slide {
  height: 120vh;
}

.mwg031-content-wrapper {
  perspective: 250vw;
  width: 100%;
  height: 100%;
}

.mwg031-content {
  background-color: var(--rosewhite);
  color: var(--black);
  transform-style: preserve-3d;
  transform-origin: 50% 10%;
  padding: 20px;
  position: absolute;
  inset: 0;
  box-shadow: 3px 3px 30px #00000024;
}

.mwg031-text {
  font-size: 10.5vw;
  line-height: 1;
}

.txt_container_effekt31 {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 60%;
  margin-bottom: 20px;
  padding: 60px 20px 20px;
  display: flex;
  position: static;
  inset: 7% 0% auto auto;
}

.txt_container_effekt31.is-right {
  justify-content: space-between;
  align-items: flex-start;
}

.main_img_wrapper-copy {
  perspective-origin: 100% 100%;
  transform-origin: 100% 100%;
  border-radius: 5px;
  width: 70%;
  padding-bottom: 0;
  padding-right: 10%;
  position: static;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.main_img_wrapper-copy.is_right {
  padding-left: 10%;
  padding-right: 0%;
}

.img_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.img_container.is-right {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
}

.model_container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: flex;
}

.black_div_x {
  z-index: 1;
  background-color: var(--blueblack);
  border-radius: 5px;
  width: 80%;
  height: 60vh;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero_video_container_outer {
  pointer-events: none;
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0%;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.benefits_2_section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100vw;
  height: 250vh;
  display: flex;
  position: relative;
}

.section_intro {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  margin-top: 70px;
  margin-bottom: 100px;
  display: flex;
}

.modular-components_container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 10vh;
}

.txt_h3 {
  letter-spacing: .05em;
  text-transform: none;
  margin-bottom: 10px;
  padding-left: .4vw;
  font-size: 3em;
  font-weight: 400;
  line-height: 1;
}

.copy-small {
  z-index: 2;
  max-width: 47ch;
  color: var(--rosewhite);
  margin-bottom: 0;
  padding-left: .6vw;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
}

.copy-small.is_black {
  color: var(--blueblack);
  text-align: left;
}

.copy-small.is_black.is-card {
  text-align: center;
  font-weight: 400;
}

.copy-small.is-no-pading {
  padding-left: 0;
}

.benefit-cards_container {
  width: 100%;
  height: 100vh;
  display: none;
  position: relative;
  top: 15vh;
}

.benfits_cards_wrapper {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  background-color: #0000;
  border: 6px solid red;
  flex-flow: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  padding: 10vh 10px 10px;
  display: flex;
  position: sticky;
  top: 0;
}

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

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

._404_video_conatier {
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

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

.image {
  max-width: 40%;
}

.card_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--rosewhite);
  width: 21vw;
  max-width: none;
  height: 20vh;
  color: var(--white);
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: none;
  position: relative;
  overflow: hidden;
}

.card_container.is-screens {
  display: flex;
  left: 169px;
}

.card_container.is-sound {
  display: flex;
  left: 5%;
}

.card_container.is-light {
  display: flex;
  left: 50%;
  right: auto;
}

.card_container.is-consulting {
  display: flex;
  left: 20%;
}

.card_container.is-control {
  display: flex;
  left: 40%;
}

.card_container.is-content {
  display: flex;
  left: 35%;
}

.txt_h4 {
  color: var(--blueblack);
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
}

.txt_h4.is-centerd {
  text-align: center;
}

.card_fade_bg {
  background-color: var(--blueblack);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 1% 0% 0%;
}

.spacer-height-100vh {
  background-color: var(--white);
  text-align: left;
  width: 1px;
  height: 250vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.benfits_cards_wrapper-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 610px;
  padding: 10px;
  display: none;
  position: relative;
  top: auto;
}

.benfits_cards_zeile {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.overview-infos_section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100vw;
  height: auto;
  margin-bottom: 220px;
  display: flex;
  position: relative;
}

.round-card_conatiner {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.round-card_wrapper {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 18vw;
  height: 18vw;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.round-card_outer {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.round-card_bg-outer-fade {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #9aa4cf;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 20vw;
  display: none;
  position: absolute;
  overflow: hidden;
}

.txt_2spalten_container {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 5px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 60%;
  padding: 20px;
  display: flex;
  position: relative;
  inset: auto 0% auto auto;
}

.txt_2spalten_container.is-footer {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
}

.txt_1spalten_container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.txt_1spalten_container.is-left {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.txt_1spalten_container.is-left.is-footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.txt_1spalten_container.is-06-pading {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
}

.txt_1spalten_container.is-footer {
  width: 40%;
}

.target-group_container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
}

.line_kurz {
  border: .05px solid var(--white);
  width: 26%;
  margin-top: 8px;
  margin-left: .6vw;
  padding-left: 0;
}

.line_kurz.is-no-padding {
  margin-left: 0;
}

.line_kurz.is-black {
  border-color: var(--blueblack);
  margin-top: 0;
  margin-left: 0;
}

.target-group_item {
  width: 100%;
  position: relative;
}

.contact_section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100vw;
  height: auto;
  margin-bottom: 0;
  padding-bottom: 220px;
  display: flex;
  position: relative;
}

.person_container {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 60%;
  padding: 20px;
  display: flex;
}

.person_name {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.line_lang {
  border: .05px solid var(--white);
  width: 95%;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: .6vw;
  padding-left: 0;
}

.person_img {
  border-radius: 100%;
  width: 26%;
  overflow: hidden;
}

.person_contact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 30%;
  font-family: Abcfavoritliningedu, Arial, sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  display: flex;
}

.cta-1 {
  width: auto;
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  cursor: pointer;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 10px 40px 13px;
  font-family: Abcfavoritliningedu, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: relative;
  overflow: visible;
}

.cta-1:where(.w-variant-dda0dc03-62f5-bde4-6a05-e4a12671b1ea) {
  font-family: Abcfavoritliningedu, Arial, sans-serif;
}

.cta-1:hover {
  color: #c0b7b7;
  -webkit-text-stroke-width: .1px;
  -webkit-text-stroke-color: #fff;
}

.cta-1.is-offset {
  position: absolute;
  top: 100%;
}

.cta-1.is-offset:where(.w-variant-dda0dc03-62f5-bde4-6a05-e4a12671b1ea) {
  font-family: Abcfavoritliningedu, Arial, sans-serif;
}

.cta-1.is-black:where(.w-variant-dda0dc03-62f5-bde4-6a05-e4a12671b1ea) {
  color: var(--black);
  font-family: Abcfavoritliningedu, Arial, sans-serif;
}

.image-2 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.cta-small {
  color: var(--white);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Abcfavoritliningedu, Arial, sans-serif;
  font-size: 1.3rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-small:where(.w-variant-0728bf76-021b-6768-05a4-f8d7a84dfe06) {
  color: var(--blueblack);
}

.cta-small.is-offset {
  position: absolute;
  top: 100%;
}

.cta-1_small {
  color: var(--white);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Abcfavoritliningedu Book, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.cta-1_small:where(.w-variant-0728bf76-021b-6768-05a4-f8d7a84dfe06) {
  color: var(--blueblack);
}

.cta-1_small:hover {
  color: var(--hover);
}

.cta-1_small.is-offset {
  position: absolute;
  top: 100%;
}

.cta-1_small.is-faq {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 5%;
}

.persona {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 220px;
  display: flex;
}

.copy-gross {
  z-index: 2;
  max-width: 40ch;
  color: var(--blueblack);
  margin-bottom: 0;
  padding-left: .6vw;
  font-size: 2.1em;
  font-weight: 300;
  line-height: 1.1;
  position: relative;
}

.copy-gross.is_black {
  color: var(--blueblack);
}

.cta_section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 100px;
  display: flex;
}

.cta-modal_conatiner {
  background-color: var(--rosewhite);
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  display: flex;
}

.cta_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.footer {
  background-color: #302f35;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 130vh;
  padding-top: 100px;
  display: flex;
  position: relative;
}

.section_intro_footer {
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  margin-bottom: 40px;
  padding: 20px;
  display: flex;
}

.footer_links {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer_links-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.copyright {
  font-weight: 300;
  position: relative;
  inset: auto auto 20px;
}

.social-media_container {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 60px;
  display: none;
}

.sm-icon {
  width: 11%;
}

.sm-link {
  cursor: pointer;
}

.scroll_component {
  z-index: 5;
  height: 450vh;
  margin-top: -50vh;
  position: relative;
  overflow: clip;
}

.scroll_component.none {
  height: 650vh;
  margin-top: 0;
}

.container {
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.scroll_wrap {
  flex: 1;
  min-height: 0;
  padding-left: 0;
  display: flex;
  container-type: inline-size;
}

.scroll_track {
  display: flex;
}

.scroll_list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  margin-right: -100cqw;
  display: flex;
}

.scroll_image {
  object-fit: cover;
  display: block;
  position: relative;
}

.scroll_image.is-wide {
  width: 39rem;
}

.past_scroll {
  background-color: var(--rosewhite);
  width: 100%;
  height: 100vh;
  color: var(--blueblack);
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.past-scroll_inner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.usp_setting_container {
  width: 100cqw;
  height: 100vh;
  position: relative;
}

.hero_video_container_inner {
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: auto;
  bottom: 0%;
}

.test_outer {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: none;
  position: sticky;
  top: 0%;
  overflow: visible;
}

.test_inner {
  background-color: #e76565;
  width: 55px;
  height: 55px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.model_section {
  background-color: var(--rosewhite);
  height: 100vh;
  color: var(--black);
  transform-style: preserve-3d;
  transform-origin: 50% 10%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: static;
  inset: 0;
  box-shadow: 3px 3px 30px #00000024;
}

.modular-components_container-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  top: 50vh;
}

.grey_bg {
  background-color: #adadad;
  width: 100%;
  height: 100vh;
}

.usp_all-text_conatiner {
  z-index: 5;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.scroll_img_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.b_ls_1 {
  z-index: 3;
  background-color: var(--blueblack);
  width: 90vw;
  height: 25vh;
  position: absolute;
  inset: auto auto 0% 0%;
}

.b_ls_2 {
  z-index: 3;
  background-color: var(--blueblack);
  width: 40vw;
  height: 30vh;
  position: absolute;
  inset: auto auto 0% 0%;
}

.t38_page {
  color: #f0ece3;
  background-color: #0f0f0f;
  overflow-x: hidden;
}

.t38_hero {
  background-color: #0f0f0f;
  width: 100%;
  height: 100svh;
  position: relative;
  overflow: hidden;
}

.t38_hero_placeholder {
  background-color: #1a1a1a;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.t38_hero_txt {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  padding: 48px;
  display: flex;
  position: absolute;
  inset: 0;
}

.t38_hero_h {
  color: #f0ece3;
  letter-spacing: -.02em;
  margin: 0;
  font-size: clamp(48px, 8vw, 120px);
  font-weight: 400;
  line-height: .95;
}

.t38_placeholder_label {
  color: #444;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: 12px;
}

.t38_scroll_section {
  width: 100%;
  height: 300vh;
  position: relative;
  overflow: visible;
}

.t38_scroll_sticky {
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.t38_scroll_track {
  will-change: transform;
  flex-direction: row;
  align-items: stretch;
  width: fit-content;
  display: flex;
}

.t38_slide {
  flex-shrink: 0;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  padding: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.t38_slide_num {
  color: #555;
  letter-spacing: .2em;
  font-size: 11px;
  position: absolute;
  top: 48px;
  right: 48px;
}

.t38_slide_img {
  background-color: #1a1a1a;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.t38_slide_txt {
  z-index: 2;
  flex-direction: column;
  gap: 12px;
  display: flex;
  position: relative;
}

.t38_slide_h {
  color: #f0ece3;
  margin: 0;
  font-size: clamp(32px, 4vw, 64px);
  font-weight: 400;
  line-height: 1;
}

.t38_slide_p {
  color: #888;
  max-width: 400px;
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

.t38_slide_p.inline-p-0 {
  max-width: 600px;
  margin-top: 24px;
}

.t38_next_section {
  z-index: 10;
  background-color: #0f0f0f;
  min-height: 100vh;
  padding: 120px 48px;
  position: relative;
}

.usp_txt_container {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
  position: sticky;
  inset: 7% 0% auto auto;
}

.usp_bg-divs_container {
  z-index: 1;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block {
  width: 100%;
}

.test-usp-sec {
  display: none;
}

._2hero_sec {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 10vw;
  display: flex;
  position: relative;
}

.txt2-h1 {
  color: #ffeded;
  text-align: center;
  font-size: 8.5em;
  font-weight: 400;
  line-height: .8;
}

.body2 {
  background-color: #22272e;
}

.txt2-paragraf-gros {
  color: #ffeded;
  text-align: center;
  letter-spacing: -.03em;
  width: 70%;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 300;
  line-height: 1;
}

._2spacer {
  height: 30px;
}

.txt2-button {
  text-transform: uppercase;
  font-family: Abcfavoritliningedu Book, Arial, sans-serif;
  font-size: .9em;
  font-weight: 400;
  position: absolute;
  bottom: 5vh;
}

.scroll_component-2 {
  height: 700vh;
  position: relative;
  overflow: visible;
}

.container-2 {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  margin: 0;
  padding: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.scroll_list-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: center;
  margin-right: -100cqw;
  display: flex;
}

.scroll_image-2 {
  max-width: 100cqw;
  position: relative;
}

.scroll_image-2.is-wide {
  width: 39rem;
}

.scroll_scene {
  background-color: #0000;
  border: 0 solid #837676;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.bg-video-hero, .bg-video-case {
  z-index: 9;
  width: 100%;
  height: 100%;
}

.scroll_text_container {
  z-index: 18;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-bottom: 5vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.scroll_text_container.is-active {
  opacity: 1;
}

.txt2-counter {
  text-transform: uppercase;
  font-family: Abcfavorit, Arial, sans-serif;
  font-size: 1.7em;
  font-weight: 400;
  position: relative;
  bottom: auto;
}

.txt2-h2 {
  color: #ffeded;
  text-align: center;
  margin-bottom: 0;
  font-size: 7em;
  font-weight: 400;
  line-height: .8;
}

.txt2-paragraf-regular {
  color: #ffeded;
  text-align: center;
  letter-spacing: -.02em;
  width: 51%;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 300;
  line-height: 1;
}

.txt2-paragraf-regular.is-lange-zeile {
  width: 70%;
}

.txt2-paragraf-regular.is-imprint {
  text-align: left;
}

.txt2-paragraf-regular.is-faq {
  text-align: left;
  width: auto;
  font-size: 1.7em;
  transition: color .2s;
}

.txt2-paragraf-regular.is-faq:hover {
  color: #fff;
}

.spacer-10px {
  height: 10px;
  padding-bottom: 0;
}

.black-fade {
  z-index: -1;
  opacity: .6;
  pointer-events: none;
  background-image: linear-gradient(0deg, #000, #0000);
  width: 100%;
  height: 50vh;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.black-fade.is-hero {
  z-index: 9;
  display: none;
}

.span2-bold {
  letter-spacing: 0;
  font-weight: 500;
}

.text_pin_container {
  z-index: 11;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.text_pin_sticky {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.container-2_text {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  margin: -100vh 0 0;
  padding: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.scroll_wrap_text {
  flex: 1;
  min-height: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  container-type: inline-size;
}

.scroll_track_text {
  display: flex;
  position: absolute;
  inset: 0%;
}

.scroll_list-2_text {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: center;
  margin-right: -100cqw;
  display: flex;
  position: relative;
  inset: 0%;
}

.scroll_scene_text {
  background-color: #0000;
  border: 0 solid #837676;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.scroll_scene_text._1, .scroll_scene_text._2, .scroll_scene_text._3, .scroll_scene_text._4, .scroll_scene_text._5, .scroll_scene_text._6, .scroll_scene_text._7 {
  opacity: 0;
  display: flex;
}

.section-3 {
  background-color: #22272e;
  position: relative;
}

.s3-intro_container {
  background-color: #22272e;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 5vh 10vw 10vw;
  display: flex;
  position: relative;
  top: 0;
}

.scroll_component-3 {
  height: 250vh;
  overflow: clip;
}

.container-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 2.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.scroll_list_components {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  margin-right: -100cqw;
  display: flex;
}

.txt2-h3 {
  color: #ffeded;
  text-align: center;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 400;
  line-height: .8;
}

.txt2-h3.is-outline {
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: var(--blueblack);
}

.txt2-sec3_paragraf-regular {
  color: #ffeded;
  text-align: center;
  letter-spacing: -.02em;
  width: auto;
  max-width: 60ch;
  margin-bottom: 0;
  font-size: 1.7em;
  font-weight: 300;
  line-height: 1;
}

.txt2-sec3_paragraf-regular.is-rechts {
  text-align: right;
}

.txt2-sec3_paragraf-regular.is-links {
  text-align: left;
}

.txt2-sec3_paragraf-regular.is-faq {
  text-align: left;
  max-width: 100%;
  font-size: 1.3em;
}

.scroll_wrap_components {
  flex: 1;
  min-height: 0;
  padding-left: 0;
  display: flex;
  container-type: inline-size;
}

.scroll_track_components {
  display: flex;
}

.check_wrapper {
  color: #ffeded;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1.1em;
  margin-top: .2em;
  display: flex;
}

.check {
  width: 100%;
  height: 100%;
}

.s3-model_scroll_text_container {
  z-index: 18;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 85vh;
  padding-bottom: 5vh;
  display: flex;
  position: static;
  inset: 0%;
}

.s3-model_scroll_text_container.is-active {
  opacity: 1;
}

.bulletpoint_wrapper {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border: 1px solid #ffeded;
  border-radius: 8em;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: .3em .9em .25em;
  display: flex;
}

.bulletpoint_wrapper.is-arrow {
  padding-left: .9em;
}

.bulletpoint_wrapper.is-black-bg {
  background-color: var(--blueblack);
}

.txt2-paragraf-small {
  color: #ffeded;
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: .9em;
  font-weight: 300;
  line-height: 1;
}

.bulletpoint_container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bulletpoint_container.is-tbd {
  display: none;
}

.bullet_point_inner {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.s3_model_sec {
  background-color: #22272e;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -10%;
  display: flex;
  position: relative;
}

.s3-1 {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10vh;
  display: flex;
  position: relative;
}

.kreis_szene {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  inset: 0%;
}

.kreis-hardware_1 {
  z-index: 1;
  opacity: 0;
  background-color: #a09595;
  border-radius: 100%;
  width: 85vh;
  height: 85vh;
  position: absolute;
}

.kreis-content_3 {
  z-index: 3;
  opacity: 0;
  filter: blur(1em);
  background-color: #250203;
  border-radius: 100%;
  width: 20vh;
  height: 20vh;
  position: absolute;
}

.kreis-control_2 {
  z-index: 2;
  opacity: 0;
  filter: blur(2.8em);
  background-color: #fff;
  border-radius: 100%;
  width: 60vh;
  height: 60vh;
  position: absolute;
}

.scroll_kreis_szene {
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.sec-4 {
  display: none;
  position: relative;
}

.spacer-25vh {
  width: 100%;
  height: 30vh;
}

.kreis_outline_1 {
  opacity: 0;
  border: .5px solid #999;
  border-radius: 100%;
  width: 95vh;
  height: 95vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto;
}

.kreis_outline_2 {
  z-index: 4;
  opacity: 0;
  border: .5px solid #999;
  border-radius: 100%;
  width: 65vh;
  height: 65vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto;
}

.kreis_outline_3 {
  z-index: 4;
  opacity: 0;
  border: .5px solid #999;
  border-radius: 100%;
  width: 16vh;
  height: 16vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto;
}

.s3-2_modular-components {
  padding: 0% 10% 10%;
}

.bullet_point_inner-copy {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.txt2-h4 {
  color: #ffeded;
  text-align: center;
  margin-bottom: 0;
  font-size: 3.5em;
  font-weight: 400;
  line-height: .8;
}

.txt2-h4.is-rechts {
  text-align: right;
  line-height: .9;
}

.txt2-h4.is-links {
  text-align: left;
}

.txt2-h4.is-imprint {
  margin-left: -3px;
}

.spacer-10px-copy {
  height: 70px;
  padding-bottom: 0;
}

.bulletpoint_container-copy {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.component_inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  flex-flow: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: flex-start start;
  display: grid;
}

.component_item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #9b8c7d;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32% 20px 40px;
  display: flex;
  position: relative;
}

.component_item.screen {
  background-color: #b99d8d;
  transition: background-color .2s;
}

.component_item.screen:hover {
  background-color: #d59671;
}

.component_item.light {
  background-color: #a89fb1;
  transition: background-color .2s;
}

.component_item.light:hover {
  background-color: #a686c5;
}

.component_item.content {
  background-color: #ac9d8e;
  transition: background-color .2s;
}

.component_item.content:hover {
  background-color: #a37c55;
}

.component_item.control {
  transition: background-color .2s;
}

.component_item.control:hover {
  background-color: #ca9b6b;
}

.component_item.consulting {
  background-color: #ad9c9c;
  transition: background-color .2s;
}

.component_item.consulting:hover {
  background-color: #ad7879;
}

.component_item.sound {
  transition: background-color .2s;
}

.component_item.sound:hover {
  background-color: #cca47c;
}

.s3-2 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 70vh;
  padding-top: 20vh;
  display: flex;
  position: sticky;
  top: 0;
}

.component_container {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.plus_wrapper {
  width: 20%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.plus-svg {
  border: .5px solid #fff;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.plus {
  width: 20%;
  margin-top: 5%;
  margin-right: 5%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.zielgruppen_container {
  position: relative;
}

.zielgruppen_content {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: start stretch;
  width: 100%;
  padding: 10%;
  display: grid;
  position: absolute;
  inset: 0% 0% auto;
}

.zc_links, .zc_rechts {
  width: 100%;
}

.zielgruppen_item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.zielgruppen_item.is-links {
  justify-content: flex-start;
  align-items: flex-start;
}

.zielgruppen_item.is-sticky {
  position: sticky;
  top: 10%;
  bottom: auto;
}

.zielgruppen_item.is-sticky-2 {
  position: relative;
  top: auto;
}

.people_item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  display: flex;
  position: relative;
}

.txt2-h5 {
  color: #ffeded;
  text-align: left;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 300;
  line-height: .9;
}

.txt2-h5.is-rechts {
  text-align: right;
}

.txt2-h5.is-links {
  text-align: left;
}

.people_container {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.bulletpoint_wrapper_no-icon {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border: 1px solid #ffeded;
  border-radius: 8em;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: .7em .9em .5em;
  display: flex;
}

.bulletpoint_wrapper_no-icon.is-arrow {
  padding-left: .9em;
}

.bulletpoint_wrapper_no-icon_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.s_contact {
  width: 100%;
  padding: 0%;
  position: relative;
}

.contact_bg {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #c0a7ad;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin: 0%;
  padding: 32% 20px 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contact_intro_container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 20vw 10vw 5vw;
  display: flex;
  position: relative;
  top: 0;
}

.persona-2 {
  z-index: 2;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: auto;
  padding: 5% 10% 160px;
  display: flex;
  position: relative;
}

.person_container-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  padding: 20px;
  display: flex;
}

.person_name-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.person_img-2 {
  border-radius: 100%;
  width: 34%;
  max-width: 250px;
  overflow: hidden;
}

.person_contact-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Abcfavoritliningedu, Arial, sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  display: flex;
}

.target-group_item-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.zielgruppe_links {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 10vh;
}

.people-cicrcle {
  background-color: #be9aa2;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 8% auto auto -35px;
}

.spacer-people {
  height: 30px;
}

.contact-abbinder {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 10%;
  display: flex;
  position: relative;
}

.intro_szene {
  z-index: 999;
  background-color: #22272e;
  width: 100vw;
  height: 100dvh;
  display: block;
  position: absolute;
}

.s3_intro_inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 10%;
  display: flex;
}

.wm-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.txt_ams_wortmarke_intro {
  padding-top: 0;
  padding-left: 0;
  font-size: 1.3rem;
  font-weight: 300;
}

.line_kurz-2 {
  border: .05px solid #fff;
  width: 26%;
  margin-top: 8px;
  margin-left: 0;
  padding-left: 0;
}

.line_kurz-2.is-no-padding {
  margin-left: 0;
}

.nav_link-2 {
  color: #fff;
  letter-spacing: .1px;
  cursor: pointer;
  font-family: Abcfavoritliningedu Book, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
}

.nav_link-2.is-footer {
  padding-left: .6vw;
}

.span_regular-2 {
  color: #fff;
  font-weight: 400;
}

.copy-small-2 {
  z-index: 2;
  color: #e3dbdb;
  max-width: 47ch;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
}

.copy-small-2.is-no-pading {
  padding-left: 0;
}

.cta-1_small-2 {
  color: #fff;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.2rem;
  font-weight: 300;
  text-decoration: none;
}

.cta-1_small-2.is-offset {
  position: absolute;
  top: 100%;
}

.txt_ams_wortmarke--footer {
  text-align: center;
  padding-top: 0;
  padding-left: 0;
  font-size: 1.3rem;
  font-weight: 300;
}

.nav_link-3 {
  color: #fff;
  letter-spacing: .1px;
  cursor: pointer;
  font-family: Abcfavoritliningedu Book, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
}

.nav_link-3.is-footer {
  padding-left: .6vw;
}

.footer-2 {
  z-index: 9;
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.contact-abbinder-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #b9a1a7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10% 10% 20%;
  display: flex;
  position: relative;
}

.cta-1-2 {
  color: #fff;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Abcfavoritliningedu, Arial, sans-serif;
  font-size: 1.3rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-3 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.cta-small-2 {
  color: #fff;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Abcfavoritliningedu, Arial, sans-serif;
  font-size: 1.3rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-1-3 {
  color: #fff;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Abcfavoritliningedu, Arial, sans-serif;
  font-size: 1.3rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-1-3.is-offset {
  position: absolute;
  top: 100%;
}

.txt2-paragraf-gros-intro {
  color: #ffeded;
  text-align: center;
  letter-spacing: -.03em;
  width: 70%;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 300;
  line-height: 1;
}

.s3-1_modular {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60vh;
  margin-top: -15vh;
  margin-bottom: 15vh;
  padding-top: 16vh;
  display: flex;
  position: relative;
}

.imprint_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  top: auto;
}

.txt_container_impressum {
  z-index: 3;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 60%;
  padding: 20px;
  display: flex;
  position: sticky;
  inset: 7% 0% auto auto;
}

.background-video {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100dvh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.txt2-paragraf-imprint {
  color: #ffeded;
  text-align: left;
  letter-spacing: 0;
  width: 25ch;
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1;
}

.faq {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20% 10% 10%;
  display: flex;
  position: relative;
}

.fs_accordion-2_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #292f36;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  margin-top: 50px;
  padding: 10% 5% 15%;
  display: block;
  position: relative;
}

.fs_accordion-2_embed {
  margin-bottom: 0;
  display: none;
}

.fs_accordion-2_item {
  border-bottom: 1px solid #a18484;
}

.fs_accordion-2_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem 1rem .2rem;
  display: flex;
}

.fs_accordion-2_header:focus-visible, .fs_accordion-2_header[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_accordion-2_content {
  transition: max-height .2s;
  overflow: hidden;
}

.fs_accordion-2_body {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .25rem 1.5rem 1rem .2rem;
  display: flex;
}

.fs_accordion-2_paragraph {
  margin-bottom: 0;
}

.fs_accordion-2_icon {
  color: #ffeded;
  margin-right: 0;
  font-size: 1rem;
  position: relative;
}

.fs_accordion-2_label {
  font-size: 1.25rem;
  font-weight: 300;
}

.fs_accordion-2_arrow-wrapper {
  transition: transform .2s;
}

.fs_accordion-2_arrow-wrapper.is-active-accordion {
  transform: rotate(180deg);
}

.fs_accordion-2_message {
  color: var(--accessible-components--dark-grey);
}

.inhaltsvz {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.txt_1spalten_container-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.txt_1spalten_container-copy.is-left {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.txt_1spalten_container-copy.is-left.is-footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.txt_1spalten_container-copy.is-06-pading {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
}

.txt_1spalten_container-copy.is-footer {
  width: 40%;
}

.contcat_conatiner {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.scroll_component-4 {
  height: 250vh;
  overflow: clip;
}

.container-4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 70rem;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 2.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.scroll_wrap-2 {
  flex: 1;
  min-height: 0;
  display: flex;
  container-type: inline-size;
}

.scroll_track-2 {
  display: flex;
}

.scroll_list-3 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  margin-right: -100cqw;
  display: flex;
}

.scroll_image-3 {
  border-radius: 5px;
  max-width: 100cqw;
  position: relative;
}

.scroll_image-3.is-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.section-4 {
  width: 100%;
}

.s4-intro_container {
  background-color: #22272e;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 30vh 10vw 0;
  display: flex;
  position: relative;
  top: 0;
}

.scroll-div-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
}

.hero_video_sec {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  top: auto;
}

.bg-video-hero-3 {
  z-index: 9;
  width: 100%;
  height: 100vh;
}

.hero-img-3 {
  z-index: 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.txt2-paragraf-gros_hero {
  z-index: 11;
  color: #ffeded;
  text-align: center;
  letter-spacing: -.03em;
  width: 70%;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 300;
  line-height: 1;
  position: relative;
  inset: auto;
}

.txt2-paragraf-gros_hero.is-bigger {
  font-size: 4em;
}

.hero_scroll_track {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.hero_video_sec_inner {
  width: 100%;
  height: 200vh;
  position: relative;
}

.footer-img_wrapper {
  width: 33vw;
}

.image-4 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: visible;
}

.s3-1_abbinder {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.hero_prargraf_wrapper {
  z-index: 11;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.scroll_text_container_mobile {
  z-index: 18;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-bottom: 5vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.scroll_text_container_mobile.is-active {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .spacer-height-100vh {
    height: 310vh;
    position: absolute;
  }

  .copyright {
    font-size: 2em;
  }

  .scroll_track {
    flex-flow: column;
  }

  .txt2-paragraf-gros {
    width: 90%;
    font-size: 4em;
  }

  .txt2-button {
    font-size: 1.5em;
  }

  .scroll_component-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 600vh;
    display: flex;
  }

  .container-2 {
    position: relative;
  }

  .scroll_list-2 {
    flex-flow: column;
  }

  .txt2-paragraf-regular {
    width: 70%;
    font-size: 3em;
  }

  .txt2-paragraf-regular.is-faq {
    font-size: 2.3em;
  }

  .scroll_scene_text._2 {
    opacity: 100;
  }

  .txt2-h3.is-outline {
    font-size: 6em;
  }

  .txt2-sec3_paragraf-regular {
    font-size: 3em;
  }

  .txt2-sec3_paragraf-regular.is-faq {
    font-size: 2em;
  }

  .check_wrapper {
    width: 1.9em;
  }

  .bulletpoint_wrapper.is-black-bg {
    padding: .5em 1.1em .4em;
  }

  .txt2-paragraf-small {
    font-size: 2.2em;
  }

  .txt2-paragraf-small.is-mittig {
    text-align: center;
  }

  .kreis-hardware_1 {
    width: 85vw;
    height: 85vw;
  }

  .kreis-content_3 {
    width: 20vw;
    height: 20vw;
  }

  .kreis-control_2 {
    width: 60vw;
    height: 60vw;
  }

  .kreis_outline_1 {
    width: 95vw;
    height: 95vw;
  }

  .kreis_outline_2 {
    width: 65vw;
    height: 65vw;
  }

  .kreis_outline_3 {
    width: 16vw;
    height: 16vw;
  }

  .zielgruppen_container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .zielgruppen_content {
    position: relative;
  }

  .bulletpoint_wrapper_no-icon {
    padding: .9em 1.2em .7em;
  }

  .s_contact, .contact_bg {
    width: 100%;
  }

  .contact_intro_container {
    padding-top: 30vh;
  }

  .persona-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .copy-small-2 {
    font-size: 2em;
  }

  .footer-2 {
    height: 100vh;
  }

  .fs_accordion-2_component {
    width: 100%;
  }

  .scroll_component-4 {
    height: auto;
  }

  .container-4 {
    justify-content: space-between;
    align-items: center;
    height: auto;
    position: relative;
  }

  .scroll_wrap-2 {
    width: 100%;
    display: block;
  }

  .scroll_list-3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
  }

  .scroll_image-3 {
    width: 80%;
    max-width: none;
  }

  .s4-intro_container {
    padding-top: 10vh;
  }

  .scroll-div-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .txt2-paragraf-gros_hero {
    font-size: 4em;
  }

  .footer-img_wrapper {
    width: 40vw;
    position: absolute;
    inset: auto auto 0%;
  }

  .scroll_text_container_mobile {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .nav {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    background-color: var(--rosewhite);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .nav_links {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .txt_ams_wortmarke.w--current {
    color: var(--blueblack);
  }

  .section_intro {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .spacer-height-100vh {
    display: none;
  }

  .txt_2spalten_container.is-footer {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .txt_1spalten_container.is-left.is-footer {
    width: auto;
  }

  .cta-1 {
    text-align: center;
    font-size: 1.3rem;
  }

  .cta-1_small {
    text-align: left;
  }

  .cta-1_small.is-faq {
    position: static;
    left: auto;
    right: auto;
  }

  .footer_links {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex-flow: column;
  }

  .copyright {
    font-size: .7rem;
  }

  .scroll_track {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  ._2hero_sec {
    justify-content: flex-end;
    align-items: flex-start;
    height: 100dvh;
    padding-top: 50vw;
    padding-left: 20px;
  }

  .txt2-h1 {
    text-align: left;
    font-size: 4rem;
  }

  .txt2-paragraf-gros {
    text-align: left;
    width: auto;
    font-size: 2rem;
  }

  .txt2-button {
    font-size: 1rem;
    position: relative;
    bottom: 0;
  }

  .scroll_component-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .container-2 {
    position: relative;
  }

  .scroll_list-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .scroll_text_container, .scroll_text_container.is-active {
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
  }

  .txt2-counter {
    display: none;
  }

  .txt2-h2 {
    text-align: left;
    font-size: 4rem;
  }

  .txt2-paragraf-regular, .txt2-paragraf-regular.is-lange-zeile {
    text-align: left;
    width: auto;
    font-size: 1.5rem;
  }

  .txt2-paragraf-regular.is-faq {
    font-size: 1.2rem;
  }

  .scroll_wrap_text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .scroll_track_text {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .scroll_scene_text._1 {
    opacity: 100;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
  }

  .scroll_scene_text._2, .scroll_scene_text._3, .scroll_scene_text._4, .scroll_scene_text._5, .scroll_scene_text._6, .scroll_scene_text._7 {
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
  }

  .s3-intro_container {
    padding-left: 20px;
  }

  .txt2-h3 {
    text-align: left;
    font-size: 8em;
    line-height: 1;
  }

  .txt2-sec3_paragraf-regular {
    text-align: left;
    max-width: none;
    font-size: 1.3rem;
  }

  .txt2-sec3_paragraf-regular.is-rechts {
    text-align: left;
    font-size: 1.2rem;
  }

  .txt2-sec3_paragraf-regular.is-links, .txt2-sec3_paragraf-regular.is-faq {
    font-size: 1rem;
  }

  .check_wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: .9rem;
  }

  .s3-model_scroll_text_container {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-left: 20px;
  }

  .bulletpoint_wrapper {
    padding: .3rem .9rem .25rem;
  }

  .bulletpoint_wrapper.is-arrow {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: .9rem;
  }

  .bulletpoint_wrapper.is-black-bg {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding: .3rem .9rem .25rem;
  }

  .txt2-paragraf-small {
    font-size: 1rem;
  }

  .bulletpoint_container {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bullet_point_inner {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .s3-1 {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
  }

  .scroll_kreis_szene, .sec-4 {
    display: none;
  }

  .s3-2_modular-components {
    grid-column-gap: 53px;
    grid-row-gap: 53px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    display: flex;
  }

  .txt2-h4 {
    font-size: 3.5rem;
  }

  .txt2-h4.is-rechts {
    text-align: left;
    font-size: 2rem;
  }

  .component_inner {
    flex-flow: column;
    padding: 20px;
    display: flex;
  }

  .s3-2 {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-top: 0;
    position: relative;
  }

  .zielgruppen_container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .zielgruppen_content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 100px;
    padding: 20px;
    display: flex;
    position: relative;
  }

  .zielgruppen_item, .zielgruppen_item.is-sticky-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .txt2-h5 {
    font-size: 1.7rem;
  }

  .contact_intro_container {
    padding-left: 20px;
  }

  .persona-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
  }

  .person_container-2 {
    width: auto;
  }

  .zielgruppe_links {
    position: relative;
    top: 0;
  }

  .people-cicrcle {
    top: -17%;
    left: 0;
  }

  .intro_szene {
    display: block;
  }

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

  .copy-small-2 {
    font-size: 1.2rem;
  }

  .footer-2 {
    flex-flow: column;
    height: auto;
  }

  .contact-abbinder-2 {
    padding: 140px 20px 20px;
  }

  .txt2-paragraf-gros-intro {
    text-align: left;
    width: auto;
    font-size: 2rem;
  }

  .s3-1_modular {
    height: auto;
    margin-top: 0;
    margin-bottom: 120px;
    padding: 20px;
  }

  .fs_accordion-2_component {
    flex-flow: column;
    padding-bottom: 10%;
    display: flex;
  }

  .inhaltsvz {
    flex-flow: column;
  }

  .txt_1spalten_container-copy.is-left.is-footer {
    width: auto;
  }

  .s4-intro_container {
    padding-left: 20px;
  }

  .txt2-paragraf-gros_hero {
    text-align: left;
    width: auto;
    font-size: 2rem;
  }

  .footer-img_wrapper {
    width: 100vw;
    position: relative;
  }

  .s3-1_abbinder {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
  }

  .hero_prargraf_wrapper {
    padding: 20px;
  }

  .scroll_text_container_mobile, .scroll_text_container_mobile.is-active {
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
  }
}

#w-node-_4d1e5e37-33bc-f988-1d98-d417e665f7eb-8675f27b {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_0dc943dc-a6a4-1c21-c676-a8921342e69d-8675f27b {
  grid-area: 1 / 5 / 2 / 7;
}

#w-node-b206955e-fbea-7af8-9518-2e7787a6eacf-8675f27b {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_29130ae8-416c-a8e1-8114-570d2ed3dc48-8675f27b {
  grid-area: 2 / 7 / 3 / 9;
}

#w-node-_29130ae8-416c-a8e1-8114-570d2ed3dc33-8675f27b {
  grid-area: 3 / 3 / 4 / 5;
}

#w-node-_29130ae8-416c-a8e1-8114-570d2ed3dc5d-8675f27b {
  grid-area: 3 / 6 / 4 / 8;
}

#w-node-dbebce5c-cf86-e8dc-0421-c5af220076d0-8675f27b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_54984015-1606-4a90-c105-f72f65f4560d-8675f27b {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-e4376807-5818-70d6-7f56-2723f822587e-6b761959 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e25ab6a2-da3e-0824-783f-5857083cc236-6b761959 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-b5122c06-31cf-0258-cb5a-6e7733dbfb0b-6b761959 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_5e83ee67-893a-f9fb-06b9-c179f4005ee0-6b761959 {
  grid-area: 4 / 3 / 5 / 4;
}

@media screen and (max-width: 991px) {
  #w-node-_4d1e5e37-33bc-f988-1d98-d417e665f7eb-8675f27b {
    grid-column-end: 4;
  }

  #w-node-_0dc943dc-a6a4-1c21-c676-a8921342e69d-8675f27b {
    grid-column-end: 8;
  }

  #w-node-b206955e-fbea-7af8-9518-2e7787a6eacf-8675f27b {
    grid-column-end: 5;
  }

  #w-node-_29130ae8-416c-a8e1-8114-570d2ed3dc48-8675f27b {
    grid-column-start: 6;
  }

  #w-node-_29130ae8-416c-a8e1-8114-570d2ed3dc33-8675f27b {
    grid-column: 1 / 4;
  }

  #w-node-_29130ae8-416c-a8e1-8114-570d2ed3dc5d-8675f27b {
    grid-column-start: 5;
  }
}


@font-face {
  font-family: 'Abcfavorit';
  src: url('../fonts/ABCFavorit-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcfavorit';
  src: url('../fonts/ABCFavorit-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcfavorit';
  src: url('../fonts/ABCFavorit-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcfavorit';
  src: url('../fonts/ABCFavorit-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcfavoritliningedu';
  src: url('../fonts/ABCFavoritLiningEdu-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcfavoritliningedu';
  src: url('../fonts/ABCFavoritLiningEdu-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcfavoritliningedu Book';
  src: url('../fonts/ABCFavoritLiningEdu-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}