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

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

:root {
  --dark-slate-grey: #3d3d3d;
  --pantone-warm-red: #f54029;
  --warm-red-4: #f54029;
  --warm-red-2: #f54029;
  --white: white;
  --black: black;
  --warm-red-3: #f54029;
  --warm-red: #f54029;
  --body-background: #fffcfc;
}

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

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

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

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Moderat trial;
  font-size: 25px;
  font-weight: 400;
  line-height: 44px;
}

li {
  padding-right: 10px;
}

.nav-mi {
  color: var(--dark-slate-grey);
  text-align: left;
  background-color: #fff0;
  margin-top: 0;
  margin-bottom: 80px;
  padding-bottom: 0;
  font-family: Moderat trial;
  font-size: 30px;
  font-weight: 500;
  line-height: 28px;
  position: static;
}

.nav-mi:hover {
  color: #b8b8b9;
}

.nav {
  color: var(--dark-slate-grey);
  letter-spacing: 1px;
  font-family: Moderat, Arial, sans-serif;
  font-size: 30px;
  line-height: 26px;
  text-decoration: none;
  display: block;
  position: static;
  top: -76px;
  left: 31px;
}

.nav:where(.w-variant-e073d0c0-b59d-002a-3428-1bb9f75a552e) {
  color: var(--dark-slate-grey);
}

.nav:hover {
  color: var(--pantone-warm-red);
}

.nav.w--current {
  opacity: 1;
  color: var(--warm-red-4);
  margin-top: 2px;
  font-family: Moderat, Arial, sans-serif;
}

.nav.w--current:where(.w-variant-e073d0c0-b59d-002a-3428-1bb9f75a552e) {
  color: var(--dark-slate-grey);
}

.nav.w--current:hover {
  color: var(--pantone-warm-red);
}

.nav.w--current:focus {
  color: #ff4400a8;
}

.men {
  opacity: 1;
  text-align: center;
  background-color: #0000;
  margin-bottom: 0;
  display: block;
  position: static;
}

.body {
  border-bottom: 1px solid var(--pantone-warm-red);
  text-indent: 0;
  background-color: #fff;
  margin-top: 40px;
  padding-bottom: 30px;
  padding-left: 75px;
  padding-right: 75px;
  line-height: 25px;
  text-decoration: none;
}

.body.farbe {
  color: var(--pantone-warm-red);
  -webkit-text-fill-color: inherit;
  background-color: #fffdfc;
  background-clip: border-box;
  border: 1px solid #0000;
  padding-bottom: 20px;
}

.raster-start {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  opacity: 1;
  background-color: #fff;
  grid-template: "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-rows: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: stretch;
  margin-bottom: 80px;
  display: grid;
}

.raster-start.projectpage.abstand-unten {
  margin-bottom: 70px;
}

