/* V4-Footer — gemeinsames Bauteil für ALLE Seiten (Markup: partials/v4-footer).
   1:1 aus der V4-Startseite extrahiert (Julian, 19.08.2026: Header & Footer
   überall identisch). */
.footer-big { background: #0d0d0d; padding: 72px 48px 0; }
.footer-big-inner { max-width: 1200px; margin: 0 auto; }
.footer-big-logo { display: flex; justify-content: center; margin-bottom: 64px; }
.footer-big-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding-bottom: 48px; }
.footer-col-head { font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -0.01em; margin-bottom: 22px; }
.footer-col-links { display: flex; flex-direction: column; gap: 15px; }
.footer-col-links a { font-size: 13.5px; color: rgba(255,255,255,0.55); text-decoration: none; transition: color 0.15s; }
.footer-col-links a:hover { color: #fff; }
.footer-social-row { display: flex; align-items: center; gap: 10px; }
.footer-social-row svg { flex-shrink: 0; color: rgba(255,255,255,0.9); }
.footer-big-bottom {
  border-top: 1px solid rgba(255,255,255,0.1); padding: 24px 0;
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;
}
.footer-copy { font-size: 12px; color: rgba(255,255,255,0.35); font-family: 'DM Sans', sans-serif; }
/* flex-wrap: die fünf Pflicht-Links liefen unter 400px als eine Zeile aus dem
   Fenster — jede Seite scrollte dadurch horizontal (Deep Dive, 03.09.2026). */
.footer-links { display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: baseline; }
/* Der Cookie-Widerruf ist ein <button> (er öffnet einen Dialog, er führt nicht
   auf eine Seite) und muss in dieser Reihe trotzdem wie ein Link aussehen —
   inklusive der 44-px-Klickfläche unten. Deshalb tragen alle Regeln hier beide
   Selektoren (16.09.2026). */
.footer-links a,
.footer-links button { font-size: 12.5px; color: rgba(255,255,255,0.45); text-decoration: none;
  font-family: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.footer-links a:hover,
.footer-links button:hover { color: #fff; }
@media (max-width: 900px) {
  .footer-big-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 24px; }
}
/* Auf dem Handy sind Footer-Links die einzige Navigation zu Impressum, AGB & Co.
   Sie waren 21,6 px hoch (Hälfte der 44-px-Schwelle) und trafen sich schwer.
   Die Klickfläche wächst über padding, der Zeilenabstand wird um denselben
   Betrag zurückgenommen — optisch bleibt der Footer, wie er war
   (gemessen 10.09.2026: 17 Links à 21,6 px, Raster 36,6 px). */
@media (max-width: 900px) and (hover: none) {
  .footer-col-links { gap: 0; }
  .footer-col-links a { display: block; padding: 14px 0; }
  .footer-links { gap: 0 24px; }
  .footer-links a,
  .footer-links button { display: block; padding: 14px 0; text-align: left; }
}
@media (max-width: 640px) {
  .footer-big { padding: 56px 24px 0; }
  .footer-big-logo { margin-bottom: 44px; }
  .footer-big-bottom { flex-direction: column; align-items: flex-start; gap: 14px; }
}

/* ── Sprachumschalter im Footer (25.09.2026) ──────────────────────────────
   Er stand bis dahin in der Icon-Reihe des Menüs; oben ist jetzt Platz fürs
   Konto (Julian). Dasselbe Bauteil (partials/nav-sprache), nur auf dunklem
   Grund und mit einem Menü, das nach oben aufklappt. */
.footer-sprache { display: flex; align-items: center; }
.footer-sprache .nav-lang-btn { color: rgba(245, 245, 243, 0.75); }
.footer-sprache .nav-lang-btn:hover { color: #f5f5f3; }
.footer-sprache .nav-lang-menu { top: auto; bottom: 40px; right: auto; left: 0; }
@media (max-width: 820px) { .footer-sprache .nav-lang-menu { left: 0; right: auto; } }