/* Version 1.4 – Basis 1.1, Schriftfarben auf hellen Flächen getauscht */

/* Bisher dunkle Schrift wird auf hellen Flächen dunkelgrün. */
.site-header nav > a:not(.nav-cta),
.hero-copy,
.intro,
.levels .section-head,
.new,
.statement {
  color: #40584b;
}

/* Bisher grüne Schrift wird auf hellen Flächen warmbraun. */
.hero-copy em,
.intro em,
.levels .section-head em,
.new em,
.hero-copy .eyebrow,
.intro .section-label,
.levels .eyebrow,
.new .eyebrow,
.new .steps b {
  color: #8b7355;
}

/* Der liegende Hund sitzt groß und bündig auf der unteren Abschnittskante. */
.statement {
  min-height: 360px;
  align-items: stretch;
  padding-top: 60px;
  padding-bottom: 0;
  gap: 4vw;
  overflow: hidden;
}

.statement img {
  width: min(720px, 47vw);
  align-self: flex-end;
  flex: 0 1 720px;
  margin-bottom: 0;
}

.statement > div {
  align-self: center;
  padding-bottom: 55px;
}

@media (max-width: 900px) {
  .statement {
    min-height: 0;
    padding: 65px 22px 0;
  }

  .statement > div {
    order: 1;
    padding-bottom: 35px;
  }

  .statement img {
    order: 2;
    width: min(720px, 96vw);
    flex-basis: auto;
  }
}