/* THE FINAL – gemeinsamer Footer für alle Seiten (Startseite & Rechtsseiten).
   Erwartet die Design-Tokens --ink/--text/--muted/--gold/--line aus dem
   jeweiligen Seiten-:root (siehe css/style.css bzw. css/rechtsseiten.css). */

.site-footer{
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 56px 20px 40px;
  background: rgba(10, 5, 18, .5);
}
.foot-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  max-width: 1000px;
  margin: 0 auto;
}
.foot-brand{
  font-family: "Unbounded", sans-serif;
  font-weight: 800;
  font-size: 20px;
  letter-spacing: .02em;
  margin: 0;
}
.foot-brand sup{
  font-size: .5em;
  color: var(--gold);
  margin-left: 2px;
}
.foot-note{
  color: var(--muted);
  font-size: 13px;
  margin: 10px 0 0;
  max-width: 40ch;
}
.foot-col h5{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 14px;
}
.foot-col ul{ list-style: none; margin: 0; padding: 0; }
.foot-col li{ margin-bottom: 10px; }
.foot-col a,
.foot-col button{
  color: var(--text);
  text-decoration: none;
  font-size: 15px;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  text-align: left;
}
.foot-col a:hover,
.foot-col button:hover{ color: var(--gold); }
.legal-line{
  max-width: 1000px;
  margin: 44px auto 0;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.07);
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .04em;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  justify-content: space-between;
}
@media (min-width: 680px){
  .foot-grid{ grid-template-columns: 1.2fr 1fr 1fr 1fr; }
}