/* Breakpoints */
.top-container__wrapper-facts {
  --margin: var(--grid-standard-margin);
  --padding-inline: var(--margin);
  --narrow-max-width: var(--grid-narrow-content-max);
  --content-max-width: var(--grid-standard-content-max);
  --content-size: calc((var(--content-max-width) - var(--narrow-max-width)) / 2);
  max-width: var(--grid-wide-content-max);
  margin: 0 auto;
  display: grid;
  height: 100%;
  grid-template-columns: [full-width-start] minmax(var(--padding-inline), 1fr) [content-start] minmax(0, var(--content-size)) [narrow-start] min(100% - var(--padding-inline) * 2, var(--narrow-max-width)) [narrow-end] minmax(0, var(--content-size)) [content-end] minmax(var(--padding-inline), 1fr) [full-width-end];
}

.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 {
  background-color: var(--colors-background-default);
}
.top-container__wrapper-facts {
  width: 100%;
  padding-block: var(--spacer-5);
}
.top-container__wrapper-facts .animated-facts__list {
  grid-column: content;
}
.top-container__wrapper-intro {
  margin-block: var(--modul-spacing);
  height: auto;
}
@media screen and (min-width: 768px) {
  .top-container__wrapper-intro {
    align-content: center;
  }
}
body.page--mode-edit .top-container__wrapper-intro {
  margin: 0;
}
.top-container__wrapper-media {
  position: relative;
}
.top-container__wrapper-media picture {
  display: block;
}