/* Breakpoints */
.top-container__base {
  max-width: 100vw;
  background-color: var(--colors-background-default);
}
.top-container__wrapper-top {
  position: relative;
  z-index: 2;
  background-color: var(--colors-background-default);
}
.top-container__wrapper-top .generic-stage {
  padding-bottom: var(--spacer-4);
}
@media screen and (min-width: 768px) {
  .top-container__wrapper-top .generic-stage {
    padding-bottom: 0;
  }
}
.top-container__wrapper-facts-intro {
  position: relative;
  background-color: var(--colors-background-default);
  overflow: hidden;
  height: 100vh;
}
.top-container__wrapper-facts-intro .textual-intro__base {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100vh;
  padding-top: calc(var(--intro-top-offset, "0px") + var(--modul-spacing));
}
@media screen and (min-width: 768px) {
  .top-container__wrapper-facts-intro .textual-intro__base {
    justify-content: center;
    padding-top: calc(2 * var(--intro-top-offset, "0px"));
  }
}
@media screen and (min-width: 768px) {
  .top-container__wrapper-facts {
    width: 100%;
    padding-left: unset;
    position: absolute;
    top: 0;
    z-index: 4;
  }
}
.top-container__wrapper-facts > div {
  position: relative;
}
.top-container__wrapper-facts .animated-facts__list {
  padding-block: var(--spacer-5);
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  .top-container__wrapper-facts .animated-facts__list {
    position: absolute;
    top: 0;
  }
}
.top-container__wrapper-media {
  position: relative;
}
body.page--mode-edit .top-container__base, body.page--mode-edit .top-container__wrapper-top, body.page--mode-edit .top-container__wrapper-facts-intro, body.page--mode-edit .top-container__wrapper-facts {
  display: flex;
  flex-direction: column;
  height: auto;
  max-height: 50vh;
}
body.page--mode-edit .top-container__base > *, body.page--mode-edit .top-container__wrapper-top > *, body.page--mode-edit .top-container__wrapper-facts-intro > *, body.page--mode-edit .top-container__wrapper-facts > * {
  position: relative;
  margin-top: 1rem;
}