:root {
  --blue: #253b81;
  --rot: #d43a17;
  --vizavi: franklin-gothic-urw, sans-serif;
  --transparent: #fff0;
  --a-grau: #d4d4d8;
  --schwarz: #000;
  --a-blau: #0c82ad;
  --a-hellbau: #62c0bc;
  --a-türkis: #009586;
  --weiß: white;
  --a-dunkelblau: #144295;
  --fließtext-interview: 1.6rem;
}

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

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

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

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

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

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

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

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

.nav-link {
  color: var(--blue);
  letter-spacing: .25px;
  vertical-align: baseline;
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  text-decoration: none;
  display: flex;
  position: static;
}

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

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

.nav-link.w--current {
  color: var(--blue);
  -webkit-text-stroke-color: var(--rot);
}

.nav-link.rechtsb-ndig {
  justify-content: flex-end;
  width: 7.6em;
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.nav-link.linksb-ndig {
  z-index: 1000;
  font-family: var(--vizavi);
  order: 0;
  justify-content: center;
  padding: 0;
  font-size: 2rem;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
  width: 260px;
  display: flex;
}

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

.heading {
  color: #d43a17;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 0;
  margin: 450px 0 -71px -862px;
  padding-top: 185px;
  font-family: Librefranklin Variablefont Wght;
  font-size: 147px;
  font-weight: 500;
  display: block;
  position: static;
}

.body {
  margin-top: 0;
  font-size: 19px;
}

.section {
  height: 0;
  min-height: 0;
  margin-bottom: 0;
}

.home-startseite-inhalt {
  margin-top: 0;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  width: 948vw;
  min-height: 1px;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-button-wrapper {
  margin-left: 120px;
}

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

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

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

.navbar-logo-left-2 {
  margin-top: -432px;
}

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

.navbar-logo-left-container-2.shadow-three {
  width: 108%;
  min-width: 205px;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
}

.container-2 {
  width: 126vh;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.navbar-logo-left-3 {
  margin-top: -326px;
}

.image {
  width: auto;
  height: auto;
  margin-left: auto;
  padding-left: 2em;
  padding-right: 2em;
}

.navbar-no-shadow-container-2 {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

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

.image-2 {
  max-width: 206px;
}

.hero-heading-center {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  width: 100%;
  height: 100vh;
  min-height: 0;
  padding: 0;
  position: relative;
}

.container-3 {
  float: none;
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 940px;
  margin: 29px auto 0 114px;
  padding: 0;
  display: flex;
  position: static;
}

.container-3.container {
  flex-flow: column;
  padding: 0;
  display: flex;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-heading.margin-bottom-32px {
  color: #222f59;
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  column-count: 0;
  white-space: nowrap;
  width: 865vh;
  margin-bottom: 32px;
  margin-left: -200px;
  padding-left: 0;
  font-family: Librefranklin Variablefont Wght;
  font-size: 70px;
  font-weight: 500;
}

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

.hero-wrapper.hero-home {
  background-color: #fdfaeb;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100vh;
}

.hero-wrapper.hero-home.hintergrund {
  background-color: #fff7eb;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
  font-family: Librefranklin Variablefont Wght;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.page-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  height: auto;
  display: block;
  position: static;
}

.container-4 {
  padding: 100px 50px;
}

.container-4.about {
  font-family: Librefranklin Variablefont Wght;
}

.section-2 {
  border-top: 1px none var(--blue);
  height: 75vw;
  margin-top: 0;
  padding-left: 4em;
  padding-right: 4em;
  font-family: Librefranklin Variablefont Wght;
}

.paragraph {
  width: 840px;
}

.paragraph-2 {
  width: 50vh;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.container-5 {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-2 {
  font-family: var(--vizavi);
  color: var(--blue);
  -webkit-text-stroke-color: #222f59;
  align-self: flex-start;
  width: 37.1rem;
  margin: 0 auto 0 0;
  padding-right: 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: 4.4rem;
}

.paragraph-3 {
  border-bottom: 1px none var(--blue);
  -webkit-text-stroke-color: #222f59;
  width: auto;
  margin-bottom: 0;
  margin-left: 2rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 1.3rem;
  line-height: 1.2em;
  display: block;
}

.opener_-berschrift {
  z-index: 2;
  color: var(--blue);
  text-align: center;
  letter-spacing: 0;
  word-break: normal;
  overflow-wrap: normal;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: auto;
  padding-bottom: 0;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 17.1em;
  font-weight: 700;
  line-height: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0;
}

.opener_container {
  z-index: 996;
  box-sizing: content-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  font-family: var(--vizavi);
  text-align: center;
  object-fit: fill;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100%;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  display: block;
  position: static;
}

.section-blauer-background {
  background-color: var(--blue);
  margin-top: 0;
  font-family: Librefranklin Variablefont Wght;
}

.image-3 {
  text-align: center;
  vertical-align: middle;
  order: 0;
  align-self: auto;
  width: 50px;
  margin-left: -100px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  position: relative;
}

.navbar {
  z-index: 20;
  background-color: var(--transparent);
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  flex: 0 auto;
  width: 100svh;
  height: 4.75rem;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Librefranklin Variablefont Wght;
  display: block;
  position: fixed;
  top: 0;
}

.body_home {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  height: auto;
}

.nav-link-3, .nav-link-4, .nav-link-5 {
  font-family: Librefranklin Variablefont Wght;
}

.nav-menu-2 {
  vertical-align: baseline;
  width: 100vw;
  margin-left: auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Librefranklin Variablefont Wght;
  display: inline-block;
  position: static;
}

.section-4 {
  -webkit-text-fill-color: inherit;
  background-color: #f3f3f3;
  background-clip: border-box;
  width: 1516vw;
  height: 114vh;
  margin-top: 0;
  font-family: Librefranklin Variablefont Wght;
  display: flex;
}

.image-4 {
  padding-top: 0;
  display: block;
  position: absolute;
  inset: 0;
  overflow: clip;
}

.gallery-scroll {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-7 {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: relative;
}

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.gallery-sticky {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 80px;
}

.gallery-link {
  color: #1a1b1f;
  margin-bottom: 35px;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}

.gallery-link:hover {
  color: #1a1b1fcc;
}

.gallery-link.w--current {
  font-weight: 600;
}

.gallery-grid {
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-image-wrapper {
  position: relative;
}

.gallery-image {
  width: 100%;
}

.gallery-image-text {
  color: #f5f7fa;
  margin-bottom: 0;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.grid {
  grid-row-gap: 384px;
  flex-flow: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  display: flex;
}

.grid-2 {
  grid-row-gap: 491px;
  grid-template-columns: 1fr 1fr 1fr;
  height: 300px;
  margin-left: 100px;
  margin-right: 100px;
  font-size: 12px;
  line-height: 17px;
}

.image-6, .image-7, .image-8 {
  border: 1px #d43a17;
}

.heading-4 {
  margin-left: 100px;
  padding-left: 0;
  font-size: 20px;
  font-weight: 700;
}

.container-8 {
  width: 733vh;
  max-width: 100vh;
  height: 32px;
  margin-left: 130px;
  margin-right: auto;
}

.projekt-link {
  justify-content: flex-start;
  margin-right: 223px;
  padding-left: 0;
  padding-right: 40px;
  display: inline-block;
}

.footer-light {
  color: #222f59;
  background-color: #222f5900;
  border-bottom: 1px solid #e4ebf3;
  width: 100%;
  margin-top: 360px;
  margin-left: 0;
  margin-right: 0;
  padding: 80px 0 40px;
  font-family: Librefranklin Variablefont Wght;
  position: static;
}

.footer-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-brand {
  width: 7vw;
  height: 11vw;
}

.footer-block-two {
  color: var(--blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  color: var(--blue);
  -webkit-text-stroke-color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.footer-link-two {
  color: var(--blue);
  margin-top: 20px;
  text-decoration: none;
}

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

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  background-color: #1a1b1f;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: #3a4554;
}

.footer-divider-two {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-bottom {
  z-index: 107;
  color: var(--blue);
  mix-blend-mode: normal;
  justify-content: space-between;
  align-self: flex-end;
  align-items: center;
  width: 100svw;
  min-width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: 20px;
  display: block;
  position: static;
  inset: auto 0% 0%;
}

.footer-copyright {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: var(--vizavi);
  color: var(--blue);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: auto;
  margin: auto 0 0 auto;
  line-height: 1.2rem;
  display: block;
  position: absolute;
  inset: 32rem 7rem 0 auto;
}

.footer-social-block-two {
  text-align: left;
  justify-content: flex-end;
  align-items: center;
  height: 3.5em;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.footer-social-link {
  color: var(--blue);
  justify-content: center;
  align-items: center;
  width: 4vw;
  height: 3vw;
  margin-left: 12px;
  text-decoration: none;
  display: flex;
}

.link-block {
  width: 20px;
  height: 20px;
}

.link {
  color: var(--blue);
  padding-right: 55px;
  text-decoration: none;
}

.start_intro-abschnitt {
  aspect-ratio: auto;
  object-fit: fill;
  width: 90svw;
  height: auto;
  display: block;
  position: static;
  overflow: hidden;
}

.section-nav {
  z-index: 0;
  aspect-ratio: auto;
  background-color: var(--transparent);
  mix-blend-mode: soft-light;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0% 0 0;
  font-size: 1em;
  line-height: 1.5;
  display: block;
  position: relative;
}

.abschnitt-nav_items {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--blue);
  -webkit-text-stroke-color: var(--rot);
  mix-blend-mode: soft-light;
  flex-flow: row;
  order: -1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: libre-franklin, sans-serif;
  font-size: 1em;
  display: block;
  position: relative;
}

.nav-links {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  color: var(--rot);
  text-align: left;
  flex: none;
  align-self: auto;
  align-items: center;
  width: 23.1em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: libre-franklin, sans-serif;
  display: flex;
  position: static;
}

.nav-rechts {
  grid-column-gap: 6.7em;
  grid-row-gap: 6.7em;
  text-align: right;
  flex-flow: row;
  flex: none;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 85%;
  height: 3.1em;
  margin-top: 0;
  margin-left: auto;
  margin-right: 2em;
  font-family: franklin-gothic-urw, sans-serif;
  display: flex;
  position: static;
}

.nav-mitte {
  width: 9em;
  margin-left: 10%;
  margin-right: 10%;
  display: block;
}

.nav-mitte.current {
  flex-flow: row;
  flex: 1;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 10%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.vizavi_logo {
  z-index: 0;
  color: var(--rot);
  text-align: center;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  width: 5.7em;
  margin-left: 0;
  margin-right: auto;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto;
}

.vizavi_logo.w--current {
  z-index: 2;
  aspect-ratio: auto;
  object-fit: fill;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 3.6em;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 3.4em;
  line-height: 1.1;
  display: flex;
  position: absolute;
  left: auto;
  right: auto;
}

.header-bottom_left {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 90%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.start_slide-2_container {
  justify-content: center;
  width: 90%;
  margin-left: 0;
  display: flex;
}

.container-10 {
  border-right: 1px #000;
  align-self: flex-start;
  width: auto;
  margin-top: 4rem;
  margin-left: 7rem;
}

.div-block {
  border-top: 3px none var(--blue);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  display: flex;
}

.link-2 {
  font-family: var(--vizavi);
  color: var(--rot);
  font-size: 1rem;
  line-height: 1rem;
  text-decoration: none;
}

.absatz-unter-nav {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  width: 100svw;
  max-width: none;
  height: 8em;
  min-height: 5em;
  margin: 0 auto;
  display: block;
  position: relative;
  inset: auto;
}

.nav_men---hamburger {
  border-top: 0px solid var(--blue);
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  width: auto;
  height: .5rem;
  font-family: Librefranklin Variablefont Wght;
  text-decoration: none;
  display: flex;
}

.menu-hamburger_line {
  border-top: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
  width: 100%;
  height: 1px;
  text-decoration: none;
}

.strat_intro-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: none;
  height: auto;
  max-height: 100svh;
  margin: 0 0 auto;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 1em;
  display: block;
  position: relative;
  inset: auto 0% auto 2em;
}

.image-9 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  height: auto;
  overflow: clip;
}

.image-10 {
  vertical-align: middle;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 31rem;
  max-width: 50%;
  height: auto;
  margin: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-11 {
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  vertical-align: top;
  flex-flow: wrap;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  width: 25.9rem;
  max-width: 61%;
  height: auto;
  margin-top: auto;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.text-block-2 {
  aspect-ratio: auto;
  color: var(--rot);
  text-align: center;
  object-fit: contain;
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  margin: auto;
  padding-bottom: 0;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 11.7em;
  line-height: 1.1em;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-2 {
  flex: none;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.text-block-3 {
  aspect-ratio: auto;
  color: var(--rot);
  object-fit: fill;
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  width: 39.5rem;
  height: 15.5rem;
  margin-left: auto;
  margin-right: 15.4rem;
  font-family: Librefranklin Variablefont Wght;
  font-size: 4.5rem;
  line-height: 5rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
}

.text-block-4 {
  align-self: flex-end;
  font-family: Librefranklin Variablefont Wght;
  position: static;
  inset: auto auto 0% 0%;
}

.image-12 {
  vertical-align: bottom;
  flex-flow: row;
  width: 11rem;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 19.1rem;
  display: inline-flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-13 {
  max-width: 100%;
  margin-top: 0;
  margin-bottom: auto;
}

.div-block-3 {
  height: 100%;
}

.image-14 {
  box-sizing: content-box;
  aspect-ratio: auto;
  object-fit: fill;
  object-position: 50% 50%;
  flex: auto;
  order: 0;
  align-self: auto;
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
  overflow: clip;
}

.image-15 {
  vertical-align: top;
  width: auto;
  max-width: none;
  height: 2.6rem;
  margin-top: auto;
  line-height: 3.8rem;
  display: block;
}

.div-block-4 {
  justify-content: space-around;
  height: 2.9em;
  display: flex;
}

.footer-block {
  box-sizing: border-box;
  aspect-ratio: auto;
  opacity: 1;
  color: var(--blue);
  mix-blend-mode: normal;
  object-fit: contain;
  justify-content: center;
  align-items: flex-start;
  width: 100svw;
  height: 29.2rem;
  min-height: auto;
  margin-top: 0%;
  margin-bottom: auto;
  padding-left: 0;
  line-height: 2.8rem;
  display: block;
  position: relative;
  bottom: auto;
  overflow: visible;
}

.image-16 {
  width: 2.2rem;
  max-width: none;
  height: 3.5rem;
  margin-top: -10px;
}

.image-17 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.image-18 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex: 0 auto;
  width: 100%;
  min-width: auto;
  max-width: 75%;
  min-height: 0;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: block;
  position: relative;
  inset: auto;
}

.image-19 {
  box-sizing: content-box;
  object-fit: fill;
  width: 100%;
  max-width: 75%;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block_gruppenfoto {
  box-sizing: content-box;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 38.9rem;
  margin-left: 2rem;
  margin-right: 2rem;
  transition: opacity .2s, opacity .2s;
  display: none;
  position: absolute;
}

.div-block-6 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.div-block-7 {
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100svh;
  margin-top: auto;
  display: flex;
  position: relative;
}

.image-20 {
  width: 38.9em;
  max-width: none;
  margin-left: 2rem;
  display: block;
}

.grid-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-2 Area"
                 "Area-3 ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: absolute;
}

.div-block-8 {
  width: 632rem;
}

.image-21 {
  box-sizing: content-box;
  aspect-ratio: auto;
  object-fit: fill;
  width: 124%;
  max-width: none;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: inline;
  overflow: clip;
}

.div-block-9 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 2rem;
  display: flex;
  position: absolute;
}

.absatz-unter-foto-gro {
  width: auto;
  height: 11rem;
  position: relative;
  inset: 0% auto 0% 0%;
}

.heading-5 {
  justify-content: center;
  align-items: center;
  width: 20rem;
  margin-left: auto;
  margin-right: auto;
  font-family: libre-franklin, sans-serif;
  display: flex;
}

.paragraph-4 {
  font-family: var(--vizavi);
  color: var(--blue);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 87%;
  margin-top: 4em;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.5rem;
  line-height: 3rem;
  display: flex;
}

.image-22 {
  vertical-align: baseline;
  max-width: 100%;
  height: 27rem;
  display: block;
  position: absolute;
  bottom: -20.7em;
  left: 30rem;
}

.image-23 {
  z-index: 1;
  vertical-align: top;
  max-width: none;
  height: 85.5svh;
  margin-top: 4.2rem;
  margin-left: 0;
  margin-right: 4rem;
  display: inline-block;
  position: absolute;
  inset: 0% 0% 25% auto;
}

.about-fotos {
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 0;
  width: auto;
  height: auto;
  min-height: 20em;
  max-height: 752.078px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  top: 0;
  bottom: 0;
  overflow: visible;
}

.about-fotos.pauls {
  object-fit: cover;
  width: auto;
  max-height: none;
  top: 0;
  overflow: visible;
}

.about-fotos.ariane {
  aspect-ratio: auto;
  object-fit: fill;
  width: auto;
  height: auto;
  max-height: none;
  top: auto;
  overflow: visible;
}

.about-fotos.cosima {
  box-sizing: border-box;
  object-fit: cover;
  width: auto;
  max-height: none;
  top: 0;
  overflow: visible;
}

.about-fotos.milena {
  object-fit: cover;
  width: auto;
  max-width: 100%;
  max-height: none;
  top: auto;
  overflow: visible;
}

.image-24 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 60.9em;
  margin-left: 8em;
  padding-left: 0;
  display: inline-flex;
  position: absolute;
}

.image-25 {
  vertical-align: middle;
  height: 70.1%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 17% auto auto 0;
}

.about-foto_text {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: 30em;
  height: 9.1em;
  margin: auto;
  display: flex;
  position: absolute;
  inset: auto;
}

.link-block-2 {
  width: 75rem;
  height: 8.6rem;
  position: absolute;
}

.image-26 {
  height: 5em;
  display: block;
  position: absolute;
  inset: auto 47% 5% auto;
}

.container-11 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 24.8rem;
  display: block;
}

.link-block-3 {
  position: absolute;
}

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

.container-13 {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 936.1rem;
  display: flex;
}

.heading-6 {
  background-color: var(--blue);
  color: #fff;
  margin: -40px 4rem 0;
  padding-bottom: 0;
  font-family: Librefranklin Variablefont Wght;
}

.testimonial-column-light {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

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

.centered-heading-2 {
  text-align: center;
  margin-bottom: 16px;
}

.about_intro {
  box-sizing: border-box;
  grid-column-gap: 2em;
  grid-row-gap: 1.1em;
  aspect-ratio: auto;
  grid-template: "Area Area-2"
                 ". ."
                 "Area-3 Area-4"
                 ". ."
                 / auto auto;
  grid-auto-rows: 30%;
  grid-auto-columns: minmax(auto, auto);
  grid-auto-flow: row;
  place-content: center;
  place-items: start center;
  width: auto;
  height: 100svh;
  margin: auto 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.about_fenster {
  box-sizing: border-box;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  aspect-ratio: auto;
  object-fit: none;
  object-position: 50% 50%;
  border: 1px solid #e4ebf3;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
  position: relative;
  top: auto;
  overflow: hidden;
}

.about_fenster.ariane {
  border-radius: 0;
}

.about_fenster.milena {
  border-width: 0;
}

.testimonial-text-two {
  margin-bottom: 52px;
}

.testimonial-info-three {
  background-color: #f5f7fa;
  align-items: center;
  padding: 0;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-main-heading {
  margin-bottom: 2px;
  font-weight: 600;
}

.about {
  width: auto;
  height: 100svh;
  margin-left: auto;
  margin-right: auto;
}

.link-block-4 {
  width: 100%;
  height: 0%;
}

.div-block-10 {
  justify-content: flex-end;
  align-items: stretch;
  width: 50%;
  display: flex;
  position: absolute;
  inset: auto 0 auto auto;
}

.container-15 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.paragraph-5 {
  font-family: Nunito, sans-serif;
}

.heading-7 {
  font-family: libre-franklin, sans-serif;
}

.opener {
  background-image: url('../images/Steamgraph.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100svh;
  margin-top: 0;
  display: flex;
  position: static;
}

.container-16 {
  max-width: 100%;
  padding-left: 40px;
  padding-right: 41px;
}

.section-start_intro {
  height: 100svh;
}

.section-start_slide2 {
  background-color: var(--rot);
  width: 100svw;
  height: 100svh;
  margin-top: 0;
  position: sticky;
}

.footer {
  height: 4.3rem;
  position: fixed;
  inset: auto 0%;
}

.footer_container {
  z-index: auto;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: none;
  height: 43svh;
  margin: auto 0 0;
  line-height: 9px;
  display: block;
  position: relative;
}

.section-5 {
  margin-left: auto;
  margin-right: auto;
}

.social_link {
  position: relative;
  left: 0;
}

.social_link.w--current {
  margin: 0% 0 auto auto;
  display: flex;
  position: relative;
  left: 0;
}

.section-footer {
  z-index: 60;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 30rem;
  margin-top: 2.8rem;
  margin-bottom: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: block;
  position: relative;
  inset: auto 0%;
}

.bold-text {
  font-family: var(--vizavi);
}

.start_intro-bilder {
  width: 77%;
  max-width: none;
  margin-left: auto;
}

.start_intro_paragraph {
  color: var(--blue);
  justify-content: center;
  align-items: center;
  width: 18.3em;
  margin: -3.7em -6.8em 0 auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 2.1em;
  font-weight: 500;
  line-height: 1.4em;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
}

.heading-8 {
  color: var(--blue);
  text-align: left;
  text-indent: 0;
  width: 16em;
  margin: 0 0 auto;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 4em;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: block;
  position: relative;
  left: 0%;
}

.image-27 {
  width: 28.4rem;
  margin-top: auto;
  padding-top: 0;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}

.section-start_kompetenzen {
  width: 100svw;
  height: 100svh;
  position: relative;
}

.section-start_kompetenzen_inhalt {
  position: sticky;
  inset: 0%;
}

.divbox_hintergrund {
  background-color: var(--blue);
  width: 100svw;
  height: 100svh;
}

.divbox_hintergrund.start_scrollbox2, .divbox_hintergrund.start_scrollbox4 {
  background-color: var(--rot);
}

.divbox-start_kompetenzen_-berschriften {
  width: 100svw;
  height: 100svh;
  position: relative;
}

.divbox-start_k_ {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.divbox-start_k_-_text {
  width: 60em;
  height: 10em;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.container-17 {
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.text_gr-e_l {
  margin-top: 0;
  margin-bottom: 0;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 8em;
  line-height: 1.1px;
  position: relative;
}

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

.divbox_start_slide {
  width: 100svw;
  height: 100svh;
  position: static;
}

.section-6 {
  width: 100svw;
  height: 100svh;
}

.section-start_slide1 {
  background-color: var(--blue);
  color: var(--a-grau);
  width: 100svw;
  height: 100svh;
  font-size: 14em;
  position: sticky;
}

.link_start_slide {
  z-index: 100;
  aspect-ratio: auto;
  color: var(--rot);
  text-align: center;
  text-transform: none;
  word-break: normal;
  overflow-wrap: normal;
  cursor: auto;
  object-fit: fill;
  flex-flow: row;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 8.5em;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 10rem;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: visible;
}

.heading-9 {
  color: var(--blue);
  text-align: center;
  -webkit-text-stroke-color: var(--schwarz);
  text-transform: none;
  width: auto;
  height: 8rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  text-decoration-thickness: 0;
  position: relative;
  overflow: visible;
}

.section-start_2 {
  width: 100svw;
  height: 100svh;
}

.slide {
  z-index: 1;
  font-size: 1rem;
  line-height: 1.5;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.fullpage-wrapper {
  z-index: 0;
  width: 100svw;
  height: 100svh;
  display: block;
  position: relative;
}

.wasmachen_section {
  z-index: 0;
  width: 100svw;
  height: 100svh;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 1svw;
  line-height: 1.5;
  position: relative;
}

.divbox_wasmachen_slide {
  font-family: franklin-gothic-urw, sans-serif;
}

.wasmachen_slide_-berschriften {
  z-index: 1;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  position: relative;
}

.wasmachen_slide_komponenten {
  width: 100%;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.wasmachen_slide_-berschriftenbox {
  z-index: auto;
  font-family: var(--vizavi);
  mix-blend-mode: exclusion;
  width: 90svw;
  height: 24svh;
  margin: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.wasmachen_slide_-berschriftenbox_next {
  z-index: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 10em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.seperator {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.wasmachen_slide_hintergrund {
  z-index: 0;
  background-color: var(--a-grau);
  opacity: .5;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: soft-light;
  background-clip: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.wasmachen_slide_hintergrund.nr_2 {
  background-color: var(--a-blau);
}

.wasmachen_slide_hintergrund.nr_3 {
  background-color: var(--a-hellbau);
}

.wasmachen_slide_hintergrund.nr_4 {
  background-color: var(--a-türkis);
}

.ignor {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.heading-10 {
  color: var(--blue);
  text-align: center;
  -webkit-text-stroke-color: var(--schwarz);
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 4rem;
  font-weight: 500;
  line-height: .7;
  position: relative;
  top: auto;
}

.container-18 {
  box-sizing: border-box;
  aspect-ratio: auto;
  text-align: right;
  mix-blend-mode: normal;
  object-fit: fill;
  justify-content: flex-end;
  align-items: center;
  width: 100svw;
  max-width: none;
  height: auto;
  margin: auto auto 1em;
  line-height: 4.1rem;
  display: block;
  position: relative;
  inset: auto auto 0 -4%;
}

.bold-text-2 {
  width: 3.7rem;
}

.div-block-11 {
  z-index: auto;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-left: 2em;
  margin-right: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: absolute;
}

.text-span, .text-span-2, .text-span-3, .text-span-4 {
  color: var(--a-blau);
}

.intro_text_part1 {
  font-family: var(--vizavi);
  margin-left: 0;
  padding-left: 0;
  text-decoration: none;
}

.intro_text_part1._1 {
  text-decoration: underline;
}

.intro_text_part2 {
  font-family: var(--vizavi);
  position: relative;
}

.intro_text_part2._1 {
  text-decoration: underline;
}

.intro_text_part3, .intro_text_part4, .intro_text_part5 {
  font-family: var(--vizavi);
}

.text-span-5 {
  color: var(--blue);
  font-size: 1.1em;
}

.text-span-6 {
  text-decoration: underline;
}

.image-28 {
  width: 30em;
  margin-right: 2rem;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section-7 {
  justify-content: center;
  align-items: flex-end;
  width: 100svw;
  height: auto;
  margin: auto auto 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

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

.div-block-12 {
  width: 45.5em;
  height: 45.5em;
  display: block;
  position: absolute;
}

.link-3 {
  color: var(--blue);
  align-items: flex-end;
  width: 7.5em;
  height: 7.4em;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 6.1em;
  line-height: 2em;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.link_name_popup {
  z-index: 2;
  font-family: var(--vizavi);
  color: var(--blue);
  text-align: right;
  object-fit: cover;
  justify-content: flex-end;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: 0;
  font-size: 4em;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.link_name_popup.rechtsb-ndig {
  z-index: 7;
  text-shadow: 0 1px 1px #0003;
  word-break: normal;
  align-items: flex-start;
  width: 12.6em;
  height: 7.1em;
  margin: 0 0 auto;
  padding-top: 1em;
  padding-right: 1em;
  font-size: 4em;
  line-height: 1em;
  display: block;
  position: absolute;
  inset: 0 0% auto;
}

.link_name_popup.linksb-ndig {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: 0;
  padding-left: 1em;
  padding-right: 0;
  display: block;
  inset: 0%;
}

.link_name_popup.milena {
  text-align: left;
  border-radius: 1em;
  padding-top: .3em;
  padding-left: 1em;
  font-size: 4rem;
  font-weight: 500;
  line-height: 4.5rem;
  left: 0;
}

.link_name_popup.ariane {
  padding-top: 1em;
  padding-right: 1em;
  font-size: 4rem;
  font-weight: 500;
  line-height: 4.5rem;
}

.link_name_popup.cosima {
  border-radius: 1em;
  padding-top: 0;
  padding-right: 1em;
  font-size: 4rem;
  font-weight: 500;
  line-height: 4.5rem;
}

.link_name_popup.paulina {
  text-align: left;
  border-radius: 1em;
  padding-top: 1em;
  padding-left: 1em;
  font-size: 4rem;
  font-weight: 500;
  line-height: 4.5rem;
}

.popup_group {
  display: block;
  overflow: visible;
}

.popup_link {
  z-index: 2;
  justify-content: center;
  display: block;
  position: relative;
}

.popup_link.ariane {
  border-radius: 0;
  display: block;
  position: static;
}

.popup_link.milena {
  border-radius: 1em;
}

.popup_wrapper {
  z-index: 6;
  pointer-events: auto;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.popup_wrapper.pauls, .popup_wrapper.cosima, .popup_wrapper.milena, .popup_wrapper.ariane {
  display: none;
}

.popup_inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.popup_background {
  z-index: 0;
  -webkit-text-fill-color: inherit;
  background-color: #0009;
  background-clip: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.popup_close {
  z-index: 3;
  background-color: var(--a-grau);
  cursor: pointer;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: flex;
  position: absolute;
  top: 5em;
  right: 1em;
}

.popup_close_icon {
  font-family: var(--vizavi);
  width: 1em;
  height: 1em;
  position: static;
}

.popup_content-wrapper {
  z-index: 5;
  background-color: var(--a-grau);
  opacity: 1;
  font-family: var(--vizavi);
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: content-box;
  border-radius: 1.2em;
  width: 90vw;
  max-width: 85em;
  height: 67%;
  max-height: 90vh;
  display: block;
  position: relative;
  overflow: auto;
}

.popup_content-wrapper.ariane {
  max-width: 75vw;
  height: 85vh;
  margin-top: 0;
}

.popup_content-wrapper.milena, .popup_content-wrapper.cosima {
  max-width: 75vw;
  height: 85vh;
  display: block;
}

.popup_content-wrapper.pauls {
  width: 90vw;
  max-width: 75vw;
  height: 85vh;
  max-height: 90vh;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.popup_contentrechts {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  max-width: 55%;
  height: 100%;
  margin: auto;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.image-29 {
  vertical-align: baseline;
  width: auto;
  max-width: 100%;
  margin-top: 2em;
  margin-left: 2em;
  padding-right: 2em;
  display: block;
  position: sticky;
}

.text-block-5 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.popup_inhalt-text {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 2em 6em auto;
  display: block;
  position: relative;
  inset: 0% 0% auto 0;
}

.popup_inhalt-text.cosima {
  margin: 2em 6em auto;
}

.heading-11 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.text-block-6 {
  align-items: center;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0% 10% 0% 50%;
}

.popup_inhalt--berschrift {
  margin-right: auto;
}

.popup_text_ariane {
  color: var(--blue);
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
}

.steamgraph {
  width: 100%;
  max-width: none;
  margin: 0 0 auto;
  display: block;
  position: relative;
  inset: 0 auto auto 0;
  overflow: hidden;
}

.steamgraph.ariane {
  width: 95%;
}

.steamgraph.pauls {
  width: 93%;
  max-width: 100%;
  margin: 1em auto auto;
}

.steamgraph.pauls.gro {
  width: 88%;
}

.steamgraph.cosima {
  margin-top: 2em;
  margin-bottom: 2em;
  position: relative;
  bottom: 0;
}

.steamgraph.milena {
  width: 95%;
  max-width: 100%;
}

.popup_inhalt_diagram {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area"
                 "Area-2"
                 / minmax(min-content, max-content);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  height: auto;
  margin: 0 2em 0 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  inset: auto auto 0;
}

.popup_content_links {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  align-items: center;
  width: auto;
  max-width: 50%;
  height: 100%;
  max-height: none;
  margin-bottom: 0;
  display: block;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0;
}

.popup_content_links.milena {
  width: 40%;
  max-width: 100%;
}

.popup_-berschrift_ariane {
  position: relative;
}

.button {
  width: 79.5469em;
}

.content_bild_pauls {
  object-fit: fill;
  width: auto;
  max-width: 40%;
  height: auto;
  position: fixed;
  overflow: visible;
}

.section-8 {
  width: 100svw;
  height: 100svh;
  position: static;
}

.div-block-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--blue);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.projekt_filter_-berschrift {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: center;
  align-items: center;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.1em;
  display: flex;
}

.projekte_filter_nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 2px solid var(--blue);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.projekte_into_pics {
  display: block;
}

.div-block-14 {
  grid-column-gap: 2em;
  grid-row-gap: 4.6em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: center;
  margin-bottom: auto;
  padding-bottom: 0;
  display: grid;
  position: relative;
  bottom: 0;
}

.projektgrid_transformation {
  max-width: none;
  height: 224.828px;
  margin: 0;
  display: block;
  overflow: clip;
}

.projektgrid_schwimmhalle {
  padding: 0;
}

.projektgrid_carla {
  object-fit: fill;
  width: auto;
  height: 402.656px;
  margin: 0;
  padding: 0;
  display: block;
  overflow: clip;
}

.text-block-8 {
  font-family: var(--vizavi);
  position: absolute;
  inset: 67% auto auto 0%;
}

.projektgrid {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  margin-top: 4em;
  margin-left: 2em;
  display: grid;
}

.projekt_intro_titel {
  z-index: 0;
  font-family: var(--vizavi);
  color: var(--blue);
  text-align: left;
  overflow-wrap: normal;
  -webkit-text-fill-color: inherit;
  background-color: #ffffff5e;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  width: 30rem;
  height: 24.2rem;
  margin: auto;
  font-size: 2rem;
  font-weight: 500;
  line-height: 3rem;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto;
}

.linkblock_projektgrid {
  text-decoration: none;
}

.linkblock_projektgrid._3 {
  box-sizing: content-box;
  object-fit: cover;
}

.opener-schwimmhalle {
  background-image: url('../images/Image4-psd-HELLER.jpg');
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 94svh;
  margin-top: -82px;
  display: flex;
  position: static;
}

.section-9 {
  width: 100svw;
  height: 100svh;
}

.section-nav-background {
  z-index: 1;
  aspect-ratio: auto;
  background-color: var(--transparent);
  mix-blend-mode: soft-light;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0% 0 0;
  font-size: 1em;
  line-height: 1.5;
  display: block;
  position: relative;
}

.div-block-15 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2"
  / auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 90svw;
  height: 32svh;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.heading-13 {
  font-family: var(--vizavi);
  color: var(--blue);
  order: 0;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 6em;
  font-weight: 400;
  line-height: .9em;
  display: flex;
  position: relative;
  top: auto;
}

.container-19, .navbackground_scrollin {
  z-index: -1;
  background-color: var(--weiß);
  width: 100%;
  max-width: none;
  height: 4.75rem;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.section-10 {
  width: 100svw;
  height: auto;
  margin-top: 2em;
  margin-left: 2em;
  margin-right: 2em;
}

.projjekt_info_eckdaten {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: flex-start;
  align-self: flex-start;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.3em;
  display: flex;
  position: relative;
  right: 0;
}

.div-block-16 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  border-bottom: 0px solid var(--blue);
  font-family: var(--vizavi);
  grid-template: "Area Area-02"
                 "Area-03 Area-04"
                 "Area-05 Area-06"
                 "Area-07 Area-8"
                 / auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 68%;
  height: auto;
  margin-top: 8em;
  margin-left: auto;
  margin-right: 2em;
  display: grid;
  position: relative;
}

.text-block-10 {
  font-family: var(--vizavi);
  width: auto;
  max-width: 50%;
  margin-left: 0;
  margin-right: 2em;
  font-size: 2em;
  line-height: 1.2em;
  display: flex;
}

.projekt_info_fachbereich {
  box-sizing: border-box;
  aspect-ratio: auto;
  font-family: var(--vizavi);
  color: var(--blue);
  object-fit: fill;
  width: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 2em;
  line-height: 1.4em;
  position: relative;
  top: 0;
}

.projekt_info_introtext {
  font-family: var(--vizavi);
  color: var(--blue);
  object-fit: scale-down;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: 0;
  font-size: 2em;
  line-height: 1.2em;
  display: flex;
  position: relative;
  right: 0;
}

.projekt_grid_2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0px solid var(--blue);
  border-radius: 0;
  grid-template: ". Area-2"
                 ". Area"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column dense;
  place-items: stretch start;
  height: 40.1em;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.section-11 {
  justify-content: center;
  align-items: center;
  width: 90svw;
  height: 161svh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-35 {
  max-width: 47%;
}

.image-36 {
  margin-top: 0;
  padding-top: 0;
}

.image-37 {
  box-sizing: border-box;
  aspect-ratio: auto;
  border: 0px solid var(--blue);
  object-fit: contain;
  margin-top: 0;
  margin-left: 0;
}

.image-38 {
  box-sizing: border-box;
  aspect-ratio: auto;
  border: 1px solid var(--blue);
  vertical-align: middle;
  object-fit: contain;
  margin-top: 0;
  overflow: visible;
}

.projekt_grid_1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em;
  margin-left: 2em;
  margin-right: 2em;
  display: flex;
}

.div-block-17 {
  box-sizing: content-box;
  grid-column-gap: 2em;
  grid-row-gap: 3.8em;
  object-fit: contain;
  grid-template-rows: auto auto auto;
  grid-template-columns: 12% 12% 12% repeat(auto-fit, 12%) 12% 12% 12% 12% 200px;
  grid-template-areas: "Area Area Area Area Area Area-3 Area-3 Area-3 Area-3"
                       "Area-15 Area-15 Area-15 Area-15 Area-15 Area-7 Area-7 Area-7 Area-7"
                       "Area-10 Area-10 Area-10 Area-10 . Area-6 Area-6 Area-6 Area-6";
  grid-auto-columns: auto;
  margin-left: 2em;
  margin-right: 2em;
  display: grid;
}

.image-39 {
  box-sizing: content-box;
  object-fit: contain;
  align-items: center;
  display: block;
}

.image-40 {
  box-sizing: content-box;
  vertical-align: top;
  object-fit: scale-down;
  width: auto;
  display: block;
  position: relative;
  overflow: clip;
}

.image-41 {
  object-fit: cover;
  display: block;
}

.image-42 {
  display: block;
}

.image-43 {
  box-sizing: border-box;
  object-fit: cover;
  display: block;
}

.image-44, .image-45 {
  object-fit: cover;
  display: block;
}

.image-46 {
  object-fit: contain;
  display: block;
}

.image-47 {
  object-fit: contain;
}

.image-48 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: scale-down;
  object-position: 50% 50%;
}

.image-49 {
  box-sizing: content-box;
  aspect-ratio: auto;
  object-fit: scale-down;
}

.image-50 {
  box-sizing: content-box;
  object-fit: scale-down;
}

.image-51 {
  object-fit: contain;
}

.image-52, .image-53, .image-54 {
  object-fit: cover;
}

.div-block-18 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: static;
}

.image-55 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 70.3svw;
  height: 90svh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
}

.slide-container {
  background-color: var(--transparent);
  width: 100%;
  height: 100%;
}

.slide-content-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.slide-content-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 90svh;
  display: flex;
}

.slider {
  background-color: var(--transparent);
  width: 24%;
  height: 52svh;
  display: flex;
}

.icon, .icon-2 {
  color: var(--rot);
}

.section-12 {
  height: 100svh;
  margin-top: 4em;
}

.section_slider {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 30rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.opener_section {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/multi-demographic-icons-colour_UD-scaled.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80svw;
  background-clip: border-box;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100svh;
  margin-top: auto;
  display: block;
  position: relative;
  top: -76px;
}

.opener_section.wir-sind-vizavi {
  background-image: url('../images/IMG_9793raw-bearbeitet-Fenster-2.jpg');
  background-position: 50%;
  background-size: cover;
  top: auto;
}

.opener_section.carla {
  background-image: url('../images/20230929-c-carolina_frank-1.1200x0.1697723448.jpg');
  background-size: 100svw;
  top: 0;
}

.opener_section.universal-design {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  display: block;
}

.opener_section.vizavi-im-gespr-ch {
  background-image: url('../images/IMG_9900-raw-bearbeitet-cut-2.jpg');
  background-position: 50%;
  background-size: cover;
  top: auto;
}

.opener_section.vizavi-im-gespr-ch.awg {
  background-image: url('../images/Astronaut-2.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.opener_section.interview_awg {
  background-image: url('../images/1905_gruppenbild2_alleswirdgut_tschinkersten_web.jpg');
  background-size: 100svw 100svh;
}

.opener_section.kontakt {
  background-image: none;
  top: auto;
}

.opener_section.projekte {
  background-image: none;
}

.opener_section.im-gespr-ch-mit-dm {
  background-image: url('../images/DSC08819-1024x661.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: auto;
  margin-bottom: 0;
  top: 0;
}

.opener_section.projekte {
  background-image: url('../images/Axonometrie-Gesamt.jpg');
  background-position: 50%;
  background-size: auto;
  top: auto;
}

.opener_section.carla {
  background-image: url('../images/20230929-c-carolina_frank-1.1200x0.1697723448.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  top: auto;
}

.opener_section.vizabi-im-gspr-ch {
  background-image: url('../images/IMG_9900-raw-bearbeitet-cut-2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  top: auto;
}

.opener_section.was-macht-vizavi {
  background-image: none;
  top: auto;
}

.section-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  font-family: var(--vizavi);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90svw;
  height: 180rem;
  margin-top: 20.9rem;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-19 {
  grid-column-gap: 2rem;
  grid-row-gap: 2.9rem;
  grid-template: "Area-13 Area-13 Area Area"
                 "Area-2 Area-7 Area-7 Area-7" 30rem
                 "Area-3 Area-3 Area-3 ."
                 "Area-9 Area-8 . ."
                 "Area-10 Area-14 . ."
                 / auto auto auto;
  grid-auto-columns: auto;
  place-items: center;
  max-width: 90svw;
  margin: auto 4rem 0 0;
  display: grid;
  position: relative;
  top: 8rem;
  bottom: 0;
  overflow: hidden;
}

.body-2 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-14 {
  justify-content: center;
  align-items: center;
  margin-left: 4em;
  margin-right: 4em;
  display: block;
  position: static;
}

.mask {
  width: 90%;
  height: 100%;
  margin: auto;
}

.image-56 {
  width: auto;
  max-width: none;
  height: 35rem;
}

.slide-2 {
  margin-left: auto;
  margin-right: auto;
}

.image-57 {
  width: auto;
  max-width: none;
  height: 40rem;
  margin-top: 24.8rem;
  margin-right: 0;
  display: block;
  position: relative;
  right: auto;
}

.image-58 {
  object-fit: cover;
  width: 50rem;
  max-width: none;
  height: auto;
}

.image-59 {
  object-fit: cover;
  justify-content: space-between;
  width: 39.5rem;
  max-width: none;
  height: 33.3rem;
  margin-left: -39.6rem;
  margin-right: 5.2rem;
  display: inline-flex;
  position: relative;
  right: 2rem;
}

.div-block-20 {
  max-height: 668.656px;
}

.div-block-21 {
  aspect-ratio: auto;
  object-fit: fill;
  max-height: 668.6px;
  overflow: visible;
}

.body-3 {
  padding-left: 0;
}

.radarchart {
  vertical-align: baseline;
  max-width: 100%;
  height: auto;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
}

.radarchart.pauls {
  vertical-align: baseline;
  width: 100%;
  max-width: 100%;
  margin-top: 4em;
  margin-bottom: auto;
  display: block;
  position: relative;
  top: auto;
  bottom: auto;
}

.radarchart.cosima {
  width: 90%;
  max-width: none;
  margin-top: 2em;
  margin-bottom: auto;
  margin-left: 4em;
}

.radarchart.milena {
  max-width: 100%;
}

.content_bild_ariane {
  object-fit: fill;
  width: auto;
  max-width: none;
  height: 100%;
  display: block;
  position: fixed;
  overflow: visible;
}

.popup_-berschrift {
  position: relative;
}

.popup_-berschrift.milena {
  color: var(--blue);
  margin-top: auto;
  margin-bottom: auto;
  padding-top: .5em;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.popup_-berschrift.pauls {
  color: var(--blue);
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
  position: relative;
  inset: 5% auto auto;
}

.popup_-berschrift.cosima {
  color: var(--blue);
  margin-top: auto;
  margin-bottom: auto;
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.popup_text {
  margin-top: 4.5em;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0;
}

.popup_text.milena, .popup_text.cosima {
  color: var(--blue);
  margin-top: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
}

.popup_-berschrift_ariane-copy {
  position: relative;
}

.conten_bild.pauls {
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.conten_bild.cosima {
  position: fixed;
}

.slide-3 {
  vertical-align: baseline;
  width: 100%;
  height: 100%;
}

.filter {
  z-index: 1;
  border-bottom: 0px solid var(--blue);
  position: relative;
}

.collection-list-wrapper {
  width: 98%;
  display: none;
}

.projekt_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
                 "."
                 / auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-items: stretch;
  display: grid;
}

.projektbilder_galerie_div {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 22em;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  left: 0;
}

.div-block-22 {
  z-index: 3;
  background-color: var(--schwarz);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-block-11 {
  display: block;
  position: relative;
}

.projektgalerie_bild {
  width: 10.5em;
  display: block;
  position: absolute;
  inset: 0%;
}

.projektgrid_-projektname {
  z-index: 3;
  font-family: var(--vizavi);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section_projektgalerie {
  display: none;
}

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

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

.text-block-12 {
  font-family: var(--vizavi);
  color: var(--a-dunkelblau);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 2.4em;
  line-height: 20;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.projektgrid_projekname {
  font-family: var(--vizavi);
  color: var(--blue);
  -webkit-text-fill-color: inherit;
  background-color: #ffffff80;
  background-clip: border-box;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 21.2em;
  height: 14.1em;
  padding-left: 9px;
  font-size: 2em;
  line-height: 1.8em;
  text-decoration: none;
  display: block;
  position: absolute;
}

.collection-item {
  font-family: var(--vizavi);
  color: var(--blue);
  width: 14.6rem;
  font-size: 1.8em;
  line-height: 1.6em;
  display: block;
}

.link-4 {
  color: var(--blue);
  text-decoration: none;
}

.link-block-6 {
  width: 100%;
  height: 100px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
}

.link-block-7, .image_projektgrid {
  width: 100%;
}

.text-block-13 {
  position: absolute;
}

.projektgrid_projektname {
  color: var(--a-dunkelblau);
  text-align: left;
  background-color: #fafafa85;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 50%;
  margin-top: -2em;
  margin-bottom: 0;
  font-size: 1.4em;
  line-height: 2em;
  display: flex;
  position: absolute;
}

.projektbutton.alle-projekte {
  background-color: var(--transparent);
  font-family: var(--vizavi);
  color: var(--blue);
  margin-left: 4em;
  margin-right: 4em;
  font-size: 1.5rem;
  line-height: 2.2rem;
  text-decoration: none;
}

.projektbutton.bauen-im-bestand, .projektbutton.universal-design, .projektbutton.wohnbau {
  background-color: var(--transparent);
  font-family: var(--vizavi);
  color: var(--blue);
  margin-left: 2em;
  margin-right: 2em;
  font-size: 1.5rem;
  line-height: 2.2rem;
  text-decoration: none;
}

.projektbutton.transformation {
  background-color: var(--transparent);
  color: var(--blue);
  margin-left: 2em;
  margin-right: 2em;
  font-size: 1.5rem;
  line-height: 2.2rem;
  text-decoration: none;
}

.mask-2 {
  height: 100%;
}

.div-block-23 {
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100rem;
  margin: auto auto 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
}

.heading-14 {
  vertical-align: bottom;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0% 0% 0;
}

.berschrift_wir-sind-viza-vi {
  font-family: var(--vizavi);
  color: var(--rot);
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  max-width: 90svw;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 2em;
  font-size: 8rem;
  line-height: 1.4em;
  display: flex;
  position: absolute;
  bottom: 45.8rem;
}

.berschrift_wir-sind-viza-vi.carla {
  margin-left: 1em;
}

.berschrift_wir-sind-viza-vi.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_wir-sind-viza-vi.wohnbau {
  margin-right: 0;
}

.slide-4 {
  margin-top: 0;
}

.mask-3 {
  width: 90%;
  margin-top: auto;
  position: relative;
}

.slider-2 {
  box-sizing: border-box;
  background-color: var(--transparent);
  object-fit: none;
  width: auto;
  height: auto;
  margin-top: auto;
  margin-left: 1rem;
  padding-right: 0;
  top: auto;
  bottom: 0;
  overflow: visible;
}

.slide-5 {
  object-fit: contain;
  width: 90%;
  margin-left: 2.4em;
  padding-left: 1em;
  padding-right: 1em;
  bottom: 0%;
}

.right-arrow {
  inset: 0% 0% 0% auto;
}

.left-arrow {
  left: 0%;
}

.content_bild-copy.pauls {
  width: auto;
  height: 100%;
  display: block;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.content_bild-copy.cosima {
  width: auto;
  height: 100%;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
}

.content_bild-copy.milena {
  width: auto;
  height: 100%;
  display: block;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
}

.berschrift_kontakt {
  width: 100svw;
  height: 75svh;
}

.vis-a-vie-mit-vizavi {
  font-family: var(--vizavi);
  color: var(--rot);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 1.2em;
  display: flex;
  position: relative;
  top: auto;
  right: 0%;
}

.div-block-24 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 20% auto auto 10%;
}

.text-span-7 {
  font-weight: 700;
}

.kontakt_container {
  font-family: var(--vizavi);
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-top: 7.6em;
  margin-bottom: auto;
  display: block;
  position: relative;
  bottom: 0;
}

.berschrift_kontaktformular {
  font-family: var(--vizavi);
  color: var(--rot);
  font-size: 16em;
  font-weight: 500;
  line-height: .8em;
}

.kontaktformular {
  border-style: none none solid;
  border-width: 0 2px 2px;
  border-color: black var(--blue) var(--blue);
  background-color: var(--transparent);
  color: var(--rot);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 1px;
  padding-bottom: 0;
  padding-left: 12px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-decoration: none;
}

.form {
  border: 2px none var(--blue);
  background-color: var(--transparent);
  color: var(--blue);
  width: 80%;
  height: 94%;
  margin: 0 auto 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  inset: auto 0 0 auto;
}

.form-block {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 52%;
  max-width: 80%;
  height: 18.1em;
  margin: 6.5rem 0 auto auto;
  font-size: 1rem;
  display: flex;
  position: absolute;
  bottom: auto;
  right: 0;
}

.text-field {
  border-style: none none solid;
  border-width: 0 0 2px;
  border-color: black black var(--blue);
  background-color: var(--transparent);
  padding-top: 9px;
  padding-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.text-field-2 {
  float: none;
  clear: none;
  border-style: solid;
  border-width: 0 0 2px;
  border-color: black black var(--blue);
  background-color: var(--transparent);
  color: var(--blue);
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  column-count: 0;
  column-rule: 0px none var(--transparent);
  word-break: normal;
  object-fit: fill;
  height: 5em;
  margin-bottom: 12px;
  padding-top: 3.6em;
  padding-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-decoration: none;
  display: block;
  position: relative;
  bottom: 0;
  right: 0;
}

.submit-button {
  background-color: var(--blue);
  -webkit-text-stroke-color: var(--blue);
  position: absolute;
  right: 0;
}

.paragraph-6 {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  max-width: 90%;
  margin: 4rem auto 9px 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.2rem;
  display: flex;
  position: relative;
  left: 0;
  right: auto;
}

.image-60 {
  vertical-align: baseline;
  height: 34.3em;
  margin-top: 0;
  margin-bottom: auto;
  display: inline-block;
  position: absolute;
  inset: auto 0% auto auto;
}

.section_randabstand {
  width: 100svw;
  height: auto;
  margin-top: 0;
  padding-left: 8rem;
  padding-right: 8rem;
  position: relative;
}

.section_randabstand.newsfeed {
  margin-top: -24.9rem;
  top: 0;
}

.section_randabstand.im-gespr-ch {
  margin-top: 8rem;
}

.link-5 {
  font-family: var(--vizavi);
  color: var(--blue);
  text-decoration: none;
}

.heading-15 {
  box-sizing: border-box;
  font-family: var(--vizavi);
  text-align: left;
  object-fit: contain;
  justify-content: center;
  align-items: flex-start;
  width: 100svw;
  margin: 0 0 auto;
  font-size: 32rem;
  line-height: 33rem;
  display: flex;
  position: relative;
  inset: 0 auto auto -34px;
  overflow: hidden;
}

.absatz-ber-footer {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  max-width: none;
  height: 7.1em;
  min-height: 5em;
  margin: 0 auto;
  display: block;
  position: relative;
  inset: auto;
}

.absatz-ber-footer_extra-breit {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  max-width: none;
  height: 9em;
  min-height: 5em;
  margin: auto auto 0;
  padding-top: 0;
  display: block;
  position: relative;
  inset: auto;
}

.section-15 {
  width: 100svw;
  height: auto;
}

.section-16 {
  width: 100svw;
  height: 100svh;
}

.paragraph-7 {
  font-family: var(--vizavi);
  color: var(--a-dunkelblau);
  width: 60svw;
  margin-top: 15%;
  margin-left: 217px;
  font-size: 2.5em;
  line-height: 3.6rem;
  position: absolute;
}

.paragraph-7.wohnabu, .paragraph-7.transformation {
  margin-top: 10%;
}

.schwerpunkte_div_paragraphen {
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-61 {
  box-sizing: content-box;
  object-fit: fill;
  width: 16.4em;
}

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

.schwerpunk_bildergrid {
  grid-column-gap: .125em;
  grid-row-gap: .125em;
  grid-template: "."
                 "."
                 "."
                 "."
                 / auto auto;
  grid-auto-columns: auto;
  place-items: center;
  width: 40%;
  display: grid;
}

.image-62, .image-63, .image-64 {
  object-fit: contain;
}

.image-65 {
  width: auto;
  padding-left: 2em;
  padding-right: 2em;
}

.image-66 {
  width: 20%;
  padding-left: 2em;
  padding-right: 2em;
}

.heading-16 {
  font-family: var(--vizavi);
  color: var(--blue);
  text-align: left;
  justify-content: center;
  align-items: center;
  width: 65%;
  margin: -83px auto 0;
  font-size: 1.2rem;
  font-weight: 400;
  display: block;
  position: absolute;
  inset: 249px auto auto;
}

.interview_intropic {
  width: 45%;
  margin-left: auto;
  display: block;
  position: relative;
  right: 0;
}

.interview_intropic.awg {
  border-radius: 0;
  width: 32%;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: auto;
  left: 0;
  right: auto;
}

.interview_intropic.awg.im-gespr-ch {
  width: 45%;
}

.interview_intropic.gg {
  border-radius: 0;
}

.interview_intropic.gg.newsfeed {
  width: 30%;
  margin-right: 0;
  right: 19.3rem;
  overflow: clip;
}

.interview_intro_text {
  font-family: var(--vizavi);
  color: var(--blue);
  border-bottom: 0 solid #000;
  width: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: 0;
  padding-top: 2.4em;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-decoration: none;
  position: relative;
  inset: auto auto auto 0%;
}

.interview_intro_-berschrift-1 {
  font-family: var(--vizavi);
  color: var(--blue);
  width: auto;
  margin-top: 0;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.2em;
  position: relative;
  right: 0;
}

.interview_introtext_divblock {
  width: 50%;
  height: auto;
  display: block;
  position: absolute;
  left: 0;
  right: auto;
}

.interview_introtext_divblock.awg {
  width: 40%;
  margin-left: auto;
  display: block;
  left: 0;
  right: auto;
}

.interview_introtext_divblock.gg {
  justify-content: center;
  width: 30%;
  display: block;
  left: auto;
}

.div-block-27 {
  cursor: pointer;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: 31rem;
  margin-bottom: 8em;
  display: flex;
  position: relative;
  right: auto;
}

.div-block_newsfeed_interview_intro {
  width: 100%;
  padding-top: 10em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.interview_intro_-berschrift-2 {
  outline-offset: 0px;
  font-family: var(--vizavi);
  color: var(--blue);
  outline: 3px #253b81;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-left: auto;
  font-size: 4rem;
  font-weight: 500;
  line-height: 4.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
  right: auto;
}

.interview_intro_-berschrift-2.newsfeed {
  margin-right: auto;
}

.interview_introtext_divblock-awg {
  width: 50%;
  height: auto;
  margin-top: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
}

.interview_introtext_divblock-awg.awg {
  width: 40%;
  margin-left: auto;
  display: block;
  left: 0;
  right: auto;
}

.interview_introtext_divblock-awg.gg {
  justify-content: center;
  width: 30%;
  display: block;
  left: auto;
}

.projekt_-berschrift_text {
  flex-flow: column;
  width: 95%;
  height: auto;
  margin-right: 0;
  display: flex;
  position: relative;
  bottom: auto;
  left: auto;
  right: 0;
}

.projekt_-berschrift_text.awg {
  width: 40%;
  margin-left: auto;
  display: block;
  left: 0;
  right: auto;
}

.projekt_-berschrift_text.gg {
  justify-content: center;
  width: 30%;
  display: block;
  left: auto;
}

.interview_awg_textblock_1 {
  font-family: var(--vizavi);
  color: var(--blue);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 4rem;
  margin-left: 10rem;
  margin-right: 10rem;
  font-size: 1.5rem;
  line-height: 2.3rem;
  display: flex;
  position: relative;
  left: auto;
  right: auto;
}

.div-block-29 {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: 8rem;
  margin-left: 8rem;
  margin-right: 8rem;
  display: block;
}

.paragraph-8 {
  font-family: var(--vizavi);
  color: var(--blue);
  margin-left: auto;
  margin-right: 0;
  position: relative;
  left: auto;
  right: 0;
}

.image-67 {
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
  left: 0;
  right: auto;
}

.interview_awg_textblock_2 {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: none;
  margin: 2rem 10rem 4rem auto;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: block;
  position: relative;
  left: auto;
  right: 0;
}

.interview_awg_textblock_2.mit-bild {
  width: 50%;
  max-width: none;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: 10rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: block;
  top: auto;
  bottom: auto;
}

.interview_awg_textblock_2.satz {
  width: 40%;
  margin-top: 1rem;
  margin-right: 21rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.3rem;
}

.interview_awg_textblock_2.satz-copy {
  width: 40%;
  margin-top: 1rem;
  margin-right: 19.9rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.3rem;
}

.div-block-30 {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-68 {
  object-fit: contain;
  width: 55%;
  margin: 0 2em auto;
  display: block;
  position: relative;
  left: 0;
}

.div-block-31 {
  margin-top: 2em;
  margin-bottom: 2em;
  display: flex;
}

.image-69 {
  width: 64%;
  max-width: none;
  margin-left: auto;
  margin-right: 2em;
  display: block;
  position: relative;
  left: auto;
  right: 0;
}

.div-block-32 {
  font-size: var(--fließtext-interview);
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  left: auto;
  right: auto;
}

.interview_awg_textblock_2-2 {
  color: #253b81;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 45%;
  margin: 5rem 2em 4rem auto;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5em;
  display: block;
  position: relative;
  left: auto;
  right: 0;
}

.interview_awg_textblock_2-2.mit-bild {
  margin-left: auto;
}

.div-block-33 {
  width: auto;
  height: auto;
  margin-top: 8rem;
  display: block;
}

.div-block-34 {
  font-size: 1.6rem;
}

.div-block-35 {
  margin-top: 4em;
  display: flex;
}

.image-70 {
  object-fit: contain;
  width: 55%;
  margin: auto 2em 4rem;
  display: block;
  position: relative;
  left: 0;
}

.div-block-36 {
  margin-top: 2em;
  margin-bottom: 2em;
  display: flex;
}

.interview_awg_textblock_1-2 {
  color: #253b81;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: 2em;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5em;
  display: flex;
  position: relative;
}

.container-20 {
  max-width: none;
}

.image-71 {
  z-index: 1;
  max-width: none;
  height: 100svh;
  margin-left: 4rem;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
}

.text-span-8 {
  font-weight: 700;
}

.link-block-8 {
  z-index: 5;
  width: 100svw;
  height: 100svh;
  position: relative;
}

.heading-17 {
  font-family: var(--vizavi);
  color: var(--rot);
  justify-content: center;
  align-items: center;
  margin-left: 8rem;
  margin-right: auto;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: underline;
  display: flex;
  position: absolute;
  bottom: 0;
  right: auto;
}

.text-span-9 {
  font-weight: 700;
}

.heading-18 {
  font-family: var(--vizavi);
  color: var(--a-grau);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: auto;
  font-size: 18rem;
  font-weight: 700;
  line-height: 22rem;
  position: absolute;
  top: 0;
  bottom: auto;
}

.text-block-14 {
  font-family: var(--vizavi);
  color: var(--blue);
  text-align: left;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  position: relative;
}

.div-block-37 {
  height: 15.7rem;
  position: relative;
}

.heading-19 {
  font-family: var(--vizavi);
  color: var(--blue);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.image-72 {
  width: 10%;
  position: relative;
}

.heading-20 {
  font-family: var(--vizavi);
  color: var(--blue);
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3.2rem;
}

.bold-text-3 {
  font-family: var(--vizavi);
  color: var(--blue);
  width: 55%;
  margin-top: 5rem;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
  display: flex;
}

.image-73 {
  width: auto;
  max-width: none;
  margin-left: auto;
  display: block;
}

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

.interview_divbox_frage-antwort {
  margin-top: 4rem;
  margin-left: auto;
}

.image-74 {
  vertical-align: middle;
  width: 27%;
  margin-top: 1rem;
  margin-left: 10rem;
  display: block;
  position: absolute;
  top: auto;
  bottom: auto;
}

.image-75-links {
  box-sizing: border-box;
  vertical-align: middle;
  object-fit: fill;
  width: auto;
  max-width: none;
  height: 22rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
  left: auto;
  right: auto;
}

._75 {
  width: 31%;
  max-width: none;
}

.div-block-39 {
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 8rem;
  padding-right: 8rem;
  display: block;
  position: static;
  left: auto;
  right: auto;
}

.image-76 {
  vertical-align: middle;
  width: auto;
  max-width: none;
  height: 22rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: static;
  left: auto;
  right: auto;
}

.image-75-rechts {
  box-sizing: border-box;
  vertical-align: middle;
  object-fit: fill;
  width: auto;
  max-width: none;
  height: 22rem;
  padding-left: 2rem;
  padding-right: 0;
  position: static;
  left: auto;
  right: auto;
}

.image-77 {
  height: 30rem;
}

.image-78 {
  height: 22rem;
  padding-right: 2rem;
}

.div-block-40 {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  object-fit: fill;
  grid-template: ". ."
                 ". ."
                 "Area Area"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 27%;
  margin-bottom: 0;
  margin-left: 10rem;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: absolute;
}

.quelle_interview_2 {
  font-family: var(--vizavi);
  color: #727272;
  text-align: left;
  margin: auto auto 0 10rem;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
  bottom: -3rem;
  left: -10rem;
}

.image-79 {
  width: 27%;
  max-width: none;
  margin-top: 1rem;
  margin-left: 10rem;
  position: absolute;
}

.tabellenbeschreibung_interview {
  font-family: var(--vizavi);
  color: #727272;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.quelle_interview_bild-awg {
  font-family: var(--vizavi);
  color: #727272;
  width: 27%;
  margin-top: 18.7rem;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.interview_-berschrift {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: flex-start;
  align-items: center;
  width: 68%;
  margin-left: 13rem;
  font-size: 4rem;
  font-weight: 500;
  line-height: 4.5rem;
  display: flex;
  position: absolute;
  bottom: 10.5rem;
  right: auto;
}

.interview_-berschrift.im-gespr-ch-mit-awg {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0;
  margin-left: 15.2rem;
  display: flex;
  position: relative;
  bottom: -37.5rem;
}

.interview_-berschrift.im-gespr-ch-mit-gg {
  margin-left: 15.2rem;
  position: relative;
  bottom: -42rem;
}

.slider-3 {
  width: 29%;
  height: auto;
  margin-top: 1rem;
  margin-left: 9rem;
  display: block;
  position: absolute;
}

.image-80 {
  vertical-align: middle;
  width: 27%;
  margin-top: 1rem;
  margin-left: 10rem;
  margin-right: auto;
  display: block;
  position: absolute;
}

.slide-6 {
  vertical-align: middle;
}

.image-81 {
  vertical-align: middle;
  width: 27%;
  margin-top: 24%;
  margin-left: 10rem;
  position: absolute;
}

.slide-nav {
  margin-top: auto;
  margin-bottom: -40px;
  display: none;
}

.italic-text {
  font-weight: 500;
}

.interview_awg_textblock_mit-extra-zitat {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: none;
  margin: 3rem 10rem 1rem auto;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: block;
  position: relative;
  left: auto;
  right: 0;
}

.interview_awg_textblock_mit-extra-zitat.mit-bild {
  width: 50%;
  max-width: none;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: 8rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: block;
  top: auto;
  bottom: auto;
}

.interview_awg_textblock_mit-extra-zitat.satz {
  width: 40%;
  margin-top: 1rem;
  margin-right: 19.9rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.3rem;
}

.interview_awg_textblock_linksb-ndig {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: none;
  margin: 2rem auto 2rem 8rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: block;
  position: relative;
  left: auto;
  right: 0;
}

.interview_awg_textblock_linksb-ndig.mit-bild {
  width: 50%;
  max-width: none;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: 8rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: block;
  top: auto;
  bottom: auto;
}

.interview_awg_textblock_linksb-ndig.satz {
  width: 40%;
  margin-top: 1rem;
  margin-right: 19.9rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.3rem;
}

.absatz-unter-interviewfrage {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  max-width: none;
  height: 4rem;
  min-height: auto;
  margin: 0 auto;
  display: block;
  position: relative;
  inset: auto;
}

.bold-text-3-rechtsb-ndig {
  font-family: var(--vizavi);
  color: var(--blue);
  width: 50%;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: 10rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
  display: flex;
}

.image-82 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.slider-4 {
  background-color: var(--transparent);
  height: 40rem;
  margin-left: 10rem;
  margin-right: 10rem;
}

.image-83 {
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  left: auto;
  right: auto;
}

.image-84 {
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  left: auto;
  right: auto;
}

.slide-7 {
  background-color: var(--transparent);
}

.icon-3, .icon-4 {
  background-color: var(--rot);
}

.left-arrow-2 {
  margin-left: 10rem;
}

.right-arrow-2 {
  margin-right: 10rem;
}

.interview_awg_textblock_2-copy {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: none;
  margin: 2rem 8rem 4rem auto;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: block;
  position: relative;
  left: auto;
  right: 0;
}

.interview_awg_textblock_2-copy.mit-bild {
  width: 50%;
  max-width: none;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: 8rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: block;
  top: auto;
  bottom: auto;
}

.interview_awg_textblock_2-copy.satz, .interview_awg_textblock_2-copy.satz-copy {
  width: 40%;
  margin-top: 1rem;
  margin-right: 19.9rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.3rem;
}

.image-85 {
  width: 27%;
  margin-top: 1rem;
  margin-left: 10rem;
  position: absolute;
}

.image-86 {
  width: 27%;
  margin-top: 1rem;
  margin-left: 10rem;
  display: block;
  position: absolute;
}

.slide-nav-2 {
  display: none;
}

.bold-text-4 {
  margin-top: -4.6rem;
  margin-bottom: -2.7rem;
  margin-left: 2rem;
  display: block;
}

.image-87 {
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  left: auto;
  right: auto;
}

.qulle_interview_1 {
  font-family: var(--vizavi);
  color: #727272;
  margin-top: -3%;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.qulle_interview_3 {
  font-family: var(--vizavi);
  color: #727272;
  margin-top: 22%;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.qulle_interview_4 {
  font-family: var(--vizavi);
  color: #727272;
  text-align: left;
  margin-top: 8%;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.qulle_interview_5 {
  font-family: var(--vizavi);
  color: #727272;
  margin-top: 24%;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.qulle_interview_6 {
  font-family: var(--vizavi);
  color: #727272;
  text-align: left;
  margin-top: 0%;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.qulle_interview_7 {
  font-family: var(--vizavi);
  color: #727272;
  text-align: left;
  margin-top: 24%;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.qulle_interview_01 {
  font-family: var(--vizavi);
  color: #727272;
  text-align: left;
  margin-top: -16%;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.quelle_interview_bild-awg-1 {
  font-family: var(--vizavi);
  color: #727272;
  margin-top: 30.9rem;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.section_newsfeed {
  width: 100svw;
  height: auto;
  margin-top: 32.3rem;
  padding-left: 0;
  padding-right: 0;
}

.div-block-41 {
  width: auto;
  height: 6rem;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.berschrift_newsfeed {
  font-family: var(--vizavi);
  color: var(--rot);
  margin-top: 0;
  margin-bottom: 6rem;
  margin-left: 1em;
  font-size: 8rem;
  line-height: 1.4em;
  position: relative;
  bottom: 0;
}

.berschrift_newsfeed.carla {
  margin-left: 1em;
}

.berschrift_newsfeed.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_newsfeed.wohnbau {
  margin-right: 0;
}

.berschrift_vizavi-im-gespr-ch {
  font-family: var(--vizavi);
  color: var(--rot);
  margin-top: 20rem;
  margin-left: 1.5em;
  font-size: 8rem;
  line-height: 1.4em;
  position: absolute;
  bottom: 8.4rem;
}

.berschrift_vizavi-im-gespr-ch.carla {
  margin-left: 1em;
}

.berschrift_vizavi-im-gespr-ch.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_vizavi-im-gespr-ch.wohnbau {
  margin-right: 0;
}

.berschrift_vis-a-vis-mit-vizavi {
  font-family: var(--vizavi);
  color: var(--rot);
  margin-top: 20rem;
  margin-left: 1.5em;
  font-size: 8rem;
  line-height: 1.4em;
  position: absolute;
  bottom: 8.4rem;
}

.berschrift_vis-a-vis-mit-vizavi.carla {
  margin-left: 1em;
}

.berschrift_vis-a-vis-mit-vizavi.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_vis-a-vis-mit-vizavi.wohnbau {
  margin-right: 0;
}

.berschrift_projekt-bersicht {
  font-family: var(--vizavi);
  color: var(--rot);
  margin-top: 20rem;
  margin-left: 1.5em;
  font-size: 8rem;
  line-height: 1.4em;
  position: absolute;
  bottom: 8.4rem;
}

.berschrift_projekt-bersicht.carla {
  margin-left: 1em;
}

.berschrift_projekt-bersicht.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_projekt-bersicht.wohnbau {
  margin-right: 0;
}

.image-88 {
  box-sizing: content-box;
  aspect-ratio: auto;
  object-fit: contain;
  width: 488px;
  height: auto;
  position: static;
}

.image-89, .image-90, .image-91, .image-92, .image-93, .image-94 {
  width: 30rem;
  max-width: none;
}

.projekt_kursbezeichnung {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  margin-top: 0;
  margin-right: 0;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.2em;
  display: flex;
  position: relative;
  right: 0;
}

.projekt_-berschrift_titel {
  font-family: var(--vizavi);
  color: var(--blue);
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-left: 0;
  margin-right: auto;
  font-size: 4rem;
  font-weight: 500;
  line-height: 4.5rem;
  display: flex;
  position: relative;
  right: auto;
}

.div-block-42 {
  width: 75%;
  margin-top: 2rem;
  margin-left: 0;
  margin-right: auto;
  position: relative;
  left: 0;
  right: auto;
}

.div-block-43 {
  width: 60%;
  margin-left: auto;
  margin-right: 0;
}

.slide-nav-3 {
  display: block;
}

.image-95 {
  max-width: none;
  height: 30rem;
}

.image-96 {
  box-sizing: border-box;
  object-fit: contain;
  width: 41.4rem;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  overflow: hidden;
}

.image-97 {
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: contain;
  justify-content: space-between;
  align-items: flex-end;
  width: 48rem;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin-top: auto;
  margin-bottom: 0;
  margin-right: 0;
  display: inline-flex;
  position: relative;
  left: auto;
  right: 0;
  overflow: hidden;
}

.image-98 {
  width: auto;
  max-width: none;
  height: 30rem;
  max-height: none;
}

.image-99 {
  vertical-align: baseline;
  width: 85svw;
  max-width: none;
  position: relative;
}

.image-100 {
  max-width: none;
  height: 30rem;
}

.image-101 {
  width: 48rem;
  max-width: none;
  height: 30rem;
  overflow: hidden;
}

.absatz-unter-projekt-intro {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  max-width: none;
  height: 15em;
  min-height: 5em;
  margin: auto auto 0;
  padding-top: 0;
  display: block;
  position: relative;
  inset: auto;
}

.div-block-44 {
  height: 20rem;
  display: flex;
}

.image-102, .image-103 {
  max-width: none;
  height: 35rem;
}

.image-104 {
  width: auto;
  max-width: none;
  height: 35rem;
}

.image-105 {
  max-width: none;
  height: 35rem;
}

.image-106 {
  object-fit: fill;
  width: 42rem;
  max-width: none;
  height: 30rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.berschrift_newsfeeds {
  z-index: 1;
  font-family: var(--vizavi);
  color: var(--rot);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 8rem;
  font-size: 8rem;
  line-height: 7.9rem;
  display: block;
  position: relative;
  top: 12.1rem;
  bottom: auto;
  left: 2rem;
}

.berschrift_newsfeeds.carla {
  margin-left: 1em;
}

.berschrift_newsfeeds.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_newsfeeds.wohnbau {
  margin-right: 0;
}

.div-block-45 {
  background-image: url('../images/Zwischennutzung-im-Parkhaus.-Die-Garage-Grande-in-Ottakring-c-Paul-Bauer.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 20rem;
  margin-top: 15rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  bottom: auto;
  left: 0;
  right: 0;
}

.section-17 {
  width: 100svw;
  height: 20rem;
}

.interview_introtext_divblock-awg-newsfeed {
  flex-flow: column;
  align-items: flex-end;
  width: 50%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  bottom: 0;
  left: auto;
  right: 14rem;
}

.interview_introtext_divblock-awg-newsfeed.awg {
  width: 40%;
  margin-left: auto;
  display: block;
  left: 0;
  right: auto;
}

.interview_introtext_divblock-awg-newsfeed.gg {
  justify-content: center;
  width: 30%;
  display: block;
  left: auto;
}

.interview_introtext_divblock-gg-newsfeed {
  flex-flow: column;
  width: 50%;
  height: auto;
  display: flex;
  position: relative;
  bottom: auto;
  left: 0;
  right: auto;
}

.interview_introtext_divblock-gg-newsfeed.awg {
  width: 40%;
  margin-left: auto;
  display: block;
  left: 0;
  right: auto;
}

.interview_introtext_divblock-gg-newsfeed.gg {
  justify-content: center;
  width: 30%;
  display: block;
  left: auto;
}

.klammer_newsfeed {
  z-index: 1;
  max-width: none;
  height: 20rem;
  margin-left: 2rem;
  position: absolute;
  top: 0%;
  left: auto;
  right: auto;
}

.smilie_newsfeed {
  z-index: 1;
  vertical-align: top;
  max-width: none;
  height: 20rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: 4rem;
  display: inline-block;
  position: absolute;
  inset: 0% 0% 25% auto;
}

.wir-sind-vizavi-intro {
  font-family: var(--vizavi);
  color: var(--blue);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 4em;
  margin-left: 0;
  margin-right: auto;
  font-size: 1.5rem;
  line-height: 2.3rem;
  display: flex;
}

.absatz-unter {
  width: auto;
  height: 11rem;
  position: relative;
  inset: 0% auto 0% 0%;
}

.absatz-unter.wir-sind-vizavi-intro {
  height: 6rem;
  margin-top: 0;
}

.berschrift_projekte {
  font-family: var(--vizavi);
  color: var(--rot);
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 2em;
  font-size: 8rem;
  line-height: 1.4em;
  display: flex;
  position: absolute;
  bottom: 45.8rem;
}

.berschrift_projekte.carla {
  margin-left: 1em;
}

.berschrift_projekte.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_projekte.wohnbau {
  margin-right: 0;
}

.div-block-46 {
  flex-flow: column;
  width: 40rem;
  margin-left: 0;
  display: block;
  position: relative;
  top: -15rem;
  bottom: auto;
}

.heading-21 {
  font-family: var(--vizavi);
  color: var(--blue);
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3.7rem;
}

.link-6 {
  color: var(--blue);
  font-size: 1.5rem;
  line-height: 2.2rem;
  text-decoration: none;
}

.div-block-47 {
  flex-flow: column;
  display: flex;
  position: relative;
  top: auto;
}

.berschrift_-viza-vi-im-gespr-ch {
  font-family: var(--vizavi);
  color: var(--rot);
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  max-width: 90svw;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 2em;
  font-size: 8rem;
  line-height: 1.4em;
  display: flex;
  position: absolute;
  bottom: 45.8rem;
}

.berschrift_-viza-vi-im-gespr-ch.carla {
  margin-left: 1em;
}

.berschrift_-viza-vi-im-gespr-ch.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_-viza-vi-im-gespr-ch.wohnbau {
  margin-right: 0;
}

.berschrift_ud {
  font-family: var(--vizavi);
  color: var(--rot);
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  max-width: 90svw;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 2em;
  font-size: 8rem;
  line-height: 1.4em;
  display: flex;
  position: absolute;
  bottom: 45.8rem;
}

.berschrift_ud.carla {
  margin-left: 1em;
}

.berschrift_ud.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_ud.wohnbau {
  margin-right: 0;
}

.berschrift_wohnbau {
  font-family: var(--vizavi);
  color: var(--rot);
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  max-width: 90svw;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 2em;
  font-size: 8rem;
  line-height: 1.4em;
  display: flex;
  position: absolute;
  bottom: 45.8rem;
}

.berschrift_wohnbau.carla {
  margin-left: 1em;
}

.berschrift_wohnbau.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_wohnbau.wohnbau {
  margin-right: 0;
}

.berschrift_bauen-im-bestand {
  font-family: var(--vizavi);
  color: var(--rot);
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  max-width: 90svw;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 2em;
  font-size: 8rem;
  line-height: 1.4em;
  display: flex;
  position: absolute;
  bottom: 45.8rem;
}

.berschrift_bauen-im-bestand.carla {
  margin-left: 1em;
}

.berschrift_bauen-im-bestand.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_bauen-im-bestand.wohnbau {
  margin-right: 0;
}

.berschrift_transformation {
  font-family: var(--vizavi);
  color: var(--rot);
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  max-width: 90svw;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 2em;
  font-size: 8rem;
  line-height: 1.4em;
  display: flex;
  position: absolute;
  bottom: 45.8rem;
}

.berschrift_transformation.carla {
  margin-left: 1em;
}

.berschrift_transformation.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_transformation.wohnbau {
  margin-right: 0;
}

.berschrift_newsfeeds-im-gespr-ch {
  z-index: 1;
  font-family: var(--vizavi);
  color: var(--rot);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: 0;
  margin-left: 8rem;
  font-size: 4rem;
  line-height: 6rem;
  display: block;
  position: relative;
  top: 15.5rem;
  bottom: auto;
  left: 2rem;
}

.berschrift_newsfeeds-im-gespr-ch.carla {
  margin-left: 1em;
}

.berschrift_newsfeeds-im-gespr-ch.vizavi-im-gespr-ch {
  text-shadow: 0 1px 1px #0003;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 1em;
  font-size: 8rem;
  font-weight: 700;
  line-height: 12rem;
  display: flex;
  top: auto;
  bottom: 0;
  left: auto;
}

.berschrift_newsfeeds-im-gespr-ch.wohnbau {
  margin-right: 0;
}

.div-block-48 {
  width: 90svw;
  margin-top: auto;
  position: absolute;
  top: 0;
}

.quelle-carla-1 {
  font-family: var(--vizavi);
  color: #727272;
  margin-top: 33.3rem;
  margin-left: 10rem;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.5rem;
  position: absolute;
}

.div-block-49 {
  margin-top: 33.8rem;
  margin-left: auto;
  display: none;
}

.text-block-15 {
  align-items: center;
  width: 40rem;
  display: flex;
  position: relative;
}

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

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

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

  .nav-link {
    flex: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    display: none;
  }

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

  .menu-button {
    padding: 12px;
  }

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

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

  .nav-menu {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

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

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

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button-2 {
    padding: 12px;
  }

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

  .container-2 {
    max-width: 728px;
  }

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

  .container-3 {
    width: 49vh;
    max-width: 728px;
    line-height: 20vh;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .heading-2 {
    line-height: 4.6rem;
  }

  .paragraph-3 {
    line-height: 2vh;
  }

  .opener_-berschrift {
    text-align: left;
    width: 100%;
    margin: auto;
    padding-bottom: 0;
    font-size: 14vw;
    inset: 0;
  }

  .opener_container {
    width: 519px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .section-blauer-background {
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }

  .navbar {
    order: -1;
    width: auto;
    height: 4.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: sticky;
    top: 0;
  }

  .container-7 {
    max-width: 728px;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-sticky {
    position: relative;
    top: 0;
  }

  .image-5 {
    max-width: 34vh;
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
  }

  .footer-form {
    width: 100%;
    margin-top: 40px;
  }

  .footer-form-container {
    max-width: 350px;
  }

  .section-nav {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .abschnitt-nav_items {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    justify-content: center;
    align-items: center;
    width: 97svw;
    margin: auto;
  }

  .nav-links {
    flex: none;
    justify-content: flex-end;
    width: 2rem;
    margin-left: 8rem;
  }

  .nav-mitte.current {
    flex: none;
    order: 0;
    align-self: auto;
    width: 9rem;
    margin-left: auto;
    display: flex;
  }

  .vizavi_logo {
    flex-flow: column;
    flex: none;
    margin-left: auto;
    display: flex;
  }

  .nav_men---hamburger {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    order: -1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 1.9rem;
    margin-left: 0;
    line-height: 2em;
    display: flex;
  }

  .image-11 {
    max-width: 97%;
    margin-right: auto;
  }

  .text-block-3 {
    margin-left: .5em;
  }

  .image-14 {
    height: 100%;
  }

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

  .container-14 {
    max-width: 728px;
  }

  .about_intro {
    grid-column-gap: 30px;
  }

  .testimonial-info-three {
    flex-direction: column;
  }

  .start_intro-bilder {
    width: 84%;
    margin-left: auto;
  }

  .section-nav-background {
    padding-top: .5em;
    padding-bottom: .5em;
  }
}

@media screen and (max-width: 767px) {
  .navbar-logo-left-container {
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .hero-heading-center, .gallery-scroll {
    padding: 60px 15px;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .image-10 {
    width: 528px;
    max-width: 100%;
  }

  .testimonial-column-light {
    padding: 60px 15px;
  }

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

  .testimonial-info-three {
    flex-direction: row;
  }

  .start_intro-bilder {
    flex-flow: wrap;
    align-items: center;
    width: 93%;
    margin-left: 1.4em;
    margin-right: 2em;
    display: inline-flex;
  }

  .popup_contentrechts {
    margin-left: 3em;
  }
}

@media screen and (max-width: 479px) {
  .container {
    max-width: none;
  }

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

  .nav-link {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-size: 1.2em;
    display: none;
  }

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

  .nav-button-wrapper {
    width: auto;
  }

  .container-2 {
    max-width: none;
  }

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

  .container-3 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .opener_-berschrift {
    flex: 0 auto;
    width: 100%;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 4.6rem;
    display: flex;
    position: relative;
  }

  .opener_container {
    width: 100%;
  }

  .container-7 {
    max-width: none;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr;
  }

  .footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-block-two {
    margin-top: 40px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .section-nav {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: .5em;
    padding-bottom: 0;
  }

  .abschnitt-nav_items {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    width: 100%;
  }

  .nav-links {
    justify-content: flex-start;
    align-items: center;
    margin-left: .4rem;
  }

  .nav-rechts {
    align-self: auto;
    width: 30%;
  }

  .nav-mitte.current {
    flex: none;
    width: 14.5rem;
    font-family: Librefranklin Variablefont Wght;
  }

  .vizavi_logo {
    width: 100%;
    font-size: 1.6rem;
  }

  .nav_men---hamburger {
    flex: none;
    width: 2rem;
    display: flex;
  }

  .image-10 {
    justify-content: center;
    align-items: center;
    margin-left: auto;
  }

  .grid-3 {
    flex-flow: column;
    width: 17.8em;
  }

  .container-14 {
    max-width: none;
  }

  .centered-heading-2 {
    margin-bottom: 24px;
  }

  .link_start_slide {
    width: 91svw;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
    font-weight: 500;
    display: block;
  }

  .wasmachen_section {
    font-size: 1svw;
  }

  .wasmachen_slide_-berschriftenbox {
    width: 91svw;
    display: block;
  }

  .wasmachen_slide_-berschriftenbox_next {
    width: 91svw;
    height: 10svh;
    font-size: 1rem;
  }

  .heading-10 {
    font-size: 1.5em;
    font-weight: 500;
  }

  .section-nav-background {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: .5em;
    padding-bottom: 0;
  }
}

#w-node-_51e85f13-9d8a-7d35-a239-045a236f2328-5faac3a7, #w-node-_375d49a5-a394-c969-2a6b-705646912ad3-5faac3a7 {
  grid-area: Area-2;
}

#w-node-_6823d99d-fb8a-a9a9-9bd4-e9900b4ca3f7-5faac3a7 {
  grid-area: Area-3;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c74-5faac3a7 {
  grid-area: Area-6;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c91-5faac3a7 {
  grid-area: Area-5;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c92-5faac3a7 {
  grid-area: Area-3;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c93-5faac3a7 {
  grid-area: Area;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c94-5faac3a7 {
  grid-area: Area-2;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c95-5faac3a7 {
  grid-area: Area-7;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c96-5faac3a7 {
  grid-area: Area-11;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c97-5faac3a7 {
  grid-area: Area-10;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c98-5faac3a7 {
  grid-area: Area-9;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c99-5faac3a7 {
  grid-area: Area-8;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c9a-5faac3a7 {
  grid-area: Area-12;
  align-self: center;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c9b-5faac3a7 {
  grid-area: Area-13;
}

#w-node-_26c0aad9-bd86-b231-76ba-ec56d2128c9c-5faac3a7 {
  grid-area: Area-14;
}

#w-node-_749d970e-6f46-f61c-e8da-287fd224bd13-d224bd0d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto end;
}

#w-node-_22efddcb-f395-856c-dd18-5abb7b99e238-5f5e1492 {
  grid-area: Area;
  align-self: auto;
}

#w-node-d9f3366c-b0c3-85e1-0020-db7e36316994-5f5e1492 {
  grid-area: Area-2;
}

#w-node-d9f3366c-b0c3-85e1-0020-db7e36316996-5f5e1492 {
  grid-area: Area;
}

#w-node-_8e8e5659-f1f1-256c-1e46-e4bc7ae97069-5f5e1492 {
  grid-area: Area-2;
  align-self: auto;
}

#w-node-_67f4b1e2-55ff-4429-2505-502fd8b0292e-5f5e1492 {
  grid-area: Area-2;
}

#w-node-ddf3285b-0e19-ebda-398e-d0cf13a6afb6-5f5e1492 {
  grid-area: Area-3;
  align-self: auto;
}

#w-node-b5727203-2f36-da54-96fb-9f55ff233d0c-5f5e1492 {
  grid-area: Area-2;
}

#w-node-dfb3d11f-67e1-2d42-a2a0-412bc907e036-5f5e1492 {
  grid-area: Area-4;
  align-self: auto;
}

#w-node-dfb3d11f-67e1-2d42-a2a0-412bc907e037-5f5e1492 {
  grid-area: Area;
}

#w-node-_146d52fd-288f-2a84-b0fa-7308a81af875-a65a0945 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto end;
}

#w-node-_125d31ff-c5ea-8049-b8ac-9e6e3af6d606-634ef625 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a654d31e-3547-6a4b-2dcb-5b305b2afdf1-215ffade {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0549fe64-85ac-dc73-ed9a-cd8bd2a7856c-3ada946a {
  grid-area: Area-11;
}

#w-node-e12da1d6-7adf-3e74-d921-19986122d1c5-3ada946a {
  grid-area: Area-7;
  align-self: center;
}

#w-node-_952dd09a-6910-3da7-1fe6-a9932ec706a8-3ada946a {
  grid-area: Area;
  place-self: center;
}

#w-node-_5b4b3079-d94c-4fc6-6bc1-9a19b2a240a1-3ada946a {
  grid-area: Area-3;
  align-self: end;
}

#w-node-_08a331a1-9f8d-3999-d2f2-9aed04c03858-3ada946a {
  grid-area: Area-6;
}

#w-node-_3050d0a4-a80d-6bd1-61c3-ecb62a5ebe2a-3ada946a {
  grid-area: Area-4;
  align-self: center;
}

#w-node-_688ed5da-abdd-17df-fa52-91a4a1f8e81f-3ada946a {
  grid-area: Area-9;
  place-self: end;
}

#w-node-_5e318b7b-edf3-503b-130b-5e853a3a5e25-3ada946a {
  grid-area: Area-10;
}

#w-node-_133babf7-fa42-6ff3-a002-80ab01626e93-3ada946a {
  grid-area: Area-15;
  align-self: center;
}

#w-node-_512642a1-f5df-2070-a906-81c52da29193-3ada946a, #w-node-_7ca085e2-f56f-20b3-71f9-cddcc48ad028-3ada946a {
  place-self: center;
}

#w-node-_51398088-749f-638c-b527-a8e9066d5c82-a326deca {
  grid-area: Area;
}

#w-node-_83df89e9-4b48-7957-ad09-531179acd4aa-a326deca {
  grid-area: Area-02;
}

#w-node-fbb23155-390a-91d0-690b-8dee6111c982-a326deca {
  grid-area: Area-03;
}

#w-node-_19cca429-f3c8-ae4a-bf5b-a1ee12fbac5a-a326deca {
  grid-area: Area-04;
}

#w-node-ca32df88-af09-7194-7ac1-8777051c545b-a326deca {
  grid-area: Area-05;
}

#w-node-d9b02622-0d0c-1ced-b73b-662ee5bb8b1f-a326deca {
  grid-area: Area-06;
}

#w-node-ddbf7a97-9971-7c14-7b38-d9783df427a7-a326deca {
  grid-area: Area-07;
}

#w-node-_55af27d8-010d-f40f-aba6-7e643a44655d-a326deca {
  grid-area: Area-8;
}

#w-node-e6f86e71-dcfe-eccf-0764-f570bf909d45-a326deca {
  grid-area: Area-12;
  align-self: center;
}

#w-node-_3f495fb0-ddd2-ee2d-1a66-d4fd2c1e5634-a326deca {
  grid-area: Area-6;
}

#w-node-_202abab4-fb01-343e-cec7-f939c50d8888-a326deca {
  grid-area: Area;
  place-self: start stretch;
}

#w-node-c42d96bd-f58c-8061-17c4-5ef8b5661e80-a326deca {
  grid-area: Area-7;
  place-self: end stretch;
}

#w-node-dc42e2a9-d7dc-13da-ca55-bb9c67faf5b0-a326deca {
  grid-area: Area-2;
  place-self: start;
}

#w-node-_2242d6ad-9d3a-f41a-e549-4d1fae8a858f-a326deca {
  grid-area: Area-3;
  place-self: stretch center;
}

#w-node-c1a91833-632c-123d-9d13-8a23c1068411-a326deca {
  grid-area: Area-10;
  place-self: start stretch;
}

#w-node-_8aef5d3b-edb1-c9f3-6772-ca449bfecc1f-a326deca {
  grid-area: Area-14;
  place-self: start stretch;
}

#w-node-_2d0b9a77-f689-bea3-d448-f13fc869ade4-a326deca {
  grid-area: Area-9;
  place-self: start stretch;
}

#w-node-_6bffb468-2286-5473-e802-39c1ba16069d-a326deca {
  grid-area: Area-8;
  place-self: start stretch;
}

#w-node-c5ddcbd4-6e55-d025-3cbf-90770f8e1c1d-a326deca {
  grid-area: Area-13;
  place-self: start stretch;
}

#w-node-_5602743d-e2a9-6c48-b67d-76c783d6e7cf-617c5ec0 {
  grid-area: Area;
}

@media screen and (max-width: 479px) {
  #w-node-_8ea01544-27ca-b0b8-5918-78e19867db9e-634ef625 {
    justify-self: auto;
  }
}