/* ===================================================================
   gos-footer.css — ein Fussbereich fuer alle Seiten, 13.09.2026

   Joerg am 13.09.: "zusaetzlich sind die footer nicht einheitlich".
   Das stimmte: es gab zehn Bauarten. Die Startseite trug eine einzige
   Linkzeile, die Rechtstexte und das Lexikon einen Block aus
   footer > .wrap > .cols, die Tipps und Laender ein Raster aus
   .site-footer > .container > .footer-grid, Methodik und Rechner je
   eigene Spaltensaetze mit eigenen Ueberschriften ("Legal" statt
   "Rechtliches") und drei verschiedenen Schlusszeilen.

   Ab jetzt tragen alle Seiten dasselbe Raster. Diese Datei bringt das
   Aussehen mit, damit es nicht mehr davon abhaengt, welches
   Stylesheet eine Seite zufaellig laedt: 207 der 427 Seiten laden
   shared.css gar nicht.

   Dunkel ist der Normalfall, Hell haengt wie ueberall an
   :root[data-theme="light"].
   =================================================================== */

footer.site-footer {
  margin-top: 60px;
  padding: 44px 0 22px;
  border-top: 1px solid rgba(255, 255, 255, .10);
  background: rgba(11, 17, 29, .60);
  font-size: .9rem;
  line-height: 1.6;
  color: var(--text-dim, #b4c2d9);
}

footer.site-footer .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

footer.site-footer .footer-grid {
  display: grid !important;
  gap: 26px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  align-items: start;
  margin-bottom: 26px;
}

footer.site-footer .footer-col { min-width: 0; }

footer.site-footer .footer-col h4 {
  margin: 0 0 10px;
  font-family: var(--ff-display, inherit);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text, #eaf2ff);
}

footer.site-footer .footer-col p { margin: 0; max-width: 34em; }

footer.site-footer .footer-col ul { list-style: none; padding: 0; margin: 0; }
footer.site-footer .footer-col li { margin: 0 0 6px; }

footer.site-footer .footer-col a {
  color: var(--text-dim, #b4c2d9);
  text-decoration: none;
}
footer.site-footer .footer-col a:hover,
footer.site-footer .footer-col a:focus-visible {
  color: var(--amber, #f59e0b);
  text-decoration: underline;
}

footer.site-footer .footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .08);
  font-size: .82rem;
  color: var(--muted, #8fa0bb);
}
footer.site-footer .footer-bottom p { margin: 0; }

@media (max-width: 720px) {
  footer.site-footer { margin-top: 44px; padding: 32px 0 18px; }
  footer.site-footer .footer-grid { grid-template-columns: 1fr !important; gap: 22px; }
}

/* --- Hellmodus ---------------------------------------------------- */
:root[data-theme="light"] footer.site-footer {
  background: #f2efea;
  border-top-color: #d7d1c9;
  color: #5a6673;
}
:root[data-theme="light"] footer.site-footer .footer-col h4 { color: #14202e; }
:root[data-theme="light"] footer.site-footer .footer-col p { color: #2b3746; }
:root[data-theme="light"] footer.site-footer .footer-col a { color: #2b3746; }
:root[data-theme="light"] footer.site-footer .footer-col a:hover,
:root[data-theme="light"] footer.site-footer .footer-col a:focus-visible { color: #8a4508; }
:root[data-theme="light"] footer.site-footer .footer-bottom {
  border-top-color: #d7d1c9;
  color: #5a6673;
}