/* Kontrollierte Layoutvarianten für redaktionelle Abschnitte. */
.cms-background-dark {
  background: var(--bg) !important;
}
.cms-background-muted {
  background: var(--bg-alt) !important;
}
.cms-image-left .story__copy,
.cms-image-left .about__body {
  order: 2;
}
.cms-image-left .story-photo,
.cms-image-left .about__portrait {
  order: 1;
}
.cms-image-right .story__copy,
.cms-image-right .about__body {
  order: 1;
}
.cms-image-right .story-photo,
.cms-image-right .about__portrait {
  order: 2;
}
.cms-section__inner {
  max-width: 1160px;
  margin: 0 auto;
}
.cms-section__inner > .story__copy {
  max-width: 760px;
  margin-bottom: 40px;
}
.cms-body {
  color: var(--ink-muted);
  line-height: 1.75;
}
.cms-body p + p {
  margin-top: 18px;
}
.cms-body ul,
.cms-body ol {
  padding-left: 24px;
  margin: 18px 0;
}
.cms-body a {
  color: var(--ember-hi);
}
.cms-body + .hero__actions {
  margin-top: 28px;
}
.cms-items {
  max-width: 880px;
}
.cms-image-left > .story__inner > .story__copy {
  order: 2;
}
@media (max-width: 760px) {
  .cms-image-left .story__copy,
  .cms-image-right .story__copy,
  .cms-image-left .about__body,
  .cms-image-right .about__body {
    order: 0;
  }
  .cms-image-left .story-photo,
  .cms-image-right .story-photo {
    order: 1;
  }
  .cms-section .fields__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Lange deutsche CTA-Texte müssen auch auf schmalen Displays umbrechen. */
.hero__actions > .btn,
.fk-teaser__inner > .btn {
  max-width: 100%;
  text-align: center;
}
.cms-section h1,
.cms-section h2 {
  white-space: pre-line;
}