@charset "UTF-8";
/* used fonts */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("fonts/Inter-ExtraLight.woff2?3.13") format("woff2"), url("fonts/Inter-ExtraLight.woff?3.13") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Inter-Light.woff2?3.13") format("woff2"), url("fonts/Inter-Light.woff?3.13") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Inter-Medium.woff2?3.13") format("woff2"), url("fonts/Inter-Medium.woff?3.13") format("woff");
}
/* disabled fonts
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  normal
 *  font-weight: 100
 *  font-display: swap
 *  src: url("fonts/Inter-Thin.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-Thin.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  italic
 *  font-weight: 100
 *  font-display: swap
 *  src: url("fonts/Inter-ThinItalic.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-ThinItalic.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  italic
 *  font-weight: 200
 *  font-display: swap
 *  src: url("fonts/Inter-ExtraLightItalic.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-ExtraLightItalic.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  italic
 *  font-weight: 300
 *  font-display: swap
 *  src: url("fonts/Inter-LightItalic.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-LightItalic.woff?3.13") format("woff")
 *
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  normal
 *  font-weight: 400
 *  font-display: swap
 *  src: url("fonts/Inter-Regular.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-Regular.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  italic
 *  font-weight: 400
 *  font-display: swap
 *  src: url("fonts/Inter-Italic.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-Italic.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  italic
 *  font-weight: 500
 *  font-display: swap
 *  src: url("fonts/Inter-MediumItalic.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-MediumItalic.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  normal
 *  font-weight: 600
 *  font-display: swap
 *  src: url("fonts/Inter-SemiBold.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-SemiBold.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  italic
 *  font-weight: 600
 *  font-display: swap
 *  src: url("fonts/Inter-SemiBoldItalic.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-SemiBoldItalic.woff?3.13") format("woff")
 *
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  normal
 *  font-weight: 700
 *  font-display: swap
 *  src: url("fonts/Inter-Bold.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-Bold.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  italic
 *  font-weight: 700
 *  font-display: swap
 *  src: url("fonts/Inter-BoldItalic.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-BoldItalic.woff?3.13") format("woff")
 *
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  normal
 *  font-weight: 800
 *  font-display: swap
 *  src: url("fonts/Inter-ExtraBold.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-ExtraBold.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  italic
 *  font-weight: 800
 *  font-display: swap
 *  src: url("fonts/Inter-ExtraBoldItalic.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-ExtraBoldItalic.woff?3.13") format("woff")
 *
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  normal
 *  font-weight: 900
 *  font-display: swap
 *  src: url("fonts/Inter-Black.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-Black.woff?3.13") format("woff")
 *
 * @font-face
 *  font-family: 'Inter'
 *  font-style:  italic
 *  font-weight: 900
 *  font-display: swap
 *  src: url("fonts/Inter-BlackItalic.woff2?3.13") format("woff2"),
 *  url("fonts/Inter-BlackItalic.woff?3.13") format("woff") */
/* variable fonts
 * Usage:
 *
 *  html font-family: 'Inter', sans-serif
 *  @supports (font-variation-settings: normal)
 *  html font-family: 'Inter var', sans-serif
 *
 * @font-face
 *  font-family: 'Inter var'
 *  font-weight: 100 900
 *  font-style: normal
 *  font-named-instance: 'Regular'
 *  font-display: swap
 *  src: url("fonts/Inter-roman.var.woff2?3.13") format("woff2")
 *
 * @font-face
 *  font-family: 'Inter var'
 *  font-weight: 100 900
 *  font-style: italic
 *  font-named-instance: 'Italic'
 *  font-display: swap
 *  src: url("fonts/Inter-italic.var.woff2?3.13") format("woff2") */
/* Legacy naming compatibility
 * @font-face
 *  font-family: 'Inter var alt'
 *  font-weight: 100 900
 *  font-style: normal
 *  font-named-instance: 'Regular'
 *  font-display: swap
 *  src: url("fonts/Inter-roman.var.woff2?3.13") format("woff2")
 *
 * @font-face
 *  font-family: 'Inter var alt'
 *  font-weight: 100 900
 *  font-style: italic
 *  font-named-instance: 'Italic'
 *  font-display: swap
 *  src: url("fonts/Inter-italic.var.woff2?3.13") format("woff2") */
/* [EXPERIMENTAL] Multi-axis, single variable font.
 *
 * Slant axis is not yet widely supported (as of February 2019) and thus this
 * multi-axis single variable font is opt-in rather than the default.
 *
 * When using this, you will probably need to set font-variation-settings
 * explicitly, e.g.
 *
 * * font-variation-settings: "slnt" 0deg
 * .italic font-variation-settings: "slnt" 10deg
 *
 * @font-face
 *  font-family: 'Inter var experimental'
 *  font-weight: 100 900
 *  font-style: oblique 0deg 10deg
 *  font-display: swap
 *  src: url("Inter.var.woff2?3.13") format("woff2") */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.1em;
  font-weight: 400;
}
@media (min-width: 768px) {
  html {
    font-size: 1.3em;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 1.15em;
  }
}

body {
  --c-hsa-white: #fff;
  --color-theme: #b51d1c;
  --color-theme-soft: #e86a69;
  --c-hellgrau: #f2f2f2;
}

figure {
  margin: 0;
}
figure figcaption {
  font-size: 0.8em;
  margin-top: 1em !important;
}

img {
  width: 100%;
  display: block;
}

strong {
  font-weight: 500;
}

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

.bg-main-soft {
  background-color: var(--color-theme-soft);
}

.wrapper, .is-root-container table,
.is-root-container blockquote, .is-root-container > ol, .is-root-container > ul,
.is-root-container .wp-block-file,
.is-root-container .wp-block-table,
.is-root-container .wp-block-image,
body.projekte-template-default main table,
body.projekte-template-default main blockquote,
body.projekte-template-default main > ol,
body.projekte-template-default main > ul,
body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .wp-block-image, #main > h1, #main > h2, #main > h3, #main > h4, #main > h5, #main > h6, #main > p, #main > ul, #main > .wp-block-columns {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6rem;
  padding-right: 6rem;
}
@media (max-width: 768px) {
  .wrapper, .is-root-container table,
.is-root-container blockquote, .is-root-container > ol, .is-root-container > ul,
.is-root-container .wp-block-file,
.is-root-container .wp-block-table,
.is-root-container .wp-block-image,
body.projekte-template-default main table,
body.projekte-template-default main blockquote,
body.projekte-template-default main > ol,
body.projekte-template-default main > ul,
body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .wp-block-image, #main > h1, #main > h2, #main > h3, #main > h4, #main > h5, #main > h6, #main > p, #main > ul, #main > .wp-block-columns {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.col-1 {
  width: calc(100% / 12 * 1);
}
@media (max-width: 992px) {
  .col-1 {
    width: 100%;
  }
}

