:root {
  --_augarten-in-schichten---schicht-5: #394d4c;
  --_augarten-in-schichten---schicht-4: #4d6b69;
  --_augarten-in-schichten---schicht-3: #608786;
  --_augarten-in-schichten---schicht-2: #75a3a0;
  --_augarten-in-schichten---schicht-1: #92bebd;
  --_augarten-in-schichten---weiß: white;
  --_augarten-in-schichten---schicht-5-90: #394d4ccc;
  --_augarten-in-schichten---schicht-4-90: #4d6b69cc;
  --_augarten-in-schichten---schicht-3-90: #608786cc;
  --_augarten-in-schichten---schicht-2-90: #75a3a0cc;
  --_augarten-in-schichten---schicht-1-90: #92bebdcc;
}

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

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

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

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

.background {
  background-color: var(--_augarten-in-schichten---schicht-5);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  display: flex;
}

.background._2 {
  background-color: var(--_augarten-in-schichten---schicht-4);
}

.background._3 {
  background-color: var(--_augarten-in-schichten---schicht-3);
}

.background._4 {
  background-color: var(--_augarten-in-schichten---schicht-2);
}

.background._5 {
  background-color: var(--_augarten-in-schichten---schicht-1);
}

.container {
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: flex;
}

.image {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 100%;
  display: inline-flex;
}

.heading {
  color: #fff;
  text-transform: lowercase;
  width: 100%;
  max-width: 100vh;
  margin-top: 50px;
  margin-bottom: 0;
  margin-left: 100px;
  font-family: halcom, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
}

.heading.unter-berschrift {
  text-transform: capitalize;
  max-width: 100vh;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
  position: static;
}

