/* ===========================================================
   DAS WERK - Startseite AdenAI, Entwurf E2 (Aurora)
   Die Fusszeile: aussen die Linie ueber die volle Breite, innen die Achse.

   **Am 2026-08-29 aus startseite-doku.css herausgeschnitten** (Fahrplan 568).
   Jene Datei stand auf 399 von 400 Zeilen, und vorher war der Weg unter die
   Grenze, die eigene Begruendung zu kuerzen. **Die Begruendung ist wertvoller
   als die Zeilenzahl** - hier ist stattdessen geschnitten worden, entlang der
   Themen: der lesbare Teil (Baender, Karten, Preise, Fragen) bleibt dort, die
   Fusszeile bekommt eine eigene Datei, das Beiwerk eine dritte
   (startseite-kleinteile.css). Kein Kommentar ist dabei kuerzer geworden; der
   lange Block ueber die Ebene von `#fuss` steht unveraendert unten.

   **Die Reihenfolge der <link>-Zeilen in landing.html ist die Kaskade**, und
   sie ist nicht verhandelbar: grund, schwelle, flug, doku, fuss, kleinteile,
   faelle. Nachgemessen beim Schneiden: der Regelstrom der drei Teile
   hintereinander ist Zeichen fuer Zeichen derselbe wie der der alten
   Einzeldatei.
   =========================================================== */

/* Die Fusszeile: aussen die Linie ueber die volle Breite, innen die Achse.
   Genau der Aufbau der Fusszeile in base_public.html.

   **Hier lag mehr als eine falsche Zahl.** Bis zum 2026-08-28 stand
   `max-width: 1120px; margin: 0 auto` am `#fuss` selbst - und `#fuss` ist ein
   Flex-Element von `<body class="min-h-screen flex flex-col">`. In der
   Querachse schlagen automatische Raender das `stretch`: das Element ist dann
   nicht 1120 breit, sondern **so breit wie sein Inhalt**. Im Browser
   gemessen, bei 1894 Pixeln Innenbreite: 764 Pixel, mittig. Die 1120 haben
   nie etwas getan, und `justify-content: space-between` genauso wenig - es
   verteilte drei Kaesten in einem Kasten, der sich um sie herum
   zusammengezogen hatte. Auf /doku/ steht dieselbe Zeile ueber 1420 Pixel.

   Deshalb traegt der Kasten darin die Breite (`_fuss.html`), und `#fuss`
   selbst nur noch Linie, Farbe - und seine Ebene.

   **Die Ebene ist hier kein Geschmack.** Bis zum 2026-08-28 war die Fusszeile
   unsichtbar, obwohl sie im Baum stand - Adrian hielt sie fuer vergessen.
   Ohne `position` ist `#fuss` nicht positioniert; `#welt` daneben ist
   `fixed; inset: 0; z-index: 0` mit deckendem Verlauf, und positionierte
   Nachfahren mit z-index 0 werden NACH allen nicht positionierten Bloecken
   gemalt. Die Welt lag also ueber der Fusszeile, bei jedem Bildlaufstand, und
   weil ihr `pointer-events: none` fehlt, war die Zeile auch nicht anklickbar.
   `z-index: 10` ist dieselbe Ebene wie `#doku`: ueber Welt (0) und Schleier
   (1), unter der Kopfzeile (40). Hergang, Messwerte, Gegenprobe:
   `test_startseite_fuss.py`. */
#fuss {
  position: relative;
  z-index: 10;
  border-top: 1px solid var(--linie-kalt);
  font-size: 14px;
  color: var(--dimm-leise);
}
.fuss-innen {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  align-items: center;
  justify-content: space-between;
  /* Nur oben und unten - links und rechts kommen aus `px-4 sm:px-6`. */
  padding-block: 40px 56px;
}
.fuss-wege {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 20px;
}
#fuss a {
  color: var(--dimm);
  text-decoration: none;
  /* Der Entwurf hatte hier den einen Verweis der Seite mit 19 Pixeln
     Trefferhoehe. Diese Zeile ist die Antwort darauf, und sie gilt fuer alle
     vier Rechts- und Doku-Verweise zugleich. */
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}
#fuss a:hover { color: var(--weiss); }
.fuss-jahr { white-space: nowrap; }