/* Einheitliche Ausrichtung und Groesse der beiden aufeinanderfolgenden
   Hauptueberschriften auf Desktop, Tablet und Mobiltelefon. */
.section-heading,
.offices-heading {
  grid-template-columns: minmax(170px, .28fr) minmax(0, .72fr);
  column-gap: 42px;
}

.section-heading h2,
.offices-heading h2 {
  font-size: clamp(2.5rem, 4.6vw, 5.15rem);
  line-height: 1;
  letter-spacing: -.05em;
}

@media (max-width: 720px) {
  .section-heading,
  .offices-heading {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .section-heading h2,
  .offices-heading h2 {
    font-size: clamp(2.35rem, 11vw, 3.7rem);
  }
}