.site-footer { background-color: var(--c-forest); }

.site-footer__inner {
  display: flex;
  justify-content: center;
  max-width: var(--container);
  margin-inline: auto;
  padding: var(--header-pad-y) var(--gutter);
}

.site-footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/*
  Bewusste Abweichung: Das Original klappt diese Leiste unter 1120px zu einem
  Burger-Menü zusammen. Impressum und Datenschutz sind Pflichtangaben und
  bleiben hier auf allen Breiten sichtbar; auf schmalen Viewports rücken die
  Links dafür enger zusammen und brechen um.
*/
.site-footer__link {
  display: block;
  padding: var(--sp-10) var(--sp-12);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: var(--ls-normal);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--c-sage-bright);
  transition: color var(--motion);
}

.site-footer__link:hover { color: var(--c-white); }

@media (min-width: 1120px) {
  .site-footer__link { padding: var(--sp-20); }
}