.col-gap-1 {
  width: calc(100% / 12 * 1 - calc((12 / 1 - 1) * 1.5rem / (12 / 1)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-1 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-1:last-child {
  margin-bottom: 0;
}
.col-gap-1.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-1 {
    width: 100%;
  }
  .col-gap-1:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-1,
.col-gap-1 {
  display: block;
}
.col-1 > *:first-child,
.col-gap-1 > *:first-child {
  margin-top: 0;
}
.col-1 > *:not(h2):last-child,
.col-gap-1 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-1.flex,
.col-gap-1.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-1.center,
.col-gap-1.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-1.center,
.col-gap-1.center {
    text-align: left;
  }
}
.col-1.center-h,
.col-gap-1.center-h {
  justify-content: center;
}
.col-1.center-v,
.col-gap-1.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-1.between,
.col-gap-1.between {
  justify-content: space-between;
}
.col-1.between.center-v,
.col-gap-1.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-1.bottom,
.col-gap-1.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-1 {
  margin-top: calc(3rem * 1);
}
@media (max-width: 768px) {
  .m-t-1 {
    margin-top: 2.5rem;
  }
}

.m-b-1 {
  margin-bottom: calc(3rem * 1);
}
@media (max-width: 768px) {
  .m-b-1 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-1 {
  left: calc(2.5rem * -1);
}

.offset-t-1 {
  top: calc(2.5rem * -1);
}

.offset-r-1 {
  right: calc(2.5rem * -1);
}

.offset-b-1 {
  bottom: calc(2.5rem * -1);
}

@media (min-width: 768px) {
  .offset-l-1 {
    left: calc(3rem * -1);
  }
  .offset-t-1 {
    top: calc(3rem * -1);
  }
  .offset-r-1 {
    right: calc(3rem * -1);
  }
  .offset-b-1 {
    bottom: calc(3rem * -1);
  }
  .underlap-t-1,
.section.underlap-t-1 {
    margin-top: calc(3rem * -1);
    padding-top: calc(3rem * 1 + 3rem);
    z-index: 0;
  }
  .underlap-b-1,
.section.underlap-b-1 {
    margin-bottom: calc(3rem * -1);
  }
  .overlap-b-1,
.section.overlap-b-1 {
    margin-bottom: calc(3rem * 1);
  }
  .overlap-b-1 > *:last-child,
.section.overlap-b-1 > *:last-child {
    margin-bottom: calc(3rem * -1);
  }
  .overlap-t-1,
.section.overlap-t-1 {
    margin-top: calc(3rem * -1);
  }
}
.col-2 {
  width: calc(100% / 12 * 2);
}
@media (max-width: 992px) {
  .col-2 {
    width: 100%;
  }
}

.col-gap-2 {
  width: calc(100% / 12 * 2 - calc((12 / 2 - 1) * 1.5rem / (12 / 2)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-2 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-2:last-child {
  margin-bottom: 0;
}
.col-gap-2.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-2 {
    width: 100%;
  }
  .col-gap-2:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-2,
.col-gap-2 {
  display: block;
}
.col-2 > *:first-child,
.col-gap-2 > *:first-child {
  margin-top: 0;
}
.col-2 > *:not(h2):last-child,
.col-gap-2 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-2.flex,
.col-gap-2.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-2.center,
.col-gap-2.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-2.center,
.col-gap-2.center {
    text-align: left;
  }
}
.col-2.center-h,
.col-gap-2.center-h {
  justify-content: center;
}
.col-2.center-v,
.col-gap-2.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-2.between,
.col-gap-2.between {
  justify-content: space-between;
}
.col-2.between.center-v,
.col-gap-2.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-2.bottom,
.col-gap-2.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-2 {
  margin-top: calc(3rem * 2);
}
@media (max-width: 768px) {
  .m-t-2 {
    margin-top: 2.5rem;
  }
}

.m-b-2 {
  margin-bottom: calc(3rem * 2);
}
@media (max-width: 768px) {
  .m-b-2 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-2 {
  left: calc(2.5rem * -2);
}

.offset-t-2 {
  top: calc(2.5rem * -2);
}

.offset-r-2 {
  right: calc(2.5rem * -2);
}

.offset-b-2 {
  bottom: calc(2.5rem * -2);
}

@media (min-width: 768px) {
  .offset-l-2 {
    left: calc(3rem * -2);
  }
  .offset-t-2 {
    top: calc(3rem * -2);
  }
  .offset-r-2 {
    right: calc(3rem * -2);
  }
  .offset-b-2 {
    bottom: calc(3rem * -2);
  }
  .underlap-t-2,
.section.underlap-t-2 {
    margin-top: calc(3rem * -2);
    padding-top: calc(3rem * 2 + 3rem);
    z-index: 0;
  }
  .underlap-b-2,
.section.underlap-b-2 {
    margin-bottom: calc(3rem * -2);
  }
  .overlap-b-2,
.section.overlap-b-2 {
    margin-bottom: calc(3rem * 2);
  }
  .overlap-b-2 > *:last-child,
.section.overlap-b-2 > *:last-child {
    margin-bottom: calc(3rem * -2);
  }
  .overlap-t-2,
.section.overlap-t-2 {
    margin-top: calc(3rem * -2);
  }
}
.col-3 {
  width: calc(100% / 12 * 3);
}
@media (max-width: 992px) {
  .col-3 {
    width: 100%;
  }
}

.col-gap-3 {
  width: calc(100% / 12 * 3 - calc((12 / 3 - 1) * 1.5rem / (12 / 3)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-3 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-3:last-child {
  margin-bottom: 0;
}
.col-gap-3.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-3 {
    width: 100%;
  }
  .col-gap-3:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-3,
.col-gap-3 {
  display: block;
}
.col-3 > *:first-child,
.col-gap-3 > *:first-child {
  margin-top: 0;
}
.col-3 > *:not(h2):last-child,
.col-gap-3 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-3.flex,
.col-gap-3.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-3.center,
.col-gap-3.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-3.center,
.col-gap-3.center {
    text-align: left;
  }
}
.col-3.center-h,
.col-gap-3.center-h {
  justify-content: center;
}
.col-3.center-v,
.col-gap-3.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-3.between,
.col-gap-3.between {
  justify-content: space-between;
}
.col-3.between.center-v,
.col-gap-3.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-3.bottom,
.col-gap-3.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-3 {
  margin-top: calc(3rem * 3);
}
@media (max-width: 768px) {
  .m-t-3 {
    margin-top: 2.5rem;
  }
}

.m-b-3 {
  margin-bottom: calc(3rem * 3);
}
@media (max-width: 768px) {
  .m-b-3 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-3 {
  left: calc(2.5rem * -3);
}

.offset-t-3 {
  top: calc(2.5rem * -3);
}

.offset-r-3 {
  right: calc(2.5rem * -3);
}

.offset-b-3 {
  bottom: calc(2.5rem * -3);
}

@media (min-width: 768px) {
  .offset-l-3 {
    left: calc(3rem * -3);
  }
  .offset-t-3 {
    top: calc(3rem * -3);
  }
  .offset-r-3 {
    right: calc(3rem * -3);
  }
  .offset-b-3 {
    bottom: calc(3rem * -3);
  }
  .underlap-t-3,
.section.underlap-t-3 {
    margin-top: calc(3rem * -3);
    padding-top: calc(3rem * 3 + 3rem);
    z-index: 0;
  }
  .underlap-b-3,
.section.underlap-b-3 {
    margin-bottom: calc(3rem * -3);
  }
  .overlap-b-3,
.section.overlap-b-3 {
    margin-bottom: calc(3rem * 3);
  }
  .overlap-b-3 > *:last-child,
.section.overlap-b-3 > *:last-child {
    margin-bottom: calc(3rem * -3);
  }
  .overlap-t-3,
.section.overlap-t-3 {
    margin-top: calc(3rem * -3);
  }
}
.col-4 {
  width: calc(100% / 12 * 4);
}
@media (max-width: 992px) {
  .col-4 {
    width: 100%;
  }
}

.col-gap-4 {
  width: calc(100% / 12 * 4 - calc((12 / 4 - 1) * 1.5rem / (12 / 4)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-4 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-4:last-child {
  margin-bottom: 0;
}
.col-gap-4.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-4 {
    width: 100%;
  }
  .col-gap-4:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-4,
.col-gap-4 {
  display: block;
}
.col-4 > *:first-child,
.col-gap-4 > *:first-child {
  margin-top: 0;
}
.col-4 > *:not(h2):last-child,
.col-gap-4 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-4.flex,
.col-gap-4.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-4.center,
.col-gap-4.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-4.center,
.col-gap-4.center {
    text-align: left;
  }
}
.col-4.center-h,
.col-gap-4.center-h {
  justify-content: center;
}
.col-4.center-v,
.col-gap-4.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-4.between,
.col-gap-4.between {
  justify-content: space-between;
}
.col-4.between.center-v,
.col-gap-4.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-4.bottom,
.col-gap-4.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-4 {
  margin-top: calc(3rem * 4);
}
@media (max-width: 768px) {
  .m-t-4 {
    margin-top: 2.5rem;
  }
}

.m-b-4 {
  margin-bottom: calc(3rem * 4);
}
@media (max-width: 768px) {
  .m-b-4 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-4 {
  left: calc(2.5rem * -4);
}

.offset-t-4 {
  top: calc(2.5rem * -4);
}

.offset-r-4 {
  right: calc(2.5rem * -4);
}

.offset-b-4 {
  bottom: calc(2.5rem * -4);
}

@media (min-width: 768px) {
  .offset-l-4 {
    left: calc(3rem * -4);
  }
  .offset-t-4 {
    top: calc(3rem * -4);
  }
  .offset-r-4 {
    right: calc(3rem * -4);
  }
  .offset-b-4 {
    bottom: calc(3rem * -4);
  }
  .underlap-t-4,
.section.underlap-t-4 {
    margin-top: calc(3rem * -4);
    padding-top: calc(3rem * 4 + 3rem);
    z-index: 0;
  }
  .underlap-b-4,
.section.underlap-b-4 {
    margin-bottom: calc(3rem * -4);
  }
  .overlap-b-4,
.section.overlap-b-4 {
    margin-bottom: calc(3rem * 4);
  }
  .overlap-b-4 > *:last-child,
.section.overlap-b-4 > *:last-child {
    margin-bottom: calc(3rem * -4);
  }
  .overlap-t-4,
.section.overlap-t-4 {
    margin-top: calc(3rem * -4);
  }
}
.col-5 {
  width: calc(100% / 12 * 5);
}
@media (max-width: 992px) {
  .col-5 {
    width: 100%;
  }
}

.col-gap-5 {
  width: calc(100% / 12 * 5 - calc((12 / 5 - 1) * 1.5rem / (12 / 5)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-5 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-5:last-child {
  margin-bottom: 0;
}
.col-gap-5.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-5 {
    width: 100%;
  }
  .col-gap-5:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-5,
.col-gap-5 {
  display: block;
}
.col-5 > *:first-child,
.col-gap-5 > *:first-child {
  margin-top: 0;
}
.col-5 > *:not(h2):last-child,
.col-gap-5 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-5.flex,
.col-gap-5.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-5.center,
.col-gap-5.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-5.center,
.col-gap-5.center {
    text-align: left;
  }
}
.col-5.center-h,
.col-gap-5.center-h {
  justify-content: center;
}
.col-5.center-v,
.col-gap-5.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-5.between,
.col-gap-5.between {
  justify-content: space-between;
}
.col-5.between.center-v,
.col-gap-5.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-5.bottom,
.col-gap-5.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-5 {
  margin-top: calc(3rem * 5);
}
@media (max-width: 768px) {
  .m-t-5 {
    margin-top: 2.5rem;
  }
}

.m-b-5 {
  margin-bottom: calc(3rem * 5);
}
@media (max-width: 768px) {
  .m-b-5 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-5 {
  left: calc(2.5rem * -5);
}

.offset-t-5 {
  top: calc(2.5rem * -5);
}

.offset-r-5 {
  right: calc(2.5rem * -5);
}

.offset-b-5 {
  bottom: calc(2.5rem * -5);
}

@media (min-width: 768px) {
  .offset-l-5 {
    left: calc(3rem * -5);
  }
  .offset-t-5 {
    top: calc(3rem * -5);
  }
  .offset-r-5 {
    right: calc(3rem * -5);
  }
  .offset-b-5 {
    bottom: calc(3rem * -5);
  }
  .underlap-t-5,
.section.underlap-t-5 {
    margin-top: calc(3rem * -5);
    padding-top: calc(3rem * 5 + 3rem);
    z-index: 0;
  }
  .underlap-b-5,
.section.underlap-b-5 {
    margin-bottom: calc(3rem * -5);
  }
  .overlap-b-5,
.section.overlap-b-5 {
    margin-bottom: calc(3rem * 5);
  }
  .overlap-b-5 > *:last-child,
.section.overlap-b-5 > *:last-child {
    margin-bottom: calc(3rem * -5);
  }
  .overlap-t-5,
.section.overlap-t-5 {
    margin-top: calc(3rem * -5);
  }
}
.col-6 {
  width: calc(100% / 12 * 6);
}
@media (max-width: 992px) {
  .col-6 {
    width: 100%;
  }
}

.col-gap-6 {
  width: calc(100% / 12 * 6 - calc((12 / 6 - 1) * 1.5rem / (12 / 6)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-6 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-6:last-child {
  margin-bottom: 0;
}
.col-gap-6.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-6 {
    width: 100%;
  }
  .col-gap-6:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-6,
.col-gap-6 {
  display: block;
}
.col-6 > *:first-child,
.col-gap-6 > *:first-child {
  margin-top: 0;
}
.col-6 > *:not(h2):last-child,
.col-gap-6 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-6.flex,
.col-gap-6.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-6.center,
.col-gap-6.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-6.center,
.col-gap-6.center {
    text-align: left;
  }
}
.col-6.center-h,
.col-gap-6.center-h {
  justify-content: center;
}
.col-6.center-v,
.col-gap-6.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-6.between,
.col-gap-6.between {
  justify-content: space-between;
}
.col-6.between.center-v,
.col-gap-6.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-6.bottom,
.col-gap-6.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-6 {
  margin-top: calc(3rem * 6);
}
@media (max-width: 768px) {
  .m-t-6 {
    margin-top: 2.5rem;
  }
}

.m-b-6 {
  margin-bottom: calc(3rem * 6);
}
@media (max-width: 768px) {
  .m-b-6 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-6 {
  left: calc(2.5rem * -6);
}

.offset-t-6 {
  top: calc(2.5rem * -6);
}

.offset-r-6 {
  right: calc(2.5rem * -6);
}

.offset-b-6 {
  bottom: calc(2.5rem * -6);
}

@media (min-width: 768px) {
  .offset-l-6 {
    left: calc(3rem * -6);
  }
  .offset-t-6 {
    top: calc(3rem * -6);
  }
  .offset-r-6 {
    right: calc(3rem * -6);
  }
  .offset-b-6 {
    bottom: calc(3rem * -6);
  }
  .underlap-t-6,
.section.underlap-t-6 {
    margin-top: calc(3rem * -6);
    padding-top: calc(3rem * 6 + 3rem);
    z-index: 0;
  }
  .underlap-b-6,
.section.underlap-b-6 {
    margin-bottom: calc(3rem * -6);
  }
  .overlap-b-6,
.section.overlap-b-6 {
    margin-bottom: calc(3rem * 6);
  }
  .overlap-b-6 > *:last-child,
.section.overlap-b-6 > *:last-child {
    margin-bottom: calc(3rem * -6);
  }
  .overlap-t-6,
.section.overlap-t-6 {
    margin-top: calc(3rem * -6);
  }
}
.col-7 {
  width: calc(100% / 12 * 7);
}
@media (max-width: 992px) {
  .col-7 {
    width: 100%;
  }
}

.col-gap-7 {
  width: calc(100% / 12 * 7 - calc((12 / 7 - 1) * 1.5rem / (12 / 7)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-7 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-7:last-child {
  margin-bottom: 0;
}
.col-gap-7.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-7 {
    width: 100%;
  }
  .col-gap-7:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-7,
.col-gap-7 {
  display: block;
}
.col-7 > *:first-child,
.col-gap-7 > *:first-child {
  margin-top: 0;
}
.col-7 > *:not(h2):last-child,
.col-gap-7 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-7.flex,
.col-gap-7.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-7.center,
.col-gap-7.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-7.center,
.col-gap-7.center {
    text-align: left;
  }
}
.col-7.center-h,
.col-gap-7.center-h {
  justify-content: center;
}
.col-7.center-v,
.col-gap-7.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-7.between,
.col-gap-7.between {
  justify-content: space-between;
}
.col-7.between.center-v,
.col-gap-7.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-7.bottom,
.col-gap-7.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-7 {
  margin-top: calc(3rem * 7);
}
@media (max-width: 768px) {
  .m-t-7 {
    margin-top: 2.5rem;
  }
}

.m-b-7 {
  margin-bottom: calc(3rem * 7);
}
@media (max-width: 768px) {
  .m-b-7 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-7 {
  left: calc(2.5rem * -7);
}

.offset-t-7 {
  top: calc(2.5rem * -7);
}

.offset-r-7 {
  right: calc(2.5rem * -7);
}

.offset-b-7 {
  bottom: calc(2.5rem * -7);
}

@media (min-width: 768px) {
  .offset-l-7 {
    left: calc(3rem * -7);
  }
  .offset-t-7 {
    top: calc(3rem * -7);
  }
  .offset-r-7 {
    right: calc(3rem * -7);
  }
  .offset-b-7 {
    bottom: calc(3rem * -7);
  }
  .underlap-t-7,
.section.underlap-t-7 {
    margin-top: calc(3rem * -7);
    padding-top: calc(3rem * 7 + 3rem);
    z-index: 0;
  }
  .underlap-b-7,
.section.underlap-b-7 {
    margin-bottom: calc(3rem * -7);
  }
  .overlap-b-7,
.section.overlap-b-7 {
    margin-bottom: calc(3rem * 7);
  }
  .overlap-b-7 > *:last-child,
.section.overlap-b-7 > *:last-child {
    margin-bottom: calc(3rem * -7);
  }
  .overlap-t-7,
.section.overlap-t-7 {
    margin-top: calc(3rem * -7);
  }
}
.col-8 {
  width: calc(100% / 12 * 8);
}
@media (max-width: 992px) {
  .col-8 {
    width: 100%;
  }
}

.col-gap-8 {
  width: calc(100% / 12 * 8 - calc((12 / 8 - 1) * 1.5rem / (12 / 8)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-8 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-8:last-child {
  margin-bottom: 0;
}
.col-gap-8.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-8 {
    width: 100%;
  }
  .col-gap-8:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-8,
.col-gap-8 {
  display: block;
}
.col-8 > *:first-child,
.col-gap-8 > *:first-child {
  margin-top: 0;
}
.col-8 > *:not(h2):last-child,
.col-gap-8 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-8.flex,
.col-gap-8.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-8.center,
.col-gap-8.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-8.center,
.col-gap-8.center {
    text-align: left;
  }
}
.col-8.center-h,
.col-gap-8.center-h {
  justify-content: center;
}
.col-8.center-v,
.col-gap-8.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-8.between,
.col-gap-8.between {
  justify-content: space-between;
}
.col-8.between.center-v,
.col-gap-8.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-8.bottom,
.col-gap-8.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-8 {
  margin-top: calc(3rem * 8);
}
@media (max-width: 768px) {
  .m-t-8 {
    margin-top: 2.5rem;
  }
}

.m-b-8 {
  margin-bottom: calc(3rem * 8);
}
@media (max-width: 768px) {
  .m-b-8 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-8 {
  left: calc(2.5rem * -8);
}

.offset-t-8 {
  top: calc(2.5rem * -8);
}

.offset-r-8 {
  right: calc(2.5rem * -8);
}

.offset-b-8 {
  bottom: calc(2.5rem * -8);
}

@media (min-width: 768px) {
  .offset-l-8 {
    left: calc(3rem * -8);
  }
  .offset-t-8 {
    top: calc(3rem * -8);
  }
  .offset-r-8 {
    right: calc(3rem * -8);
  }
  .offset-b-8 {
    bottom: calc(3rem * -8);
  }
  .underlap-t-8,
.section.underlap-t-8 {
    margin-top: calc(3rem * -8);
    padding-top: calc(3rem * 8 + 3rem);
    z-index: 0;
  }
  .underlap-b-8,
.section.underlap-b-8 {
    margin-bottom: calc(3rem * -8);
  }
  .overlap-b-8,
.section.overlap-b-8 {
    margin-bottom: calc(3rem * 8);
  }
  .overlap-b-8 > *:last-child,
.section.overlap-b-8 > *:last-child {
    margin-bottom: calc(3rem * -8);
  }
  .overlap-t-8,
.section.overlap-t-8 {
    margin-top: calc(3rem * -8);
  }
}
.col-9 {
  width: calc(100% / 12 * 9);
}
@media (max-width: 992px) {
  .col-9 {
    width: 100%;
  }
}

.col-gap-9 {
  width: calc(100% / 12 * 9 - calc((12 / 9 - 1) * 1.5rem / (12 / 9)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-9 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-9:last-child {
  margin-bottom: 0;
}
.col-gap-9.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-9 {
    width: 100%;
  }
  .col-gap-9:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-9,
.col-gap-9 {
  display: block;
}
.col-9 > *:first-child,
.col-gap-9 > *:first-child {
  margin-top: 0;
}
.col-9 > *:not(h2):last-child,
.col-gap-9 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-9.flex,
.col-gap-9.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-9.center,
.col-gap-9.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-9.center,
.col-gap-9.center {
    text-align: left;
  }
}
.col-9.center-h,
.col-gap-9.center-h {
  justify-content: center;
}
.col-9.center-v,
.col-gap-9.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-9.between,
.col-gap-9.between {
  justify-content: space-between;
}
.col-9.between.center-v,
.col-gap-9.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-9.bottom,
.col-gap-9.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-9 {
  margin-top: calc(3rem * 9);
}
@media (max-width: 768px) {
  .m-t-9 {
    margin-top: 2.5rem;
  }
}

.m-b-9 {
  margin-bottom: calc(3rem * 9);
}
@media (max-width: 768px) {
  .m-b-9 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-9 {
  left: calc(2.5rem * -9);
}

.offset-t-9 {
  top: calc(2.5rem * -9);
}

.offset-r-9 {
  right: calc(2.5rem * -9);
}

.offset-b-9 {
  bottom: calc(2.5rem * -9);
}

@media (min-width: 768px) {
  .offset-l-9 {
    left: calc(3rem * -9);
  }
  .offset-t-9 {
    top: calc(3rem * -9);
  }
  .offset-r-9 {
    right: calc(3rem * -9);
  }
  .offset-b-9 {
    bottom: calc(3rem * -9);
  }
  .underlap-t-9,
.section.underlap-t-9 {
    margin-top: calc(3rem * -9);
    padding-top: calc(3rem * 9 + 3rem);
    z-index: 0;
  }
  .underlap-b-9,
.section.underlap-b-9 {
    margin-bottom: calc(3rem * -9);
  }
  .overlap-b-9,
.section.overlap-b-9 {
    margin-bottom: calc(3rem * 9);
  }
  .overlap-b-9 > *:last-child,
.section.overlap-b-9 > *:last-child {
    margin-bottom: calc(3rem * -9);
  }
  .overlap-t-9,
.section.overlap-t-9 {
    margin-top: calc(3rem * -9);
  }
}
.col-10 {
  width: calc(100% / 12 * 10);
}
@media (max-width: 992px) {
  .col-10 {
    width: 100%;
  }
}

.col-gap-10 {
  width: calc(100% / 12 * 10 - calc((12 / 10 - 1) * 1.5rem / (12 / 10)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-10 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-10:last-child {
  margin-bottom: 0;
}
.col-gap-10.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-10 {
    width: 100%;
  }
  .col-gap-10:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-10,
.col-gap-10 {
  display: block;
}
.col-10 > *:first-child,
.col-gap-10 > *:first-child {
  margin-top: 0;
}
.col-10 > *:not(h2):last-child,
.col-gap-10 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-10.flex,
.col-gap-10.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-10.center,
.col-gap-10.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-10.center,
.col-gap-10.center {
    text-align: left;
  }
}
.col-10.center-h,
.col-gap-10.center-h {
  justify-content: center;
}
.col-10.center-v,
.col-gap-10.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-10.between,
.col-gap-10.between {
  justify-content: space-between;
}
.col-10.between.center-v,
.col-gap-10.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-10.bottom,
.col-gap-10.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-10 {
  margin-top: calc(3rem * 10);
}
@media (max-width: 768px) {
  .m-t-10 {
    margin-top: 2.5rem;
  }
}

.m-b-10 {
  margin-bottom: calc(3rem * 10);
}
@media (max-width: 768px) {
  .m-b-10 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-10 {
  left: calc(2.5rem * -10);
}

.offset-t-10 {
  top: calc(2.5rem * -10);
}

.offset-r-10 {
  right: calc(2.5rem * -10);
}

.offset-b-10 {
  bottom: calc(2.5rem * -10);
}

@media (min-width: 768px) {
  .offset-l-10 {
    left: calc(3rem * -10);
  }
  .offset-t-10 {
    top: calc(3rem * -10);
  }
  .offset-r-10 {
    right: calc(3rem * -10);
  }
  .offset-b-10 {
    bottom: calc(3rem * -10);
  }
  .underlap-t-10,
.section.underlap-t-10 {
    margin-top: calc(3rem * -10);
    padding-top: calc(3rem * 10 + 3rem);
    z-index: 0;
  }
  .underlap-b-10,
.section.underlap-b-10 {
    margin-bottom: calc(3rem * -10);
  }
  .overlap-b-10,
.section.overlap-b-10 {
    margin-bottom: calc(3rem * 10);
  }
  .overlap-b-10 > *:last-child,
.section.overlap-b-10 > *:last-child {
    margin-bottom: calc(3rem * -10);
  }
  .overlap-t-10,
.section.overlap-t-10 {
    margin-top: calc(3rem * -10);
  }
}
.col-11 {
  width: calc(100% / 12 * 11);
}
@media (max-width: 992px) {
  .col-11 {
    width: 100%;
  }
}

.col-gap-11 {
  width: calc(100% / 12 * 11 - calc((12 / 11 - 1) * 1.5rem / (12 / 11)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-11 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-11:last-child {
  margin-bottom: 0;
}
.col-gap-11.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-11 {
    width: 100%;
  }
  .col-gap-11:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-11,
.col-gap-11 {
  display: block;
}
.col-11 > *:first-child,
.col-gap-11 > *:first-child {
  margin-top: 0;
}
.col-11 > *:not(h2):last-child,
.col-gap-11 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-11.flex,
.col-gap-11.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-11.center,
.col-gap-11.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-11.center,
.col-gap-11.center {
    text-align: left;
  }
}
.col-11.center-h,
.col-gap-11.center-h {
  justify-content: center;
}
.col-11.center-v,
.col-gap-11.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-11.between,
.col-gap-11.between {
  justify-content: space-between;
}
.col-11.between.center-v,
.col-gap-11.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-11.bottom,
.col-gap-11.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-11 {
  margin-top: calc(3rem * 11);
}
@media (max-width: 768px) {
  .m-t-11 {
    margin-top: 2.5rem;
  }
}

.m-b-11 {
  margin-bottom: calc(3rem * 11);
}
@media (max-width: 768px) {
  .m-b-11 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-11 {
  left: calc(2.5rem * -11);
}

.offset-t-11 {
  top: calc(2.5rem * -11);
}

.offset-r-11 {
  right: calc(2.5rem * -11);
}

.offset-b-11 {
  bottom: calc(2.5rem * -11);
}

@media (min-width: 768px) {
  .offset-l-11 {
    left: calc(3rem * -11);
  }
  .offset-t-11 {
    top: calc(3rem * -11);
  }
  .offset-r-11 {
    right: calc(3rem * -11);
  }
  .offset-b-11 {
    bottom: calc(3rem * -11);
  }
  .underlap-t-11,
.section.underlap-t-11 {
    margin-top: calc(3rem * -11);
    padding-top: calc(3rem * 11 + 3rem);
    z-index: 0;
  }
  .underlap-b-11,
.section.underlap-b-11 {
    margin-bottom: calc(3rem * -11);
  }
  .overlap-b-11,
.section.overlap-b-11 {
    margin-bottom: calc(3rem * 11);
  }
  .overlap-b-11 > *:last-child,
.section.overlap-b-11 > *:last-child {
    margin-bottom: calc(3rem * -11);
  }
  .overlap-t-11,
.section.overlap-t-11 {
    margin-top: calc(3rem * -11);
  }
}
.col-12 {
  width: calc(100% / 12 * 12);
}
@media (max-width: 992px) {
  .col-12 {
    width: 100%;
  }
}

.col-gap-12 {
  width: calc(100% / 12 * 12 - calc((12 / 12 - 1) * 1.5rem / (12 / 12)));
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .col-gap-12 {
    margin-bottom: 0.75rem;
  }
}
.col-gap-12:last-child {
  margin-bottom: 0;
}
.col-gap-12.bg-white {
  padding: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03), 0 20px 20px 0 rgba(0, 0, 0, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.03);
}
@media (max-width: 768px) {
  .col-gap-12 {
    width: 100%;
  }
  .col-gap-12:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.col-12,
.col-gap-12 {
  display: block;
}
.col-12 > *:first-child,
.col-gap-12 > *:first-child {
  margin-top: 0;
}
.col-12 > *:not(h2):last-child,
.col-gap-12 > *:not(h2):last-child {
  margin-bottom: 0;
}
.col-12.flex,
.col-gap-12.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-12.center,
.col-gap-12.center {
  text-align: center;
}
@media (max-width: 768px) {
  .col-12.center,
.col-gap-12.center {
    text-align: left;
  }
}
.col-12.center-h,
.col-gap-12.center-h {
  justify-content: center;
}
.col-12.center-v,
.col-gap-12.center-v {
  flex-direction: column;
  justify-content: center;
}
.col-12.between,
.col-gap-12.between {
  justify-content: space-between;
}
.col-12.between.center-v,
.col-gap-12.between.center-v {
  flex-direction: row;
  align-items: center;
}
.col-12.bottom,
.col-gap-12.bottom {
  flex-direction: column;
  justify-content: flex-end;
}

.m-t-12 {
  margin-top: calc(3rem * 12);
}
@media (max-width: 768px) {
  .m-t-12 {
    margin-top: 2.5rem;
  }
}

.m-b-12 {
  margin-bottom: calc(3rem * 12);
}
@media (max-width: 768px) {
  .m-b-12 {
    margin-bottom: 2.5rem;
  }
}

.offset-l-12 {
  left: calc(2.5rem * -12);
}

.offset-t-12 {
  top: calc(2.5rem * -12);
}

.offset-r-12 {
  right: calc(2.5rem * -12);
}

.offset-b-12 {
  bottom: calc(2.5rem * -12);
}

@media (min-width: 768px) {
  .offset-l-12 {
    left: calc(3rem * -12);
  }
  .offset-t-12 {
    top: calc(3rem * -12);
  }
  .offset-r-12 {
    right: calc(3rem * -12);
  }
  .offset-b-12 {
    bottom: calc(3rem * -12);
  }
  .underlap-t-12,
.section.underlap-t-12 {
    margin-top: calc(3rem * -12);
    padding-top: calc(3rem * 12 + 3rem);
    z-index: 0;
  }
  .underlap-b-12,
.section.underlap-b-12 {
    margin-bottom: calc(3rem * -12);
  }
  .overlap-b-12,
.section.overlap-b-12 {
    margin-bottom: calc(3rem * 12);
  }
  .overlap-b-12 > *:last-child,
.section.overlap-b-12 > *:last-child {
    margin-bottom: calc(3rem * -12);
  }
  .overlap-t-12,
.section.overlap-t-12 {
    margin-top: calc(3rem * -12);
  }
}
.text-col-2 {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 3.999rem;
       column-gap: 3.999rem;
}
@media (max-width: 768px) {
  .text-col-2 {
    -moz-column-count: 1;
         column-count: 1;
  }
}

.text-col-block {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

a:focus {
  outline: none;
}

.fancybox-slide--image {
  padding: 3rem;
}

.fancybox-progress {
  background-color: black;
}
@media (prefers-color-scheme: dark) {
  .fancybox-progress {
    background-color: white;
  }
}

.fancybox-bg,
.fancybox-is-open .fancybox-bg {
  background-color: rgba(255, 255, 255, 0.9);
}
@media (prefers-color-scheme: dark) {
  .fancybox-bg,
.fancybox-is-open .fancybox-bg {
    background-color: var(--background);
  }
}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
}

.fancybox-image {
  pointer-events: none;
}

.fancybox-content.video-wrapper {
  width: 100%;
  height: 100%;
}
.fancybox-content.video-wrapper iframe {
  width: 100%;
  height: 100%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.placeholder {
  width: 100%;
}
.placeholder + .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lazy {
  transition: opacity 750ms ease-in-out;
  opacity: 0;
}
.lazy.loaded {
  opacity: 1;
}

.section.block-project_grid,
.section.isotope-project_grid {
  overflow-y: visible;
  z-index: 1;
}
@media (min-width: 768px) {
  .section.block-project_grid,
.section.isotope-project_grid {
    overflow: visible;
  }
}
.section.block-project_grid .grid,
.section.isotope-project_grid .grid {
  display: grid;
  gap: 1.5rem;
  margin-top: -3rem;
  transition: 350ms ease-in-out;
}
@media (min-width: 768px) {
  .section.block-project_grid .grid,
.section.isotope-project_grid .grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .section.block-project_grid .grid,
.section.isotope-project_grid .grid {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: -1rem;
  }
}
.section.block-project_grid .grid .grid-item .image-container:has(img.loaded),
.section.isotope-project_grid .grid .grid-item .image-container:has(img.loaded) {
  background: black !important;
}
.section.block-project_grid .grid .grid-item .image-container:has(img.loaded) img,
.section.isotope-project_grid .grid .grid-item .image-container:has(img.loaded) img {
  opacity: 0.96 !important;
}
.section.block-project_grid .grid.hide,
.section.isotope-project_grid .grid.hide {
  opacity: 0;
}
.section.block-project_grid .sticky-label,
.section.isotope-project_grid .sticky-label {
  /* padding-bottom: $spacer */
}
@media (max-width: 768px) {
  .section.block-project_grid .sticky-label,
.section.isotope-project_grid .sticky-label {
    padding-bottom: 1.5rem;
  }
}
.section.block-project_grid .grid-item,
.section.isotope-project_grid .grid-item {
  display: none;
}
.section.block-project_grid .grid-item.visible,
.section.isotope-project_grid .grid-item.visible {
  display: block;
}
.section.block-project_grid .grid-item:hover .image-container,
.section.isotope-project_grid .grid-item:hover .image-container {
  transform: scale(1.025);
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.15);
}
.section.block-project_grid .grid-item:hover .image-container img,
.section.isotope-project_grid .grid-item:hover .image-container img {
  transform: scale(1.025);
}
.section.block-project_grid .grid-item > p:first-child,
.section.isotope-project_grid .grid-item > p:first-child {
  margin-top: 0;
}
.section.block-project_grid .grid-item > p:last-child,
.section.isotope-project_grid .grid-item > p:last-child {
  margin-bottom: 0;
}
.section.block-project_grid .grid-item .title,
.section.isotope-project_grid .grid-item .title {
  font-weight: 500;
  color: black;
  margin-bottom: 0.1em;
  margin-top: 0.6rem;
}
@media (max-width: 768px) {
  .section.block-project_grid .grid-item .title,
.section.isotope-project_grid .grid-item .title {
    margin-top: 1rem;
    line-height: 130%;
  }
}
.section.block-project_grid .grid-item .description,
.section.isotope-project_grid .grid-item .description {
  font-weight: 500;
  font-size: 0.86rem;
  color: rgba(0, 0, 0, 0.4);
  margin: 0;
}
.section.block-project_grid .grid-item .image-container,
.section.isotope-project_grid .grid-item .image-container {
  transition: 0.35s cubic-bezier(0.42, 0, 0.1, 1);
  overflow: hidden;
}
.section.block-project_grid .grid-item .image-container img,
.section.isotope-project_grid .grid-item .image-container img {
  transition: 0.75s cubic-bezier(0.42, 0, 0.1, 1);
}

.section.block-project_grid .image-container,
.section.isotope-project_grid .image-container {
  position: relative;
  width: 100%;
  padding-bottom: 65%;
}
.section.block-project_grid .image-container .placeholder,
.section.isotope-project_grid .image-container .placeholder {
  display: none;
}
.section.block-project_grid .image-container img,
.section.isotope-project_grid .image-container img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.section.logo-grid {
  padding-top: 0 !important;
}
.section.logo-grid .swiper-container-free-mode > .swiper-wrapper {
  transition: linear;
}
.section.logo-grid + .section {
  padding-top: 6rem;
}
@media (max-width: 768px) {
  .section.logo-grid + .section {
    padding-top: 3rem;
  }
}
.section.logo-grid .logo-grid {
  padding-top: 3.75rem;
}
@media (max-width: 768px) {
  .section.logo-grid .logo-grid {
    padding-top: 1.5rem;
  }
}
.section.logo-grid .logo-row {
  display: flex;
  overflow: hidden;
  justify-content: center;
}
.section.logo-grid .logo-row:nth-child(1) .logo-container {
  transform: translateX(-50%);
}
.section.logo-grid .logo-row-2 {
  transform: scaleX(-1);
  transform-origin: center;
}
.section.logo-grid .logo-row-2 .logo-container {
  transform: scaleX(-1);
  transform-origin: center;
}
.section.logo-grid .logo-container {
  width: 12rem;
  background-color: white;
  margin: 0.72rem 0.72rem;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px) {
  .section.logo-grid .logo-container {
    margin: 0.75rem;
  }
}
.section.logo-grid .logo-inner-container {
  width: 100%;
  padding-bottom: 100%;
  border: solid 2px #f2f2f2;
}
.section.logo-grid .logo-inner-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: 75%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}

.block-editor-block-list__block .section.logo-grid .swiper-wrapper {
  display: flex;
}

.section.article-grid {
  background-color: #f2f2f2;
  padding-top: 6rem !important;
  margin-bottom: 6rem;
}
.section.article-grid .grid {
  width: 100%;
}
.section.article-grid .grid-item {
  width: 100%;
  display: block;
  transition: 350ms ease-in-out;
  padding-right: 3rem;
}
@media (max-width: 992px) {
  .section.article-grid .grid-item {
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .section.article-grid .grid-item:hover {
    transform: scale(1.025);
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.025);
  }
}
.section.article-grid .grid-item .grid-item--inner-container {
  background-color: white;
}
.section.article-grid .copy {
  padding: 1.5rem;
}
.section.article-grid .copy > p:first-child {
  margin-top: 0;
}
.section.article-grid .copy > p:last-child {
  margin-bottom: 0;
}
.section.article-grid .copy .date {
  font-weight: 500;
  font-size: 0.7rem;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 1.5rem;
}
.section.article-grid .copy .title {
  font-weight: 500;
  line-height: 130%;
  color: black;
  margin-bottom: 1em;
  margin-top: 0.5em;
}
.section.article-grid .copy .description {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
  letter-spacing: 0.005em;
  margin: 0;
}
.section.article-grid .progress-bar,
.section.article-grid .scrollbar {
  margin-top: 3.9rem;
  height: 3px;
  background-color: white;
}
.section.article-grid .progress-bar .handle,
.section.article-grid .scrollbar .handle {
  height: 100%;
  width: 100%;
  background-color: var(--color-theme);
  transform: scaleX(0.25);
  transform-origin: left;
  cursor: pointer;
}
.section.article-grid .progress-bar .swiper-scrollbar-drag,
.section.article-grid .scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-theme);
}
.section.article-grid .control {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px) {
  .section.article-grid .control {
    font-size: 0.8rem;
  }
  .section.article-grid .control svg {
    width: 20px;
    height: 20px;
  }
}
.section.article-grid .control a:hover {
  color: var(--color-theme);
}
.section.article-grid .control .button {
  display: inline-block;
  margin: 1rem 1rem 1rem 0;
}
@media (max-width: 768px) {
  .section.article-grid .control .button {
    margin: 0.5rem 0 0.3rem 0;
    left: 0;
    right: 0;
  }
}
.section.article-grid .control .button:active, .section.article-grid .control .button:focus {
  outline: none;
}
.section.article-grid .control .button.left {
  width: auto;
  height: auto;
}
.section.article-grid .control .button.left::after {
  display: none;
}
.section.article-grid .control .button.right {
  width: auto;
  height: auto;
}
.section.article-grid .control .button.right::after {
  display: none;
}

.block-editor-block-list__block .section.article-grid .grid-container {
  display: none;
}

.section + .section.contact-form {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 768px) {
  .section + .section.contact-form {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.section.contact-form {
  background-color: var(--color-theme);
  color: white;
  z-index: 1;
  overflow: visible;
}
.section.contact-form + .section {
  padding-top: 3rem;
}
@media (max-width: 768px) {
  .section.contact-form + .section {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) {
  .section.contact-form input.col-gap-6,
.section.contact-form textarea.col-gap-6 {
    width: 50%;
  }
  .section.contact-form input.col-gap-6:not(:nth-child(2n)),
.section.contact-form textarea.col-gap-6:not(:nth-child(2n)) {
    width: calc(50% - 0.75rem);
    margin-right: 0.75rem;
  }
}
.section.contact-form.grey {
  background-color: #f2f2f2;
  color: black;
}
.section.contact-form.grey input,
.section.contact-form.grey textarea,
.section.contact-form.grey .gform_wrapper textarea,
.section.contact-form.grey .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgb(0, 0, 0);
}
.section.contact-form.grey input::-moz-placeholder, .section.contact-form.grey textarea::-moz-placeholder, .section.contact-form.grey .gform_wrapper textarea::-moz-placeholder, .section.contact-form.grey .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.section.contact-form.grey input::placeholder,
.section.contact-form.grey textarea::placeholder,
.section.contact-form.grey .gform_wrapper textarea::placeholder,
.section.contact-form.grey .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.section.contact-form.grey input:focus,
.section.contact-form.grey textarea:focus,
.section.contact-form.grey .gform_wrapper textarea:focus,
.section.contact-form.grey .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
  background-color: #262626;
  color: white;
}
.section.contact-form.grey input:focus::-moz-placeholder, .section.contact-form.grey textarea:focus::-moz-placeholder, .section.contact-form.grey .gform_wrapper textarea:focus::-moz-placeholder, .section.contact-form.grey .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.section.contact-form.grey input:focus::placeholder,
.section.contact-form.grey textarea:focus::placeholder,
.section.contact-form.grey .gform_wrapper textarea:focus::placeholder,
.section.contact-form.grey .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.section.contact-form.grey button,
.section.contact-form.grey .gform_button {
  color: rgba(0, 0, 0, 0.6);
  background-color: white;
  box-shadow: 0 15px 60px 0 rgba(0, 0, 0, 0.15);
}
.section.contact-form.grey button:hover,
.section.contact-form.grey .gform_button:hover {
  color: var(--color-theme);
}
.section.contact-form.grey div.validation_error {
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1));
  background-color: white;
  color: rgb(200, 50, 50);
}
.section.contact-form.grey div.validation_error div.gfield_description, .section.contact-form.grey div.validation_error.gfield.gfield_error.gfield_contains_required div.gfield_description {
  color: rgb(200, 50, 50);
}
.section.contact-form .sticky-label {
  color: var(--color-theme-soft);
}
.section.contact-form .form-container .col-12 *:first-child {
  margin-top: 0.75rem;
}
@media (max-width: 768px) {
  .section.contact-form .form-container {
    margin-top: 3rem;
  }
}
@media (max-width: 768px) {
  .section.contact-form .meta {
    margin-bottom: 3rem;
  }
}
.section.contact-form h2 + .form-container {
  margin-top: 6rem;
}

.wp-block-image img {
  height: auto;
}

@media (max-width: 768px) {
  .section.image-block {
    padding-bottom: 2rem;
  }
}
.section.image-block + .image-block.config-3, .section.image-block + .image-block.config-2, .section.image-block.config-3 + .block-text_image {
  margin-top: -3rem;
}
@media (max-width: 768px) {
  .section.image-block + .image-block.config-3, .section.image-block + .image-block.config-2, .section.image-block.config-3 + .block-text_image {
    margin-top: -1rem;
  }
}
.section.image-block + .image-block.config-5 {
  margin-top: -3rem;
}
@media (max-width: 768px) {
  .section.image-block + .image-block.config-5 {
    margin-top: -2rem;
  }
}
.section.image-block .gallery-item {
  cursor: none;
}
.section.image-block.config-1 .image-wrapper:not(:last-child) {
  margin-bottom: 6rem;
}
.section.image-block.config-2 + .section.contact-form {
  margin-top: -6rem;
}
.section.image-block.config-2 .wrapper, .section.image-block.config-2 .is-root-container table, .is-root-container .section.image-block.config-2 table,
.section.image-block.config-2 .is-root-container blockquote,
.is-root-container .section.image-block.config-2 blockquote, .section.image-block.config-2 .is-root-container > ol, .section.image-block.config-2 .is-root-container > ul,
.section.image-block.config-2 .is-root-container .wp-block-file,
.is-root-container .section.image-block.config-2 .wp-block-file,
.section.image-block.config-2 .is-root-container .wp-block-table,
.is-root-container .section.image-block.config-2 .wp-block-table,
.section.image-block.config-2 .is-root-container .wp-block-image,
.is-root-container .section.image-block.config-2 .wp-block-image,
.section.image-block.config-2 body.projekte-template-default main table,
body.projekte-template-default main .section.image-block.config-2 table,
.section.image-block.config-2 body.projekte-template-default main blockquote,
body.projekte-template-default main .section.image-block.config-2 blockquote,
.section.image-block.config-2 body.projekte-template-default main > ol,
body.projekte-template-default .section.image-block.config-2 main > ol,
.section.image-block.config-2 body.projekte-template-default main > ul,
body.projekte-template-default .section.image-block.config-2 main > ul,
.section.image-block.config-2 body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.image-block.config-2 .wp-block-file,
.section.image-block.config-2 body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.image-block.config-2 .wp-block-table,
.section.image-block.config-2 body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.image-block.config-2 .wp-block-image, .section.image-block.config-2 #main > h1, .section.image-block.config-2 #main > h2, .section.image-block.config-2 #main > h3, .section.image-block.config-2 #main > h4, .section.image-block.config-2 #main > h5, .section.image-block.config-2 #main > h6, .section.image-block.config-2 #main > p, .section.image-block.config-2 #main > ul, .section.image-block.config-2 #main > .wp-block-columns {
  max-width: 2250px;
  padding: 0;
}
.section.image-block.config-3 .wrapper, .section.image-block.config-3 .is-root-container table, .is-root-container .section.image-block.config-3 table,
.section.image-block.config-3 .is-root-container blockquote,
.is-root-container .section.image-block.config-3 blockquote, .section.image-block.config-3 .is-root-container > ol, .section.image-block.config-3 .is-root-container > ul,
.section.image-block.config-3 .is-root-container .wp-block-file,
.is-root-container .section.image-block.config-3 .wp-block-file,
.section.image-block.config-3 .is-root-container .wp-block-table,
.is-root-container .section.image-block.config-3 .wp-block-table,
.section.image-block.config-3 .is-root-container .wp-block-image,
.is-root-container .section.image-block.config-3 .wp-block-image,
.section.image-block.config-3 body.projekte-template-default main table,
body.projekte-template-default main .section.image-block.config-3 table,
.section.image-block.config-3 body.projekte-template-default main blockquote,
body.projekte-template-default main .section.image-block.config-3 blockquote,
.section.image-block.config-3 body.projekte-template-default main > ol,
body.projekte-template-default .section.image-block.config-3 main > ol,
.section.image-block.config-3 body.projekte-template-default main > ul,
body.projekte-template-default .section.image-block.config-3 main > ul,
.section.image-block.config-3 body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.image-block.config-3 .wp-block-file,
.section.image-block.config-3 body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.image-block.config-3 .wp-block-table,
.section.image-block.config-3 body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.image-block.config-3 .wp-block-image, .section.image-block.config-3 #main > h1, .section.image-block.config-3 #main > h2, .section.image-block.config-3 #main > h3, .section.image-block.config-3 #main > h4, .section.image-block.config-3 #main > h5, .section.image-block.config-3 #main > h6, .section.image-block.config-3 #main > p, .section.image-block.config-3 #main > ul, .section.image-block.config-3 #main > .wp-block-columns {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (max-width: 768px) {
  .section.image-block.config-3 .wrapper, .section.image-block.config-3 .is-root-container table, .is-root-container .section.image-block.config-3 table,
.section.image-block.config-3 .is-root-container blockquote,
.is-root-container .section.image-block.config-3 blockquote, .section.image-block.config-3 .is-root-container > ol, .section.image-block.config-3 .is-root-container > ul,
.section.image-block.config-3 .is-root-container .wp-block-file,
.is-root-container .section.image-block.config-3 .wp-block-file,
.section.image-block.config-3 .is-root-container .wp-block-table,
.is-root-container .section.image-block.config-3 .wp-block-table,
.section.image-block.config-3 .is-root-container .wp-block-image,
.is-root-container .section.image-block.config-3 .wp-block-image,
.section.image-block.config-3 body.projekte-template-default main table,
body.projekte-template-default main .section.image-block.config-3 table,
.section.image-block.config-3 body.projekte-template-default main blockquote,
body.projekte-template-default main .section.image-block.config-3 blockquote,
.section.image-block.config-3 body.projekte-template-default main > ol,
body.projekte-template-default .section.image-block.config-3 main > ol,
.section.image-block.config-3 body.projekte-template-default main > ul,
body.projekte-template-default .section.image-block.config-3 main > ul,
.section.image-block.config-3 body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.image-block.config-3 .wp-block-file,
.section.image-block.config-3 body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.image-block.config-3 .wp-block-table,
.section.image-block.config-3 body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.image-block.config-3 .wp-block-image, .section.image-block.config-3 #main > h1, .section.image-block.config-3 #main > h2, .section.image-block.config-3 #main > h3, .section.image-block.config-3 #main > h4, .section.image-block.config-3 #main > h5, .section.image-block.config-3 #main > h6, .section.image-block.config-3 #main > p, .section.image-block.config-3 #main > ul, .section.image-block.config-3 #main > .wp-block-columns {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.section.image-block.config-3 .image-wrapper {
  width: 50%;
  padding: 3rem;
}
@media (max-width: 768px) {
  .section.image-block.config-3 .image-wrapper {
    padding: 1rem;
  }
}
.section.image-block.config-5 .wrapper, .section.image-block.config-5 .is-root-container table, .is-root-container .section.image-block.config-5 table,
.section.image-block.config-5 .is-root-container blockquote,
.is-root-container .section.image-block.config-5 blockquote, .section.image-block.config-5 .is-root-container > ol, .section.image-block.config-5 .is-root-container > ul,
.section.image-block.config-5 .is-root-container .wp-block-file,
.is-root-container .section.image-block.config-5 .wp-block-file,
.section.image-block.config-5 .is-root-container .wp-block-table,
.is-root-container .section.image-block.config-5 .wp-block-table,
.section.image-block.config-5 .is-root-container .wp-block-image,
.is-root-container .section.image-block.config-5 .wp-block-image,
.section.image-block.config-5 body.projekte-template-default main table,
body.projekte-template-default main .section.image-block.config-5 table,
.section.image-block.config-5 body.projekte-template-default main blockquote,
body.projekte-template-default main .section.image-block.config-5 blockquote,
.section.image-block.config-5 body.projekte-template-default main > ol,
body.projekte-template-default .section.image-block.config-5 main > ol,
.section.image-block.config-5 body.projekte-template-default main > ul,
body.projekte-template-default .section.image-block.config-5 main > ul,
.section.image-block.config-5 body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.image-block.config-5 .wp-block-file,
.section.image-block.config-5 body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.image-block.config-5 .wp-block-table,
.section.image-block.config-5 body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.image-block.config-5 .wp-block-image, .section.image-block.config-5 #main > h1, .section.image-block.config-5 #main > h2, .section.image-block.config-5 #main > h3, .section.image-block.config-5 #main > h4, .section.image-block.config-5 #main > h5, .section.image-block.config-5 #main > h6, .section.image-block.config-5 #main > p, .section.image-block.config-5 #main > ul, .section.image-block.config-5 #main > .wp-block-columns {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (max-width: 768px) {
  .section.image-block.config-5 .wrapper, .section.image-block.config-5 .is-root-container table, .is-root-container .section.image-block.config-5 table,
.section.image-block.config-5 .is-root-container blockquote,
.is-root-container .section.image-block.config-5 blockquote, .section.image-block.config-5 .is-root-container > ol, .section.image-block.config-5 .is-root-container > ul,
.section.image-block.config-5 .is-root-container .wp-block-file,
.is-root-container .section.image-block.config-5 .wp-block-file,
.section.image-block.config-5 .is-root-container .wp-block-table,
.is-root-container .section.image-block.config-5 .wp-block-table,
.section.image-block.config-5 .is-root-container .wp-block-image,
.is-root-container .section.image-block.config-5 .wp-block-image,
.section.image-block.config-5 body.projekte-template-default main table,
body.projekte-template-default main .section.image-block.config-5 table,
.section.image-block.config-5 body.projekte-template-default main blockquote,
body.projekte-template-default main .section.image-block.config-5 blockquote,
.section.image-block.config-5 body.projekte-template-default main > ol,
body.projekte-template-default .section.image-block.config-5 main > ol,
.section.image-block.config-5 body.projekte-template-default main > ul,
body.projekte-template-default .section.image-block.config-5 main > ul,
.section.image-block.config-5 body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.image-block.config-5 .wp-block-file,
.section.image-block.config-5 body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.image-block.config-5 .wp-block-table,
.section.image-block.config-5 body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.image-block.config-5 .wp-block-image, .section.image-block.config-5 #main > h1, .section.image-block.config-5 #main > h2, .section.image-block.config-5 #main > h3, .section.image-block.config-5 #main > h4, .section.image-block.config-5 #main > h5, .section.image-block.config-5 #main > h6, .section.image-block.config-5 #main > p, .section.image-block.config-5 #main > ul, .section.image-block.config-5 #main > .wp-block-columns {
    padding: 1rem;
  }
}
.section.image-block.config-5 .image-wrapper {
  width: 33.333%;
  padding: 3rem;
}
@media (max-width: 768px) {
  .section.image-block.config-5 .image-wrapper {
    padding: 1rem;
  }
}
.section.image-block.config-4 .image-wrapper {
  width: 58.3333333333%;
  margin-left: auto;
  padding-left: 1.998rem;
}
.section.image-block.config-6 .image-wrapper {
  width: 58.3333333333%;
  margin-right: auto;
  padding-right: 1.998rem;
}

.section.text-block {
  /* * textgroessen
  * */
}
.section.text-block + .image-block.config-5 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}
@media (max-width: 768px) {
  .section.text-block + .image-block.config-5 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }
}
.section.text-block .text-container > *:first-child {
  margin-top: 0;
}
.section.text-block .text-container > *:last-child {
  margin-bottom: 0;
}
.section.text-block .text-container a {
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.section.text-block .text-container a:hover {
  color: #b51d1c;
}
.section.text-block.config-1 .text-block__inner-container {
  width: 58.3333333333%;
  padding-right: 1.998rem;
}
@media (max-width: 768px) {
  .section.text-block.config-1 .text-block__inner-container {
    width: 100%;
    padding-right: 0;
  }
}
.section.text-block.config-2 .text-block__inner-container {
  width: 58.3333333333%;
  margin-left: auto;
  padding-left: 1.998rem;
}
@media (max-width: 768px) {
  .section.text-block.config-2 .text-block__inner-container {
    width: 100%;
    padding-left: 0;
  }
}
.section.text-block.config-3 .text-block__inner-container {
  width: 58.3333333333%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 768px) {
  .section.text-block.config-3 .text-block__inner-container {
    width: 100%;
  }
}
.section.text-block.config-4 .text-block__inner-container {
  display: flex;
  flex-wrap: wrap;
}
.section.text-block.config-4 .title-container {
  width: 58.3333333333%;
  padding-right: 6rem;
}
@media (max-width: 768px) {
  .section.text-block.config-4 .title-container {
    width: 100%;
    padding-right: 0;
  }
}
.section.text-block.config-4 .text-container {
  width: 58.3333333333%;
  padding-right: 6rem;
}
@media (max-width: 768px) {
  .section.text-block.config-4 .text-container {
    width: 100%;
    padding-right: 0;
  }
}
.section.text-block.config-4 .list-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .section.text-block.config-4 .list-container {
    width: 30%;
  }
}
.section.text-block.config-4 .list-container ul {
  padding-left: 0;
}
.section.text-block h1 {
  color: red;
}
.section.text-block h1::before {
  content: "Nutzen Sie bitte keine H1.";
}
.section.text-block h2 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: -0.035em;
  font-size: 3rem;
  line-height: 110%;
}
@media (max-width: 768px) {
  .section.text-block h2 {
    font-size: 2.5rem;
  }
}
.section.text-block h3 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: -0.035em;
  font-size: 2rem;
  margin-top: 3em;
  line-height: 130%;
}
@media (max-width: 768px) {
  .section.text-block h3 {
    font-size: 1.8rem;
    line-height: 120%;
    margin-bottom: 0.7em;
    margin-top: 2em;
  }
}
.section.text-block h4, .section.text-block h5, .section.text-block h6 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: -0.025em;
  font-size: 1.25rem;
  line-height: 130%;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
@media (max-width: 768px) {
  .section.text-block h4, .section.text-block h5, .section.text-block h6 {
    font-size: 1rem;
    margin-bottom: 0.5em;
  }
}
.section.text-block.text-config-1 p {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  letter-spacing: -0.025em;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.65);
}
@media (max-width: 768px) {
  .section.text-block.text-config-1 p {
    font-size: 0.9rem;
  }
}
.section.text-block.text-config-2 p {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  letter-spacing: -0.045em;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.65);
}
@media (max-width: 768px) {
  .section.text-block.text-config-2 p {
    font-size: 1.3rem;
    margin: 0.5em 0;
  }
}
.section.text-block.text-config-3 p {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: -0.015em;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.85);
}
@media (max-width: 768px) {
  .section.text-block.text-config-3 p {
    font-size: 0.75rem;
    color: rgba(0, 0, 0, 0.55);
    margin: 0.5em 0;
  }
}

.section.block-text_image + h2, .section.block-text_image + h3 {
  margin-top: 0 !important;
}
.section.block-text_image.config-3 + .image-block, .section.block-text_image.config-1 + .image-block {
  margin-top: -3rem;
}
@media (max-width: 768px) {
  .section.block-text_image.config-3 + .image-block, .section.block-text_image.config-1 + .image-block {
    margin-top: -1.5rem;
  }
}
.section.block-text_image .inner-container {
  display: flex;
}
@media (max-width: 768px) {
  .section.block-text_image .inner-container {
    flex-direction: column;
  }
}
.section.block-text_image .text-container,
.section.block-text_image .image-container {
  flex: 1;
  flex-shrink: 0;
}
.section.block-text_image .text-container p,
.section.block-text_image .image-container p {
  color: rgba(0, 0, 0, 0.65);
}
.section.block-text_image .text-container a,
.section.block-text_image .image-container a {
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.section.block-text_image .text-container a:hover,
.section.block-text_image .image-container a:hover {
  color: #b51d1c;
}
.section.block-text_image .text-container {
  padding-right: 3rem;
}
@media (max-width: 768px) {
  .section.block-text_image .text-container {
    padding-right: 0;
    padding-bottom: 1rem;
  }
}
.section.block-text_image .text-container > *:first-child {
  margin-top: 0;
}
.section.block-text_image .text-container > *:last-child {
  margin-bottom: 0;
}
.section.block-text_image .text-container h1 {
  color: red;
  line-height: 100%;
}
.section.block-text_image .text-container h1::before {
  content: "Nutzen Sie bitte keine H1.";
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 100%;
  margin-right: 1em;
}
.section.block-text_image .text-container h2, .section.block-text_image .text-container h3, .section.block-text_image .text-container h4, .section.block-text_image .text-container h5, .section.block-text_image .text-container h6 {
  font-weight: 500;
}
.section.block-text_image .text-container h2 strong, .section.block-text_image .text-container h3 strong, .section.block-text_image .text-container h4 strong, .section.block-text_image .text-container h5 strong, .section.block-text_image .text-container h6 strong {
  font-weight: 500;
}
.section.block-text_image .text-container h4, .section.block-text_image .text-container h5, .section.block-text_image .text-container h6 {
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  line-height: 150%;
}
.section.block-text_image .text-container strong {
  font-weight: 500;
}
.section.block-text_image .gallery-item {
  cursor: none;
}
.section.block-text_image.config-2 .inner-container {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .section.block-text_image.config-2 .inner-container {
    flex-direction: column-reverse;
  }
}
.section.block-text_image.config-2 .text-container {
  padding-left: 3rem;
  padding-right: 0;
}
@media (max-width: 768px) {
  .section.block-text_image.config-2 .text-container {
    padding-left: 0;
    padding-top: 1.5rem;
  }
}
.section.block-text_image.config-3 .image-container {
  flex: 2;
}
.section.block-text_image.config-4 .image-container {
  flex: 2;
}
.section.block-text_image.config-4 .text-container {
  padding-left: 3rem;
  padding-right: 0;
}
@media (max-width: 768px) {
  .section.block-text_image.config-4 .text-container {
    padding-left: 0;
    padding-top: 1.5rem;
  }
}
.section.block-text_image.config-4 .inner-container {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .section.block-text_image.config-4 .inner-container {
    flex-direction: column-reverse;
  }
}
.section.block-text_image.text-config-2 .text-container {
  margin-top: auto;
}
.section.block-text_image.text-config-2 .text-container > * {
  margin-bottom: 0;
}

.section.block-project_details .gallery-item {
  cursor: none;
}
.section.block-project_details .image-container {
  padding-left: 2rem;
}
@media (max-width: 768px) {
  .section.block-project_details .image-container {
    padding-left: 0;
    padding-top: 2rem;
  }
}
.section.block-project_details .image-container.align-image-bottom {
  display: flex;
}
.section.block-project_details .image-container.align-image-bottom a {
  margin-top: auto;
}
.section.block-project_details .small-heading {
  margin-top: 0;
  margin-bottom: 0.124em;
}
.section.block-project_details .small-heading + p > a {
  text-decoration: underline;
}
.section.block-project_details .sticky-label {
  margin-top: 0.2rem;
}
.section.block-project_details p:not(.small-heading) {
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .section.block-project_details p:not(.small-heading) {
    font-size: 0.9rem;
  }
}

.section.block-intro_swiper_gallery {
  padding: 0;
  max-height: calc(100vh - 6rem);
  overflow: hidden;
}
.section.block-intro_swiper_gallery.projects {
  height: calc(100vh - 6rem);
}
@media (min-width: 992px) {
  .section.block-intro_swiper_gallery.projects {
    margin-top: 2rem;
  }
}
@media (max-aspect-ratio: 6/7) {
  .section.block-intro_swiper_gallery.projects {
    height: 60vh;
    min-height: 60vh;
  }
}
@media (max-width: 768px) {
  .section.block-intro_swiper_gallery {
    height: auto;
    min-height: unset;
  }
  .section.block-intro_swiper_gallery .wrapper, .section.block-intro_swiper_gallery .is-root-container table, .is-root-container .section.block-intro_swiper_gallery table,
.section.block-intro_swiper_gallery .is-root-container blockquote,
.is-root-container .section.block-intro_swiper_gallery blockquote, .section.block-intro_swiper_gallery .is-root-container > ol, .section.block-intro_swiper_gallery .is-root-container > ul,
.section.block-intro_swiper_gallery .is-root-container .wp-block-file,
.is-root-container .section.block-intro_swiper_gallery .wp-block-file,
.section.block-intro_swiper_gallery .is-root-container .wp-block-table,
.is-root-container .section.block-intro_swiper_gallery .wp-block-table,
.section.block-intro_swiper_gallery .is-root-container .wp-block-image,
.is-root-container .section.block-intro_swiper_gallery .wp-block-image,
.section.block-intro_swiper_gallery body.projekte-template-default main table,
body.projekte-template-default main .section.block-intro_swiper_gallery table,
.section.block-intro_swiper_gallery body.projekte-template-default main blockquote,
body.projekte-template-default main .section.block-intro_swiper_gallery blockquote,
.section.block-intro_swiper_gallery body.projekte-template-default main > ol,
body.projekte-template-default .section.block-intro_swiper_gallery main > ol,
.section.block-intro_swiper_gallery body.projekte-template-default main > ul,
body.projekte-template-default .section.block-intro_swiper_gallery main > ul,
.section.block-intro_swiper_gallery body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.block-intro_swiper_gallery .wp-block-file,
.section.block-intro_swiper_gallery body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.block-intro_swiper_gallery .wp-block-table,
.section.block-intro_swiper_gallery body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.block-intro_swiper_gallery .wp-block-image, .section.block-intro_swiper_gallery #main > h1, .section.block-intro_swiper_gallery #main > h2, .section.block-intro_swiper_gallery #main > h3, .section.block-intro_swiper_gallery #main > h4, .section.block-intro_swiper_gallery #main > h5, .section.block-intro_swiper_gallery #main > h6, .section.block-intro_swiper_gallery #main > p, .section.block-intro_swiper_gallery #main > ul, .section.block-intro_swiper_gallery #main > .wp-block-columns {
    padding: 0 !important;
    max-width: unset;
  }
}
.section.block-intro_swiper_gallery + .section {
  padding-top: 6rem;
}
@media (max-width: 768px) {
  .section.block-intro_swiper_gallery + .section {
    padding-top: 1.5rem;
  }
}
.section.block-intro_swiper_gallery.projects .control {
  cursor: none;
}
@media (min-width: 992px) {
  .section.block-intro_swiper_gallery.projects .control {
    display: none;
  }
}
.section.block-intro_swiper_gallery.projects .control.left:focus, .section.block-intro_swiper_gallery.projects .control.right:focus {
  outline: none;
}
.section.block-intro_swiper_gallery .control.left {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  right: 70%;
  bottom: 0;
  left: 0;
}
.section.block-intro_swiper_gallery .control.left::after {
  display: none;
}
.section.block-intro_swiper_gallery .control.right {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 70%;
}
.section.block-intro_swiper_gallery .control.right::after {
  display: none;
}
.section.block-intro_swiper_gallery .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px) {
  .section.block-intro_swiper_gallery .progress {
    position: relative;
    margin-top: -1px;
  }
  .section.block-intro_swiper_gallery .progress .wrapper, .section.block-intro_swiper_gallery .progress .is-root-container table, .is-root-container .section.block-intro_swiper_gallery .progress table,
.section.block-intro_swiper_gallery .progress .is-root-container blockquote,
.is-root-container .section.block-intro_swiper_gallery .progress blockquote, .section.block-intro_swiper_gallery .progress .is-root-container > ol, .section.block-intro_swiper_gallery .progress .is-root-container > ul,
.section.block-intro_swiper_gallery .progress .is-root-container .wp-block-file,
.is-root-container .section.block-intro_swiper_gallery .progress .wp-block-file,
.section.block-intro_swiper_gallery .progress .is-root-container .wp-block-table,
.is-root-container .section.block-intro_swiper_gallery .progress .wp-block-table,
.section.block-intro_swiper_gallery .progress .is-root-container .wp-block-image,
.is-root-container .section.block-intro_swiper_gallery .progress .wp-block-image,
.section.block-intro_swiper_gallery .progress body.projekte-template-default main table,
body.projekte-template-default main .section.block-intro_swiper_gallery .progress table,
.section.block-intro_swiper_gallery .progress body.projekte-template-default main blockquote,
body.projekte-template-default main .section.block-intro_swiper_gallery .progress blockquote,
.section.block-intro_swiper_gallery .progress body.projekte-template-default main > ol,
body.projekte-template-default .section.block-intro_swiper_gallery .progress main > ol,
.section.block-intro_swiper_gallery .progress body.projekte-template-default main > ul,
body.projekte-template-default .section.block-intro_swiper_gallery .progress main > ul,
.section.block-intro_swiper_gallery .progress body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.block-intro_swiper_gallery .progress .wp-block-file,
.section.block-intro_swiper_gallery .progress body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.block-intro_swiper_gallery .progress .wp-block-table,
.section.block-intro_swiper_gallery .progress body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.block-intro_swiper_gallery .progress .wp-block-image, .section.block-intro_swiper_gallery .progress #main > h1, .section.block-intro_swiper_gallery .progress #main > h2, .section.block-intro_swiper_gallery .progress #main > h3, .section.block-intro_swiper_gallery .progress #main > h4, .section.block-intro_swiper_gallery .progress #main > h5, .section.block-intro_swiper_gallery .progress #main > h6, .section.block-intro_swiper_gallery .progress #main > p, .section.block-intro_swiper_gallery .progress #main > ul, .section.block-intro_swiper_gallery .progress #main > .wp-block-columns {
    padding: 0 !important;
  }
}
.section.block-intro_swiper_gallery .progress::after {
  position: absolute;
  right: 75%;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
}
.section.block-intro_swiper_gallery .progress .progress-container {
  width: 40%;
  pointer-events: all;
}
@media (max-width: 768px) {
  .section.block-intro_swiper_gallery .progress .progress-container {
    width: 100%;
  }
}
.section.block-intro_swiper_gallery .progress.start .progress-line span {
  animation: progressBar 6.75s forwards linear;
}
@keyframes progressBar {
  0% {
    transform: scaleX(0);
  }
  85% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
.section.block-intro_swiper_gallery .progress-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.5px;
}
.section.block-intro_swiper_gallery .progress-line span {
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: left;
  transform: scaleX(0);
  background-color: var(--color-theme);
}
.section.block-intro_swiper_gallery .progress-title {
  display: block;
  background-color: white;
  padding: 1.5rem;
  font-size: 0.8rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .section.block-intro_swiper_gallery .progress-title {
    display: flex;
    flex-direction: column;
    line-height: 150%;
    padding: 1rem;
  }
  .section.block-intro_swiper_gallery .progress-title .title {
    margin-left: 1.25em;
  }
}
.section.block-intro_swiper_gallery .progress-title .category {
  color: rgba(0, 0, 0, 0.4);
  margin: 0 1.5rem;
}
@media (max-width: 768px) {
  .section.block-intro_swiper_gallery .progress-title .category {
    margin: 0;
  }
}
.section.block-intro_swiper_gallery .gallery-container {
  height: 100%;
}
@media (max-width: 768px) {
  .section.block-intro_swiper_gallery .gallery-container:not(.hero) {
    height: 50vh;
  }
}
.section.block-intro_swiper_gallery .swiper-wrapper {
  transition: cubic-bezier(0.85, 0, 0.35, 1);
}
.section.block-intro_swiper_gallery .swiper-slide {
  -webkit-transform: translate3d(0, 0, 0);
}
.section.block-intro_swiper_gallery.projects .gallery-item, .section.block-intro_swiper_gallery.projects .gallery-item {
  cursor: none;
}
.section.block-intro_swiper_gallery .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1986;
}
@media (min-width: 768px) {
  .section.block-intro_swiper_gallery .title {
    bottom: 1em;
  }
}
.section.block-intro_swiper_gallery .title .wrapper, .section.block-intro_swiper_gallery .title .is-root-container table, .is-root-container .section.block-intro_swiper_gallery .title table,
.section.block-intro_swiper_gallery .title .is-root-container blockquote,
.is-root-container .section.block-intro_swiper_gallery .title blockquote, .section.block-intro_swiper_gallery .title .is-root-container > ol, .section.block-intro_swiper_gallery .title .is-root-container > ul,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-file,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-file,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-table,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-table,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-image,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-image,
.section.block-intro_swiper_gallery .title body.projekte-template-default main table,
body.projekte-template-default main .section.block-intro_swiper_gallery .title table,
.section.block-intro_swiper_gallery .title body.projekte-template-default main blockquote,
body.projekte-template-default main .section.block-intro_swiper_gallery .title blockquote,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ol,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ol,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ul,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ul,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-file,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-table,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-image, .section.block-intro_swiper_gallery .title #main > h1, .section.block-intro_swiper_gallery .title #main > h2, .section.block-intro_swiper_gallery .title #main > h3, .section.block-intro_swiper_gallery .title #main > h4, .section.block-intro_swiper_gallery .title #main > h5, .section.block-intro_swiper_gallery .title #main > h6, .section.block-intro_swiper_gallery .title #main > p, .section.block-intro_swiper_gallery .title #main > ul, .section.block-intro_swiper_gallery .title #main > .wp-block-columns {
  display: inline-flex;
}
@media (max-width: 767px) {
  .section.block-intro_swiper_gallery .title .wrapper, .section.block-intro_swiper_gallery .title .is-root-container table, .is-root-container .section.block-intro_swiper_gallery .title table,
.section.block-intro_swiper_gallery .title .is-root-container blockquote,
.is-root-container .section.block-intro_swiper_gallery .title blockquote, .section.block-intro_swiper_gallery .title .is-root-container > ol, .section.block-intro_swiper_gallery .title .is-root-container > ul,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-file,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-file,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-table,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-table,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-image,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-image,
.section.block-intro_swiper_gallery .title body.projekte-template-default main table,
body.projekte-template-default main .section.block-intro_swiper_gallery .title table,
.section.block-intro_swiper_gallery .title body.projekte-template-default main blockquote,
body.projekte-template-default main .section.block-intro_swiper_gallery .title blockquote,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ol,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ol,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ul,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ul,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-file,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-table,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-image, .section.block-intro_swiper_gallery .title #main > h1, .section.block-intro_swiper_gallery .title #main > h2, .section.block-intro_swiper_gallery .title #main > h3, .section.block-intro_swiper_gallery .title #main > h4, .section.block-intro_swiper_gallery .title #main > h5, .section.block-intro_swiper_gallery .title #main > h6, .section.block-intro_swiper_gallery .title #main > p, .section.block-intro_swiper_gallery .title #main > ul, .section.block-intro_swiper_gallery .title #main > .wp-block-columns {
    min-width: 100%;
  }
}
.section.block-intro_swiper_gallery .title .wrapper .inner, .section.block-intro_swiper_gallery .title .is-root-container table .inner, .is-root-container .section.block-intro_swiper_gallery .title table .inner,
.section.block-intro_swiper_gallery .title .is-root-container blockquote .inner,
.is-root-container .section.block-intro_swiper_gallery .title blockquote .inner, .section.block-intro_swiper_gallery .title .is-root-container > ol .inner, .section.block-intro_swiper_gallery .title .is-root-container > ul .inner,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-file .inner,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-file .inner,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-table .inner,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-table .inner,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-image .inner,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-image .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title table .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main blockquote .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title blockquote .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ol .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ol .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ul .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ul .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-file .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-file .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-table .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-image .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-image .inner, .section.block-intro_swiper_gallery .title #main > h1 .inner, .section.block-intro_swiper_gallery .title #main > h2 .inner, .section.block-intro_swiper_gallery .title #main > h3 .inner, .section.block-intro_swiper_gallery .title #main > h4 .inner, .section.block-intro_swiper_gallery .title #main > h5 .inner, .section.block-intro_swiper_gallery .title #main > h6 .inner, .section.block-intro_swiper_gallery .title #main > p .inner, .section.block-intro_swiper_gallery .title #main > ul .inner, .section.block-intro_swiper_gallery .title #main > .wp-block-columns .inner {
  color: white;
  padding: 0.6em 1.2em 0.64em;
  background-color: #b51d1c;
}
@media (max-width: 767px) {
  .section.block-intro_swiper_gallery .title .wrapper .inner, .section.block-intro_swiper_gallery .title .is-root-container table .inner, .is-root-container .section.block-intro_swiper_gallery .title table .inner,
.section.block-intro_swiper_gallery .title .is-root-container blockquote .inner,
.is-root-container .section.block-intro_swiper_gallery .title blockquote .inner, .section.block-intro_swiper_gallery .title .is-root-container > ol .inner, .section.block-intro_swiper_gallery .title .is-root-container > ul .inner,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-file .inner,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-file .inner,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-table .inner,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-table .inner,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-image .inner,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-image .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title table .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main blockquote .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title blockquote .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ol .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ol .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ul .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ul .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-file .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-file .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-table .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-image .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-image .inner, .section.block-intro_swiper_gallery .title #main > h1 .inner, .section.block-intro_swiper_gallery .title #main > h2 .inner, .section.block-intro_swiper_gallery .title #main > h3 .inner, .section.block-intro_swiper_gallery .title #main > h4 .inner, .section.block-intro_swiper_gallery .title #main > h5 .inner, .section.block-intro_swiper_gallery .title #main > h6 .inner, .section.block-intro_swiper_gallery .title #main > p .inner, .section.block-intro_swiper_gallery .title #main > ul .inner, .section.block-intro_swiper_gallery .title #main > .wp-block-columns .inner {
    min-width: 100%;
  }
}
@media (min-width: 768px) {
  .section.block-intro_swiper_gallery .title .wrapper .inner, .section.block-intro_swiper_gallery .title .is-root-container table .inner, .is-root-container .section.block-intro_swiper_gallery .title table .inner,
.section.block-intro_swiper_gallery .title .is-root-container blockquote .inner,
.is-root-container .section.block-intro_swiper_gallery .title blockquote .inner, .section.block-intro_swiper_gallery .title .is-root-container > ol .inner, .section.block-intro_swiper_gallery .title .is-root-container > ul .inner,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-file .inner,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-file .inner,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-table .inner,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-table .inner,
.section.block-intro_swiper_gallery .title .is-root-container .wp-block-image .inner,
.is-root-container .section.block-intro_swiper_gallery .title .wp-block-image .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title table .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main blockquote .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title blockquote .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ol .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ol .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main > ul .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title main > ul .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-file .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-file .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-table .inner,
.section.block-intro_swiper_gallery .title body.projekte-template-default main .wp-block-image .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title .wp-block-image .inner, .section.block-intro_swiper_gallery .title #main > h1 .inner, .section.block-intro_swiper_gallery .title #main > h2 .inner, .section.block-intro_swiper_gallery .title #main > h3 .inner, .section.block-intro_swiper_gallery .title #main > h4 .inner, .section.block-intro_swiper_gallery .title #main > h5 .inner, .section.block-intro_swiper_gallery .title #main > h6 .inner, .section.block-intro_swiper_gallery .title #main > p .inner, .section.block-intro_swiper_gallery .title #main > ul .inner, .section.block-intro_swiper_gallery .title #main > .wp-block-columns .inner {
    min-width: 50%;
  }
}
.section.block-intro_swiper_gallery .title h2 {
  font-size: 1.6rem;
  margin: 0;
  line-height: 1.2;
  font-weight: 500;
}
.section.block-intro_swiper_gallery .title p {
  line-height: 1.2;
  margin: 0;
  font-size: 1.2rem;
}
.section.block-intro_swiper_gallery .title.hero .wrapper .inner, .section.block-intro_swiper_gallery .title.hero .is-root-container table .inner, .is-root-container .section.block-intro_swiper_gallery .title.hero table .inner,
.section.block-intro_swiper_gallery .title.hero .is-root-container blockquote .inner,
.is-root-container .section.block-intro_swiper_gallery .title.hero blockquote .inner, .section.block-intro_swiper_gallery .title.hero .is-root-container > ol .inner, .section.block-intro_swiper_gallery .title.hero .is-root-container > ul .inner,
.section.block-intro_swiper_gallery .title.hero .is-root-container .wp-block-file .inner,
.is-root-container .section.block-intro_swiper_gallery .title.hero .wp-block-file .inner,
.section.block-intro_swiper_gallery .title.hero .is-root-container .wp-block-table .inner,
.is-root-container .section.block-intro_swiper_gallery .title.hero .wp-block-table .inner,
.section.block-intro_swiper_gallery .title.hero .is-root-container .wp-block-image .inner,
.is-root-container .section.block-intro_swiper_gallery .title.hero .wp-block-image .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero table .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main blockquote .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero blockquote .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main > ol .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title.hero main > ol .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main > ul .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title.hero main > ul .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main .wp-block-file .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero .wp-block-file .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main .wp-block-table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero .wp-block-table .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main .wp-block-image .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero .wp-block-image .inner, .section.block-intro_swiper_gallery .title.hero #main > h1 .inner, .section.block-intro_swiper_gallery .title.hero #main > h2 .inner, .section.block-intro_swiper_gallery .title.hero #main > h3 .inner, .section.block-intro_swiper_gallery .title.hero #main > h4 .inner, .section.block-intro_swiper_gallery .title.hero #main > h5 .inner, .section.block-intro_swiper_gallery .title.hero #main > h6 .inner, .section.block-intro_swiper_gallery .title.hero #main > p .inner, .section.block-intro_swiper_gallery .title.hero #main > ul .inner, .section.block-intro_swiper_gallery .title.hero #main > .wp-block-columns .inner {
  width: auto;
}
@media (min-width: 768px) {
  .section.block-intro_swiper_gallery .title.hero .wrapper .inner, .section.block-intro_swiper_gallery .title.hero .is-root-container table .inner, .is-root-container .section.block-intro_swiper_gallery .title.hero table .inner,
.section.block-intro_swiper_gallery .title.hero .is-root-container blockquote .inner,
.is-root-container .section.block-intro_swiper_gallery .title.hero blockquote .inner, .section.block-intro_swiper_gallery .title.hero .is-root-container > ol .inner, .section.block-intro_swiper_gallery .title.hero .is-root-container > ul .inner,
.section.block-intro_swiper_gallery .title.hero .is-root-container .wp-block-file .inner,
.is-root-container .section.block-intro_swiper_gallery .title.hero .wp-block-file .inner,
.section.block-intro_swiper_gallery .title.hero .is-root-container .wp-block-table .inner,
.is-root-container .section.block-intro_swiper_gallery .title.hero .wp-block-table .inner,
.section.block-intro_swiper_gallery .title.hero .is-root-container .wp-block-image .inner,
.is-root-container .section.block-intro_swiper_gallery .title.hero .wp-block-image .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero table .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main blockquote .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero blockquote .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main > ol .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title.hero main > ol .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main > ul .inner,
body.projekte-template-default .section.block-intro_swiper_gallery .title.hero main > ul .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main .wp-block-file .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero .wp-block-file .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main .wp-block-table .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero .wp-block-table .inner,
.section.block-intro_swiper_gallery .title.hero body.projekte-template-default main .wp-block-image .inner,
body.projekte-template-default main .section.block-intro_swiper_gallery .title.hero .wp-block-image .inner, .section.block-intro_swiper_gallery .title.hero #main > h1 .inner, .section.block-intro_swiper_gallery .title.hero #main > h2 .inner, .section.block-intro_swiper_gallery .title.hero #main > h3 .inner, .section.block-intro_swiper_gallery .title.hero #main > h4 .inner, .section.block-intro_swiper_gallery .title.hero #main > h5 .inner, .section.block-intro_swiper_gallery .title.hero #main > h6 .inner, .section.block-intro_swiper_gallery .title.hero #main > p .inner, .section.block-intro_swiper_gallery .title.hero #main > ul .inner, .section.block-intro_swiper_gallery .title.hero #main > .wp-block-columns .inner {
    width: auto;
  }
}
.section.block-intro_swiper_gallery .image-container {
  height: 100%;
}
.section.block-intro_swiper_gallery .image-container img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.section + .section.block-team_swiper {
  padding-top: 1.5rem;
}

.section.block-team_grid .grid,
.section.block-team_swiper .grid {
  width: 100%;
}
.section.block-team_grid .grid-item,
.section.block-team_swiper .grid-item {
  width: 100%;
  display: block;
  transition: 350ms ease-in-out;
  padding-right: 3.9rem;
  background-color: white;
  cursor: default;
}
@media (max-width: 768px) {
  .section.block-team_grid .grid-item,
.section.block-team_swiper .grid-item {
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .section.block-team_grid .grid-item:hover,
.section.block-team_swiper .grid-item:hover {
    transform: scale(1.025);
  }
}
.section.block-team_grid .grid-item .grid-item--inner-container,
.section.block-team_swiper .grid-item .grid-item--inner-container {
  background-color: #f2f2f2;
}
.section.block-team_grid .copy,
.section.block-team_swiper .copy {
  padding: 2.25rem;
}
.section.block-team_grid .copy > p:first-child,
.section.block-team_swiper .copy > p:first-child {
  margin-top: 0;
}
.section.block-team_grid .copy > p:last-child,
.section.block-team_swiper .copy > p:last-child {
  margin-bottom: 0;
}
.section.block-team_grid .copy .title,
.section.block-team_swiper .copy .title {
  font-weight: 500;
  line-height: 130%;
  color: black;
  margin-bottom: 0.25em;
  margin-top: 1.5rem;
}
.section.block-team_grid .copy .description,
.section.block-team_swiper .copy .description {
  margin-top: 0;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
  letter-spacing: 0.005em;
}
.section.block-team_grid .copy .communication,
.section.block-team_swiper .copy .communication {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
  letter-spacing: 0.005em;
  margin: 0;
}
.section.block-team_grid .copy .communication a,
.section.block-team_swiper .copy .communication a {
  border-bottom: none;
}
.section.block-team_grid .copy .communication a:after,
.section.block-team_swiper .copy .communication a:after {
  display: none;
}
.section.block-team_grid .copy .communication:hover,
.section.block-team_swiper .copy .communication:hover {
  color: var(--color-theme);
}
.section.block-team_grid .progress-bar,
.section.block-team_grid .scrollbar,
.section.block-team_swiper .progress-bar,
.section.block-team_swiper .scrollbar {
  margin-top: 3.9rem;
  height: 3px;
  background-color: #f2f2f2;
}
.section.block-team_grid .progress-bar .handle,
.section.block-team_grid .scrollbar .handle,
.section.block-team_swiper .progress-bar .handle,
.section.block-team_swiper .scrollbar .handle {
  height: 100%;
  width: 100%;
  background-color: var(--color-theme);
  transform: scaleX(0.25);
  transform-origin: left;
  cursor: pointer;
}
.section.block-team_grid .progress-bar .swiper-scrollbar-drag,
.section.block-team_grid .scrollbar .swiper-scrollbar-drag,
.section.block-team_swiper .progress-bar .swiper-scrollbar-drag,
.section.block-team_swiper .scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-theme);
}
.section.block-team_grid .control,
.section.block-team_swiper .control {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px) {
  .section.block-team_grid .control,
.section.block-team_swiper .control {
    font-size: 0.8rem;
  }
  .section.block-team_grid .control svg,
.section.block-team_swiper .control svg {
    width: 20px;
    height: 20px;
  }
}
.section.block-team_grid .control a:hover,
.section.block-team_swiper .control a:hover {
  color: var(--color-theme);
}
.section.block-team_grid .control .button,
.section.block-team_swiper .control .button {
  display: inline-block;
  margin: 1rem 1rem 1rem 0;
}
@media (max-width: 768px) {
  .section.block-team_grid .control .button,
.section.block-team_swiper .control .button {
    margin: 0.5rem 0 0.3rem 0;
    left: 0;
    right: 0;
  }
}
.section.block-team_grid .control .button:active, .section.block-team_grid .control .button:focus,
.section.block-team_swiper .control .button:active,
.section.block-team_swiper .control .button:focus {
  outline: none;
}
.section.block-team_grid .control .button.left,
.section.block-team_swiper .control .button.left {
  width: auto;
  height: auto;
}
.section.block-team_grid .control .button.left::after,
.section.block-team_swiper .control .button.left::after {
  display: none;
}
.section.block-team_grid .control .button.right,
.section.block-team_swiper .control .button.right {
  width: auto;
  height: auto;
}
.section.block-team_grid .control .button.right::after,
.section.block-team_swiper .control .button.right::after {
  display: none;
}

.section.block-team_grid .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
.section.block-team_grid .grid .grid-item {
  padding: 0;
}
.section.block-team_grid .grid .grid-item .grid-item--inner-container {
  width: 100%;
}

.wp-block .section.block-team_swiper .grid.swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.wp-block .section.block-team_swiper .grid-item {
  width: 33.333%;
  background-color: transparent;
  margin-bottom: 3rem;
}
.wp-block .section.block-team_swiper .grid-item .grid-item--inner-container {
  background-color: white;
}

.accordion {
  margin-top: 1.5rem;
}
.accordion:has(:not(.accordion + .accordion)) {
  margin-bottom: 1.5rem;
}
.accordion .h3,
.accordion h2 {
  display: flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
  font-weight: 200 !important;
}
@media (max-width: 767px) {
  .accordion .h3,
.accordion h2 {
    font-size: 1.1rem !important;
  }
}
.accordion .h3:before,
.accordion h2:before {
  content: "↗";
  transform: rotate(135deg);
  margin-right: 0.5em;
}
.accordion.active .h3:before,
.accordion.active h2:before {
  transform: rotate(-45deg);
}
.accordion .wrapper > div, .accordion .is-root-container table > div, .is-root-container .accordion table > div,
.accordion .is-root-container blockquote > div,
.is-root-container .accordion blockquote > div, .accordion .is-root-container > ol > div, .accordion .is-root-container > ul > div,
.accordion .is-root-container .wp-block-file > div,
.is-root-container .accordion .wp-block-file > div,
.accordion .is-root-container .wp-block-table > div,
.is-root-container .accordion .wp-block-table > div,
.accordion .is-root-container .wp-block-image > div,
.is-root-container .accordion .wp-block-image > div,
.accordion body.projekte-template-default main table > div,
body.projekte-template-default main .accordion table > div,
.accordion body.projekte-template-default main blockquote > div,
body.projekte-template-default main .accordion blockquote > div,
.accordion body.projekte-template-default main > ol > div,
body.projekte-template-default .accordion main > ol > div,
.accordion body.projekte-template-default main > ul > div,
body.projekte-template-default .accordion main > ul > div,
.accordion body.projekte-template-default main .wp-block-file > div,
body.projekte-template-default main .accordion .wp-block-file > div,
.accordion body.projekte-template-default main .wp-block-table > div,
body.projekte-template-default main .accordion .wp-block-table > div,
.accordion body.projekte-template-default main .wp-block-image > div,
body.projekte-template-default main .accordion .wp-block-image > div, .accordion #main > h1 > div, .accordion #main > h2 > div, .accordion #main > h3 > div, .accordion #main > h4 > div, .accordion #main > h5 > div, .accordion #main > h6 > div, .accordion #main > p > div, .accordion #main > ul > div, .accordion #main > .wp-block-columns > div {
  padding: 1.1rem 1.5rem;
  background: rgba(0, 0, 0, 0.1);
}
.accordion .inner {
  height: 0;
  overflow: hidden;
  transition: height 860ms;
}
.accordion .inner > div {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.wp-block-has-boxes:has(+ .block-testimonials) {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .wp-block-has-boxes .wrapper .inner:has(.imageContainer), .wp-block-has-boxes .is-root-container table .inner:has(.imageContainer), .is-root-container .wp-block-has-boxes table .inner:has(.imageContainer),
.wp-block-has-boxes .is-root-container blockquote .inner:has(.imageContainer),
.is-root-container .wp-block-has-boxes blockquote .inner:has(.imageContainer), .wp-block-has-boxes .is-root-container > ol .inner:has(.imageContainer), .wp-block-has-boxes .is-root-container > ul .inner:has(.imageContainer),
.wp-block-has-boxes .is-root-container .wp-block-file .inner:has(.imageContainer),
.is-root-container .wp-block-has-boxes .wp-block-file .inner:has(.imageContainer),
.wp-block-has-boxes .is-root-container .wp-block-table .inner:has(.imageContainer),
.is-root-container .wp-block-has-boxes .wp-block-table .inner:has(.imageContainer),
.wp-block-has-boxes .is-root-container .wp-block-image .inner:has(.imageContainer),
.is-root-container .wp-block-has-boxes .wp-block-image .inner:has(.imageContainer),
.wp-block-has-boxes body.projekte-template-default main table .inner:has(.imageContainer),
body.projekte-template-default main .wp-block-has-boxes table .inner:has(.imageContainer),
.wp-block-has-boxes body.projekte-template-default main blockquote .inner:has(.imageContainer),
body.projekte-template-default main .wp-block-has-boxes blockquote .inner:has(.imageContainer),
.wp-block-has-boxes body.projekte-template-default main > ol .inner:has(.imageContainer),
body.projekte-template-default .wp-block-has-boxes main > ol .inner:has(.imageContainer),
.wp-block-has-boxes body.projekte-template-default main > ul .inner:has(.imageContainer),
body.projekte-template-default .wp-block-has-boxes main > ul .inner:has(.imageContainer),
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner:has(.imageContainer),
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner:has(.imageContainer),
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner:has(.imageContainer),
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner:has(.imageContainer),
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner:has(.imageContainer),
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner:has(.imageContainer), .wp-block-has-boxes #main > h1 .inner:has(.imageContainer), .wp-block-has-boxes #main > h2 .inner:has(.imageContainer), .wp-block-has-boxes #main > h3 .inner:has(.imageContainer), .wp-block-has-boxes #main > h4 .inner:has(.imageContainer), .wp-block-has-boxes #main > h5 .inner:has(.imageContainer), .wp-block-has-boxes #main > h6 .inner:has(.imageContainer), .wp-block-has-boxes #main > p .inner:has(.imageContainer), .wp-block-has-boxes #main > ul .inner:has(.imageContainer), .wp-block-has-boxes #main > .wp-block-columns .inner:has(.imageContainer) {
    display: grid;
    grid-template-columns: 4fr 4fr;
    gap: 3.6rem;
  }
}
.wp-block-has-boxes .wrapper .inner .image, .wp-block-has-boxes .is-root-container table .inner .image, .is-root-container .wp-block-has-boxes table .inner .image,
.wp-block-has-boxes .is-root-container blockquote .inner .image,
.is-root-container .wp-block-has-boxes blockquote .inner .image, .wp-block-has-boxes .is-root-container > ol .inner .image, .wp-block-has-boxes .is-root-container > ul .inner .image,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .image,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .image,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .image,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .image,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .image,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .image,
.wp-block-has-boxes body.projekte-template-default main table .inner .image,
body.projekte-template-default main .wp-block-has-boxes table .inner .image,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .image,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .image,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .image,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .image,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .image,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .image,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .image,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .image,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .image,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .image,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .image,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .image, .wp-block-has-boxes #main > h1 .inner .image, .wp-block-has-boxes #main > h2 .inner .image, .wp-block-has-boxes #main > h3 .inner .image, .wp-block-has-boxes #main > h4 .inner .image, .wp-block-has-boxes #main > h5 .inner .image, .wp-block-has-boxes #main > h6 .inner .image, .wp-block-has-boxes #main > p .inner .image, .wp-block-has-boxes #main > ul .inner .image, .wp-block-has-boxes #main > .wp-block-columns .inner .image {
  position: relative;
  padding-bottom: 65%;
  width: 100%;
}
.wp-block-has-boxes .wrapper .inner .image img, .wp-block-has-boxes .is-root-container table .inner .image img, .is-root-container .wp-block-has-boxes table .inner .image img,
.wp-block-has-boxes .is-root-container blockquote .inner .image img,
.is-root-container .wp-block-has-boxes blockquote .inner .image img, .wp-block-has-boxes .is-root-container > ol .inner .image img, .wp-block-has-boxes .is-root-container > ul .inner .image img,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .image img,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .image img,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .image img,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .image img,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .image img,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .image img,
.wp-block-has-boxes body.projekte-template-default main table .inner .image img,
body.projekte-template-default main .wp-block-has-boxes table .inner .image img,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .image img,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .image img,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .image img,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .image img,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .image img,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .image img,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .image img,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .image img,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .image img,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .image img,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .image img,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .image img, .wp-block-has-boxes #main > h1 .inner .image img, .wp-block-has-boxes #main > h2 .inner .image img, .wp-block-has-boxes #main > h3 .inner .image img, .wp-block-has-boxes #main > h4 .inner .image img, .wp-block-has-boxes #main > h5 .inner .image img, .wp-block-has-boxes #main > h6 .inner .image img, .wp-block-has-boxes #main > p .inner .image img, .wp-block-has-boxes #main > ul .inner .image img, .wp-block-has-boxes #main > .wp-block-columns .inner .image img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-has-boxes .wrapper .inner .box-content, .wp-block-has-boxes .is-root-container table .inner .box-content, .is-root-container .wp-block-has-boxes table .inner .box-content,
.wp-block-has-boxes .is-root-container blockquote .inner .box-content,
.is-root-container .wp-block-has-boxes blockquote .inner .box-content, .wp-block-has-boxes .is-root-container > ol .inner .box-content, .wp-block-has-boxes .is-root-container > ul .inner .box-content,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .box-content,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .box-content,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .box-content,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .box-content,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .box-content,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main table .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes table .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .box-content,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .box-content,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .box-content, .wp-block-has-boxes #main > h1 .inner .box-content, .wp-block-has-boxes #main > h2 .inner .box-content, .wp-block-has-boxes #main > h3 .inner .box-content, .wp-block-has-boxes #main > h4 .inner .box-content, .wp-block-has-boxes #main > h5 .inner .box-content, .wp-block-has-boxes #main > h6 .inner .box-content, .wp-block-has-boxes #main > p .inner .box-content, .wp-block-has-boxes #main > ul .inner .box-content, .wp-block-has-boxes #main > .wp-block-columns .inner .box-content {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .wp-block-has-boxes .wrapper .inner .box-content, .wp-block-has-boxes .is-root-container table .inner .box-content, .is-root-container .wp-block-has-boxes table .inner .box-content,
.wp-block-has-boxes .is-root-container blockquote .inner .box-content,
.is-root-container .wp-block-has-boxes blockquote .inner .box-content, .wp-block-has-boxes .is-root-container > ol .inner .box-content, .wp-block-has-boxes .is-root-container > ul .inner .box-content,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .box-content,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .box-content,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .box-content,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .box-content,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .box-content,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main table .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes table .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .box-content,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .box-content,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .box-content,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .box-content,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .box-content, .wp-block-has-boxes #main > h1 .inner .box-content, .wp-block-has-boxes #main > h2 .inner .box-content, .wp-block-has-boxes #main > h3 .inner .box-content, .wp-block-has-boxes #main > h4 .inner .box-content, .wp-block-has-boxes #main > h5 .inner .box-content, .wp-block-has-boxes #main > h6 .inner .box-content, .wp-block-has-boxes #main > p .inner .box-content, .wp-block-has-boxes #main > ul .inner .box-content, .wp-block-has-boxes #main > .wp-block-columns .inner .box-content {
    margin-top: 0;
  }
}
.wp-block-has-boxes .wrapper .inner .box-content h2, .wp-block-has-boxes .is-root-container table .inner .box-content h2, .is-root-container .wp-block-has-boxes table .inner .box-content h2,
.wp-block-has-boxes .is-root-container blockquote .inner .box-content h2,
.is-root-container .wp-block-has-boxes blockquote .inner .box-content h2, .wp-block-has-boxes .is-root-container > ol .inner .box-content h2, .wp-block-has-boxes .is-root-container > ul .inner .box-content h2,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .box-content h2,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .box-content h2,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .box-content h2,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .box-content h2,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .box-content h2,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .box-content h2,
.wp-block-has-boxes body.projekte-template-default main table .inner .box-content h2,
body.projekte-template-default main .wp-block-has-boxes table .inner .box-content h2,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .box-content h2,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .box-content h2,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .box-content h2,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .box-content h2,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .box-content h2,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .box-content h2,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .box-content h2,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .box-content h2,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .box-content h2,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .box-content h2,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .box-content h2,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .box-content h2, .wp-block-has-boxes #main > h1 .inner .box-content h2, .wp-block-has-boxes #main > h2 .inner .box-content h2, .wp-block-has-boxes #main > h3 .inner .box-content h2, .wp-block-has-boxes #main > h4 .inner .box-content h2, .wp-block-has-boxes #main > h5 .inner .box-content h2, .wp-block-has-boxes #main > h6 .inner .box-content h2, .wp-block-has-boxes #main > p .inner .box-content h2, .wp-block-has-boxes #main > ul .inner .box-content h2, .wp-block-has-boxes #main > .wp-block-columns .inner .box-content h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.2rem;
  font-weight: 500;
}
.wp-block-has-boxes .wrapper .inner .box-content p, .wp-block-has-boxes .is-root-container table .inner .box-content p, .is-root-container .wp-block-has-boxes table .inner .box-content p,
.wp-block-has-boxes .is-root-container blockquote .inner .box-content p,
.is-root-container .wp-block-has-boxes blockquote .inner .box-content p, .wp-block-has-boxes .is-root-container > ol .inner .box-content p, .wp-block-has-boxes .is-root-container > ul .inner .box-content p,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .box-content p,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .box-content p,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .box-content p,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .box-content p,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .box-content p,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .box-content p,
.wp-block-has-boxes body.projekte-template-default main table .inner .box-content p,
body.projekte-template-default main .wp-block-has-boxes table .inner .box-content p,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .box-content p,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .box-content p,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .box-content p,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .box-content p,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .box-content p,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .box-content p,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .box-content p,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .box-content p,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .box-content p,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .box-content p,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .box-content p,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .box-content p, .wp-block-has-boxes #main > h1 .inner .box-content p, .wp-block-has-boxes #main > h2 .inner .box-content p, .wp-block-has-boxes #main > h3 .inner .box-content p, .wp-block-has-boxes #main > h4 .inner .box-content p, .wp-block-has-boxes #main > h5 .inner .box-content p, .wp-block-has-boxes #main > h6 .inner .box-content p, .wp-block-has-boxes #main > p .inner .box-content p, .wp-block-has-boxes #main > ul .inner .box-content p, .wp-block-has-boxes #main > .wp-block-columns .inner .box-content p {
  font-size: 1.2rem;
}
.wp-block-has-boxes .wrapper .inner .box-content p:first-child, .wp-block-has-boxes .is-root-container table .inner .box-content p:first-child, .is-root-container .wp-block-has-boxes table .inner .box-content p:first-child,
.wp-block-has-boxes .is-root-container blockquote .inner .box-content p:first-child,
.is-root-container .wp-block-has-boxes blockquote .inner .box-content p:first-child, .wp-block-has-boxes .is-root-container > ol .inner .box-content p:first-child, .wp-block-has-boxes .is-root-container > ul .inner .box-content p:first-child,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .box-content p:first-child,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .box-content p:first-child,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .box-content p:first-child,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .box-content p:first-child,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .box-content p:first-child,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .box-content p:first-child,
.wp-block-has-boxes body.projekte-template-default main table .inner .box-content p:first-child,
body.projekte-template-default main .wp-block-has-boxes table .inner .box-content p:first-child,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .box-content p:first-child,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .box-content p:first-child,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .box-content p:first-child,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .box-content p:first-child,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .box-content p:first-child,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .box-content p:first-child,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .box-content p:first-child,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .box-content p:first-child,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .box-content p:first-child,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .box-content p:first-child,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .box-content p:first-child,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .box-content p:first-child, .wp-block-has-boxes #main > h1 .inner .box-content p:first-child, .wp-block-has-boxes #main > h2 .inner .box-content p:first-child, .wp-block-has-boxes #main > h3 .inner .box-content p:first-child, .wp-block-has-boxes #main > h4 .inner .box-content p:first-child, .wp-block-has-boxes #main > h5 .inner .box-content p:first-child, .wp-block-has-boxes #main > h6 .inner .box-content p:first-child, .wp-block-has-boxes #main > p .inner .box-content p:first-child, .wp-block-has-boxes #main > ul .inner .box-content p:first-child, .wp-block-has-boxes #main > .wp-block-columns .inner .box-content p:first-child {
  margin-top: 0;
}
.wp-block-has-boxes .wrapper .inner .box-content p:last-child, .wp-block-has-boxes .is-root-container table .inner .box-content p:last-child, .is-root-container .wp-block-has-boxes table .inner .box-content p:last-child,
.wp-block-has-boxes .is-root-container blockquote .inner .box-content p:last-child,
.is-root-container .wp-block-has-boxes blockquote .inner .box-content p:last-child, .wp-block-has-boxes .is-root-container > ol .inner .box-content p:last-child, .wp-block-has-boxes .is-root-container > ul .inner .box-content p:last-child,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .box-content p:last-child,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .box-content p:last-child,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .box-content p:last-child,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .box-content p:last-child,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .box-content p:last-child,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .box-content p:last-child,
.wp-block-has-boxes body.projekte-template-default main table .inner .box-content p:last-child,
body.projekte-template-default main .wp-block-has-boxes table .inner .box-content p:last-child,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .box-content p:last-child,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .box-content p:last-child,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .box-content p:last-child,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .box-content p:last-child,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .box-content p:last-child,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .box-content p:last-child,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .box-content p:last-child,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .box-content p:last-child,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .box-content p:last-child,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .box-content p:last-child,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .box-content p:last-child,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .box-content p:last-child, .wp-block-has-boxes #main > h1 .inner .box-content p:last-child, .wp-block-has-boxes #main > h2 .inner .box-content p:last-child, .wp-block-has-boxes #main > h3 .inner .box-content p:last-child, .wp-block-has-boxes #main > h4 .inner .box-content p:last-child, .wp-block-has-boxes #main > h5 .inner .box-content p:last-child, .wp-block-has-boxes #main > h6 .inner .box-content p:last-child, .wp-block-has-boxes #main > p .inner .box-content p:last-child, .wp-block-has-boxes #main > ul .inner .box-content p:last-child, .wp-block-has-boxes #main > .wp-block-columns .inner .box-content p:last-child {
  margin-bottom: 0;
}
.wp-block-has-boxes .wrapper .inner .box-content p a, .wp-block-has-boxes .is-root-container table .inner .box-content p a, .is-root-container .wp-block-has-boxes table .inner .box-content p a,
.wp-block-has-boxes .is-root-container blockquote .inner .box-content p a,
.is-root-container .wp-block-has-boxes blockquote .inner .box-content p a, .wp-block-has-boxes .is-root-container > ol .inner .box-content p a, .wp-block-has-boxes .is-root-container > ul .inner .box-content p a,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .box-content p a,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .box-content p a,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .box-content p a,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .box-content p a,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .box-content p a,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .box-content p a,
.wp-block-has-boxes body.projekte-template-default main table .inner .box-content p a,
body.projekte-template-default main .wp-block-has-boxes table .inner .box-content p a,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .box-content p a,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .box-content p a,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .box-content p a,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .box-content p a,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .box-content p a,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .box-content p a,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .box-content p a,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .box-content p a,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .box-content p a,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .box-content p a,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .box-content p a,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .box-content p a, .wp-block-has-boxes #main > h1 .inner .box-content p a, .wp-block-has-boxes #main > h2 .inner .box-content p a, .wp-block-has-boxes #main > h3 .inner .box-content p a, .wp-block-has-boxes #main > h4 .inner .box-content p a, .wp-block-has-boxes #main > h5 .inner .box-content p a, .wp-block-has-boxes #main > h6 .inner .box-content p a, .wp-block-has-boxes #main > p .inner .box-content p a, .wp-block-has-boxes #main > ul .inner .box-content p a, .wp-block-has-boxes #main > .wp-block-columns .inner .box-content p a {
  color: #b51d1c;
  text-decoration: none;
  font-weight: 500;
}
.wp-block-has-boxes .wrapper .inner .box-content p a:hover, .wp-block-has-boxes .is-root-container table .inner .box-content p a:hover, .is-root-container .wp-block-has-boxes table .inner .box-content p a:hover,
.wp-block-has-boxes .is-root-container blockquote .inner .box-content p a:hover,
.is-root-container .wp-block-has-boxes blockquote .inner .box-content p a:hover, .wp-block-has-boxes .is-root-container > ol .inner .box-content p a:hover, .wp-block-has-boxes .is-root-container > ul .inner .box-content p a:hover,
.wp-block-has-boxes .is-root-container .wp-block-file .inner .box-content p a:hover,
.is-root-container .wp-block-has-boxes .wp-block-file .inner .box-content p a:hover,
.wp-block-has-boxes .is-root-container .wp-block-table .inner .box-content p a:hover,
.is-root-container .wp-block-has-boxes .wp-block-table .inner .box-content p a:hover,
.wp-block-has-boxes .is-root-container .wp-block-image .inner .box-content p a:hover,
.is-root-container .wp-block-has-boxes .wp-block-image .inner .box-content p a:hover,
.wp-block-has-boxes body.projekte-template-default main table .inner .box-content p a:hover,
body.projekte-template-default main .wp-block-has-boxes table .inner .box-content p a:hover,
.wp-block-has-boxes body.projekte-template-default main blockquote .inner .box-content p a:hover,
body.projekte-template-default main .wp-block-has-boxes blockquote .inner .box-content p a:hover,
.wp-block-has-boxes body.projekte-template-default main > ol .inner .box-content p a:hover,
body.projekte-template-default .wp-block-has-boxes main > ol .inner .box-content p a:hover,
.wp-block-has-boxes body.projekte-template-default main > ul .inner .box-content p a:hover,
body.projekte-template-default .wp-block-has-boxes main > ul .inner .box-content p a:hover,
.wp-block-has-boxes body.projekte-template-default main .wp-block-file .inner .box-content p a:hover,
body.projekte-template-default main .wp-block-has-boxes .wp-block-file .inner .box-content p a:hover,
.wp-block-has-boxes body.projekte-template-default main .wp-block-table .inner .box-content p a:hover,
body.projekte-template-default main .wp-block-has-boxes .wp-block-table .inner .box-content p a:hover,
.wp-block-has-boxes body.projekte-template-default main .wp-block-image .inner .box-content p a:hover,
body.projekte-template-default main .wp-block-has-boxes .wp-block-image .inner .box-content p a:hover, .wp-block-has-boxes #main > h1 .inner .box-content p a:hover, .wp-block-has-boxes #main > h2 .inner .box-content p a:hover, .wp-block-has-boxes #main > h3 .inner .box-content p a:hover, .wp-block-has-boxes #main > h4 .inner .box-content p a:hover, .wp-block-has-boxes #main > h5 .inner .box-content p a:hover, .wp-block-has-boxes #main > h6 .inner .box-content p a:hover, .wp-block-has-boxes #main > p .inner .box-content p a:hover, .wp-block-has-boxes #main > ul .inner .box-content p a:hover, .wp-block-has-boxes #main > .wp-block-columns .inner .box-content p a:hover {
  text-decoration: underline;
}
.wp-block-has-boxes.reverse .inner:has(.imageContainer) .imageContainer {
  order: 2;
}
.wp-block-has-boxes.reverse .inner:has(.imageContainer) .box-content {
  order: 1;
}
.wp-block-has-boxes .switch {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #b51d1c;
}
.wp-block-has-boxes .switch svg {
  width: 32px;
}