.columns {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.column {
  justify-content: flex-end;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

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

.container-2 {
  width: 100%;
  height: 100vh;
  margin-left: 0;
}

.section {
  padding-right: 0;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  width: 100vw;
  height: 100vh;
}

.schicht {
  background-color: var(--_augarten-in-schichten---schicht-1);
  justify-content: space-between;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.schicht._1 {
  background-color: var(--_augarten-in-schichten---schicht-1);
}

.schicht._2 {
  background-color: var(--_augarten-in-schichten---schicht-4);
}

.schicht._3 {
  background-color: var(--_augarten-in-schichten---schicht-3);
}

.schicht._4 {
  background-color: var(--_augarten-in-schichten---schicht-2);
}

.schicht._1 {
  background-color: var(--_augarten-in-schichten---schicht-5);
  height: auto;
}

.schicht._5 {
  border: 1px #000;
  border-bottom-color: #fff;
}

.link-block {
  object-fit: contain;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  text-decoration: none;
  transition: opacity .2s;
}

.schicht-schrift {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.schicht-berschrift {
  color: #fff;
  justify-content: flex-start;
  align-items: flex-end;
  height: 50%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-left: 100px;
  font-family: halcom, sans-serif;
  font-size: 50px;
  display: flex;
}

.schicht-jahr {
  color: #fff;
  height: 50%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 100px;
  font-family: halcom, sans-serif;
  font-size: 20px;
}

.schicht-menu-schrift {
  opacity: .2;
  width: 100%;
  text-decoration: none;
  transition: opacity .2s;
}

.schicht-menu-schrift:hover {
  opacity: 100;
}

.dateien {
  background-color: var(--_augarten-in-schichten---schicht-1);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.dateien-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 100%;
  height: 50%;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.datei-logo {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.datei-logo:hover {
  opacity: 1;
  padding: 0;
}

.datei-bild {
  aspect-ratio: auto;
  object-fit: cover;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
  position: absolute;
}

.datei-bild:hover {
  opacity: 1;
}

.datei-bild.dar-ber {
  opacity: 0;
}

.datei-bild.dar-ber:hover {
  opacity: 100;
}

.footer {
  background-color: var(--_augarten-in-schichten---schicht-1);
  border-bottom: 1px solid #e4ebf3;
  width: 100vw;
  height: 30vh;
  padding: 50px 30px 15px;
  position: relative;
}

.footer.nebenseite {
  background-color: #0000;
  position: relative;
}

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

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-brand {
  width: 100px;
  transition: all .5s;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.title-small {
  color: var(--_augarten-in-schichten---weiß);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: halcom, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.title-small.nebenseite {
  color: var(--_augarten-in-schichten---weiß);
}

.footer-link {
  color: var(--_augarten-in-schichten---weiß);
  margin-top: 12px;
  margin-bottom: 6px;
  font-family: halcom, sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

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

.footer-link.nebenseite {
  color: var(--_augarten-in-schichten---weiß);
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

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

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

.footer-copyright-center {
  color: var(--_augarten-in-schichten---weiß);
  text-align: center;
  margin-top: 0;
  font-family: halcom, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.navbar {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  margin: 0 0 -50px;
  padding-left: 50px;
  padding-right: 0;
  display: block;
  position: fixed;
  inset: 0%;
}

.brand {
  width: 50px;
  height: 50px;
  padding: 5px;
}

.nav-container {
  aspect-ratio: auto;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.nav-link {
  color: #fff;
  text-transform: lowercase;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  font-family: halcom, sans-serif;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.nav-link:hover {
  font-weight: 700;
}

.nav-link.w--current {
  color: var(--_augarten-in-schichten---weiß);
  font-weight: 700;
}

.nav-menu {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.schicht-cover {
  opacity: 1;
  color: var(--_augarten-in-schichten---weiß);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  padding-bottom: 0;
  padding-left: 0;
  font-family: halcom, sans-serif;
  font-size: 50px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.heading-2 {
  color: #fff;
  margin-top: 100px;
  margin-bottom: -150px;
  margin-left: 100px;
  display: block;
}

.schicht-titelbild {
  opacity: .5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.section-2 {
  box-sizing: border-box;
  object-fit: fill;
  width: 100vw;
  height: auto;
  min-height: 250vh;
}

.schicht-zeitstrahl {
  vertical-align: top;
  object-fit: contain;
  width: 70%;
  height: 100%;
  display: block;
}

.image-5 {
  opacity: .01;
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-5:hover {
  opacity: 100;
}

.datei-text {
  opacity: 0;
  color: #fff;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: halcom, sans-serif;
  transition: opacity .2s;
  display: flex;
  position: absolute;
}

.datei-text:hover {
  opacity: 100;
  width: 100%;
}

.datei-text.datei-bild {
  opacity: 0;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.datei-text.datei-bild:hover {
  opacity: 100;
}

.foto-box {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 0;
  display: flex;
  position: relative;
}

.foto-box.erkl-rung {
  height: 50vh;
}

.foto {
  object-fit: contain;
  width: 50%;
  max-width: none;
  max-height: 50%;
  margin: auto;
  padding: 0;
  position: absolute;
  inset: 0;
}

.foto.neu {
  opacity: 0;
  width: 50%;
  max-width: 100%;
  margin: auto;
  padding: 0;
  position: absolute;
  inset: 0;
}

.foto.neu:hover {
  opacity: 100;
}

.image-6 {
  z-index: -1;
  vertical-align: bottom;
  object-fit: fill;
  width: 100%;
  max-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  inset: -20% 0% 0%;
}

.section-3 {
  width: 100vw;
  height: 100vh;
  max-height: none;
}

.grid-2 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  object-fit: contain;
  grid-template-rows: auto auto;
  width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 100px 200px;
  position: relative;
  inset: 0%;
}

.steckbrief {
  z-index: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  object-fit: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
  display: block;
  position: relative;
  inset: 0%;
}

.steckbrief-bild {
  z-index: auto;
  vertical-align: middle;
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.steckbrief-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--_augarten-in-schichten---schicht-5-90);
  opacity: 0;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
  display: grid;
  position: relative;
  inset: 0%;
}

.steckbrief-info:hover {
  opacity: 100;
}

.steckbrief-info._2 {
  background-color: var(--_augarten-in-schichten---schicht-4-90);
}

.steckbrief-info._3 {
  background-color: var(--_augarten-in-schichten---schicht-3-90);
}

.steckbrief-info._4 {
  background-color: var(--_augarten-in-schichten---schicht-2-90);
}

.steckbrief-info._5 {
  background-color: var(--_augarten-in-schichten---schicht-1-90);
  max-height: 100%;
}

.steckbrief-karte {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.steckbrief-bershrift {
  color: #fff;
  padding-right: 20px;
  font-family: halcom, sans-serif;
}

.steckbrief-paragraph {
  color: #fff;
  padding-right: 20px;
  font-family: halcom, sans-serif;
  font-weight: 400;
}

.schicht-beschreibung {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vh;
  min-width: 100%;
  max-width: none;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  padding-left: 200px;
  display: flex;
  position: static;
}

.beschreibung {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 30%;
  height: 100%;
  display: flex;
  position: static;
}

.bold-text, .bold-text-2 {
  font-weight: 400;
}

.schicht-titel {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 200px;
  padding-left: 200px;
  font-size: 50px;
  display: flex;
  position: relative;
}

.interview {
  width: 100vw;
  max-width: none;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 200px;
}

.image-7 {
  object-fit: cover;
  max-height: 500px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.container-4 {
  max-width: none;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.interview-berschrift {
  color: var(--_augarten-in-schichten---weiß);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: halcom, sans-serif;
  font-size: 50px;
  line-height: 60px;
}

.grid-interview {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  margin-bottom: 50px;
}

.interview-text {
  color: var(--_augarten-in-schichten---weiß);
  font-family: halcom, sans-serif;
  font-size: 15px;
}

.platzhalter {
  max-width: none;
}

.frage {
  color: var(--_augarten-in-schichten---weiß);
  margin-bottom: 20px;
  font-family: halcom, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.antwort {
  color: var(--_augarten-in-schichten---weiß);
  margin-bottom: 50px;
  padding-left: 20px;
  font-family: halcom, sans-serif;
  font-size: 15px;
}

.zitat {
  color: var(--_augarten-in-schichten---schicht-1);
  text-align: center;
  margin: 0 auto 50px;
  font-family: halcom, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.div-block {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.div-block-2 {
  z-index: 1;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding-bottom: 100px;
  display: flex;
  position: absolute;
}

.div-block-3 {
  width: 50%;
}

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

  .footer-content {
    grid-column-gap: 60px;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

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

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

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

  .footer-divider {
    margin-top: 60px;
  }
}

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

#w-node-_6a064bee-8c8d-9b6b-0b17-cca2eb226ef6-23bbc87f, #w-node-_6a064bee-8c8d-9b6b-0b17-cca2eb226eff-23bbc87f, #w-node-_6a064bee-8c8d-9b6b-0b17-cca2eb226f0a-23bbc87f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b894654d-8acf-50a5-8a3b-73a78f4b90f0-94905677 {
  place-self: auto;
}

#w-node-d3abca10-ea21-73bb-2bc8-81a69e4138e4-94905677, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5026-94905677, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5031-94905677, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb503e-94905677 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f36d799b-59c8-bec8-01de-adba404f0d09-ec4a79a1 {
  justify-self: start;
}

#w-node-b52f98ca-feab-8fc7-47cb-d2c16ccdd012-ec4a79a1, #w-node-b52f98ca-feab-8fc7-47cb-d2c16ccdd01d-ec4a79a1, #w-node-b52f98ca-feab-8fc7-47cb-d2c16ccdd02a-ec4a79a1, #w-node-_0dd9c006-0073-95cf-2c7c-623dd6e3126b-1e96ce46, #w-node-_0dd9c006-0073-95cf-2c7c-623dd6e31276-1e96ce46, #w-node-_0dd9c006-0073-95cf-2c7c-623dd6e31283-1e96ce46 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b894654d-8acf-50a5-8a3b-73a78f4b90f0-17205483 {
  place-self: auto;
}

#w-node-d3abca10-ea21-73bb-2bc8-81a69e4138e4-17205483, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5026-17205483, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5031-17205483, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb503e-17205483 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b894654d-8acf-50a5-8a3b-73a78f4b90f0-68075782 {
  place-self: auto;
}

#w-node-d3abca10-ea21-73bb-2bc8-81a69e4138e4-68075782, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5026-68075782, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5031-68075782, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb503e-68075782 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b894654d-8acf-50a5-8a3b-73a78f4b90f0-6b8d05b2 {
  place-self: auto;
}

#w-node-d3abca10-ea21-73bb-2bc8-81a69e4138e4-6b8d05b2, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5026-6b8d05b2, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5031-6b8d05b2, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb503e-6b8d05b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b894654d-8acf-50a5-8a3b-73a78f4b90f0-6f075a55 {
  place-self: auto;
}

#w-node-d3abca10-ea21-73bb-2bc8-81a69e4138e4-6f075a55, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5026-6f075a55, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb5031-6f075a55, #w-node-_219f7e0f-c440-fcff-c80b-002ed4cb503e-6f075a55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}