/* ==========================================================================
   modules/footer/footer.css — Seitenfuss
   Raster wie im Bestand: 6-3-3, darunter das Copyright.
   ========================================================================== */

.site-footer {
  background: var(--color-warm-dark);
  color: var(--color-white);
  padding: var(--space-10) 0 var(--space-5);
  font-family: var(--font-sans);
  font-size: var(--text-small);
  line-height: var(--leading-relaxed);
}

.site-footer__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);

  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

@media (min-width: 768px) {
  .site-footer__inner { grid-template-columns: repeat(2, 1fr); }
}

/* Ab 992 px das Verhaeltnis des Bestands: 6-3-3 von zwoelf Spalten. */
@media (min-width: 992px) {
  .site-footer__inner { grid-template-columns: 6fr 3fr 3fr; }
}

.site-footer__col--wide { max-width: 48ch; }

.site-footer p { margin: 0 0 var(--space-4); }
.site-footer p:last-child { margin-bottom: 0; }

.site-footer__adresse strong {
  font-weight: 600;
  letter-spacing: var(--tracking-wide);
}

.site-footer a {
  color: var(--color-white);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  transition: border-color var(--transition-base), color var(--transition-base);
}

.site-footer a:hover {
  color: var(--color-white);
  border-bottom-color: var(--color-white);
}

.site-footer a:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: 2px;
}

/* --- Linklisten ------------------------------------------------------------ */

.site-footer__links,
.site-footer__consent {
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
}

.site-footer__links a,
.site-footer__consent a {
  display: inline-block;
  padding-block: var(--space-1);
  font-size: var(--text-label);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  border-bottom: 0;
}

.site-footer__links a:hover,
.site-footer__consent a:hover { border-bottom: 0; color: var(--color-cream); }

/* Die Einwilligungs-Links sind zweitrangig — im Bestand stehen sie
   gleichwertig neben Impressum und Datenschutz. */
.site-footer__consent a { opacity: 0.75; }
.site-footer__consent a:hover { opacity: 1; }

/* --- Widgets ---------------------------------------------------------------- */

.site-footer img {
  max-width: 100%;
  height: auto;
}

.site-footer .widget { margin-bottom: var(--space-5); }
.site-footer .widget:last-child { margin-bottom: 0; }

/* --- Copyright --------------------------------------------------------------- */

.site-footer__copyright {
  max-width: var(--container-max);
  margin: var(--space-8) auto 0;
  padding: var(--space-4) var(--gutter) 0;

  border-top: 1px solid rgba(255, 255, 255, 0.15);
  font-size: var(--text-label);
  letter-spacing: var(--tracking-wide);
  opacity: 0.75;
}