.block-testimonials {
  background-color: var(--c-hellgrau);
  padding-bottom: 0 !important;
}
.block-testimonials .inner {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.block-testimonials .wrapper, .block-testimonials .is-root-container table, .is-root-container .block-testimonials table,
.block-testimonials .is-root-container blockquote,
.is-root-container .block-testimonials blockquote, .block-testimonials .is-root-container > ol, .block-testimonials .is-root-container > ul,
.block-testimonials .is-root-container .wp-block-file,
.is-root-container .block-testimonials .wp-block-file,
.block-testimonials .is-root-container .wp-block-table,
.is-root-container .block-testimonials .wp-block-table,
.block-testimonials .is-root-container .wp-block-image,
.is-root-container .block-testimonials .wp-block-image,
.block-testimonials body.projekte-template-default main table,
body.projekte-template-default main .block-testimonials table,
.block-testimonials body.projekte-template-default main blockquote,
body.projekte-template-default main .block-testimonials blockquote,
.block-testimonials body.projekte-template-default main > ol,
body.projekte-template-default .block-testimonials main > ol,
.block-testimonials body.projekte-template-default main > ul,
body.projekte-template-default .block-testimonials main > ul,
.block-testimonials body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .block-testimonials .wp-block-file,
.block-testimonials body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .block-testimonials .wp-block-table,
.block-testimonials body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .block-testimonials .wp-block-image, .block-testimonials #main > h1, .block-testimonials #main > h2, .block-testimonials #main > h3, .block-testimonials #main > h4, .block-testimonials #main > h5, .block-testimonials #main > h6, .block-testimonials #main > p, .block-testimonials #main > ul, .block-testimonials #main > .wp-block-columns {
  height: 100%;
}
.block-testimonials .wrapper .innerwrapper, .block-testimonials .is-root-container table .innerwrapper, .is-root-container .block-testimonials table .innerwrapper,
.block-testimonials .is-root-container blockquote .innerwrapper,
.is-root-container .block-testimonials blockquote .innerwrapper, .block-testimonials .is-root-container > ol .innerwrapper, .block-testimonials .is-root-container > ul .innerwrapper,
.block-testimonials .is-root-container .wp-block-file .innerwrapper,
.is-root-container .block-testimonials .wp-block-file .innerwrapper,
.block-testimonials .is-root-container .wp-block-table .innerwrapper,
.is-root-container .block-testimonials .wp-block-table .innerwrapper,
.block-testimonials .is-root-container .wp-block-image .innerwrapper,
.is-root-container .block-testimonials .wp-block-image .innerwrapper,
.block-testimonials body.projekte-template-default main table .innerwrapper,
body.projekte-template-default main .block-testimonials table .innerwrapper,
.block-testimonials body.projekte-template-default main blockquote .innerwrapper,
body.projekte-template-default main .block-testimonials blockquote .innerwrapper,
.block-testimonials body.projekte-template-default main > ol .innerwrapper,
body.projekte-template-default .block-testimonials main > ol .innerwrapper,
.block-testimonials body.projekte-template-default main > ul .innerwrapper,
body.projekte-template-default .block-testimonials main > ul .innerwrapper,
.block-testimonials body.projekte-template-default main .wp-block-file .innerwrapper,
body.projekte-template-default main .block-testimonials .wp-block-file .innerwrapper,
.block-testimonials body.projekte-template-default main .wp-block-table .innerwrapper,
body.projekte-template-default main .block-testimonials .wp-block-table .innerwrapper,
.block-testimonials body.projekte-template-default main .wp-block-image .innerwrapper,
body.projekte-template-default main .block-testimonials .wp-block-image .innerwrapper, .block-testimonials #main > h1 .innerwrapper, .block-testimonials #main > h2 .innerwrapper, .block-testimonials #main > h3 .innerwrapper, .block-testimonials #main > h4 .innerwrapper, .block-testimonials #main > h5 .innerwrapper, .block-testimonials #main > h6 .innerwrapper, .block-testimonials #main > p .innerwrapper, .block-testimonials #main > ul .innerwrapper, .block-testimonials #main > .wp-block-columns .innerwrapper {
  margin: 0 auto;
  position: relative;
  margin-left: 4rem;
}
@media (max-width: 768px) {
  .block-testimonials .wrapper .innerwrapper, .block-testimonials .is-root-container table .innerwrapper, .is-root-container .block-testimonials table .innerwrapper,
.block-testimonials .is-root-container blockquote .innerwrapper,
.is-root-container .block-testimonials blockquote .innerwrapper, .block-testimonials .is-root-container > ol .innerwrapper, .block-testimonials .is-root-container > ul .innerwrapper,
.block-testimonials .is-root-container .wp-block-file .innerwrapper,
.is-root-container .block-testimonials .wp-block-file .innerwrapper,
.block-testimonials .is-root-container .wp-block-table .innerwrapper,
.is-root-container .block-testimonials .wp-block-table .innerwrapper,
.block-testimonials .is-root-container .wp-block-image .innerwrapper,
.is-root-container .block-testimonials .wp-block-image .innerwrapper,
.block-testimonials body.projekte-template-default main table .innerwrapper,
body.projekte-template-default main .block-testimonials table .innerwrapper,
.block-testimonials body.projekte-template-default main blockquote .innerwrapper,
body.projekte-template-default main .block-testimonials blockquote .innerwrapper,
.block-testimonials body.projekte-template-default main > ol .innerwrapper,
body.projekte-template-default .block-testimonials main > ol .innerwrapper,
.block-testimonials body.projekte-template-default main > ul .innerwrapper,
body.projekte-template-default .block-testimonials main > ul .innerwrapper,
.block-testimonials body.projekte-template-default main .wp-block-file .innerwrapper,
body.projekte-template-default main .block-testimonials .wp-block-file .innerwrapper,
.block-testimonials body.projekte-template-default main .wp-block-table .innerwrapper,
body.projekte-template-default main .block-testimonials .wp-block-table .innerwrapper,
.block-testimonials body.projekte-template-default main .wp-block-image .innerwrapper,
body.projekte-template-default main .block-testimonials .wp-block-image .innerwrapper, .block-testimonials #main > h1 .innerwrapper, .block-testimonials #main > h2 .innerwrapper, .block-testimonials #main > h3 .innerwrapper, .block-testimonials #main > h4 .innerwrapper, .block-testimonials #main > h5 .innerwrapper, .block-testimonials #main > h6 .innerwrapper, .block-testimonials #main > p .innerwrapper, .block-testimonials #main > ul .innerwrapper, .block-testimonials #main > .wp-block-columns .innerwrapper {
    margin-left: 0;
  }
}
.block-testimonials .wrapper .innerwrapper svg, .block-testimonials .is-root-container table .innerwrapper svg, .is-root-container .block-testimonials table .innerwrapper svg,
.block-testimonials .is-root-container blockquote .innerwrapper svg,
.is-root-container .block-testimonials blockquote .innerwrapper svg, .block-testimonials .is-root-container > ol .innerwrapper svg, .block-testimonials .is-root-container > ul .innerwrapper svg,
.block-testimonials .is-root-container .wp-block-file .innerwrapper svg,
.is-root-container .block-testimonials .wp-block-file .innerwrapper svg,
.block-testimonials .is-root-container .wp-block-table .innerwrapper svg,
.is-root-container .block-testimonials .wp-block-table .innerwrapper svg,
.block-testimonials .is-root-container .wp-block-image .innerwrapper svg,
.is-root-container .block-testimonials .wp-block-image .innerwrapper svg,
.block-testimonials body.projekte-template-default main table .innerwrapper svg,
body.projekte-template-default main .block-testimonials table .innerwrapper svg,
.block-testimonials body.projekte-template-default main blockquote .innerwrapper svg,
body.projekte-template-default main .block-testimonials blockquote .innerwrapper svg,
.block-testimonials body.projekte-template-default main > ol .innerwrapper svg,
body.projekte-template-default .block-testimonials main > ol .innerwrapper svg,
.block-testimonials body.projekte-template-default main > ul .innerwrapper svg,
body.projekte-template-default .block-testimonials main > ul .innerwrapper svg,
.block-testimonials body.projekte-template-default main .wp-block-file .innerwrapper svg,
body.projekte-template-default main .block-testimonials .wp-block-file .innerwrapper svg,
.block-testimonials body.projekte-template-default main .wp-block-table .innerwrapper svg,
body.projekte-template-default main .block-testimonials .wp-block-table .innerwrapper svg,
.block-testimonials body.projekte-template-default main .wp-block-image .innerwrapper svg,
body.projekte-template-default main .block-testimonials .wp-block-image .innerwrapper svg, .block-testimonials #main > h1 .innerwrapper svg, .block-testimonials #main > h2 .innerwrapper svg, .block-testimonials #main > h3 .innerwrapper svg, .block-testimonials #main > h4 .innerwrapper svg, .block-testimonials #main > h5 .innerwrapper svg, .block-testimonials #main > h6 .innerwrapper svg, .block-testimonials #main > p .innerwrapper svg, .block-testimonials #main > ul .innerwrapper svg, .block-testimonials #main > .wp-block-columns .innerwrapper svg {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-186%);
}
@media (max-width: 768px) {
  .block-testimonials .wrapper .innerwrapper svg, .block-testimonials .is-root-container table .innerwrapper svg, .is-root-container .block-testimonials table .innerwrapper svg,
.block-testimonials .is-root-container blockquote .innerwrapper svg,
.is-root-container .block-testimonials blockquote .innerwrapper svg, .block-testimonials .is-root-container > ol .innerwrapper svg, .block-testimonials .is-root-container > ul .innerwrapper svg,
.block-testimonials .is-root-container .wp-block-file .innerwrapper svg,
.is-root-container .block-testimonials .wp-block-file .innerwrapper svg,
.block-testimonials .is-root-container .wp-block-table .innerwrapper svg,
.is-root-container .block-testimonials .wp-block-table .innerwrapper svg,
.block-testimonials .is-root-container .wp-block-image .innerwrapper svg,
.is-root-container .block-testimonials .wp-block-image .innerwrapper svg,
.block-testimonials body.projekte-template-default main table .innerwrapper svg,
body.projekte-template-default main .block-testimonials table .innerwrapper svg,
.block-testimonials body.projekte-template-default main blockquote .innerwrapper svg,
body.projekte-template-default main .block-testimonials blockquote .innerwrapper svg,
.block-testimonials body.projekte-template-default main > ol .innerwrapper svg,
body.projekte-template-default .block-testimonials main > ol .innerwrapper svg,
.block-testimonials body.projekte-template-default main > ul .innerwrapper svg,
body.projekte-template-default .block-testimonials main > ul .innerwrapper svg,
.block-testimonials body.projekte-template-default main .wp-block-file .innerwrapper svg,
body.projekte-template-default main .block-testimonials .wp-block-file .innerwrapper svg,
.block-testimonials body.projekte-template-default main .wp-block-table .innerwrapper svg,
body.projekte-template-default main .block-testimonials .wp-block-table .innerwrapper svg,
.block-testimonials body.projekte-template-default main .wp-block-image .innerwrapper svg,
body.projekte-template-default main .block-testimonials .wp-block-image .innerwrapper svg, .block-testimonials #main > h1 .innerwrapper svg, .block-testimonials #main > h2 .innerwrapper svg, .block-testimonials #main > h3 .innerwrapper svg, .block-testimonials #main > h4 .innerwrapper svg, .block-testimonials #main > h5 .innerwrapper svg, .block-testimonials #main > h6 .innerwrapper svg, .block-testimonials #main > p .innerwrapper svg, .block-testimonials #main > ul .innerwrapper svg, .block-testimonials #main > .wp-block-columns .innerwrapper svg {
    display: none;
  }
}
.block-testimonials .swiper-slide {
  height: auto !important;
}
.block-testimonials .swiper-slide p {
  margin-top: 0;
}
.block-testimonials .swiper-slide .testimonial {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.block-testimonials .swiper-slide .testimonial .author {
  margin-top: 1rem;
}
.block-testimonials .swiper-slide .testimonial .author img {
  max-height: 4em;
  width: auto;
}
@media (min-width: 768px) {
  .block-testimonials .swiper-slide .testimonial .author {
    display: flex;
    align-items: flex-start;
  }
  .block-testimonials .swiper-slide .testimonial .author img {
    max-height: 3em;
  }
}
.block-testimonials .swiper-slide .testimonial .author .logo {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.block-testimonials .swiper-slide .testimonial .author p {
  margin-top: 0;
  margin-bottom: 0;
}
.block-testimonials .swiper-slide .testimonial .author p .website {
  font-size: 0.8rem;
  color: #b51d1c;
  margin-top: 0.5rem;
}
.block-testimonials .swiper-slide .testimonial .author p .website:hover {
  text-decoration: underline;
}
.block-testimonials .control {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px) {
  .block-testimonials .control {
    font-size: 0.8rem;
  }
}
.block-testimonials .control svg {
  width: 20px;
  height: 20px;
}
.block-testimonials .control a:hover {
  color: var(--color-theme);
}
.block-testimonials .control .button {
  display: inline-block;
  margin: 1rem 1rem 1rem 0;
  outline: none;
}
@media (max-width: 768px) {
  .block-testimonials .control .button {
    margin: 0.5rem 0 0.3rem 0;
    left: 0;
    right: 0;
  }
}
.block-testimonials .control .button.left {
  width: auto;
  height: auto;
}
.block-testimonials::after {
  display: none;
}
.block-testimonials .control .button.right {
  width: auto;
  height: auto;
}
.block-testimonials::after {
  display: none;
}

@media (min-width: 1280px) {
  .wp-block-has-zahl {
    display: flex;
    align-items: center;
  }
}
.wp-block-has-zahl .zahl {
  font-size: 3.6rem;
  margin-right: 0.24rem;
  color: #b51d1c;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .wp-block-has-zahl .zahl {
    font-size: 2.4rem;
  }
}
.wp-block-has-zahl .text {
  font-size: 1.24rem;
  font-weight: 300;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .wp-block-has-zahl .text {
    font-size: 0.86rem;
  }
}

@media (min-width: 780px) and (max-width: 1023px) {
  .wp-block-columns:has(.wp-block-has-zahl) {
    flex-direction: column;
  }
}

.section.project-intro_gallery {
  padding: 0;
  overflow: hidden;
  background-color: #f2f2f2;
}
.section.project-intro_gallery.projects {
  margin-top: 6rem;
}
.section.project-intro_gallery .control {
  cursor: none;
}
.section.project-intro_gallery .control.left {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  right: 66.666%;
  bottom: 0;
  left: 0;
}
.section.project-intro_gallery .control.left::after {
  display: none;
}
.section.project-intro_gallery .control.right {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 66.666%;
}
.section.project-intro_gallery .control.right::after {
  display: none;
}
.section.project-intro_gallery .control.zoom {
  position: absolute;
  top: 0;
  right: 33.333%;
  bottom: 0;
  left: 33.333%;
  z-index: 50;
}
.section.project-intro_gallery .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 50;
  width: 30%;
}
.section.project-intro_gallery .progress.start .progress-line span {
  animation: progressBar 6.75s forwards linear;
}
@keyframes progressBar {
  0% {
    transform: scaleX(0);
  }
  85% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
.section.project-intro_gallery .progress-line {
  width: 100%;
  height: 2.5px;
}
.section.project-intro_gallery .progress-line span {
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: left;
  transform: scaleX(0);
  background-color: var(--color-theme);
}
.section.project-intro_gallery .progress-title {
  display: block;
  background-color: white;
  padding: 1.5rem;
  font-size: 0.8rem;
  font-weight: 500;
}
.section.project-intro_gallery .progress-title .category {
  color: rgba(0, 0, 0, 0.4);
  margin: 0 1.5rem;
}
.section.project-intro_gallery .gallery-container {
  height: 100%;
  max-height: unset !important;
}
.section.project-intro_gallery .gallery-item {
  height: 100%;
}
.section.project-intro_gallery .image-container {
  height: 100%;
}
.section.project-intro_gallery .image-container img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  max-height: unset !important;
}

