/* ==========================================================================
   Seite "Über uns".

   Der Bausatz steht in subpage.css — hier nur, was allein diese Seite
   betrifft: Bildausschnitte und der Anschluss unter dem Hero.
   ========================================================================== */

/* Das Hero-Foto ist hochformatig (1023 × 1537), der Hero querformatig — der
   Ausschnitt entscheidet also, welches waagrechte Band zu sehen ist. Bei 58 %
   stehen alle vier Gesichter im Bild; zentriert läge der Schnitt zu hoch. */
.ueber-uns-page .hero-media img {
  object-position: center 58%;
}

/* Hier standen zwei Bildausschnitte für das Bildpaar. Sie sind hinfällig:
   Die Rahmen haben jetzt die Form ihrer Aufnahme, es wird nichts mehr
   beschnitten (siehe subpage.css). */

/* Die Chronik schliesst bereits mit einer Haarlinie ab. Der volle
   Sektionsabstand darüber wirkte dadurch wie ein Loch — hier reicht
   weniger. */
.ueber-uns-page .sub-chronik + .sub-eroeffnung {
  padding-top: clamp(3.2rem, 6vw, 5rem);
}

/* Die Galerie bringt den Abstand zum abschließenden Leitsatz mit. */
.ueber-uns-page .sub-eroeffnung + .sub-statement {
  padding-top: 0;
  padding-bottom: clamp(4rem, 7vw, 6.6rem);
}

/* Die Verbandsbezeichnung gehört zur eigenen Beratungskompetenz. */
.ueber-uns-page .about-expertise {
  display: grid;
  grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  margin-top: clamp(2.5rem, 5vw, 4rem);
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: var(--sub-rule);
  scroll-margin-top: calc(var(--header-height) + var(--header-offset) + 1.5rem);
}

.ueber-uns-page .about-expertise__logo {
  display: block;
  width: 100%;
  max-width: 16rem;
  height: auto;
}

.ueber-uns-page .about-expertise__copy {
  display: grid;
  gap: 0.5rem;
  max-width: 60ch;
}

.ueber-uns-page .about-expertise__copy p {
  margin: 0;
}

@media (max-width: 700px) {
  .ueber-uns-page .about-expertise {
    grid-template-columns: minmax(0, 1fr);
  }
}