/*************************/
/* Überschrift der Seite */
/*************************/

.bs-header {
  display: flex;
  align-items: baseline;         /* Überschriften & Labels sauber auf Linie */
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1rem 0;
}

.bs-pair {
  display: inline-flex;
  align-items: baseline;
  gap: .5rem;
  flex-wrap: wrap;               /* kleine Displays */
}

.bs-pair-label {
  font-weight: 400;              /* „Betriebsstelle“ / „Kürzel“ etwas betonen */
}

.bs-title, .bs-code {
  margin: 0;                     /* H1-Standardabstände neutralisieren */
  line-height: 1.1;
}

/*************************/
/* Epochen-Bild          */
/*************************/

.bs-bild-wrapper {
  width: 100%;
  margin-bottom: 1.5rem;
}

.bs-bild-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

/*************************/
/* Header-Tabelle        */
/*************************/

.bs-meta-table {
  width: 100%;
  margin-bottom: 1rem;
}
.bs-meta-label {
  font-weight: 400;
  white-space: nowrap;
  width: 10%;
}
.bs-meta-value {
  font-weight: 600;
  width: 40%;
}