/*
  sv-fuss.css - der Fussbereich der Website, EINMAL (seit 20.09.2026)

  Anlass (Norman, 20.09.2026): "der footer fehlt dort auch! warum baust du einen neuen?" - beim
  Wartungsprotokoll hatte ich wieder eine eigene Fassung gebaut, statt die vorhandene zu nehmen.
  Die Messung danach ergab ACHT verschiedene Fussbereiche auf acht statischen Seiten, keiner davon
  wie der echte aus SvFooter (landing.jsx). Vier hatten kein AGB, fuenf kein Impressum-Umfeld mit
  Partnerprogramm und Kontakt, meiner hatte weder AGB noch Kontakt noch Re-Download.

  Die Klassen tragen alle das Praefix svf-, damit sie mit dem gewachsenen CSS der einzelnen Seiten
  nicht kollidieren. Geschrieben wird der Fuss von scripts/sync-footer.mjs, geprueft vom Gate
  footer-sync. Wer hier etwas aendert, aendert es fuer alle Seiten auf einmal - das ist der Zweck.

  Die Farben sind die von SvFooter: dunkler Block (ink) mit Papierschrift, auch unter hellen Seiten.
*/
.svf{
  /* display und border ausdruecklich setzen (24.09.2026). Sie standen hier nicht, und
     `sv-doc.css` hatte eine ELEMENT-Regel `footer{display:flex; border-top:…}`. Eine
     Klasse schlaegt ein Element nur bei den Eigenschaften, die sie selbst nennt - beim
     Rest gewann die Seite. Folge auf /changelog und /update: die drei Fuss-Zeilen lagen
     nebeneinander statt untereinander. Die Regel dort ist entfernt; diese beiden Zeilen
     sorgen dafuer, dass es die naechste Seite mit eigenem footer-Stil nicht wiederholt. */
  display:block;
  border:0;
  background:#0E1A1F;
  color:rgba(244,239,228,.7);
  padding:60px 72px 40px;
  font-family:"Inter Tight","Inter",system-ui,sans-serif;
  font-size:13px;
  line-height:1.5;
}
.svf a{color:inherit;text-decoration:none;cursor:pointer}
.svf a:hover{color:#F4EFE4;text-decoration:underline;text-underline-offset:3px}
.svf :focus-visible{outline:2px solid #C4A567;outline-offset:3px;border-radius:2px}

.svf-oben{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.svf-marke{font-family:"Libre Franklin","Helvetica Neue",Arial,sans-serif;font-size:26px;color:#F4EFE4;letter-spacing:-.4px}
.svf-sub{margin-top:6px;font-family:"Roboto Mono",ui-monospace,monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#C4A567;white-space:nowrap}
.svf-links{display:flex;gap:32px;font-size:12px;flex-wrap:wrap}

.svf-trenner{height:1px;background:rgba(196,165,103,.2);margin:24px 0 18px}

.svf-unten{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:11px;font-family:"Roboto Mono",ui-monospace,monospace;letter-spacing:1px;line-height:1.4}
.svf-unten .svf-leise{opacity:.55}
.svf-unten a{color:#C4A567}

/* Umbruch bei 900 statt 720 (24.09.2026). Dazwischen lag ein Band von 180 px Breite,
   in dem der Fuss zwar noch die Zeilen-Fassung benutzte, aber nicht mehr hineinpasste:
   Die fuenf Links brachen auf zwei Zeilen, "Kontakt" stand allein darunter, und
   "SINGLE VERSION · BAD VILBEL · 2026" brach mit. Gemessen kippte es bei 900 px
   (mit den alten 48 px Abstand). Jetzt 32 px Abstand - damit traegt die Zeile bis 900 -
   und ab da die gestapelte Fassung, die es ohnehin schon gab. Die Marken-Unterzeile
   bricht nicht mehr um. Dieselben Werte stehen in SvFooter (landing.jsx). */
@media(max-width:899px){
  .svf{padding:44px 22px 28px}
  .svf-oben{flex-direction:column;align-items:flex-start;gap:24px}
  .svf-marke{font-size:22px}
  .svf-links{gap:12px 24px}
  .svf-unten{flex-direction:column;align-items:flex-start;gap:8px}
}

/* Im Druck hat der Fuss nichts verloren - das gilt fuer jede Seite, die ihn traegt. */
@media print{ .svf{display:none !important} }