/* Startseitenkorrekturen Version 1.2.2 */

/* Das Zitat steht frei im Bild, ohne weiße Karte. */
.hero-visual .quote {
  left: clamp(24px, 5vw, 90px);
  right: auto;
  bottom: 8%;
  max-width: 290px;
  padding: 0;
  background: transparent;
  color: var(--deep);
  font-size: clamp(1.7rem, 2.25vw, 2.5rem);
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  transform: none;
  white-space: nowrap;
  text-shadow: 0 1px 1px rgba(255,255,255,.5);
}

/* Der liegende Hund sitzt groß auf der unteren Kante des Abschnitts. */
.statement {
  min-height: 380px;
  align-items: stretch;
  padding-top: 60px;
  padding-bottom: 0;
  gap: 4vw;
  overflow: hidden;
}

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

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

@media (max-width: 900px) {
  .hero-visual .quote {
    left: 18px;
    right: auto;
    bottom: 5%;
    max-width: 240px;
    font-size: clamp(1.35rem, 5vw, 1.8rem);
  }

  .statement {
    min-height: 0;
    padding: 60px 22px 0;
  }

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

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