/* --- Fußzeile (DESIGN 5 „Fußzeile“) -------------------------------------------------------- */

/* --text-2 statt --text-3: Der Hinweis ist Pflicht (Bauplan 16.1), und --text-3 erreicht auf dem
   warmen Hintergrund am unteren Rand nur etwa 3 : 1 (DESIGN 8 verlangt 4,5 : 1; V-08). */
.site-footer {
  flex: none;
  color: var(--text-2);
  font-size: 0.75rem;
  line-height: 1rem;
}

.site-footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-2) var(--space-3);
  max-width: calc(var(--content-max) + 2 * var(--page-gutter));
  margin-inline: auto;
  padding: var(--space-6) var(--page-gutter) var(--space-7);
}

.site-footer__links {
  display: flex;
  gap: var(--space-3);
}

.site-footer__links li::before,
.site-footer__links li:first-child::before {
  content: "·";
  margin-right: var(--space-3);
}

@media (width < 600px) {
  .site-footer__links li:first-child::before {
    content: none;
  }
}

.site-footer a {
  text-decoration: none;
}

.site-footer a:hover {
  color: var(--text-1);
}