/* ============================================================
   site-footer.css — zweizeilige Fußzeile
   Zeile 1 (.footer-pages): Referenzen · Archiv · Text → MP3
   Zeile 2 (.footer-legal): Impressum · Datenschutz · Cookies
   Grund-Optik von .footer (Fläche, Schrift, Linkfarbe) kommt
   weiterhin aus theme.css; hier steht nur das Zeilen-Layout.
   Trennung übernimmt der Spaltenabstand — keine ·-Zeichen im HTML.
   ============================================================ */

.site-footer .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.site-footer .footer-pages,
.site-footer .footer-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 22px;
  row-gap: 6px;
}

.site-footer .footer-pages a {
  font-weight: 600;
}