/* Bestehende Komposition: Einleitung links, grosses Portraet rechts,
   darunter sechs Stationen in drei Spalten. Kein neues Raster. */
#geschichte .geschichte-einleitung { justify-content: flex-start; }
#geschichte .geschichte-einleitung h2 { margin-bottom: clamp(1.75rem, 3.5vh, 3rem); }
#geschichte .geschichte-einleitung > p { text-wrap: pretty; }

/* Das Portraet folgt der Spaltenbreite. Eine von der Fensterhoehe abhaengige
   Deckelung schnitt den Oberkoerper ab und machte das Foto zum Querstreifen. */
@media (min-width: 768px) {
  #geschichte .clip-reveal { aspect-ratio: 3 / 2; }
  #geschichte .clip-reveal img { object-position: 50% 25%; }
}

@media (min-width: 1200px) and (min-height: 850px) {
  #geschichte > div { padding-block: clamp(24px, 2.5vh, 40px); }
  #geschichte > div > .grid:first-child { margin-bottom: clamp(22px, 2.5vh, 36px); }
  #geschichte .kian-zeitleiste { gap: 16px 28px; }
  #geschichte .kian-zeitleiste > div > * + * { margin-top: 8px; }
  #geschichte .kian-zeitleiste h4 { line-height: 1.2; }
  #geschichte .kian-zeitleiste > div > span:first-child { font-size: clamp(46px, 3.2vw, 64px); }
}