/* Nur der eigentliche Seitenfooter wird verbreitert. Interne <footer>-Elemente
 * in Formularen oder Karten bleiben davon vollständig unberührt.
 */
#root > div > footer > div {
  width: 100%;
  max-width: 80rem !important;
}

#root > div > footer a,
#root > div > footer > div > div > span {
  white-space: nowrap;
}

/* Die bisherigen Trennpunkte kosten unnötig Breite. Der Abstand zwischen den
 * Links übernimmt die Trennung und wirkt bei Zeilenumbrüchen sauberer.
 */
#root > div > footer > div > div > div > span {
  display: none;
}

#root > div > footer > div > div > div {
  column-gap: 1rem !important;
  row-gap: 0.5rem !important;
}

@media (max-width: 1119px) {
  #root > div > footer > div > div {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }
}

@media (min-width: 1120px) {
  #root > div > footer > div > div {
    flex-direction: row !important;
  }

  #root > div > footer > div > div > div {
    flex-wrap: nowrap !important;
  }
}