/* Marken-Fuss fuer den WordPress-Bereich - in beiden Farbschemata.
   ---------------------------------------------------------------------------
   ⚠️ HIER STAND BIS ZUM 30.08.2026 AUCH EIN EIGENER KOPF. Der Betreiber hat ihn
   abgelehnt ("sieht bescheiden und nach Astra Theme aus"); die Rechtstext-Seiten
   tragen jetzt den blauen Werkzeug-Kopf aus app.css. Was hier bleibt, ist der
   Fuss - er gilt site-weit und hat mit dem Kopf nichts zu tun.
   ---------------------------------------------------------------------------
   ⚠️ EIGENE TOKENS, KEINE THEME-TOKENS. Astra faerbt Ueberschriften ueber
   --ast-global-color-2 (#1e293b) - ein Wert, der fuer HELLEN Grund gedacht ist.
   Wer im Dunkelmodus nur den Grund umschaltet, bekommt dunkelblau auf dunkel:
   genau der Befund vom 30.08.2026, zwoelf Kontraststellen auf der AGB-Seite.
   Diese Datei setzt deshalb jede Farbe, die sie braucht, selbst.

   ⚠️ DREI SELEKTOR-SAETZE, KEINE ZWEI. Systemdunkel (ohne data-theme),
   manuell dunkel und manuell hell - dieselbe Aufteilung wie in theme.css.
   Ein Satz weniger heisst: der Schalter wirkt in einer Richtung nicht. */

.fk-fuss {
  --fkr-grund: #FFFFFF;
  --fkr-text: #14181F;
  --fkr-weich: #4A525E;
  --fkr-linie: #D3DAE2;
  --fkr-blau: #0B4DA2;
  --fkr-gelb: #F7B500;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .fk-fuss {
    --fkr-grund: #171C23;
    --fkr-text: #EEF1F4;
    --fkr-weich: #AAB4C0;
    --fkr-linie: #2A313B;
    --fkr-blau: #7FB0E6;
  }
}
:root[data-theme="dark"] .fk-fuss {
  --fkr-grund: #171C23;
  --fkr-text: #EEF1F4;
  --fkr-weich: #AAB4C0;
  --fkr-linie: #2A313B;
  --fkr-blau: #7FB0E6;
}

/* ---------- Fuss (site-weit) ---------------------------------------------- */
.fk-fuss {
  background: var(--fkr-grund);
  border-top: 3px solid var(--fkr-gelb);
  color: var(--fkr-weich);
  font-size: .9rem;
}
.fk-fuss-innen {
  max-width: 1120px;
  margin: 0 auto;
  padding: 40px 24px 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 48px;
  align-items: start;
}
@media (max-width: 760px) {
  .fk-fuss-innen { grid-template-columns: 1fr; gap: 22px; padding: 32px 16px 28px; }
}
.fk-fuss-marke {
  margin: 0 0 6px;
  font-family: "Oswald", "Arial Narrow", system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fkr-text);
}
.fk-fuss-kontakt { margin: 8px 0 0; }
.fk-fuss-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 22px;
  justify-content: flex-end;
}
@media (max-width: 760px) { .fk-fuss-nav { justify-content: flex-start; } }

/* Auch hier 44px Zielhoehe - im Fuss stehen die Pflichtangaben, und sie werden
   ueberdurchschnittlich oft auf dem Telefon aufgerufen. */
.fk-fuss a,
.fk-fuss-kontakt a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--fkr-weich);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .16s ease, border-color .16s ease;
}
.fk-fuss a:hover { color: var(--fkr-blau); border-bottom-color: var(--fkr-gelb); }
.fk-fuss a:focus-visible { outline: 2px solid var(--fkr-blau); outline-offset: 3px; border-radius: 2px; }
.fk-fuss-copyright {
  grid-column: 1 / -1;
  margin: 22px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--fkr-linie);
  color: var(--fkr-weich);
}

/* Der Kuendigungsknopf steht zwischen den anderen Verweisen und soll aussehen
   wie sie - nur nicht umbrechen (Paragraf 312k: er muss als EIN Bedienelement
   erkennbar sein). */
.fk-fuss .fk-kuendigung-fusslink { white-space: nowrap; }