/* Fußzeile — einzige Quelle für das Footer-Styling der gesamten Website.
   Auf jeder Seite verlinkt. Bitte keine footer-Regeln in einzelne HTML-Dateien
   oder in ratgeber.css zurückschreiben: Der Footer ist überall identisch,
   also gehört er auch nur an eine Stelle.

   Beide Selektoren, weil historisch zwei Varianten im Markup stehen:
   <footer> und <footer class="site">. */

footer,
footer.site {
  margin: 40px 0 0;
  padding: 24px 0 44px;
  border-top: 1px solid var(--line);
  font-size: 13.5px;
  color: var(--ink-soft);
}

footer a,
footer.site a {
  color: var(--ink-soft);
}

footer .links,
footer.site .links {
  display: flex;
  gap: 18px;
  margin-top: 6px;
  flex-wrap: wrap;
}

footer .links a,
footer.site .links a {
  display: inline-block;
  padding: 6px 2px;
}