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

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

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

@font-face {
  font-family: Teko;
  src: url('../fonts/Teko-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fixelvariable;
  src: url('../fonts/FixelVariable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: FixelVariableItalic;
  src: url('../fonts/FixelVariableItalic.ttf') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --color--bg-std: #f2eee8;
  --color--main: #203141;
  --heading--h1: 3.5rem;
  --heading--h2: 2.5rem;
  --heading--h3: 1.75rem;
  --heading--h4: 1.25rem;
  --spacing--24px: 1.5rem;
  --text-size--copy-medium: 1.2rem;
  --text-size--copy-small: 1rem;
  --color--black: #2b2b2b;
  --color--circle-middle\<deleted\|variable-073f4368-8172-51cc-b6de-411a58460e10\>: #3b2b4b;
  --spacing--32px: 2rem;
  --color--bg2: #c2c3c5;
  --spacing--16px: 1rem;
  --container--12col: 100rem;
  --container--6col: 49rem;
  --text-size--copy-quote: 1.75rem;
  --border-radius--border-standard: .35rem;
  --color--transparent: transparent;
  --color--orange: #a0b676;
  --spacing--40px: 2.5rem;
  --container--10col: 83rem;
  --text-size--copyright: .7rem;
  --text-size--copy-large: 1.5rem;
  --spacing--8px: .5rem;
  --color--bg1: #e6e7eb;
  --color--white: white;
  --spacing--80px: 5rem;
  --spacing--160px: 10rem;
  --container--8col: 66rem;
  --container--4col: 32rem;
  --container--2col: 15rem;
  --container--3col: 23.5rem;
  --container--9col: 76.5rem;
  --border-radius--border-rounded: 999rem;
}

body {
  background-color: var(--color--bg-std);
  color: var(--color--main);
  font-family: Hind, Arial, sans-serif;
  font-size: 1rem;
}

h1 {
  color: var(--color--main);
  font-family: Fixelvariable, Arial, sans-serif;
  font-size: var(--heading--h1);
  letter-spacing: -.08rem;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 700;
  line-height: 100%;
}

h2 {
  color: var(--color--main);
  font-family: Fixelvariable, Arial, sans-serif;
  font-size: var(--heading--h2);
  letter-spacing: -.08rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 110%;
}

h3 {
  color: var(--color--main);
  font-family: Fixelvariable, Arial, sans-serif;
  font-size: var(--heading--h3);
  text-align: left;
  letter-spacing: -.06rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  color: var(--color--main);
  font-family: Teko, Arial, sans-serif;
  font-size: var(--heading--h4);
  letter-spacing: -.06px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 130%;
}

h5 {
  margin-top: var(--spacing--24px);
  font-size: var(--text-size--copy-medium);
  letter-spacing: .02px;
  text-transform: none;
  margin-bottom: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h6 {
  margin-top: var(--spacing--24px);
  font-size: var(--text-size--copy-small);
  letter-spacing: .02px;
  text-transform: none;
  margin-bottom: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

p {
  font-family: Hind, Arial, sans-serif;
  font-size: var(--text-size--copy-small);
  margin-bottom: 2rem;
  line-height: 1.3;
}

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

ul {
  font-size: var(--text-size--copy-medium);
  margin-bottom: 32px;
  line-height: 1.35;
}

li {
  margin-bottom: .6rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px solid var(--color--circle-middle\<deleted\|variable-073f4368-8172-51cc-b6de-411a58460e10\>);
  margin-bottom: 0;
  padding: .6rem 1.2rem;
  font-family: Andada Pro;
  line-height: 1.4;
}

figure {
  margin-top: var(--spacing--32px);
  margin-bottom: var(--spacing--32px);
}

.text-align-right {
  text-align: right;
}

.background-color-main {
  background-color: var(--color--main);
  color: var(--color--bg2);
}

.styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 3rem;
  padding-bottom: 2.25rem;
  line-height: 1.4;
  display: grid;
}

.text-style-link {
  text-decoration: underline;
}

.spacer-16px-start {
  padding-top: var(--spacing--16px);
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.spacer-24px-start {
  padding-top: var(--spacing--24px);
}

.container-12col {
  max-width: var(--container--12col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

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

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-6col {
  max-width: var(--container--6col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 8rem;
}

.spacer-24px-end {
  padding-bottom: var(--spacing--24px);
}

.copy-quote {
  font-size: var(--text-size--copy-quote);
  margin-bottom: 0;
  font-weight: 300;
  line-height: 125%;
}

.copy-quote.bg-std {
  background-color: var(--color--bg-std);
  color: var(--color--main);
}

.copy-quote.bg-std.quote {
  text-align: center;
  border-radius: .2rem;
  width: 60%;
  margin-bottom: -3rem;
  margin-left: -3rem;
  padding: 1rem;
  position: relative;
}

.text-align-left {
  text-align: left;
}

.spacer-32px-end {
  padding-bottom: var(--spacing--32px);
}

.button {
  border: 1px solid var(--color--main);
  border-radius: var(--border-radius--border-standard);
  background-color: var(--color--main);
  color: var(--color--bg-std);
  font-size: var(--text-size--copy-medium);
  text-align: center;
  letter-spacing: .02rem;
  padding: 1.2rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.button:hover {
  background-color: var(--color--transparent);
  color: var(--color--black);
}

.button.is-small {
  font-size: var(--text-size--copy-small);
  padding: 1.1rem 1.3rem;
}

.button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  font-size: var(--text-size--copy-medium);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-icon:hover {
  color: var(--color--main);
}

.button.is-icon.reversed {
  background-color: var(--color--bg-std);
  color: var(--color--main);
}

.button.is-icon.reversed:hover {
  background-color: var(--color--orange);
}

.button.is-large {
  font-size: var(--text-size--copy-medium);
  padding: 1.5rem 2.5rem;
}

.button.form {
  margin-top: 1rem;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.bg-02 {
  background-color: var(--color--orange);
}

.bg-02._10vh {
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

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

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.spacer-40px-start {
  padding-top: var(--spacing--40px);
}

.styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.container-10col {
  max-width: var(--container--10col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.copyright {
  font-size: var(--text-size--copyright);
  line-height: 150%;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.copy-large {
  font-size: var(--text-size--copy-large);
  line-height: 120%;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.spacer-8px-end {
  padding-bottom: var(--spacing--8px);
}

.text-style-allcaps {
  text-transform: uppercase;
}

.spacer-32px-start {
  padding-top: var(--spacing--32px);
}

.icon-height-medium {
  height: 2rem;
}

.styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.styleguide_item.is-stretch {
  justify-items: stretch;
}

.spacer-40px-end {
  padding-bottom: var(--spacing--40px);
}

.text-align-center {
  text-align: center;
}

.icon-height-small {
  height: 1rem;
}

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

.text-color-std {
  color: var(--color--bg-std);
}

.spacer-8px-start {
  padding-top: var(--spacing--8px);
}

.styleguide_label {
  color: #757575;
  background-color: #ececec;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .3rem .5rem;
  display: flex;
}

.styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.styleguide_header {
  background-color: var(--color--bg1);
}

.styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.styleguide_item-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #0000001a;
  align-items: center;
  width: 100%;
  padding-bottom: 2rem;
}

.spacer-16px-end {
  padding-bottom: var(--spacing--16px);
}

.icon-height-large {
  height: 3rem;
}

.styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

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

.copy-medium {
  font-size: var(--text-size--copy-medium);
  line-height: 130%;
}

.copy-medium.small-margin {
  margin-bottom: .3rem;
}

.list {
  margin-top: var(--spacing--24px);
  margin-bottom: var(--spacing--24px);
}

.navbar {
  background-color: var(--color--bg-std);
  position: fixed;
  inset: 0% 0% auto;
}

.nav-link-text {
  text-decoration: none;
  transition: all .2s;
}

.navi-link {
  color: #4f3966;
  cursor: pointer;
  border: 2px solid #0000;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 15px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  display: inline;
}

.navi-link:hover, .navi-link.w--current {
  color: #fff;
  background-color: #4f3966;
}

.image-wide-square {
  background-image: url('../images/JFP00566_bearb_1JFP00566_bearb.webp');
  background-position: 20%;
  background-size: cover;
  width: 450px;
  height: 450px;
  margin-bottom: 15px;
}

.image-square {
  background-color: #4f3966;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  margin-bottom: 15px;
  display: flex;
}

.image-small {
  width: 300px;
  height: 420px;
  margin-bottom: 15px;
}

.image-wide {
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 320px;
  margin-bottom: 15px;
  display: flex;
  position: relative;
}

.nav-toggle {
  color: var(--color--black);
  font-size: 3rem;
}

.nav-toggle.w--open {
  background-color: var(--color--main);
}

.nav-links-list {
  grid-column-gap: var(--spacing--24px);
  grid-row-gap: var(--spacing--24px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-links-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--color--main);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.nav-link {
  padding: var(--spacing--8px) var(--spacing--24px);
  color: var(--color--bg-std);
  font-size: var(--spacing--24px);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
}

.nav-link:hover, .nav-link.w--current {
  background-color: var(--color--orange);
  color: var(--color--main);
}

.nav-link.w--current:hover {
  color: var(--color--black);
  text-decoration: none;
}

.navbar-inner {
  justify-content: space-between;
  align-items: center;
  height: 6rem;
  display: flex;
}

.logo-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-wrapper.w--current {
  grid-column-gap: var(--spacing--16px);
  grid-row-gap: var(--spacing--16px);
}

.projekt-beispiele-single {
  width: 50%;
  position: relative;
}

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

.kurzinfos-projekt-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  position: sticky;
  top: 5.5rem;
}

.kurzinfos-projekt-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 25%;
}

.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;
}

.background-color-black {
  background-color: var(--color--black);
  color: var(--color--white);
  position: relative;
}

.image-wide-square-2 {
  background-image: url('../images/DSC09524_1DSC09524.avif');
  background-position: 20%;
  background-size: cover;
  width: 450px;
  height: 450px;
  margin-bottom: 15px;
}

.image-wide-2 {
  background-image: url('../images/JFP00607_bearb_1JFP00607_bearb.avif');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 320px;
  margin-bottom: 15px;
  display: flex;
}

.image-small-2 {
  background-image: url('../images/JFP00566_bearb_1JFP00566_bearb.webp');
  background-position: 50%;
  background-size: cover;
  width: 300px;
  height: 420px;
  margin-bottom: 15px;
}

.faq-title {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-80px-start {
  padding-top: var(--spacing--80px);
}

.spacer-80px-end {
  padding-bottom: var(--spacing--80px);
}

.spacer-160px-start {
  padding-top: var(--spacing--160px);
}

.spacer-160px-end {
  padding-bottom: var(--spacing--160px);
}

.multi-column-layout {
  grid-column-gap: var(--spacing--80px);
  grid-row-gap: var(--spacing--80px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.multi-column-layout.aligned-top {
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.container-8col {
  max-width: var(--container--8col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 7.5rem;
}

.container-4col {
  max-width: var(--container--4col);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 8rem;
}

.container-4col.scrollable {
  position: sticky;
  top: 7rem;
}

.container-2col {
  max-width: var(--container--2col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 7.5rem;
}

.container-3col {
  max-width: var(--container--3col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.copy-small {
  font-size: var(--text-size--copy-small);
  line-height: 140%;
}

.container-9col {
  max-width: var(--container--9col);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 7.5rem;
}

.text-color-black {
  color: var(--color--black);
}

.text-color-main {
  color: var(--color--main);
}

.block-quote {
  font-family: FixelVariableItalic, Arial, sans-serif;
}

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

.icon {
  width: 24px;
  height: 24px;
}

.acc-title {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.news-block-single {
  grid-column-gap: var(--spacing--32px);
  grid-row-gap: var(--spacing--32px);
  border-bottom: 1px solid var(--color--main);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.footer-link {
  color: var(--color--bg2);
  font-size: var(--text-size--copy-small);
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-link-wrapper {
  grid-column-gap: var(--spacing--16px);
  grid-row-gap: var(--spacing--16px);
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-weight-italic {
  font-family: FixelVariableItalic, Arial, sans-serif;
  font-weight: 400;
}

.hero-wrapper {
  justify-content: center;
  align-items: center;
  height: 90vh;
  padding-top: 5rem;
  display: flex;
}

.background-color-main-v1 {
  background-color: var(--color--bg-std);
}

.bg-01 {
  background-color: var(--color--main);
  color: var(--color--bg-std);
}

.background-color-white {
  background-color: var(--color--white);
  position: relative;
}

.logo {
  min-height: 2rem;
  max-height: 3rem;
  display: none;
}

.checklist-wrapper {
  grid-column-gap: var(--spacing--16px);
  grid-row-gap: var(--spacing--16px);
  background-color: var(--color--orange);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start stretch;
  display: flex;
}

.checklist-item {
  grid-column-gap: var(--spacing--16px);
  grid-row-gap: var(--spacing--16px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checklist-text {
  font-size: var(--text-size--copy-medium);
  margin-bottom: 0;
  line-height: 130%;
}

.checklist-image {
  width: 1.7rem;
}

.slogan {
  color: var(--color--main);
  font-size: var(--text-size--copy-small);
  margin-bottom: 0;
  font-weight: 700;
  line-height: 140%;
}

.partner-logo {
  min-width: 16rem;
  max-width: 16rem;
  margin-bottom: 2rem;
}

.bg-03 {
  background-color: var(--color--bg1);
}

.std-image {
  border-radius: .2rem;
}

.disco-body {
  overflow: hidden;
}

.disco-icon {
  width: 2rem;
  max-height: 2rem;
  margin-left: 1rem;
}

.spacer-40px-start-2 {
  padding-top: 2.5rem;
}

.disco-title {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-wrapper {
  background-color: var(--color--bg1);
  color: #2a2e3b;
  width: 100%;
  margin-bottom: 2rem;
  padding: 0 1.5rem;
  display: inline-block;
}

.leistungen-title {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.leistungen-liste {
  padding-left: 1.8rem;
  list-style-type: square;
}

.leistungen-liste-item {
  margin-bottom: .2rem;
}

.hero-image-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.hero-image-single {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: .2rem;
}

.hero-image-single.ol {
  aspect-ratio: 16 / 9;
}

.angebotswrapper {
  grid-column-gap: var(--spacing--80px);
  grid-row-gap: var(--spacing--80px);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.partnerwrapper {
  margin-top: var(--spacing--80px);
  grid-column-gap: var(--spacing--80px);
  grid-row-gap: var(--spacing--80px);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.dim-vdiv {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vdiv-logo {
  max-width: 8rem;
  margin-bottom: 2rem;
}

.hidden {
  display: none;
}

.image-wrapper {
  position: relative;
}

.image-tooltip {
  border-radius: var(--border-radius--border-standard);
  background-color: var(--color--main);
  opacity: 0;
  color: var(--color--bg-std);
  padding: .6rem;
  transition: opacity .2s;
  position: absolute;
  top: 50%;
  left: 50%;
}

@media screen and (max-width: 991px) {
  .container-6col {
    position: static;
  }

  .bg-02._10vh {
    height: auto;
  }

  .styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .page-padding {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .styleguide_3-col {
    grid-template-columns: 1fr;
  }

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

  .styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .nav-link-text:hover {
    color: var(--color--bg2);
  }

  .navi-link {
    margin-bottom: 15px;
    font-size: 2.5rem;
    display: block;
  }

  .nav-toggle.w--open {
    background-color: var(--color--black);
    color: var(--color--bg2);
  }

  .nav-links-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .nav-links-wrapper {
    background-color: var(--color--black);
  }

  .nav-icon {
    font-size: 2rem;
  }

  .nav-link {
    color: var(--color--bg2);
    justify-content: center;
    align-items: center;
    font-size: 2rem;
  }

  .nav-link:hover {
    color: var(--color--bg2);
  }

  .kurzinfos-projekt-image {
    width: 100%;
    position: relative;
  }

  .kurzinfos-projekt-text-wrapper {
    width: 100%;
  }

  .multi-column-layout {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 5rem;
  }

  .container-4col {
    max-width: var(--container--6col);
    position: static;
  }

  .container-4col.scrollable {
    max-width: var(--container--12col);
    position: static;
  }

  .footer-link-wrapper {
    text-align: center;
  }

  .hero-wrapper {
    height: auto;
    padding-top: 10rem;
  }

  .checklist-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

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

  .angebotswrapper-detail {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

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

  .partnerwrapper-detail {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: var(--heading--h2);
  }

  h2 {
    font-size: var(--heading--h3);
  }

  h3 {
    font-size: var(--heading--h4);
  }

  .styleguide_section-header {
    font-size: .875rem;
  }

  .copy-quote.bg-std.quote {
    margin-left: 0;
  }

  .navbar-inner {
    height: auto;
  }

  .logo-wrapper.w--current {
    grid-column-gap: var(--spacing--8px);
    grid-row-gap: var(--spacing--8px);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .projekt-beispiele-single {
    width: 100%;
  }

  .news-block-single {
    flex-flow: wrap-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .dim-vdiv {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: var(--heading--h3);
  }

  h2, h3 {
    font-size: var(--heading--h4);
  }

  p {
    text-align: left;
  }

  .copy-quote.bg-std.quote {
    font-size: var(--text-size--copy-small);
    width: 80%;
  }

  .copy-large {
    font-size: var(--text-size--copy-medium);
  }

  .spacer-32px-start.spacer-md-end {
    padding-top: var(--spacing--8px);
    padding-bottom: var(--spacing--32px);
  }

  .spacer-160px-start.spacer-160px-end {
    padding-top: var(--spacing--80px);
    padding-bottom: var(--spacing--80px);
  }

  .multi-column-layout {
    grid-column-gap: var(--spacing--40px);
    grid-row-gap: var(--spacing--40px);
  }

  .copy-small {
    font-size: var(--text-size--copy-small);
  }

  .footer-link-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .slogan {
    font-size: var(--text-size--copy-small);
  }

  .std-image {
    aspect-ratio: 1;
    object-fit: cover;
  }

  .heading-3 {
    font-size: var(--heading--h3);
  }
}

#w-node-_5f86863a-e5ce-e93f-3041-98d544813c00-b6429847 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd48a-b642984b, #w-node-_144b2e0c-37bb-743b-f453-42b1bda3c260-b642984b, #w-node-_06575378-5791-d40d-fb6f-a5060f7a9de4-b642984b, #w-node-_774bbbca-c54b-deda-1318-f3556f3f9efd-b642984b, #w-node-_47934c41-ee23-151b-0263-df9c6ee74b42-b642984b, #w-node-cb1d2db9-fa3d-cd57-815f-0751729bc6bb-b642984b, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd48f-b642984b, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd494-b642984b, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd499-b642984b, #w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4a8-b642984b {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4ad-b642984b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4af-b642984b {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4b4-b642984b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4b6-b642984b {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4bb-b642984b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4bd-b642984b {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4c2-b642984b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd4c4-b642984b {
  justify-self: start;
}

#w-node-_10a38f09-0213-aa6e-cff8-73a4de48964b-b642984b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_10a38f09-0213-aa6e-cff8-73a4de48964d-b642984b {
  justify-self: start;
}

#w-node-_8d036c29-c85c-6e4f-fdaf-0524829366c7-b642984b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d036c29-c85c-6e4f-fdaf-0524829366c9-b642984b {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd539-b642984b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd53c-b642984b {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd53e-b642984b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd541-b642984b {
  justify-self: start;
}

#w-node-e20ddbc7-1f73-b7a6-305a-ccb89cfcd5b5-b642984b, #w-node-a4825b22-7496-ed62-69b4-4c84c06fc754-b642984b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Hind';
  src: url('../fonts/Hind-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hind';
  src: url('../fonts/Hind-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Teko';
  src: url('../fonts/Teko-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Teko';
  src: url('../fonts/Teko-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fixelvariable';
  src: url('../fonts/FixelVariable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FixelVariableItalic';
  src: url('../fonts/FixelVariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}