.project-info {
  opacity: 1;
  background-color: #0000;
  border-left: 1px #000;
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 5em;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.project-info.gro-er-abstand {
  text-align: right;
  margin-top: 100px;
  margin-bottom: 10em;
}

.project-info.no-padding {
  margin-bottom: -.8em;
}

.project-text {
  color: var(--dark-slate-grey);
  text-align: left;
  text-indent: 0;
  border: 1px #000;
  justify-content: space-between;
  max-width: 50vw;
  margin-bottom: 17px;
  margin-right: 0;
  font-family: Moderat, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: block;
}

.project-text.short {
  color: var(--warm-red-2);
  text-align: left;
  border: 1px #000;
  border-left: 1.5px solid #171718;
  max-width: 25vw;
  margin-top: 0;
  margin-bottom: 2em;
  padding-left: 10px;
  font-size: 20px;
  line-height: 21px;
}

.project-text.breiter {
  margin-bottom: 20px;
}

.project-text.adresse {
  margin-bottom: 16px;
}

.project-text.adresse.versal {
  text-transform: uppercase;
  margin-top: 104px;
}

.project-text.adresse.versal.rot {
  color: var(--pantone-warm-red);
  text-transform: capitalize;
  font-weight: 500;
}

.project-text.quelle {
  font-size: 15px;
}

.project-text.last {
  margin-bottom: 0;
}

.heading {
  color: var(--dark-slate-grey);
  margin-top: 0;
  margin-bottom: 25px;
  padding-top: 0;
  font-family: Moderat, Arial, sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 26px;
}

.heading.about {
  color: var(--dark-slate-grey);
  text-align: left;
  letter-spacing: .02em;
  margin-top: 80px;
  margin-bottom: 25px;
  padding-bottom: 0;
  font-family: Moderat, Arial, sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
}

.heading.about.rot {
  color: var(--warm-red-4);
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Moderat, Arial, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 27px;
}

.info {
  color: #333;
  background-color: #0000;
  min-width: auto;
  max-width: none;
  margin-top: 80px;
  font-family: Moderat, Arial, sans-serif;
}

.layout-4-spalten {
  opacity: 1;
  border: 50px #f40;
  border-radius: 0;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.rasterlink {
  border: 1px solid var(--white);
  opacity: 1;
  background-color: #fff;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.rasterlink:hover {
  opacity: 1;
  color: #7e7e7e;
  background-color: #fff;
  border: 1px solid #a5a3a3;
  border-radius: 0;
}

.rasterlink.rotate {
  background-color: var(--black);
  transform: rotate(0);
}

.projects-content {
  text-align: center;
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.image-projekte {
  color: #eeab93a8;
  text-align: center;
  max-width: 100%;
  margin-bottom: 2em;
  padding-top: 1.3em;
  display: block;
}

.image-projekte.abstand-zum-text {
  text-align: right;
  margin-bottom: 90px;
  position: static;
}

.image-projekte.abstand-kapitel {
  width: 100%;
  margin-bottom: 9em;
}

.image-projekte.abstand-kapitel._50 {
  width: 50%;
}

.image-projekte.o-abstand-linie {
  border: 1px solid #b3b3b3;
  margin-top: 9px;
  padding-top: 0;
}

.image-projekte.abstand-vor-grid {
  margin-bottom: 20em;
}

.image-projekte.frame {
  color: var(--dark-slate-grey);
  mix-blend-mode: normal;
  background-color: #0000;
  border: .5px solid #b9b9b9a3;
  margin-top: 10px;
  padding-top: 0;
}

.project-title {
  color: var(--dark-slate-grey);
  text-align: left;
  letter-spacing: .5px;
  margin-top: 50px;
  margin-bottom: 28px;
  padding-top: 0;
  font-family: Moderat, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
}

.project-title.kleiner-abstand {
  margin-bottom: 20px;
  font-family: Moderat, Arial, sans-serif;
  font-size: 25px;
}

.project-title.kein-abstand {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 26px;
}

.body-projects {
  background-color: var(--white);
  letter-spacing: .2px;
  margin: 60px auto 0;
  padding-bottom: 80px;
  padding-left: 80px;
  padding-right: 80px;
}

.body-projects:hover {
  color: var(--warm-red-4);
}

.body-projects.c-v {
  background-color: #fff;
}

.abstand {
  margin-bottom: 4em;
}

.absatnd-unten {
  height: 5em;
}

.category {
  color: var(--dark-slate-grey);
  font-family: Moderat, Arial, sans-serif;
  font-size: 19px;
  line-height: 24px;
  text-decoration: none;
}

.category:hover {
  color: var(--dark-slate-grey);
  text-decoration: none;
}

.caption {
  color: var(--dark-slate-grey);
  text-align: left;
  font-family: Moderat, Arial, sans-serif;
  font-weight: 500;
}

.caption.links {
  text-align: left;
  margin-top: 5px;
}

.caption.oben {
  color: var(--dark-slate-grey);
  text-align: left;
  margin-bottom: 0;
  font-family: Moderat, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.caption.mitte {
  color: var(--dark-slate-grey);
}

.projektname {
  color: var(--dark-slate-grey);
  text-align: center;
  font-family: Moderat, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  inset: 35% 0% auto;
}

.projektname:hover {
  opacity: 1;
}

.projektname.display-none {
  display: none;
}

.projektname.big {
  padding-top: 37px;
  font-size: 24px;
  line-height: 30px;
}

.rubrik {
  text-transform: none;
  font-size: 15px;
  font-weight: 500;
}

.rubrik.big {
  font-size: 18px;
}

.text-span-4 {
  line-height: 30px;
}

.columns {
  flex-direction: row-reverse;
  display: flex;
}

.columns.abstand-kapitel {
  margin-bottom: 90px;
}

.footer {
  color: var(--dark-slate-grey);
  border: 1px #000;
  margin-right: 0;
  padding-right: 26px;
  font-family: Moderat, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  display: inline;
}

.footer:hover {
  color: var(--warm-red-4);
}

.footer.no-hover:hover {
  color: var(--dark-slate-grey);
}

.footer.mobile:hover {
  color: var(--warm-red-4);
}

.footer.mobile.w--current:hover {
  color: var(--pantone-warm-red);
}

.section {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

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

.grid-img.has-border {
  border: 1px solid #24242452;
}

.about-text {
  margin-bottom: 70px;
  font-family: Moderat, Arial, sans-serif;
  font-weight: 500;
}

.page-wrapper {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.slider {
  background-color: #fff0;
  width: 100%;
  height: 100vh;
  max-height: 800px;
  padding-bottom: 35px;
}

.arrow-left, .arrow-right {
  width: 50%;
}

.slider-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.arrow-icon {
  color: var(--dark-slate-grey);
  display: none;
}

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

.arrow-icon.left {
  inset: 0% auto 0% 20px;
}

.spalte-25 {
  border-left: 1px solid #000;
  min-width: 25%;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 10px;
}

.project-category {
  color: var(--dark-slate-grey);
  font-family: Moderat, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
}

.project-category.title {
  color: var(--warm-red-4);
  margin-top: -5px;
  margin-bottom: 10px;
  font-family: Moderat, Arial, sans-serif;
  font-weight: 500;
}

.image-about {
  opacity: 1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-about:hover {
  opacity: 0;
}

.img-about {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 360.5px;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.img-about:hover {
  opacity: 1;
}

.button {
  color: var(--warm-red-3);
  text-align: center;
  background-color: #0000;
  border: 1px #000;
  flex-direction: column;
  align-items: center;
  max-width: 30%;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: block;
}

.button:hover {
  color: var(--dark-slate-grey);
}

.button.w--current {
  border-bottom-color: var(--dark-slate-grey);
  color: #ff4400a8;
  display: inline;
}

.button.home {
  max-width: 100%;
  padding-top: 0;
  display: block;
}

.button.home.w--current {
  color: #f40;
}

.button.some {
  margin-bottom: 0;
  padding-top: 0;
}

.more-link-neu {
  color: var(--warm-red-4);
  text-align: left;
  border: 1px #000;
  border-bottom-color: #ff4400a8;
  align-items: center;
  margin-top: 30px;
  font-family: Moderat, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.more-link-neu:hover {
  color: var(--dark-slate-grey);
}

.more-link-neu.home {
  text-align: left;
  margin-top: 10px;
  font-size: 18px;
}

.link-mail-adresse {
  border-bottom: 1px none var(--pantone-warm-red);
  color: var(--dark-slate-grey);
  font-family: Moderat, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
  display: block;
}

.link-mail-adresse:hover {
  color: var(--warm-red-4);
}

.grid-slide-in-august-25 {
  padding-top: 62px;
}

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

.h3-uebersicht {
  color: var(--warm-red-4);
  text-align: center;
  margin-bottom: 28px;
  font-family: Moderat, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.mail-link {
  color: var(--dark-slate-grey);
  border: 1px #000;
  font-size: 19px;
  line-height: 24px;
  text-decoration: none;
}

.mail-link:hover {
  color: var(--pantone-warm-red);
}

.div-heading-about {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  margin-bottom: 20px;
  font-size: 29px;
  line-height: 27px;
  display: flex;
}

.headline-medium {
  margin-top: 59px;
  font-family: Moderat, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.heading-datenschutz {
  font-family: Moderat, Arial, sans-serif;
  font-weight: 500;
}

.internal-page-link {
  border-bottom: 1px solid var(--warm-red-3);
  color: var(--dark-slate-grey);
  text-decoration: none;
}

.internal-page-link:hover {
  color: var(--warm-red-3);
}

.rasterlink-2 {
  opacity: 1;
  border: 1px solid #fff;
  position: relative;
}

.rasterlink-2:hover {
  opacity: 1;
  color: #7e7e7e;
  background-color: #fff;
  border: 1px solid #a5a3a3;
  border-radius: 0;
}

.img-grid-rotation-3 {
  backface-visibility: visible;
  text-align: left;
  cursor: pointer;
  mix-blend-mode: normal;
  width: 100%;
  max-width: 66.7%;
  margin-left: 92px;
  transition: opacity .2s;
  transform: rotate(0)rotate(180deg)rotate(0);
}

.img-svg {
  width: 50%;
  margin-left: 140px;
}

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

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

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

.project-text-flex {
  color: var(--dark-slate-grey);
  text-align: left;
  text-indent: 0;
  border: 1px #000;
  border-left-style: solid;
  justify-content: space-between;
  max-width: 40vw;
  margin-bottom: 5em;
  margin-right: 0;
  padding-left: 10px;
  font-family: Moderat, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: block;
}

.project-text-flex.padding-more {
  margin-bottom: 2em;
}

.kurztext-medien.first {
  margin-bottom: 15px;
}

.kurztext-medien.last {
  padding-bottom: 1.3em;
}

.kurztext-medien.small {
  white-space: normal;
  max-width: 60%;
  font-size: 16px;
  line-height: 20px;
}

.kurztext-weblink {
  border-bottom: 1px solid var(--pantone-warm-red);
  color: var(--dark-slate-grey);
  text-decoration: none;
  display: inline;
}

.kurztext-weblink:hover {
  border-bottom: 1px solid var(--pantone-warm-red);
  color: var(--pantone-warm-red);
  text-decoration: none;
}

.font-medium {
  font-family: Moderat, Arial, sans-serif;
  font-weight: 500;
}

.padding-tb {
  padding-top: 100px;
  padding-bottom: 100px;
}

.font-rot {
  color: var(--warm-red-3);
}

.book {
  max-width: 50%;
}

.project-more-image {
  margin-top: 20px;
}

.textloop-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #0000003d;
  border-radius: .3px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 99.9422%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 150px;
  padding-bottom: 150px;
  display: inline-block;
  overflow: hidden;
}

.textloop-wrapper.home {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  vertical-align: baseline;
  object-fit: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  overflow: clip;
}

.loop-text-container-start {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  white-space: nowrap;
  overflow-wrap: normal;
  object-fit: fill;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  padding-top: 150px;
  padding-bottom: 150px;
  font-size: 13px;
  line-height: 40px;
  display: flex;
  position: static;
  overflow: visible;
}

.loop-text-container-start.home {
  border-radius: 0;
  flex-flow: row;
  width: 1000px;
  padding-top: 0%;
  padding-bottom: 0%;
  text-decoration: none;
  position: static;
}

.looptext-erdbeeren {
  color: #d60000;
  letter-spacing: .03em;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Moderat, Arial, sans-serif;
  font-size: 2.5em;
  line-height: 45px;
}

.looptext-erdbeeren.home {
  border: 0 #000;
  padding-top: 124px;
  font-size: 1.2em;
  font-weight: 400;
  text-decoration: none;
}

.rasterlink-3 {
  opacity: 1;
  background-color: #fff;
  border: 1px solid #fff;
  position: relative;
  overflow: hidden;
}

.rasterlink-3:hover {
  opacity: 1;
  color: #7e7e7e;
  background-color: #fff;
  border: 1px solid #a5a3a3;
  border-radius: 0;
}

.projektname-2 {
  color: #3d3d3d;
  text-align: center;
  font-family: Moderat, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: block;
  position: absolute;
  inset: 35% 0% auto;
}

.projektname-2:hover {
  opacity: 1;
}

.project-text-2 {
  color: #3d3d3d;
  text-align: left;
  text-indent: 0;
  border: 1px #000;
  justify-content: space-between;
  max-width: 50vw;
  margin-bottom: 17px;
  margin-right: 0;
  font-family: Moderat, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: block;
}

.project-text-2.home {
  max-width: 50vw;
  margin-bottom: 16px;
  font-family: Moderat, Arial, sans-serif;
  font-weight: 400;
}

.projekt-head {
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
}

@media screen and (min-width: 1440px) {
  .nav.w--current {
    color: var(--pantone-warm-red);
  }

  .nav.w--current:where(.w-variant-e073d0c0-b59d-002a-3428-1bb9f75a552e) {
    color: var(--dark-slate-grey);
  }

  .nav.w--current:hover:where(.w-variant-e073d0c0-b59d-002a-3428-1bb9f75a552e) {
    color: var(--warm-red-4);
  }

  .body {
    overflow: visible;
  }

  .project-text {
    max-width: 40vw;
    margin-bottom: 22px;
  }

  .project-text.breiter {
    margin-bottom: 15px;
  }

  .layout-4-spalten {
    display: flex;
  }

  .platzhalter {
    overflow: visible;
  }

  .img-grid-rotation-3 {
    text-align: left;
    width: 100%;
    max-width: 66.7%;
    height: 100%;
  }

  .project-text-flex {
    margin-bottom: 100px;
  }

  .kurztext-medien.last {
    padding-bottom: 1em;
  }

  .project-text-2 {
    max-width: 40vw;
    margin-bottom: 22px;
  }

  .project-text-2.home {
    max-width: 40vw;
  }
}

@media screen and (max-width: 991px) {
  .nav-mi {
    background-color: #fff0;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 60px;
    display: block;
  }

  .men {
    max-width: 100%;
    overflow: visible;
  }

  .body {
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .body.farbe {
    margin-top: 30px;
  }

  .raster-start {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
  }

  .raster-start.projectpage.abstand-unten {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 70px;
    display: grid;
  }

  .project-info {
    text-align: center;
    max-width: 90vw;
    margin-bottom: 0;
  }

  .project-info.gro-er-abstand {
    margin-bottom: 8em;
  }

  .project-text {
    max-width: 70vw;
    font-size: 18px;
    line-height: 22px;
  }

  .project-text.short {
    max-width: 30vw;
  }

  .project-text.breiter {
    max-width: 70vw;
    margin-bottom: 30px;
  }

  .heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 21px;
    line-height: 24px;
  }

  .heading.about {
    margin-top: 0;
    margin-bottom: 24px;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .heading.about.rot {
    margin-bottom: 15px;
    font-size: 25px;
  }

  .info {
    margin-top: 30px;
    position: static;
    left: -18px;
  }

  .layout-4-spalten {
    text-align: left;
    flex-wrap: wrap;
  }

  .layout-4-spalten.last {
    margin-bottom: 45px;
  }

  .image-projekte.abstand-kapitel {
    margin-bottom: 6em;
  }

  .image-projekte.abstand-kapitel._50 {
    width: 70%;
  }

  .image-projekte.abstand-vor-grid {
    margin-bottom: 20em;
  }

  .project-title {
    margin-bottom: 20px;
    font-size: 27px;
  }

  .body-projects {
    margin-top: 76px;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .caption.oben {
    margin-bottom: 0;
  }

  .section {
    margin-top: 51px;
  }

  .slider {
    display: none;
  }

  .spalte-25 {
    width: 50%;
    margin-bottom: 29px;
  }

  .project-category.title {
    margin-bottom: 5px;
    font-size: 19px;
  }

  .img-about {
    margin-bottom: 50px;
  }

  .button {
    color: var(--dark-slate-grey);
    text-align: center;
    background-color: #0000;
    justify-content: center;
    align-items: flex-start;
    max-width: 35%;
    margin-bottom: 0;
    display: flex;
  }

  .more-link-neu {
    color: var(--pantone-warm-red);
    text-decoration: none;
  }

  .more-link-neu:hover {
    color: var(--dark-slate-grey);
  }

  .link-mail-adresse {
    color: var(--dark-slate-grey);
    margin-top: 15px;
    font-size: 19px;
    line-height: 24px;
    text-decoration: underline;
    display: block;
  }

  .link-mail-adresse:hover {
    color: #ff4400a8;
    border: 1px solid #0000;
  }

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

  .mail-link {
    font-size: 19px;
  }

  .headline-medium {
    line-height: 22px;
  }

  .heading-datenschutz {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 22px;
  }

  .img-grid-rotation-3 {
    margin-left: 35px;
  }

  .project-text-flex {
    max-width: 70vw;
  }

  .kurztext-medien {
    line-height: 23px;
  }

  .kurztext-medien.last {
    padding-bottom: 1em;
  }

  .kurztext-medien.small {
    max-width: 50%;
  }

  .project-more-image {
    margin-top: 16px;
  }

  .textloop-wrapper {
    border-style: solid;
    margin-bottom: 90px;
    padding-top: 171px;
    padding-bottom: 170px;
  }

  .loop-text-container-start {
    padding-top: 0;
    padding-bottom: 0;
  }

  .loop-text-container-start.home {
    display: flex;
  }

  .looptext-erdbeeren.home {
    padding-top: 91px;
  }

  .project-text-2 {
    max-width: 70vw;
  }

  .project-text-2.home {
    max-width: 70vw;
    margin-bottom: 16px;
  }

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

@media screen and (max-width: 767px) {
  .nav-mi {
    float: none;
    background-color: #ddd0;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: none;
    margin: 5px auto 40px;
    font-size: 25px;
    display: block;
    position: relative;
    left: auto;
    right: auto;
  }

  .nav {
    opacity: 1;
    padding-left: 0;
    font-size: 25px;
    line-height: 22px;
    top: -35px;
  }

  .nav.w--current {
    opacity: 1;
  }

  .men {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: block;
    position: static;
  }

  .body.farbe {
    margin-top: 15px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .raster-start.projectpage {
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
  }

  .raster-start.projectpage.abstand-unten {
    margin-top: 15px;
    margin-bottom: 69px;
  }

  .project-info {
    margin-top: 50px;
    margin-bottom: 4em;
  }

  .project-info.gro-er-abstand {
    margin-bottom: 3em;
  }

  .project-text {
    letter-spacing: 0;
    max-width: 85vw;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 20px;
  }

  .project-text.short {
    max-width: 80vw;
  }

  .project-text.adresse {
    font-size: 20px;
  }

  .heading {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 20px;
  }

  .heading.about {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 20px;
  }

  .heading.about.rot {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 25px;
  }

  .info {
    margin-top: 100px;
  }

  .rasterlink {
    opacity: 1;
  }

  .image-projekte {
    margin-bottom: 1em;
    padding-top: 1em;
  }

  .image-projekte.abstand-kapitel {
    margin-bottom: 3.5em;
  }

  .image-projekte.abstand-kapitel._50 {
    text-align: center;
    width: 100%;
  }

  .image-projekte.abstand-vor-grid {
    margin-bottom: 8em;
  }

  .project-title {
    letter-spacing: 0;
    margin-bottom: 15px;
    font-size: 23px;
  }

  .body-projects {
    margin-top: 20px;
    padding-bottom: 52px;
  }

  .category {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 16px;
  }

  .caption.links {
    margin-top: 4px;
  }

  .caption.oben {
    margin-bottom: 0;
  }

  .caption.mitte {
    line-height: 18px;
  }

  .projektname {
    opacity: 0;
    transition: opacity .25s;
  }

  .projektname:active {
    opacity: 1;
  }

  .footer {
    text-align: right;
  }

  .footer.mobile {
    font-size: 15px;
  }

  .section {
    margin-top: 0;
  }

  .grid-img {
    opacity: 1;
  }

  .about-text {
    margin-bottom: 10px;
  }

  .image-about {
    mix-blend-mode: normal;
    max-width: 600px;
    margin-top: 20px;
  }

  .img-about {
    margin-bottom: 0;
  }

  .section-projects {
    padding-top: 5px;
  }

  .button {
    max-width: 60%;
    padding-top: 0;
  }

  .button.home {
    font-size: 16px;
  }

  .more-link-neu {
    color: var(--pantone-warm-red);
    max-width: 70%;
    margin-top: 0;
    padding-top: 12px;
  }

  .more-link-neu.home {
    padding-top: 0;
    font-size: 16px;
  }

  .link-mail-adresse {
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
  }

  .platzhalter {
    background-color: #f400;
    border: 1px dotted #ff4400a8;
    display: block;
  }

  .mail-link {
    font-size: 19px;
  }

  .div-heading-about {
    margin-bottom: 3px;
  }

  .headline-medium.first {
    margin-top: 10px;
  }

  .datenschutz-themen {
    padding-bottom: 0;
  }

  .heading-datenschutz {
    font-size: 24px;
  }

  .rasterlink-2 {
    opacity: 1;
  }

  .project-text-flex {
    letter-spacing: 0;
    max-width: 80vw;
    margin-bottom: 4em;
    font-size: 18px;
    line-height: 22px;
  }

  .kurztext-medien {
    font-size: 17px;
    line-height: 20px;
  }

  .kurztext-medien.first {
    font-size: 17px;
  }

  .kurztext-weblink {
    font-size: 17px;
    line-height: 20px;
  }

  .project-more-image {
    margin-top: 12px;
  }

  .textloop-wrapper {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .loop-text-container-start.home {
    padding-top: 31%;
  }

  .looptext-erdbeeren {
    font-size: 2em;
  }

  .looptext-erdbeeren.home {
    padding-top: 0;
    font-size: 1.1em;
  }

  .rasterlink-3 {
    opacity: 1;
  }

  .projektname-2 {
    opacity: 0;
    transition: opacity .25s;
  }

  .projektname-2:active {
    opacity: 1;
  }

  .project-text-2 {
    letter-spacing: 0;
    max-width: 85vw;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 20px;
  }

  .project-text-2.home {
    max-width: 85vw;
    margin-bottom: 22px;
    line-height: 23px;
  }
}

@media screen and (max-width: 479px) {
  .nav-mi {
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .nav {
    opacity: 1;
    letter-spacing: 0;
    font-size: 21px;
    line-height: 20px;
    left: 32px;
  }

  .nav.w--current {
    margin-top: 0;
    font-size: 21px;
    line-height: 20px;
  }

  .men {
    width: 100%;
    margin-top: 0;
    margin-right: 129px;
    padding-top: 4px;
    padding-bottom: 0;
    display: block;
  }

  .body {
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .body.farbe {
    margin-top: 0;
    padding-left: 13px;
    padding-right: 13px;
  }

  .raster-start.projectpage {
    flex-direction: column;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    margin-top: 40px;
    padding-top: 0;
    display: flex;
  }

  .raster-start.projectpage.abstand-unten {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    margin-bottom: 20px;
    display: grid;
  }

  .project-info {
    max-width: 100vw;
    margin-top: 30px;
    margin-bottom: 2em;
  }

  .project-info.gro-er-abstand {
    margin-bottom: 7em;
  }

  .project-text {
    text-align: left;
    max-width: 100vw;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }

  .project-text.short {
    max-width: 95vw;
  }

  .project-text.breiter {
    max-width: 100vw;
    margin-bottom: 20px;
  }

  .project-text.adresse {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
  }

  .project-text.adresse.versal.rot {
    margin-top: 50px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .heading {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
  }

  .heading.about {
    text-align: left;
    letter-spacing: 0;
    text-transform: lowercase;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 18px;
    display: block;
  }

  .heading.about.rot {
    text-align: left;
    text-transform: lowercase;
    margin-bottom: 11px;
    font-size: 21px;
    font-weight: 400;
    line-height: 24px;
  }

  .info {
    margin-top: 51px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 12px;
    display: block;
  }

  .layout-4-spalten {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    flex-flow: wrap;
    margin-bottom: 0;
  }

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

  .image-projekte {
    color: #fa634c;
    margin-bottom: 8px;
  }

  .image-projekte.abstand-zum-text {
    margin-bottom: 20px;
  }

  .image-projekte.abstand-kapitel, .image-projekte.abstand-vor-grid {
    margin-bottom: 2em;
  }

  .project-title {
    letter-spacing: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
  }

  .project-title.kleiner-abstand {
    font-size: 20px;
  }

  .project-title.kein-abstand {
    font-size: 19px;
  }

  .body-projects {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .category {
    font-size: 16px;
    line-height: 17px;
  }

  .caption {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
  }

  .caption.links {
    margin-top: 4px;
  }

  .caption.oben {
    font-size: 13px;
    font-weight: 400;
  }

  .projektname {
    opacity: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    top: 22%;
  }

  .footer {
    font-size: 14px;
  }

  .footer.no-hover {
    padding-right: 10px;
  }

  .footer.mobile {
    display: inline-block;
  }

  .section {
    justify-content: center;
    align-items: center;
    margin-top: -12px;
    display: flex;
  }

  .grid-img:active {
    opacity: 0;
  }

  .about-text {
    margin-top: 60px;
  }

  .page-wrapper {
    padding-top: 0;
  }

  .spalte-25 {
    border-left-width: 0;
    width: 100%;
    margin-bottom: 30px;
    padding-left: 0;
  }

  .spalte-25.first {
    margin-top: 0;
  }

  .spalte-25.last {
    margin-bottom: 20px;
  }

  .project-category {
    text-transform: none;
    margin-left: 0;
    font-family: Moderat, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    display: flex;
  }

  .project-category.title {
    color: var(--warm-red-3);
    margin-bottom: 5px;
    font-family: Moderat, Arial, sans-serif;
    font-size: 17px;
    font-weight: 500;
  }

  .image-about {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .img-about {
    width: 250px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .button {
    max-width: 100%;
  }

  .more-link-neu {
    color: var(--warm-red-3);
    max-width: 65%;
    padding-top: 0;
    font-size: 14px;
    font-weight: 400;
  }

  .more-link-neu.home {
    font-size: 15px;
  }

  .link-mail-adresse {
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .grid-slide-in-august-25 {
    padding-top: 30px;
  }

  .mail-link {
    font-size: 17px;
    line-height: 20px;
  }

  .div-heading-about {
    margin-bottom: 8px;
    font-size: 30px;
  }

  .headline-medium {
    font-size: 17px;
  }

  .headline-medium.first {
    margin-top: 0;
  }

  .heading-datenschutz {
    color: var(--pantone-warm-red);
    font-size: 17px;
  }

  .internal-page-link {
    border-bottom-color: var(--warm-red-4);
  }

  .img-grid-rotation-3 {
    margin-left: 17px;
  }

  .project-text-flex {
    text-align: left;
    max-width: 100vw;
    margin-top: 0;
    padding-top: 0;
    padding-left: 8px;
    font-size: 16px;
    line-height: 18px;
  }

  .project-text-flex.padding-more {
    margin-bottom: 1em;
  }

  .kurztext-medien, .kurztext-medien.first {
    font-size: 16px;
  }

  .kurztext-medien.last {
    padding-bottom: .8em;
  }

  .kurztext-medien.small {
    max-width: 100%;
  }

  .kurztext-weblink {
    font-size: 16px;
  }

  .project-more-image {
    margin-top: 5px;
  }

  .textloop-wrapper {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .textloop-wrapper.home {
    padding-top: 19px;
  }

  .loop-text-container-start.home {
    padding-top: 0%;
  }

  .looptext-erdbeeren {
    font-size: 1em;
  }

  .looptext-erdbeeren.home {
    padding-top: 0;
    font-size: 10px;
    line-height: 60px;
  }

  .projektname-2 {
    opacity: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    top: 22%;
  }

  .project-text-2 {
    text-align: left;
    max-width: 100vw;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }

  .project-text-2.home {
    text-align: left;
    max-width: 100vw;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
  }

  .projekt-head {
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
  }
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953df7f-9953df7e {
  grid-area: 15 / 1 / 17 / 3;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953df87-9953df7e {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953df91-9953df7e {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953df99-9953df7e {
  grid-area: 5 / 3 / 7 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfa2-9953df7e {
  grid-area: 12 / 3 / 13 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfaa-9953df7e {
  grid-area: 11 / 1 / 12 / 2;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfb2-9953df7e {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfba-9953df7e {
  grid-area: 13 / 2 / 15 / 3;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfc2-9953df7e {
  grid-area: 10 / 2 / 12 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfca-9953df7e {
  grid-area: 13 / 1 / 14 / 2;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfd2-9953df7e {
  grid-area: 8 / 1 / 10 / 3;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfda-9953df7e {
  grid-area: 8 / 3 / 9 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfe3-9953df7e {
  grid-area: 16 / 3 / 17 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dfeb-9953df7e {
  grid-area: 13 / 3 / 14 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dff4-9953df7e {
  grid-area: 6 / 2 / 6 / 3;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953dffc-9953df7e {
  grid-area: 6 / 1 / 8 / 2;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e004-9953df7e {
  grid-area: 10 / 1 / 11 / 2;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e00c-9953df7e {
  grid-area: 7 / 3 / 8 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e015-9953df7e {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e01d-9953df7e {
  grid-area: 14 / 1 / 15 / 2;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e025-9953df7e {
  grid-area: 12 / 2 / 13 / 3;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e02e-9953df7e {
  grid-area: 12 / 1 / 13 / 2;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e037-9953df7e {
  grid-area: 14 / 3 / 15 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e040-9953df7e {
  grid-area: 15 / 3 / 15 / 4;
  align-self: auto;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e04a-9953df7e {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e053-9953df7e {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e05e-9953df7e {
  grid-area: 9 / 3 / 10 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e068-9953df7e {
  grid-area: 3 / 2 / 5 / 4;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e072-9953df7e {
  grid-area: 3 / 1 / 4 / 2;
  align-self: auto;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e07c-9953df7e {
  grid-area: 2 / 3 / 3 / 4;
  align-self: auto;
}

#w-node-_1c522321-6ba9-811f-d481-9e6c9953e08c-9953df7e {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-c71e6072-9d22-775d-e801-6e20b10201d6-b102016b {
  grid-area: 10 / 1 / 11 / 2;
}

#w-node-c71e6072-9d22-775d-e801-6e20b10201df-b102016b {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c71e6072-9d22-775d-e801-6e20b10201ec-b102016b {
  grid-area: 5 / 3 / 7 / 4;
}

#w-node-c71e6072-9d22-775d-e801-6e20b10201f4-b102016b {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-c71e6072-9d22-775d-e801-6e20b1020204-b102016b {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-c71e6072-9d22-775d-e801-6e20b10201fc-b102016b {
  grid-area: 9 / 1 / 10 / 2;
}

#w-node-c71e6072-9d22-775d-e801-6e20b102020d-b102016b {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-c71e6072-9d22-775d-e801-6e20b1020215-b102016b {
  grid-area: 8 / 3 / 9 / 4;
}

#w-node-c71e6072-9d22-775d-e801-6e20b102021e-b102016b {
  grid-area: 8 / 1 / 9 / 2;
}

#w-node-c71e6072-9d22-775d-e801-6e20b1020227-b102016b {
  grid-area: 11 / 2 / 12 / 3;
}

#w-node-c71e6072-9d22-775d-e801-6e20b1020230-b102016b {
  grid-area: 11 / 1 / 12 / 2;
  align-self: auto;
}

#w-node-_3b7ba20d-0cc8-1b55-a477-ca31909119c9-b102016b {
  grid-area: 3 / 1 / 5 / 2;
}

#w-node-_07fa6cd4-4ca3-ff2e-9c26-5033a65cf613-b102016b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d78bb754-5910-da1b-4e86-cf1620af3cb3-b102016b {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-b272dccd-be4a-a375-e276-34b9bda1f860-b102016b {
  grid-area: 6 / 2 / 7 / 3;
  align-self: auto;
}

#w-node-fcc3c82c-464c-cf58-dfa3-ffb9919e00e9-b102016b {
  grid-area: 2 / 3 / 3 / 4;
  align-self: auto;
}

#w-node-_58730ce4-ea8f-8e15-bd47-b410cbc4f83f-b102016b {
  grid-area: 12 / 2 / 13 / 3;
}

@media screen and (max-width: 991px) {
  #Grid.w-node-_1c522321-6ba9-811f-d481-9e6c9953df7e-9953df7e {
    grid-row-end: 7;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953df7f-9953df7e {
    grid-row: 20 / 22;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953df87-9953df7e {
    grid-area: 5 / 1 / 7 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953df91-9953df7e {
    grid-area: 13 / 1 / 14 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953df99-9953df7e {
    grid-area: 6 / 2 / 8 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfa2-9953df7e {
    grid-area: 13 / 2 / 14 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfaa-9953df7e {
    grid-area: 17 / 2 / 18 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfb2-9953df7e {
    grid-area: 8 / 2 / 9 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfba-9953df7e {
    grid-row: 18 / 20;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfc2-9953df7e {
    grid-area: 14 / 1 / 16 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfca-9953df7e {
    grid-area: 22 / 2 / 23 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfd2-9953df7e {
    grid-row: 10 / 12;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfda-9953df7e {
    grid-area: 16 / 1 / 17 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfe3-9953df7e {
    grid-area: 22 / 1 / 23 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dfeb-9953df7e {
    grid-area: 24 / 1 / 25 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dff4-9953df7e {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953dffc-9953df7e {
    grid-row: 8 / 10;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e004-9953df7e {
    grid-area: 12 / 2 / 13 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e00c-9953df7e {
    grid-area: 17 / 1 / 18 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e015-9953df7e {
    grid-area: 12 / 1 / 13 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e01d-9953df7e {
    grid-row: 18 / 19;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e025-9953df7e {
    grid-area: 16 / 2 / 17 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e02e-9953df7e {
    grid-area: 24 / 2 / 25 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e037-9953df7e {
    grid-area: 23 / 2 / 24 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e040-9953df7e {
    grid-area: 23 / 1 / 24 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e04a-9953df7e {
    grid-column: 1 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e053-9953df7e, #w-node-_1c522321-6ba9-811f-d481-9e6c9953e05e-9953df7e {
    grid-column: 2 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e068-9953df7e {
    grid-column: 1 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e072-9953df7e {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e07c-9953df7e {
    grid-area: 2 / 2 / 3 / 3;
    align-self: auto;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e08c-9953df7e {
    grid-area: 18 / 1 / 19 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e04a-9953df7e {
    grid-column: 1 / 2;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e053-9953df7e {
    grid-column: 2 / 3;
  }

  #w-node-_1c522321-6ba9-811f-d481-9e6c9953e07c-9953df7e {
    grid-area: 2 / 2 / 3 / 3;
    align-self: auto;
  }

  #w-node-_58730ce4-ea8f-8e15-bd47-b410cbc4f83f-b102016b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


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