.section.project-intro {
  padding: 0;
  overflow: visible;
}
.section.project-intro:first-child {
  padding-top: 30vh;
}
@media (max-width: 768px) {
  .section.project-intro:first-child {
    padding-top: 10vh;
  }
}
.section.project-intro .project-title {
  padding: 4.5rem;
  left: -4.5rem;
  background-color: white;
}
@media (max-width: 768px) {
  .section.project-intro .project-title {
    left: 0;
    padding: 2rem 0;
  }
}

#main {
  min-height: 80vh;
}
#main > h1:first-child, #main > h2:first-child, #main > h3:first-child, #main > h4:first-child, #main > h5:first-child, #main > h6:first-child, #main > p:first-child, #main > ul:first-child, #main > .wp-block-columns:first-child {
  margin-top: 3rem;
}
#main > h1:last-child, #main > h2:last-child, #main > h3:last-child, #main > h4:last-child, #main > h5:last-child, #main > h6:last-child, #main > p:last-child, #main > ul:last-child, #main > .wp-block-columns:last-child {
  margin-bottom: 3rem;
}
#main > h1 p:first-child, #main > h2 p:first-child, #main > h3 p:first-child, #main > h4 p:first-child, #main > h5 p:first-child, #main > h6 p:first-child, #main > p p:first-child, #main > ul p:first-child, #main > .wp-block-columns p:first-child {
  margin-top: 0 !important;
}
#main > h1 a:hover, #main > h2 a:hover, #main > h3 a:hover, #main > h4 a:hover, #main > h5 a:hover, #main > h6 a:hover, #main > p a:hover, #main > ul a:hover, #main > .wp-block-columns a:hover {
  color: var(--color-theme);
}
#main > h2, #main > h3,
#main .wp-block-columns h2,
#main .wp-block-columns h3 {
  margin-top: 2em;
  margin-bottom: 0.5em;
}
#main > h4 {
  margin-top: 2em;
  margin-bottom: 0.5em;
}
#main > p {
  font-weight: 300;
  line-height: 150%;
  margin-top: 0;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.65);
}
#main .wp-block-columns ul {
  padding-left: 0;
}

