:root {
  /* Bootstrap bringt einen eigenen Systemschrift-Stapel mit, der Inhaber
     verlangt Arial. Diese Variable ueberschreibt ihn, ohne bootstrap.min.css
     selbst anzufassen. */
  --bs-body-font-family: Arial, Helvetica, sans-serif;
}

body {
  text-align: left;
}

/* Erreichbarkeits-Zeitstrahl auf der Detailseite je Box. */
.verfuegbarkeit-balken {
  height: 2rem;
}

.verfuegbarkeit-segment {
  min-width: 2px;
}

.verfuegbarkeit-online {
  background-color: #198754;
}

.verfuegbarkeit-offline {
  background-color: #6c757d;
}

.verfuegbarkeit-legende {
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 2px;
  vertical-align: middle;
}