.section {
  z-index: 1;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  overflow: hidden;
}
.section + .section {
  padding-top: 0;
}
@media (max-width: 768px) {
  .section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.section .sticky-label {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 6rem;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  text-transform: uppercase;
  letter-spacing: 0.11rem;
  font-weight: 700;
  letter-spacing: -0.25eem;
  margin-bottom: 1em;
  color: var(--color-theme);
}
@media (max-width: 768px) {
  .section .sticky-label {
    position: relative;
    writing-mode: horizontal-tb;
    transform: none;
    line-height: 2rem;
    font-size: 0.55rem;
    margin-bottom: 0.5em;
  }
  .section .sticky-label + .grid {
    margin-top: -3rem;
  }
  .section .sticky-label.hide-mobile {
    display: none;
  }
}
.section .section-head {
  align-items: flex-end;
}
@media (min-width: 768px) {
  .section .section-head h2 {
    margin: 0;
  }
}
.section .section-head .link {
  bottom: 0.35em;
}

.section *,
.page-main * {
  box-sizing: border-box;
  position: relative;
}
.section h1,
.section h2,
.page-main h1,
.page-main h2 {
  font-size: 2.5rem;
  line-height: 115%;
  font-weight: 200;
  letter-spacing: -0.05em;
}
@media (max-width: 768px) {
  .section h1,
.section h2,
.page-main h1,
.page-main h2 {
    font-size: 1.7rem;
  }
}
@media (max-width: 400px) {
  .section h1,
.section h2,
.page-main h1,
.page-main h2 {
    font-size: 1.5rem;
  }
}
.section .h3,
.section h3,
.page-main .h3,
.page-main h3 {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  letter-spacing: -0.035em;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .section .h3,
.section h3,
.page-main .h3,
.page-main h3 {
    font-size: 1.2rem;
  }
}
.section .h3:last-child,
.section h3:last-child,
.page-main .h3:last-child,
.page-main h3:last-child {
  margin-bottom: 2rem !important;
}
.section .h3 + h4,
.section h3 + h4,
.page-main .h3 + h4,
.page-main h3 + h4 {
  margin-top: 1em;
}
.section :not(.wp-block) + h3,
.page-main :not(.wp-block) + h3 {
  margin-top: 2em;
}
.section h4, .section h5, .section h6,
.page-main h4,
.page-main h5,
.page-main h6 {
  margin-top: 2em;
  margin-bottom: 0.5em;
  font-weight: 500;
  line-height: 160%;
}
@media (min-width: 768px) {
  .section h4, .section h5, .section h6,
.page-main h4,
.page-main h5,
.page-main h6 {
    font-size: 1.2rem;
  }
}
.section p,
.page-main p {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  letter-spacing: -0.025em;
  line-height: 150%;
}
@media (min-width: 1024px) {
  .section p,
.page-main p {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .section p,
.page-main p {
    font-size: 1rem;
  }
}
.section ul,
.page-main ul {
  font-weight: 300;
}
.section li,
.page-main li {
  list-style: none;
  padding-left: 1.5em;
  margin-bottom: 1em;
  line-height: 140%;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .section li,
.page-main li {
    font-size: 1.2rem;
  }
}
.section li::before,
.page-main li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--color-theme);
}
.section .question:not(:last-child),
.page-main .question:not(:last-child) {
  margin-bottom: 3em;
}
@media (max-width: 768px) {
  .section .question:not(:last-child),
.page-main .question:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
.section .gform_heading,
.page-main .gform_heading {
  display: none;
}
.section .gform_wrapper ul.gform_fields,
.page-main .gform_wrapper ul.gform_fields {
  display: flex;
  flex-wrap: wrap;
}
.section .gform_wrapper ul.gform_fields li,
.page-main .gform_wrapper ul.gform_fields li {
  display: inline-block;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
.section .gform_wrapper ul.gform_fields li#field_1_2,
.page-main .gform_wrapper ul.gform_fields li#field_1_2 {
  width: 50%;
}
.section .gform_wrapper ul.gform_fields li#field_1_2 input,
.page-main .gform_wrapper ul.gform_fields li#field_1_2 input {
  width: calc(100% - 3rem / 4);
}
.section .gform_wrapper ul.gform_fields li#field_1_3,
.page-main .gform_wrapper ul.gform_fields li#field_1_3 {
  width: 50%;
}
.section .gform_wrapper ul.gform_fields li#field_1_3 .ginput_container,
.page-main .gform_wrapper ul.gform_fields li#field_1_3 .ginput_container {
  display: flex;
  justify-content: flex-end;
}
.section .gform_wrapper ul.gform_fields li#field_1_3 input,
.page-main .gform_wrapper ul.gform_fields li#field_1_3 input {
  width: 100%;
}
.section .gform_wrapper ul.gform_fields li#field_1_4 input,
.page-main .gform_wrapper ul.gform_fields li#field_1_4 input {
  width: 100%;
}
.section .gform_wrapper ul.gform_fields li:before,
.page-main .gform_wrapper ul.gform_fields li:before {
  display: none;
}
.section .gform_wrapper .top_label div.ginput_container,
.page-main .gform_wrapper .top_label div.ginput_container {
  margin: 0;
}
.section .gform_wrapper .gform_footer,
.page-main .gform_wrapper .gform_footer {
  padding: 0;
  margin: 0;
}
.section .gform_wrapper div.validation_error,
.page-main .gform_wrapper div.validation_error {
  border: none;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1));
  background-color: white;
  color: rgb(200, 50, 50);
  border-radius: 3px;
  font-weight: 500;
  font-size: 0.8rem;
  padding: 1rem;
}
.section .gform_wrapper li.gfield.gfield_error,
.section .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
.page-main .gform_wrapper li.gfield.gfield_error,
.page-main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent;
  border: none;
}
.section .gform_wrapper li.gfield.gfield_error div.gfield_description, .section .gform_wrapper li.gfield.gfield_error.gfield.gfield_error.gfield_contains_required div.gfield_description,
.section .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning div.gfield_description,
.section .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning.gfield.gfield_error.gfield_contains_required div.gfield_description,
.page-main .gform_wrapper li.gfield.gfield_error div.gfield_description,
.page-main .gform_wrapper li.gfield.gfield_error.gfield.gfield_error.gfield_contains_required div.gfield_description,
.page-main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning div.gfield_description,
.page-main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning.gfield.gfield_error.gfield_contains_required div.gfield_description {
  margin-top: 0.5em;
  padding: 0.25em 0.5em !important;
  font-weight: 500;
  font-size: 0.75rem;
  color: rgb(200, 50, 50);
  background-color: white;
  border-radius: 3px;
  width: auto;
  display: inline-block;
}
.section .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.section .gform_wrapper li.gfield_error textarea,
.page-main .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.page-main .gform_wrapper li.gfield_error textarea {
  border: 1px solid rgba(255, 0, 0, 0.1);
}
.section .gform_wrapper div.ginput_container_name span,
.page-main .gform_wrapper div.ginput_container_name span {
  padding: 0;
}
.section .gform_wrapper div.ginput_container_name span:not(:last-child),
.page-main .gform_wrapper div.ginput_container_name span:not(:last-child) {
  padding-right: 0.75rem;
}
.section .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_1,
.section .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2,
.section .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_3,
.page-main .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_1,
.page-main .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2,
.page-main .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
  width: 100%;
}
.section .gform_wrapper .gform_footer input.button, .section .gform_wrapper .gform_wrapper .gform_footer input[type=submit],
.section .gform_wrapper .gform_page_footer input.button, .section .gform_wrapper .gform_wrapper .gform_page_footer input[type=submit],
.page-main .gform_wrapper .gform_footer input.button,
.page-main .gform_wrapper .gform_wrapper .gform_footer input[type=submit],
.page-main .gform_wrapper .gform_page_footer input.button,
.page-main .gform_wrapper .gform_wrapper .gform_page_footer input[type=submit] {
  margin: 0.75rem 0 0 0;
}
.section .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.section .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.page-main .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.page-main .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0;
}
.section .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half),
.page-main .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: none !important;
}
.section .gform_confirmation_message_1,
.page-main .gform_confirmation_message_1 {
  background-image: linear-gradient(to bottom, rgba(0, 255, 0, 0.1), rgba(0, 255, 0, 0.1));
  background-color: white;
  border: 1px solid rgb(50, 200, 50);
  padding: 1.5rem;
  border-radius: 3px;
}
.section input,
.section textarea,
.section button,
.section .gform_button,
.section .gform_wrapper textarea,
.section .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.page-main input,
.page-main textarea,
.page-main button,
.page-main .gform_button,
.page-main .gform_wrapper textarea,
.page-main .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 1.5rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 0.9em;
  color: white;
  margin: 0.75rem 0 0 0;
  border: 2px solid transparent;
}
.section input:focus,
.section textarea:focus,
.section button:focus,
.section .gform_button:focus,
.section .gform_wrapper textarea:focus,
.section .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.page-main input:focus,
.page-main textarea:focus,
.page-main button:focus,
.page-main .gform_button:focus,
.page-main .gform_wrapper textarea:focus,
.page-main .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
  outline: none;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
}
.section input:focus::-moz-placeholder, .section textarea:focus::-moz-placeholder, .section button:focus::-moz-placeholder, .section .gform_button:focus::-moz-placeholder, .section .gform_wrapper textarea:focus::-moz-placeholder, .section .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-moz-placeholder, .page-main input:focus::-moz-placeholder, .page-main textarea:focus::-moz-placeholder, .page-main button:focus::-moz-placeholder, .page-main .gform_button:focus::-moz-placeholder, .page-main .gform_wrapper textarea:focus::-moz-placeholder, .page-main .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.section input:focus::placeholder,
.section textarea:focus::placeholder,
.section button:focus::placeholder,
.section .gform_button:focus::placeholder,
.section .gform_wrapper textarea:focus::placeholder,
.section .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::placeholder,
.page-main input:focus::placeholder,
.page-main textarea:focus::placeholder,
.page-main button:focus::placeholder,
.page-main .gform_button:focus::placeholder,
.page-main .gform_wrapper textarea:focus::placeholder,
.page-main .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.section input::-moz-placeholder, .section textarea::-moz-placeholder, .section button::-moz-placeholder, .section .gform_button::-moz-placeholder, .section .gform_wrapper textarea::-moz-placeholder, .section .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder, .page-main input::-moz-placeholder, .page-main textarea::-moz-placeholder, .page-main button::-moz-placeholder, .page-main .gform_button::-moz-placeholder, .page-main .gform_wrapper textarea::-moz-placeholder, .page-main .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.section input::placeholder,
.section textarea::placeholder,
.section button::placeholder,
.section .gform_button::placeholder,
.section .gform_wrapper textarea::placeholder,
.section .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
.page-main input::placeholder,
.page-main textarea::placeholder,
.page-main button::placeholder,
.page-main .gform_button::placeholder,
.page-main .gform_wrapper textarea::placeholder,
.page-main .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 768px) {
  .section input,
.section textarea,
.section button,
.section .gform_button,
.section .gform_wrapper textarea,
.section .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.page-main input,
.page-main textarea,
.page-main button,
.page-main .gform_button,
.page-main .gform_wrapper textarea,
.page-main .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100%;
  }
}
.section button,
.section .gform_button,
.page-main button,
.page-main .gform_button {
  cursor: pointer;
  background-color: white;
  color: #b51d1c;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.25);
  transition: 350ms ease-in-out;
}
.section button:hover,
.section .gform_button:hover,
.page-main button:hover,
.page-main .gform_button:hover {
  transform: translateY(-3px);
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.15);
}
.section a,
.page-main a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.section u,
.section h1 span,
.section h2 span,
.page-main u,
.page-main h1 span,
.page-main h2 span {
  text-decoration: underline;
  text-underline-offset: 0.125em;
  text-decoration-thickness: 0.04em;
}
.section img,
.page-main img {
  display: block;
  max-width: 100%;
  height: auto;
}
.section .link,
.section .inline-link,
.section .eyebrow,
.section .small-heading,
.page-main .link,
.page-main .inline-link,
.page-main .eyebrow,
.page-main .small-heading {
  font-family: "Inter", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.4;
  letter-spacing: 0.025em;
  transition: 350ms ease-in-out;
  margin-bottom: 0.4rem;
  margin-top: 0;
}
@media (max-width: 768px) {
  .section .link,
.section .inline-link,
.section .eyebrow,
.section .small-heading,
.page-main .link,
.page-main .inline-link,
.page-main .eyebrow,
.page-main .small-heading {
    font-size: 0.7rem;
    margin-bottom: 0.2em;
  }
}
.section .link:not(:first-child),
.section .inline-link:not(:first-child),
.section .eyebrow:not(:first-child),
.section .small-heading:not(:first-child),
.page-main .link:not(:first-child),
.page-main .inline-link:not(:first-child),
.page-main .eyebrow:not(:first-child),
.page-main .small-heading:not(:first-child) {
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .section .link:not(:first-child),
.section .inline-link:not(:first-child),
.section .eyebrow:not(:first-child),
.section .small-heading:not(:first-child),
.page-main .link:not(:first-child),
.page-main .inline-link:not(:first-child),
.page-main .eyebrow:not(:first-child),
.page-main .small-heading:not(:first-child) {
    margin-top: 0.75rem;
  }
}
.section .link + p,
.section .inline-link + p,
.section .eyebrow + p,
.section .small-heading + p,
.page-main .link + p,
.page-main .inline-link + p,
.page-main .eyebrow + p,
.page-main .small-heading + p {
  margin-top: 0;
  font-weight: 500;
  line-height: 125%;
}
.section .link + .small-heading,
.section .inline-link + .small-heading,
.section .eyebrow + .small-heading,
.section .small-heading + .small-heading,
.page-main .link + .small-heading,
.page-main .inline-link + .small-heading,
.page-main .eyebrow + .small-heading,
.page-main .small-heading + .small-heading {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .section .link + .small-heading,
.section .inline-link + .small-heading,
.section .eyebrow + .small-heading,
.section .small-heading + .small-heading,
.page-main .link + .small-heading,
.page-main .inline-link + .small-heading,
.page-main .eyebrow + .small-heading,
.page-main .small-heading + .small-heading {
    margin-top: 1.5rem;
  }
}
.section .eyebrow + h2,
.page-main .eyebrow + h2 {
  margin-top: 0.5em;
}
.section .link:hover,
.page-main .link:hover {
  color: black;
}
.section .inline-link::after,
.page-main .inline-link::after {
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1.5px;
  background-color: var(--color-theme);
  transition: 350ms ease-in-out;
}
.section .inline-link:hover,
.page-main .inline-link:hover {
  color: black;
}
.section .inline-link:hover::after,
.page-main .inline-link:hover::after {
  opacity: 1;
}
.section .button:not(.gform_button),
.page-main .button:not(.gform_button) {
  border: none;
  display: inline-block;
  border-radius: 3px;
  padding: 1em 1.1em;
  margin: 1em 0;
  font-family: "Inter", sans-serif;
  font-size: 0.8rem;
  color: white;
  font-weight: 600;
  transition: 350ms ease-in-out;
  overflow: hidden;
  background-color: transparent;
  cursor: pointer;
  color: var(--color-theme);
}
.section .button:not(.gform_button).fade-out,
.page-main .button:not(.gform_button).fade-out {
  opacity: 0.4;
}
@media (max-width: 768px) {
  .section .button:not(.gform_button),
.page-main .button:not(.gform_button) {
    width: 100%;
    text-align: center;
  }
}
.section .button:not(.gform_button).white,
.page-main .button:not(.gform_button).white {
  background-color: white;
  color: black;
}
.section .button:not(.gform_button).white::before,
.page-main .button:not(.gform_button).white::before {
  display: none;
}
.section .button:not(.gform_button).white:hover,
.page-main .button:not(.gform_button).white:hover {
  background-color: white;
  color: black;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.25);
  transform: translateY(-3px);
}
.section .button:not(.gform_button) + .button,
.page-main .button:not(.gform_button) + .button {
  margin-top: 0;
}
.section .button:not(.gform_button)::before,
.page-main .button:not(.gform_button)::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.section .button:not(.gform_button):hover,
.page-main .button:not(.gform_button):hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.section .team-member,
.page-main .team-member {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  overflow: hidden;
  color: white;
}
.section .team-member .team-member-meta,
.page-main .team-member .team-member-meta {
  padding: 1.5rem;
}
.section .team-member .name,
.page-main .team-member .name {
  font-weight: 600;
  font-size: 1.25em;
  margin-bottom: 0.5em;
}
.section .team-member .contact,
.page-main .team-member .contact {
  font-family: "Inter", sans-serif;
  font-size: 0.85em;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.section .team-member .contact a,
.page-main .team-member .contact a {
  display: block;
  opacity: 0.8;
  transition: 350ms ease-in-out;
}
.section .team-member .contact a:hover,
.page-main .team-member .contact a:hover {
  opacity: 1;
}
.section .team-member .contact a::before,
.page-main .team-member .contact a::before {
  content: "→";
  margin-right: 1em;
}

a.grid-item {
  cursor: none;
}

.site-content-contain .page-main {
  padding-top: 6rem;
}
@media (max-width: 768px) {
  .site-content-contain .page-main {
    padding-top: 0;
  }
}
.site-content-contain .page-main p a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.site-content-contain .page-main p a:after {
  content: "↗";
}
.site-content-contain .page-main p a:hover {
  color: #b51d1c;
  border-color: #b51d1c;
}

.gallery-container.static {
  height: 70vh;
}
.gallery-container.static figure {
  height: 100%;
}
.gallery-container.static img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
}
.gallery-container.static .gallery-item {
  height: 100%;
}

.section.page-intro__image {
  padding-top: 0;
  padding-bottom: 0;
}

.section.page-intro {
  padding: 0;
  overflow: visible;
  margin-bottom: -6rem;
}
.section.page-intro .page-title {
  padding: 4.5rem;
  top: -6rem;
  left: -4.5rem;
  background-color: white;
}

.categories-container {
  margin-top: 6rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .categories-container {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .categories-container {
    margin-top: 3rem;
  }
}
.categories-container .search-container {
  display: flex;
  width: 100%;
  margin-right: 0.5em;
  margin-bottom: 0.75em;
}
.categories-container .search-container svg {
  position: absolute;
  top: 50%;
  left: 0.5em;
  width: 1em;
  height: 1em;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .categories-container .search-container svg {
    top: calc(50% - 0.3em);
  }
}
.categories-container .search {
  padding: 0.55em 0.75em 0.55em 2.25em;
  background-color: white;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  border: 3px solid white;
  display: inline-block;
  margin-top: 0;
  color: black;
  transition: 350ms ease-in-out;
  flex-grow: 1;
  font-size: 1rem;
  font-weight: 400;
}
.categories-container .search:focus {
  box-shadow: none;
  border-color: #f2f2f2;
}
.categories-container .search::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.categories-container .search::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
  .categories-container .search {
    font-size: 0.7em;
    margin-right: 0.2em;
    margin-bottom: 0.6em;
  }
}

.selects-container {
  display: grid;
  gap: 0.5em;
}
@media (min-width: 768px) {
  .selects-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .selects-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.selects-container select {
  padding: 0.55em 2.25em 0.55em 0.75em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: white url(../media/static/select.svg) no-repeat right 0.75em center;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  border: 3px solid white;
  display: inline-block;
  margin-top: 0;
  color: black;
  transition: 350ms ease-in-out;
  flex-grow: 1;
  font-size: 1rem;
  font-weight: 400;
}
.selects-container select:focus {
  box-shadow: none;
  border-color: #f2f2f2;
}
.selects-container select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.selects-container select::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
  .selects-container select {
    font-size: 0.7em;
    margin-right: 0.2em;
    margin-bottom: 0.6em;
  }
}
.selects-container .category {
  display: inline-block;
  background-color: #f2f2f2;
  padding: 0.55em 0.75em;
  transition: 350ms ease-in-out;
  border: 3px solid #f2f2f2;
}
@media (max-width: 768px) {
  .selects-container .category {
    font-size: 0.7em;
  }
}
.selects-container .category:first-child:not(.active) {
  background-color: white;
}
.selects-container .category:not(:last-child) {
  margin-right: 0.5em;
  margin-bottom: 0.75em;
}
@media (max-width: 768px) {
  .selects-container .category:not(:last-child) {
    margin-right: 0.2em;
    margin-bottom: 0.6em;
  }
}
.selects-container .category:hover {
  background-color: white;
  border-color: white;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
.selects-container .category.active {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
  color: white;
}
.selects-container .category.active:first-child {
  background-color: #262626;
  border-color: #262626;
  color: white;
}

.category {
  display: inline-block;
  background-color: #b51d1c;
  padding: 0.55em 0.75em;
  transition: 350ms ease-in-out;
  border: 3px solid #f2f2f2;
}
@media (max-width: 768px) {
  .category {
    font-size: 0.7em;
  }
}
.category:first-child:not(.active) {
  background-color: white;
}
.category:not(:last-child) {
  margin-right: 0.5em;
  margin-bottom: 0.75em;
}
@media (max-width: 768px) {
  .category:not(:last-child) {
    margin-right: 0.2em;
    margin-bottom: 0.6em;
  }
}
.category:hover {
  background-color: white;
  border-color: white;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
.category.active {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
  color: white;
}
.category:first-child {
  background-color: #b51d1c;
  color: white;
}

.section.project-intro_gallery.single-project {
  height: auto;
  background-color: transparent;
}
.section.project-intro_gallery.single-project .wrapper, .section.project-intro_gallery.single-project .is-root-container table, .is-root-container .section.project-intro_gallery.single-project table,
.section.project-intro_gallery.single-project .is-root-container blockquote,
.is-root-container .section.project-intro_gallery.single-project blockquote, .section.project-intro_gallery.single-project .is-root-container > ol, .section.project-intro_gallery.single-project .is-root-container > ul,
.section.project-intro_gallery.single-project .is-root-container .wp-block-file,
.is-root-container .section.project-intro_gallery.single-project .wp-block-file,
.section.project-intro_gallery.single-project .is-root-container .wp-block-table,
.is-root-container .section.project-intro_gallery.single-project .wp-block-table,
.section.project-intro_gallery.single-project .is-root-container .wp-block-image,
.is-root-container .section.project-intro_gallery.single-project .wp-block-image,
.section.project-intro_gallery.single-project body.projekte-template-default main table,
body.projekte-template-default main .section.project-intro_gallery.single-project table,
.section.project-intro_gallery.single-project body.projekte-template-default main blockquote,
body.projekte-template-default main .section.project-intro_gallery.single-project blockquote,
.section.project-intro_gallery.single-project body.projekte-template-default main > ol,
body.projekte-template-default .section.project-intro_gallery.single-project main > ol,
.section.project-intro_gallery.single-project body.projekte-template-default main > ul,
body.projekte-template-default .section.project-intro_gallery.single-project main > ul,
.section.project-intro_gallery.single-project body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section.project-intro_gallery.single-project .wp-block-file,
.section.project-intro_gallery.single-project body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section.project-intro_gallery.single-project .wp-block-table,
.section.project-intro_gallery.single-project body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section.project-intro_gallery.single-project .wp-block-image, .section.project-intro_gallery.single-project #main > h1, .section.project-intro_gallery.single-project #main > h2, .section.project-intro_gallery.single-project #main > h3, .section.project-intro_gallery.single-project #main > h4, .section.project-intro_gallery.single-project #main > h5, .section.project-intro_gallery.single-project #main > h6, .section.project-intro_gallery.single-project #main > p, .section.project-intro_gallery.single-project #main > ul, .section.project-intro_gallery.single-project #main > .wp-block-columns {
  padding: 0;
}
.section.project-intro_gallery.single-project .wrapper_off img {
  width: 100% !important;
}
.section.project-intro_gallery.single-project .gallery-container {
  padding-top: 6rem;
  max-height: 900px;
}
@media (max-width: 768px) {
  .section.project-intro_gallery.single-project .gallery-container {
    padding-top: 0;
  }
}
.section.project-intro_gallery.single-project .gallery-container img {
  -o-object-position: bottom;
     object-position: bottom;
  max-height: 900px;
}

.blog .section-articles_grid .grid {
  display: block;
}
.blog .section-articles_grid .grid-item .image-container {
  flex: unset;
}
.blog .section-articles_grid .date {
  font-weight: 500;
  font-size: 0.7rem;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 1.5rem;
}
.blog .section-articles_grid .date + .title {
  margin-top: 0.5em;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: white;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}
@media (max-width: 768px) {
  .site-header {
    position: relative;
  }
}
.site-header .wrapper, .site-header .is-root-container table, .is-root-container .site-header table,
.site-header .is-root-container blockquote,
.is-root-container .site-header blockquote, .site-header .is-root-container > ol, .site-header .is-root-container > ul,
.site-header .is-root-container .wp-block-file,
.is-root-container .site-header .wp-block-file,
.site-header .is-root-container .wp-block-table,
.is-root-container .site-header .wp-block-table,
.site-header .is-root-container .wp-block-image,
.is-root-container .site-header .wp-block-image,
.site-header body.projekte-template-default main table,
body.projekte-template-default main .site-header table,
.site-header body.projekte-template-default main blockquote,
body.projekte-template-default main .site-header blockquote,
.site-header body.projekte-template-default main > ol,
body.projekte-template-default .site-header main > ol,
.site-header body.projekte-template-default main > ul,
body.projekte-template-default .site-header main > ul,
.site-header body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .site-header .wp-block-file,
.site-header body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .site-header .wp-block-table,
.site-header body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .site-header .wp-block-image, .site-header #main > h1, .site-header #main > h2, .site-header #main > h3, .site-header #main > h4, .site-header #main > h5, .site-header #main > h6, .site-header #main > p, .site-header #main > ul, .site-header #main > .wp-block-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 6rem;
}
@media (max-width: 768px) {
  .site-header .wrapper, .site-header .is-root-container table, .is-root-container .site-header table,
.site-header .is-root-container blockquote,
.is-root-container .site-header blockquote, .site-header .is-root-container > ol, .site-header .is-root-container > ul,
.site-header .is-root-container .wp-block-file,
.is-root-container .site-header .wp-block-file,
.site-header .is-root-container .wp-block-table,
.is-root-container .site-header .wp-block-table,
.site-header .is-root-container .wp-block-image,
.is-root-container .site-header .wp-block-image,
.site-header body.projekte-template-default main table,
body.projekte-template-default main .site-header table,
.site-header body.projekte-template-default main blockquote,
body.projekte-template-default main .site-header blockquote,
.site-header body.projekte-template-default main > ol,
body.projekte-template-default .site-header main > ol,
.site-header body.projekte-template-default main > ul,
body.projekte-template-default .site-header main > ul,
.site-header body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .site-header .wp-block-file,
.site-header body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .site-header .wp-block-table,
.site-header body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .site-header .wp-block-image, .site-header #main > h1, .site-header #main > h2, .site-header #main > h3, .site-header #main > h4, .site-header #main > h5, .site-header #main > h6, .site-header #main > p, .site-header #main > ul, .site-header #main > .wp-block-columns {
    height: 4.5rem;
  }
}
@media (max-width: 1279px) {
  .site-header .wrapper, .site-header .is-root-container table, .is-root-container .site-header table,
.site-header .is-root-container blockquote,
.is-root-container .site-header blockquote, .site-header .is-root-container > ol, .site-header .is-root-container > ul,
.site-header .is-root-container .wp-block-file,
.is-root-container .site-header .wp-block-file,
.site-header .is-root-container .wp-block-table,
.is-root-container .site-header .wp-block-table,
.site-header .is-root-container .wp-block-image,
.is-root-container .site-header .wp-block-image,
.site-header body.projekte-template-default main table,
body.projekte-template-default main .site-header table,
.site-header body.projekte-template-default main blockquote,
body.projekte-template-default main .site-header blockquote,
.site-header body.projekte-template-default main > ol,
body.projekte-template-default .site-header main > ol,
.site-header body.projekte-template-default main > ul,
body.projekte-template-default .site-header main > ul,
.site-header body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .site-header .wp-block-file,
.site-header body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .site-header .wp-block-table,
.site-header body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .site-header .wp-block-image, .site-header #main > h1, .site-header #main > h2, .site-header #main > h3, .site-header #main > h4, .site-header #main > h5, .site-header #main > h6, .site-header #main > p, .site-header #main > ul, .site-header #main > .wp-block-columns {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.site-header .site-logo {
  width: 300px;
  bottom: 50%;
  transform: translateY(50%);
  color: var(--color-theme);
}
@media (max-width: 768px) {
  .site-header .site-logo {
    max-width: 65%;
  }
  .site-header .site-logo a {
    display: block;
  }
  .site-header .site-logo svg {
    max-width: 100%;
  }
}
.site-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.site-footer {
  background-color: #b51d1c;
  color: white;
}
.site-footer p {
  font-size: 1rem;
}
.site-footer .section {
  padding-top: 3rem;
  padding-bottom: 3rem;
  align-items: stretch;
}
.site-footer .section li::before {
  content: "" !important;
}
.site-footer .col-gap-4 {
  margin-bottom: 0;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .site-footer {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .site-footer > .wrapper, .is-root-container .site-footer > table,
.is-root-container .site-footer > blockquote, .is-root-container.site-footer > ol, .is-root-container.site-footer > ul,
.is-root-container .site-footer > .wp-block-file,
.is-root-container .site-footer > .wp-block-table,
.is-root-container .site-footer > .wp-block-image,
body.projekte-template-default main .site-footer > table,
body.projekte-template-default main .site-footer > blockquote,
body.projekte-template-default main.site-footer > ol,
body.projekte-template-default main.site-footer > ul,
body.projekte-template-default main .site-footer > .wp-block-file,
body.projekte-template-default main .site-footer > .wp-block-table,
body.projekte-template-default main .site-footer > .wp-block-image, #main.site-footer > h1, #main.site-footer > h2, #main.site-footer > h3, #main.site-footer > h4, #main.site-footer > h5, #main.site-footer > h6, #main.site-footer > p, #main.site-footer > ul, #main.site-footer > .wp-block-columns {
    align-items: stretch;
  }
  .site-footer .site-logo {
    flex: 1;
    display: flex;
    justify-content: space-between;
    height: 100%;
  }
  .site-footer .navigation {
    flex: 3;
  }
  .site-footer .social-links {
    padding-right: 0 !important;
  }
  .site-footer li, .site-footer li:last-child {
    height: auto;
    white-space: nowrap;
    padding: 0 0.75rem 0.75rem 0 !important;
    font-size: 0.7rem;
  }
}
.site-footer > .wrapper, .is-root-container .site-footer > table,
.is-root-container .site-footer > blockquote, .is-root-container.site-footer > ol, .is-root-container.site-footer > ul,
.is-root-container .site-footer > .wp-block-file,
.is-root-container .site-footer > .wp-block-table,
.is-root-container .site-footer > .wp-block-image,
body.projekte-template-default main .site-footer > table,
body.projekte-template-default main .site-footer > blockquote,
body.projekte-template-default main.site-footer > ol,
body.projekte-template-default main.site-footer > ul,
body.projekte-template-default main .site-footer > .wp-block-file,
body.projekte-template-default main .site-footer > .wp-block-table,
body.projekte-template-default main .site-footer > .wp-block-image, #main.site-footer > h1, #main.site-footer > h2, #main.site-footer > h3, #main.site-footer > h4, #main.site-footer > h5, #main.site-footer > h6, #main.site-footer > p, #main.site-footer > ul, #main.site-footer > .wp-block-columns {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}
.site-footer .navigation {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-items: flex-start;
}
.site-footer .social-links {
  background: transparent;
}
.site-footer .social-links ul {
  flex-direction: row;
}
.site-footer .social-links ul li {
  margin: 0;
  padding: 0;
}
.site-footer .social-links a img {
  width: 1.86rem;
  height: 1.86rem;
  margin-right: 0.75rem;
}
.site-footer a:hover {
  color: white;
}
.site-footer .address.small-heading {
  margin-top: 0 !important;
}
.site-footer p:last-child {
  margin-bottom: 0;
}
.site-footer p + p:not([class]) {
  margin-top: 0;
}
.site-footer p.city {
  font-weight: 500;
}
.site-footer .meta:first-child {
  display: flex;
  justify-content: space-between;
}
.site-footer .site-logo {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 768px) {
  .site-footer .site-logo {
    margin-bottom: 2em !important;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
  .site-footer .site-logo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.site-footer::before {
  position: absolute;
  content: "";
  background-color: var(--color-theme);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.site-footer ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: column;
  width: 100%;
}
.site-footer li {
  height: auto;
}
@media (max-width: 768px) {
  .site-footer li {
    padding: 0;
  }
}
.site-footer li:last-child {
  padding-right: 0;
}
.site-footer .main-navigation {
  font-weight: 500;
}
.site-footer #footer-main {
  font-weight: 500;
  font-weight-margin: 0;
}
.site-footer #footer-main ul {
  margin: 0;
}
.site-footer #footer-main li {
  margin: 0;
  padding: 0;
  line-height: 1.25;
}

.is-root-container,
body.projekte-template-default main {
  font-family: "Inter", sans-serif;
  font-size: 1rem !important;
}
.is-root-container p,
body.projekte-template-default main p {
  font-size: 1em !important;
}
.is-root-container h2,
body.projekte-template-default main h2 {
  font-size: 1.5em !important;
}
.is-root-container h3,
body.projekte-template-default main h3 {
  font-size: 1.1em !important;
}
.is-root-container > h1, .is-root-container > h2, .is-root-container > h3, .is-root-container > h4, .is-root-container > p,
body.projekte-template-default main > h1,
body.projekte-template-default main > h2,
body.projekte-template-default main > h3,
body.projekte-template-default main > h4,
body.projekte-template-default main > p {
  padding-left: 6rem;
  padding-right: 6rem;
}
.is-root-container .wp-block-image,
.is-root-container .wp-block-table,
body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .wp-block-table {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.is-root-container figcaption,
body.projekte-template-default main figcaption {
  font-size: 0.8em !important;
  line-height: 1.6;
}
.is-root-container blockquote,
body.projekte-template-default main blockquote {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: left;
  background: url(../media/static/quote.svg) no-repeat 3rem 0;
  font-size: 1rem !important;
}
.is-root-container blockquote p,
body.projekte-template-default main blockquote p {
  line-height: 1.6;
}

.is-root-container .wp-block {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: dashed 1px #b51d1c;
  border-radius: 3px;
}
.is-root-container .wp-block:hover {
  background-color: rgba(181, 29, 28, 0.05);
}

figure.alignright,
figure.alignleft {
  float: left;
  margin-bottom: 1.5rem !important;
  margin-top: 0 !important;
}
figure.alignright figcaption,
figure.alignleft figcaption {
  font-size: 0.8em !important;
  line-height: 1.6;
}

figure.alignleft {
  margin-right: 1.5rem !important;
  padding-right: 0 !important;
}

figure.alignright {
  float: right;
  margin-left: 1.5rem !important;
  padding-left: 0 !important;
}

.wip-breakpoint {
  display: none;
}
@media (max-width: 992px) {
  .wip-breakpoint {
    display: flex;
    z-index: 1000;
    background-color: white;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
  }
  .wip-breakpoint div {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 350px;
    padding: 50px;
  }
  .wip-breakpoint img {
    max-width: 100px;
  }
  .wip-breakpoint p {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.9rem;
    line-height: 1.4rem;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
  }
}

* {
  box-sizing: border-box;
  position: relative;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

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

.link,
.inline-link,
.eyebrow {
  font-family: "Inter", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  letter-spacing: 0.015em;
  transition: 350ms ease-in-out;
}
.link .eyebrow + h2,
.inline-link .eyebrow + h2,
.eyebrow .eyebrow + h2 {
  margin-top: 0.5em;
}

body {
  font-family: "Inter", sans-serif;
  background-color: white;
  margin: 0;
}

html {
  --scrollbarBG: white;
  --thumbBG: #b51d1c;
}

.navigation-top {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 6rem;
}
.navigation-top .main-navigation {
  padding-right: 0rem;
}
@media (min-width: 1280px) {
  .navigation-top .main-navigation {
    padding-right: 6rem;
  }
}
@media (max-width: 992px) {
  .navigation-top {
    display: none;
  }
}

.main-navigation,
.social-links {
  font-size: 1rem;
  line-height: 0.8rem;
  font-weight: 500;
  background-color: white;
}
@media (max-width: 768px) {
  .main-navigation,
.social-links {
    width: 100%;
  }
}
.main-navigation #main-nav > li,
.social-links #main-nav > li {
  margin: 0 0 0 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
}
@media (min-width: 1280px) {
  .main-navigation #main-nav > li,
.social-links #main-nav > li {
    margin: 0 0 0 3rem;
  }
}
.main-navigation #main-nav > li > ul,
.social-links #main-nav > li > ul {
  position: absolute;
  background: white;
  left: -1.4em;
  top: 1em;
  padding: 1em 1.4em;
  display: none;
  white-space: nowrap;
}
.main-navigation #main-nav > li > ul > li a,
.social-links #main-nav > li > ul > li a {
  padding: 0.5em 0;
}
.main-navigation #main-nav > li:hover > a,
.social-links #main-nav > li:hover > a {
  color: rgba(0, 0, 0, 0.4);
}
.main-navigation #main-nav > li:hover ul,
.social-links #main-nav > li:hover ul {
  display: block;
}
@media (max-width: 768px) {
  .main-navigation #main-nav > li,
.social-links #main-nav > li {
    width: 100%;
    height: auto;
    padding: 0;
  }
  .main-navigation #main-nav > li a,
.social-links #main-nav > li a {
    padding: 1.5rem;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 0.75rem;
  }
}
.main-navigation #main-nav > li:last-child,
.social-links #main-nav > li:last-child {
  padding-right: 2rem;
}
.main-navigation a,
.social-links a {
  display: block;
  transition: 350ms ease-in-out;
  color: rgb(0, 0, 0);
}
.main-navigation a:hover,
.social-links a:hover {
  color: rgba(0, 0, 0, 0.4);
}
.main-navigation .current-menu-item a,
.social-links .current-menu-item a {
  color: var(--color-theme);
}

.fixed-navigation-button {
  display: flex;
  position: fixed;
  right: 0;
  top: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  cursor: pointer;
  z-index: 200;
}
@media (min-width: 992px) {
  .fixed-navigation-button {
    display: none;
  }
}
@media (max-width: 768px) {
  .fixed-navigation-button {
    background-color: transparent;
    width: 4.5rem;
    height: 4.5rem;
  }
}
.fixed-navigation-button .line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 0.25rem));
  display: block;
  width: 1.5rem;
  height: 1.5px;
  background-color: black;
  transform-origin: center;
  transition: 0.75s cubic-bezier(1, 0, 0.35, 1);
}
.fixed-navigation-button .line:nth-child(2) {
  transform: translate(-50%, calc(-50% + 0.25rem));
}

.fixed-navigation-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: black;
  opacity: 0;
  visibility: hidden;
  transition: 750ms cubic-bezier(1, 0, 0.35, 1);
  cursor: pointer;
}

.fixed-navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 100;
  padding-top: 3rem;
  padding-bottom: 6rem;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
  transition: 0.75s cubic-bezier(1, 0, 0.35, 1);
  transform: translateY(-100%);
}
@media (max-width: 768px) {
  .fixed-navigation {
    overflow-y: scroll;
    bottom: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.fixed-navigation p {
  font-size: 1rem;
}
.fixed-navigation .site-logo {
  color: var(--color-theme);
  max-width: 250px;
  margin-bottom: 3rem;
  margin-left: 2rem;
}
@media (max-width: 768px) {
  .fixed-navigation .site-logo {
    margin-left: 0;
    margin-bottom: 1.5rem;
    max-width: 75%;
  }
}
.fixed-navigation .site-logo a, .fixed-navigation .site-logo svg {
  display: block;
  width: 100%;
}
.fixed-navigation .featured-project,
.fixed-navigation .featured-article {
  padding: 2rem;
  transition: 350ms ease-in-out;
}
@media (max-width: 992px) {
  .fixed-navigation .featured-project,
.fixed-navigation .featured-article {
    padding: 0 0 1.5rem 0;
    order: 2;
  }
}
@media (min-width: 768px) {
  .fixed-navigation .featured-project:hover,
.fixed-navigation .featured-article:hover {
    background-color: rgba(0, 0, 0, 0.03);
  }
  .fixed-navigation .featured-project:hover .thumbnail,
.fixed-navigation .featured-article:hover .thumbnail {
    transform: scale(1.025);
    background-color: white;
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.085);
  }
}
.fixed-navigation .featured-project .thumbnail,
.fixed-navigation .featured-article .thumbnail {
  width: 100%;
  padding-bottom: 75%;
  background-color: #ededed;
  transition: 250ms ease-in-out;
}
.fixed-navigation .featured-project .thumbnail img,
.fixed-navigation .featured-article .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.fixed-navigation .featured-project .title,
.fixed-navigation .featured-article .title {
  font-weight: 500;
  line-height: 140%;
}
.fixed-navigation .fixed-main-navigation {
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .fixed-navigation .fixed-main-navigation {
    padding: 3rem 0;
    order: 1;
  }
}
.fixed-navigation .fixed-main-navigation nav {
  display: flex;
  flex-direction: column;
}
.fixed-navigation .fixed-main-navigation nav ul,
.fixed-navigation .fixed-main-navigation nav li {
  padding: 0;
}
.fixed-navigation .fixed-main-navigation nav li:before {
  display: none;
}
.fixed-navigation .fixed-main-navigation nav #main-nav > li > ul {
  margin: 1rem 0 1.5rem 0.5rem !important;
}
.fixed-navigation .fixed-main-navigation nav #main-nav > li > ul a {
  font-size: 1.24rem;
}
.fixed-navigation .fixed-main-navigation nav a {
  font-weight: 500;
  font-size: 2rem;
  opacity: 1;
  letter-spacing: -0.025em;
  transition: 350ms ease-in-out;
}
.fixed-navigation .fixed-main-navigation nav a:hover {
  opacity: 0.3;
}

.secondary-navigation ul, .secondary-navigation li {
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
}
.secondary-navigation ul:before, .secondary-navigation li:before {
  display: none;
}
.secondary-navigation ul {
  margin-top: 1.5rem;
}
.secondary-navigation li {
  margin-top: 0.25em;
}
@media (max-width: 768px) {
  .secondary-navigation {
    padding-bottom: 1.5rem;
  }
}
.secondary-navigation a:hover {
  color: var(--color-theme) !important;
}

@media (max-width: 768px) {
  body.fixed-navigation-open {
    overflow: hidden;
  }
}
body.fixed-navigation-open .fixed-navigation-button {
  background-color: transparent;
}
body.fixed-navigation-open .fixed-navigation-overlay {
  visibility: visible;
  opacity: 0.15;
}
body.fixed-navigation-open .fixed-navigation-button .line:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
body.fixed-navigation-open .fixed-navigation-button .line:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
body.fixed-navigation-open .fixed-navigation {
  transform: translateY(0);
  visibility: visible;
  box-shadow: 0 0 220px 0 rgba(0, 0, 0, 0.15);
}

.projects .gallery-item, .projects .gallery-item a {
  cursor: none;
}
.projects .gallery-item figure {
  pointer-events: none;
}

#cursor {
  position: absolute;
  top: -100vh;
  left: -100vw;
  z-index: 100;
  transform: translate(-50%, -50%) scale(0.4);
  opacity: 0;
  background-color: white;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
  pointer-events: none;
  transition: transform 150ms ease-in-out, opacity 350ms ease-in-out;
}
@media (max-width: 768px) {
  #cursor {
    display: none;
  }
}
#cursor svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 150ms;
  transform-origin: center center;
  transform: translate(-50%, -50%);
}
#cursor .zoom {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.6);
}
#cursor.visible {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}
#cursor.visible.right .arrow {
  transform: translate(-50%, -50%) rotate(45deg);
}
#cursor.visible.left .arrow {
  transform: translate(-50%, -50%) rotate(-135deg);
}
#cursor.visible.zoom .arrow {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.6);
}
#cursor.visible.zoom .zoom {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.section-team_grid,
.section-articles_grid {
  padding-top: 1.5rem;
  overflow: visible;
  margin-top: -1.5rem;
}
.section-team_grid .sticky-label,
.section-articles_grid .sticky-label {
  margin-top: 1.5rem;
  font-weight: 700;
}
.section-team_grid .wrapper, .section-team_grid #main > h1, .section-team_grid #main > h2, .section-team_grid #main > h3, .section-team_grid #main > h4, .section-team_grid #main > h5, .section-team_grid #main > h6, .section-team_grid #main > p, .section-team_grid #main > ul, .section-team_grid #main > .wp-block-columns, .section-team_grid .is-root-container table, .is-root-container .section-team_grid table,
.section-team_grid .is-root-container blockquote,
.is-root-container .section-team_grid blockquote, .section-team_grid .is-root-container > ol, .section-team_grid .is-root-container > ul,
.section-team_grid .is-root-container .wp-block-file,
.is-root-container .section-team_grid .wp-block-file,
.section-team_grid .is-root-container .wp-block-table,
.is-root-container .section-team_grid .wp-block-table,
.section-team_grid .is-root-container .wp-block-image,
.is-root-container .section-team_grid .wp-block-image,
.section-team_grid body.projekte-template-default main table,
body.projekte-template-default main .section-team_grid table,
.section-team_grid body.projekte-template-default main blockquote,
body.projekte-template-default main .section-team_grid blockquote,
.section-team_grid body.projekte-template-default main > ol,
body.projekte-template-default .section-team_grid main > ol,
.section-team_grid body.projekte-template-default main > ul,
body.projekte-template-default .section-team_grid main > ul,
.section-team_grid body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section-team_grid .wp-block-file,
.section-team_grid body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section-team_grid .wp-block-table,
.section-team_grid body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section-team_grid .wp-block-image,
.section-articles_grid .wrapper,
.section-articles_grid #main > h1,
.section-articles_grid #main > h2,
.section-articles_grid #main > h3,
.section-articles_grid #main > h4,
.section-articles_grid #main > h5,
.section-articles_grid #main > h6,
.section-articles_grid #main > p,
.section-articles_grid #main > ul,
.section-articles_grid #main > .wp-block-columns,
.section-articles_grid .is-root-container table,
.is-root-container .section-articles_grid table,
.section-articles_grid .is-root-container blockquote,
.is-root-container .section-articles_grid blockquote,
.section-articles_grid .is-root-container > ol,
.section-articles_grid .is-root-container > ul,
.section-articles_grid .is-root-container .wp-block-file,
.is-root-container .section-articles_grid .wp-block-file,
.section-articles_grid .is-root-container .wp-block-table,
.is-root-container .section-articles_grid .wp-block-table,
.section-articles_grid .is-root-container .wp-block-image,
.is-root-container .section-articles_grid .wp-block-image,
.section-articles_grid body.projekte-template-default main table,
body.projekte-template-default main .section-articles_grid table,
.section-articles_grid body.projekte-template-default main blockquote,
body.projekte-template-default main .section-articles_grid blockquote,
.section-articles_grid body.projekte-template-default main > ol,
body.projekte-template-default .section-articles_grid main > ol,
.section-articles_grid body.projekte-template-default main > ul,
body.projekte-template-default .section-articles_grid main > ul,
.section-articles_grid body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section-articles_grid .wp-block-file,
.section-articles_grid body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section-articles_grid .wp-block-table,
.section-articles_grid body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section-articles_grid .wp-block-image {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}
@media (max-width: 768px) {
  .section-team_grid .wrapper, .section-team_grid #main > h1, .section-team_grid #main > h2, .section-team_grid #main > h3, .section-team_grid #main > h4, .section-team_grid #main > h5, .section-team_grid #main > h6, .section-team_grid #main > p, .section-team_grid #main > ul, .section-team_grid #main > .wp-block-columns, .section-team_grid .is-root-container table, .is-root-container .section-team_grid table,
.section-team_grid .is-root-container blockquote,
.is-root-container .section-team_grid blockquote, .section-team_grid .is-root-container > ol, .section-team_grid .is-root-container > ul,
.section-team_grid .is-root-container .wp-block-file,
.is-root-container .section-team_grid .wp-block-file,
.section-team_grid .is-root-container .wp-block-table,
.is-root-container .section-team_grid .wp-block-table,
.section-team_grid .is-root-container .wp-block-image,
.is-root-container .section-team_grid .wp-block-image,
.section-team_grid body.projekte-template-default main table,
body.projekte-template-default main .section-team_grid table,
.section-team_grid body.projekte-template-default main blockquote,
body.projekte-template-default main .section-team_grid blockquote,
.section-team_grid body.projekte-template-default main > ol,
body.projekte-template-default .section-team_grid main > ol,
.section-team_grid body.projekte-template-default main > ul,
body.projekte-template-default .section-team_grid main > ul,
.section-team_grid body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section-team_grid .wp-block-file,
.section-team_grid body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section-team_grid .wp-block-table,
.section-team_grid body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section-team_grid .wp-block-image,
.section-articles_grid .wrapper,
.section-articles_grid #main > h1,
.section-articles_grid #main > h2,
.section-articles_grid #main > h3,
.section-articles_grid #main > h4,
.section-articles_grid #main > h5,
.section-articles_grid #main > h6,
.section-articles_grid #main > p,
.section-articles_grid #main > ul,
.section-articles_grid #main > .wp-block-columns,
.section-articles_grid .is-root-container table,
.is-root-container .section-articles_grid table,
.section-articles_grid .is-root-container blockquote,
.is-root-container .section-articles_grid blockquote,
.section-articles_grid .is-root-container > ol,
.section-articles_grid .is-root-container > ul,
.section-articles_grid .is-root-container .wp-block-file,
.is-root-container .section-articles_grid .wp-block-file,
.section-articles_grid .is-root-container .wp-block-table,
.is-root-container .section-articles_grid .wp-block-table,
.section-articles_grid .is-root-container .wp-block-image,
.is-root-container .section-articles_grid .wp-block-image,
.section-articles_grid body.projekte-template-default main table,
body.projekte-template-default main .section-articles_grid table,
.section-articles_grid body.projekte-template-default main blockquote,
body.projekte-template-default main .section-articles_grid blockquote,
.section-articles_grid body.projekte-template-default main > ol,
body.projekte-template-default .section-articles_grid main > ol,
.section-articles_grid body.projekte-template-default main > ul,
body.projekte-template-default .section-articles_grid main > ul,
.section-articles_grid body.projekte-template-default main .wp-block-file,
body.projekte-template-default main .section-articles_grid .wp-block-file,
.section-articles_grid body.projekte-template-default main .wp-block-table,
body.projekte-template-default main .section-articles_grid .wp-block-table,
.section-articles_grid body.projekte-template-default main .wp-block-image,
body.projekte-template-default main .section-articles_grid .wp-block-image {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.section-team_grid .grid,
.section-articles_grid .grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.section-team_grid .grid-item,
.section-articles_grid .grid-item {
  width: 33.333%;
  display: block;
  transition: 350ms ease-in-out;
  background-color: white;
  cursor: default;
  padding: 1.5rem;
}
@media (max-width: 992px) {
  .section-team_grid .grid-item,
.section-articles_grid .grid-item {
    width: 50%;
    padding: 0.72rem;
  }
}
@media (max-width: 768px) {
  .section-team_grid .grid-item,
.section-articles_grid .grid-item {
    width: 100%;
    padding: 1rem 0;
  }
}
.section-team_grid .grid-item:hover,
.section-articles_grid .grid-item:hover {
  transform: scale(1.025);
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.025);
}
.section-team_grid .grid-item .grid-item--inner-container,
.section-articles_grid .grid-item .grid-item--inner-container {
  display: flex;
  flex-direction: column;
  background-color: #f2f2f2;
  height: 100%;
}
.section-team_grid .grid-item .image-container,
.section-articles_grid .grid-item .image-container {
  flex: 1;
}
.section-team_grid .copy,
.section-articles_grid .copy {
  padding: 2.25rem;
}
@media (max-width: 992px) {
  .section-team_grid .copy,
.section-articles_grid .copy {
    padding: 1.2rem;
  }
}
.section-team_grid .copy > p:first-child,
.section-articles_grid .copy > p:first-child {
  margin-top: 0;
}
.section-team_grid .copy > p:last-child,
.section-articles_grid .copy > p:last-child {
  margin-bottom: 0;
}
.section-team_grid .copy .title,
.section-articles_grid .copy .title {
  font-weight: 500;
  line-height: 130%;
  color: black;
  margin-bottom: 0.25em;
  margin-top: 1.5rem;
}
.section-team_grid .copy .description,
.section-articles_grid .copy .description {
  margin-top: 0;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
  letter-spacing: 0.005em;
}
.section-team_grid .copy p.communication,
.section-articles_grid .copy p.communication {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
  letter-spacing: 0.005em;
  margin: 0;
}
.section-team_grid .copy p.communication:hover,
.section-articles_grid .copy p.communication:hover {
  color: var(--color-theme);
}
.section-team_grid .progress-bar,
.section-team_grid .scrollbar,
.section-articles_grid .progress-bar,
.section-articles_grid .scrollbar {
  margin-top: 3.9rem;
  height: 3px;
  background-color: #f2f2f2;
}
.section-team_grid .progress-bar .handle,
.section-team_grid .scrollbar .handle,
.section-articles_grid .progress-bar .handle,
.section-articles_grid .scrollbar .handle {
  height: 100%;
  width: 100%;
  background-color: var(--color-theme);
  transform: scaleX(0.25);
  transform-origin: left;
  cursor: pointer;
}
.section-team_grid .progress-bar .swiper-scrollbar-drag,
.section-team_grid .scrollbar .swiper-scrollbar-drag,
.section-articles_grid .progress-bar .swiper-scrollbar-drag,
.section-articles_grid .scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-theme);
}
.section-team_grid .control,
.section-articles_grid .control {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.section-team_grid .control a:hover,
.section-articles_grid .control a:hover {
  color: var(--color-theme);
}
.section-team_grid .control .button,
.section-articles_grid .control .button {
  display: inline-block;
  margin: 1rem 1rem 1rem 0;
}
.section-team_grid .control .button:active, .section-team_grid .control .button:focus,
.section-articles_grid .control .button:active,
.section-articles_grid .control .button:focus {
  outline: none;
}
.section-team_grid .control .button.left,
.section-articles_grid .control .button.left {
  width: auto;
  height: auto;
}
.section-team_grid .control .button.left::after,
.section-articles_grid .control .button.left::after {
  display: none;
}
.section-team_grid .control .button.right,
.section-articles_grid .control .button.right {
  width: auto;
  height: auto;
}
.section-team_grid .control .button.right::after,
.section-articles_grid .control .button.right::after {
  display: none;
}

.section-articles_grid .grid-item {
  cursor: pointer;
}

.wp-block-group:last-child,
.wp-block-columns:last-child,
.wp-block-column:last-child {
  margin-bottom: 0;
}
.wp-block-group.has-background,
.wp-block-columns.has-background,
.wp-block-column.has-background {
  padding: 1.5rem;
}
.wp-block-group.has-background h3:first-child,
.wp-block-group.has-background h2:first-child,
.wp-block-columns.has-background h3:first-child,
.wp-block-columns.has-background h2:first-child,
.wp-block-column.has-background h3:first-child,
.wp-block-column.has-background h2:first-child {
  margin-top: 0 !important;
}
.wp-block-group.has-background p:last-child,
.wp-block-columns.has-background p:last-child,
.wp-block-column.has-background p:last-child {
  margin-bottom: 0;
}

.wp-block-group:has(> h2:first-child), .wp-block-group:has(> h3:first-child) {
  margin-top: 3rem;
}

@media (max-width: 1023px) {
  .wp-block-columns {
    flex-direction: column;
  }
}

/*# sourceMappingURL=hgmb_styles.min.css.map*/