/* ============================================================
   DER FUSS - auf allen Seiten derselbe (25.08.2026)

   Bis hierher stand der grosse Fuss inline in `index.html` und die
   Unterseiten trugen `.rt-fuss`: eine Zeile mit zehn Links. Der
   grosse Fuss gehoert auf jede Seite, und damit gehoert sein CSS in
   eine gemeinsame Datei statt in eine zweite Kopie, die driftet.

   Das Markup steht weiter in jeder Seite - Vorlagen gibt es in
   diesem Baum nicht. Pro Seite zu setzen ist genau dreierlei: das
   Ziel des Anfrage-Knopfs (`/kontakt.html`, auf der Kontakt- und der
   Startseite `#anfrage`), das `aria-current` auf der eigenen Seite
   und die Aufblende-Klasse `rv` dort, wo seite.js laeuft.

   Vorausgesetzt wird nur die Palette aus rechtstext.css. Alles, was
   nur die Startseite oder nur kopf.css kennt, steht als
   `var(..., Rueckfall)` da:

     --line-dark     -> --line-dunkel   (gleicher Wert, anderer Name)
     --font-archivo  -> 'Archivo Black'
     --gold-flaeche  -> --gold          (Impressum und Datenschutz
     --gold-mischung -> normal           laden kopf.css nicht)
     --spur-rand     -> 4vw             (die Startseite hat keine Spur)
   ============================================================ */

/* Der Fuss: das Zeitband 1857 -> 2027, darunter der regulaere Fuss.
   Loest den dreispaltigen Adressblock ab. Die Achse haengt am
   bestehenden [data-reveal]-Mechanismus: erst wenn sie im Bild ist,
   fahren die Strecken aus. */
footer {
  --fuss-marke-y: 34px;
  /* `--spur-rand` ist die Rechnung aus rechtstext.css, mit der `.wrap`
     auf den Unterseiten seine Kante findet: bis 1240px der blosse
     Rand, darueber die halbe Differenz dazu. Die Startseite kennt das
     Mass nicht und faellt auf ihre 4vw zurueck — dieselbe Zahl, die
     hier vorher fest stand. So steht der Fuss auf jeder Seite auf
     derselben senkrechten Kante wie der Text darueber. */
  padding: 82px var(--spur-rand, 4vw) 22px;
  /* Schriftgroesse und Zeilenhoehe kaemen sonst vom `body` der
     jeweiligen Seite — 16/1.55 auf der Startseite, 17/1.7 unter
     seite.css, 16/1.75 unter rechtstext.css. Der Fuss soll ueberall
     gleich hoch stehen, also setzt er beides selbst. */
  font-size: 16px;
  line-height: 1.55;
  background:
    linear-gradient(180deg, rgba(201, 162, 75, 0.07), rgba(201, 162, 75, 0) 320px),
    var(--anthracite);
  color: var(--cream);
}
/* Impressum und Datenschutz haben keine Spur: ihr Text steht in einer
   eigenen, schmaleren Mitte (`.rt-inhalt`, 680px), und ihr Kopf sitzt
   am blossen Rand. Dort richtet sich der Fuss nach dem Kopf statt nach
   einer Spur, die es auf diesen beiden Seiten nicht gibt — so, wie es
   der abgeloeste `.rt-fuss` getan hat. Geschwisterselektor statt
   `:has()`: Kopf und Fuss sind beide Kinder von `body`. */
.rt-kopf ~ footer {
  padding-left: var(--rand);
  padding-right: var(--rand);
}
/* Die Startseite setzt `a { color: inherit; text-decoration: none }`
   global, rechtstext.css nur `color: inherit` — dort waeren alle
   Fusslinks unterstrichen. Der Fuss bringt die Regel deshalb mit. */
footer a {
  color: inherit;
  text-decoration: none;
}
/* Die Wortmarke im Fuss traegt eigene Masse, weil jede Seite ihre
   eigene `.wordmark` hat: die Startseite eine helle auf Anthrazit,
   rechtstext.css eine fuer den Kopf der Rechtsseiten, kopf.css eine
   dritte in `.nav-kopf`. Fest gesetzt statt geerbt — sonst sieht die
   Marke auf jeder Seite anders aus. Die Werte sind die der
   Startseite. */
.fuss-oben .wordmark {
  position: relative;
  display: inline-grid;
  grid-template-columns: auto 28px;
  grid-template-rows: auto;
  align-content: start;
  align-items: center;
  width: max-content;
  color: var(--cream);
  line-height: 0.85;
  text-decoration: none;
}
.fuss-oben .wordmark > span {
  font-family: var(--font-archivo, 'Archivo Black'), "Arial Black", sans-serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.085em;
}
/* Dasselbe Goldrezept, das `#gold-einheitlich` auf der Startseite
   allen Goldflaechen gibt. Impressum und Datenschutz laden kopf.css
   nicht und kennen es nicht — dort bleibt der flache Grundton. */
.fuss-oben .wordmark b {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  margin-left: 7px;
  background: var(--gold-flaeche, var(--gold));
  background-blend-mode: var(--gold-mischung, normal);
  color: var(--anthracite);
  font-size: 14px;
  font-weight: 800;
}
.fuss-oben {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
  padding-bottom: 46px;
}
.fuss-claim {
  margin: 0;
  max-width: 40ch;
  font-size: clamp(15px, 1.7vw, 19px);
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.fuss-claim span {
  color: #8d897f;
}
.fuss-achse {
  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr) minmax(70px, 0.95fr)
    minmax(0, 1.05fr) minmax(56px, 0.6fr)
    minmax(0, 1.05fr);
  gap: 0 clamp(14px, 2.2vw, 30px);
  align-items: start;
  padding-bottom: 64px;
}
.fuss-station {
  position: relative;
  padding-top: var(--fuss-marke-y);
}
/* Die Marke ist ein Quadrat, kein Punkt — dieselbe Form wie die 39
   in der Wortmarke. */
.fuss-marke {
  position: absolute;
  top: calc(var(--fuss-marke-y) - 6px);
  left: 0;
  width: 13px;
  height: 13px;
}
.fuss-station--war .fuss-marke {
  border: 1px solid rgba(236, 230, 218, 0.42);
}
.fuss-station--jetzt .fuss-marke {
  background: var(--gold);
  box-shadow: 0 0 22px rgba(240, 208, 137, 0.5);
}
.fuss-station--kommt .fuss-marke {
  border: 1px dashed var(--gold-deep);
}
.fuss-hier {
  position: absolute;
  top: 0;
  left: -2px;
  padding: 4px 9px;
  background: var(--gold);
  color: var(--anthracite);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}
.fuss-station > b {
  display: block;
  margin-top: 20px;
  font-family: var(--font-archivo, 'Archivo Black'), "Arial Black", sans-serif;
  font-size: clamp(34px, 4.4vw, 60px);
  font-weight: 400;
  letter-spacing: -0.055em;
  line-height: 0.86;
}
/* Praefix klein darueber, damit jede Station genau eine grosse Zahl
   traegt und alle Grundlinien fluchten. */
.fuss-station > b em {
  display: block;
  margin-bottom: 9px;
  color: var(--gold);
  font-family: var(--font-manrope), Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.fuss-rolle {
  display: block;
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid var(--line-dark, var(--line-dunkel));
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.fuss-station p {
  margin: 8px 0 0;
  max-width: 26ch;
  color: #8d897f;
  font-size: 12.5px;
  line-height: 1.6;
}
/* Feste Hoehe auf Markenhoehe haelt das Segment in der Achse. Die
   Beschriftung ist hoeher als diese 13px und ragt mittig darueber
   und darunter hinaus — das verschiebt nichts, weil die Zeilenhoehe
   der Achse ohnehin von den Stationen bestimmt wird. */
.fuss-strecke {
  display: flex;
  align-items: center;
  gap: clamp(10px, 1.4vw, 18px);
  height: 13px;
  margin-top: calc(var(--fuss-marke-y) - 6px);
}
.fuss-strecke u {
  flex: 1;
  height: 1px;
  text-decoration: none;
  background: linear-gradient(90deg, var(--gold-deep), var(--gold));
  transform-origin: left center;
  transform: scaleX(1);
  transition: transform 1200ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
/* Ausgefahren ist der Grundzustand, eingefahren die Ausnahme: nur wo
   eine Aufblende-Mechanik laeuft, faengt die Strecke bei null an. Die
   Startseite fuehrt sie ueber `[data-reveal]` + `.is-visible`, die
   Unterseiten mit seite.js ueber `.rv` + `.in`. Impressum,
   Datenschutz und Geschichte haben keine — dort stuende die Achse
   sonst fuer immer bei scaleX(0), also leer. */
.fuss-achse[data-reveal] .fuss-strecke u,
.fuss-achse.rv .fuss-strecke u {
  transform: scaleX(0);
}
.fuss-achse.is-visible .fuss-strecke u,
.fuss-achse.rv.in .fuss-strecke u {
  transform: scaleX(1);
}
/* Die 169 Jahre sind die Pointe der ganzen Achse — und standen bis
   hierher als kleinste Schrift der Seite da, in einem Grau, das den
   Kontrastwert fuer Fliesstext verfehlte. Jetzt tragen sie die Zahl
   gross und die Einheit klein darunter, damit die Spanne zwischen
   Bestand und Bezug so laut ist wie die Jahreszahlen selbst. */
.fuss-strecke small {
  display: grid;
  justify-items: center;
  gap: 3px;
  line-height: 1;
  white-space: nowrap;
}
.fuss-strecke small b {
  color: var(--gold);
  font-family: var(--font-archivo, 'Archivo Black'), "Arial Black", sans-serif;
  font-size: clamp(19px, 2.3vw, 28px);
  font-weight: 400;
  letter-spacing: -0.04em;
}
.fuss-strecke small i {
  color: #9a958a;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
/* Die Strecke bis zum Bezug ist noch nicht gebaut — gestrichelt. */
.fuss-strecke--offen u {
  background-image: repeating-linear-gradient(
    90deg, var(--gold-deep) 0 5px, transparent 5px 11px);
  transition-delay: 260ms;
}
/* Instagram ist der einzige Kanal, auf dem die Sanierung laufend zu
   sehen ist. Deshalb ein eigenes Band ueber die volle Breite und nicht
   eine Zeile unter vielen im Raster. Es sitzt unter dem Zeitband, nicht
   daneben — sonst kaempfen die beiden um dieselbe Aufmerksamkeit. */
/* Kein Kasten und kein goldener Rahmen: als umrandete Flaeche mit
   grossem Gold-Handle schlug das Band die Jahreszahlen der Achse, und
   die Achse ist der Kern dieses Fusses. Es bleibt ueber die volle
   Breite anklickbar — nur eine Haarlinie darueber, die Linie des
   Spaltenrasters schliesst es unten ab. Gold traegt hier nur noch die
   Glyphe und der Pfeil. */
/* `footer .fuss-insta` statt `.fuss-insta`: das Band traegt
   `data-reveal` bzw. `rv`, und deren Aufblende-Regel hat dieselbe
   Spezifitaet. Solange der Fuss inline in der Startseite stand,
   entschied die Reihenfolge und diese Regel gewann. Aus einer
   verlinkten Datei stuende sie vor der Aufblende und verloere ihren
   Farbuebergang beim Ueberfahren — die eine Stelle mehr macht das
   unabhaengig von der Reihenfolge. */
footer .fuss-insta {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2.2vw, 26px);
  margin-top: clamp(40px, 5vw, 64px);
  margin-bottom: clamp(30px, 4vw, 50px);
  padding: clamp(17px, 2.2vw, 25px) 0;
  border-top: 1px solid var(--line-dark, var(--line-dunkel));
  color: var(--cream);
  transition: color 220ms ease, border-color 220ms ease;
}
.fuss-insta-glyphe {
  flex: none;
  width: clamp(25px, 2.8vw, 31px);
  height: clamp(25px, 2.8vw, 31px);
  color: var(--gold);
  transition: color 220ms ease;
}
.fuss-insta-glyphe svg {
  display: block;
  width: 100%;
  height: 100%;
}
.fuss-insta-text {
  flex: 1 1 auto;
  min-width: 0;
}
.fuss-insta b {
  display: block;
  font-family: var(--font-archivo, 'Archivo Black'), "Arial Black", sans-serif;
  font-size: clamp(19px, 2.2vw, 27px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.015em;
}
.fuss-insta small {
  display: block;
  margin-top: 6px;
  color: #9a958a;
  font-size: 13px;
  line-height: 1.6;
}
.fuss-insta-pfeil {
  flex: none;
  color: var(--gold);
  font-size: clamp(17px, 2vw, 22px);
  transition: transform 220ms ease, color 220ms ease;
}
.fuss-insta:hover {
  border-top-color: var(--gold-deep);
  color: var(--gold-light);
}
.fuss-insta:hover .fuss-insta-glyphe,
.fuss-insta:hover .fuss-insta-pfeil {
  color: var(--gold-light);
}
.fuss-insta:hover .fuss-insta-pfeil {
  transform: translate(3px, -3px);
}
/* Vier Spalten statt fuenf, seit dem 25.08.2026. Die Spalte
   „Das Haus“ — bis dahin „Seite“, was nichts sagte — war eine
   Sammlung geworden: neun Eintraege, darunter drei Sprungmarken
   derselben Seite, die der Knopf daneben ohnehin schon anbietet.
   Es bleiben die fuenf Unterseiten in der Reihenfolge der
   Kopfnavigation — dieselbe Ordnung an beiden Enden der Seite.
   „Rechtliches“ ist als Spalte aufgeloest und in die Schlusszeile
   gewandert; die Kontaktseite ist von dort in die Spalte „Kontakt“
   gerueckt, wo man sie sucht. Der Fuss wird dadurch eine Zeile
   niedriger statt hoeher. */
.fuss-raster {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr auto;
  gap: 36px clamp(20px, 3vw, 48px);
  padding-top: 40px;
  border-top: 1px solid var(--line-dark, var(--line-dunkel));
}
/* #7d7970 kam auf dem Anthrazit nur auf 4,0:1 und lag damit unter den
   4,5:1, die fuer Text dieser Groesse gefordert sind. #9a958a erreicht
   5,9:1 und bleibt optisch trotzdem zurueckhaltend. */
.fuss-spalte b {
  display: block;
  margin-bottom: 16px;
  color: #9a958a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.fuss-spalte p {
  margin: 0;
  color: var(--cream-soft);
  font-size: 13px;
  line-height: 1.7;
}
.fuss-spalte a {
  display: block;
  width: max-content;
  margin-bottom: 9px;
  font-size: 13px;
  border-bottom: 1px solid transparent;
  transition: border-color 180ms ease, color 180ms ease;
}
.fuss-spalte a:hover {
  color: var(--gold-light);
  border-bottom-color: var(--gold-light);
}
/* Die Seite, auf der man steht, ist markiert — dieselbe Auszeichnung,
   die der abgeloeste `.rt-fuss` hatte. Gold auf Anthrazit: 7,4:1. */
.fuss-spalte a[aria-current="page"],
.fuss-recht a[aria-current="page"] {
  color: var(--gold);
}
.fuss-status {
  display: inline-block;
  margin-top: 18px;
  padding: 6px 11px;
  border: 1px solid var(--gold-deep);
  color: var(--gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
/* Die letzte blanke Goldplatte der Seite. Der Kopf hat denselben
   Knopf schon abgelegt — dort steht dunkles Glas mit Goldkante, und
   das Gold laeuft erst bei Beruehrung hoch (Begruendung unten in
   `#gold-einheitlich`). Der Fuss trug bis zum 25.08.2026 weiter die
   Vollflaeche, dazu noch als einziges Element den blanken
   `--gold`-Ton statt des Flaechenrezepts: derselbe Handlungsaufruf,
   zweimal anders gebaut, und im Fuss der lauteste Fleck der Seite.
   Jetzt dasselbe Rezept mit zwei Abweichungen — kein
   `backdrop-filter`, weil hier kein Foto liegt, sondern Anthrazit,
   und der steigende Pfeil aus dem Markup bewegt sich wie am
   Instagram-Band darueber statt nach rechts wie im Kopf.

   Die Kante steht auf .62 statt auf den .5 des Kopfes: auf dem Foto
   traegt sie der helle Untergrund mit, auf Anthrazit kaeme sie damit
   nur auf 2,8:1 und verfehlte die 3:1 fuer Bedienelemente. .62
   ergibt 3,6:1 und bleibt trotzdem eine Haarlinie. */
.fuss-cta {
  position: relative;
  isolation: isolate;            /* eigener Stapelkontext fuer ::before */
  align-self: start;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 15px 22px;
  border: 1px solid rgba(201, 162, 75, 0.62);
  color: var(--cream);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 260ms ease, border-color 260ms ease;
}
/* Die Goldfuellung liegt unter der Schrift und wird vom clip-path
   gefuehrt: im Ruhezustand bleiben 2px Sockel stehen, beim Hover die
   ganze Flaeche. Anders als im Kopf ohne Shader-Canvas — die
   Farbschicht im Flaechenrezept traegt denselben Ton, und ein
   zwanzigstes Canvas fuer einen Knopf ganz unten waere Aufwand ohne
   Bild. */
.fuss-cta::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  clip-path: inset(calc(100% - 2px) 0 0 0);
  background: var(--gold-flaeche, var(--gold));
  background-blend-mode: var(--gold-mischung, normal);
  transition: clip-path 520ms cubic-bezier(0.16, 1, 0.3, 1);
  content: "";
}
.fuss-cta span {
  transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
.fuss-cta:hover,
.fuss-cta:focus-visible {
  color: var(--anthracite);
  border-color: rgba(201, 162, 75, 0.92);
}
.fuss-cta:hover::before,
.fuss-cta:focus-visible::before {
  clip-path: inset(0);
}
.fuss-cta:hover span,
.fuss-cta:focus-visible span {
  transform: translate(3px, -3px);
}
/* Die Schlusszeile traegt links das Kleingedruckte und rechts
   Impressum und Datenschutz. Beides ist Pflichtangabe, keines ist
   Angebot — die leiseste Zeile der Seite ist der richtige Ort dafuer.
   Der Bildnachweis, der bis zum 25.08.2026 rechts stand, steht
   vollstaendig im Impressum unter „Bildnachweise“; die Lizenzen
   verlangen die Angabe, nicht ihre Wiederholung auf jeder Seite. */
.fuss-leiste {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px 22px;
  flex-wrap: wrap;
  margin-top: 38px;
  padding-top: 16px;
  border-top: 1px solid var(--line-dark, var(--line-dunkel));
  color: #9a958a;
  font-size: 10.5px;
  line-height: 1.7;
}
/* Der Fuss traegt jetzt das groesste Klickziel der Seite. Ohne
   sichtbaren Fokusring waere es beim Tabben nicht auffindbar. */
footer a:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 3px;
}
.fuss-leiste p {
  margin: 0;
}
/* Unterstrichen war hier bis zum 25.08.2026 der Lizenzlink im
   Fließtext — der brauchte die Auszeichnung mitten im Satz. Die
   beiden Rechtslinks stehen frei und tragen sie erst beim
   Ueberfahren, sonst zoege die Schlusszeile mehr Blicke auf sich als
   die Spalten darueber. */
.fuss-recht {
  display: flex;
  gap: 20px;
}
.fuss-leiste a {
  border-bottom: 1px solid transparent;
  transition: color 180ms ease, border-color 180ms ease;
}
.fuss-leiste a:hover {
  color: var(--gold-light);
  border-bottom-color: var(--gold-light);
}

@media (max-width: 980px) {
  /* Die Zeitachse kippt auf schmalen Fenstern in die Senkrechte,
     statt die Stationen zu stauchen. Die Linie ist dann die linke
     Kante, gebaut/ungebaut bleibt unterschieden. */
  .fuss-achse {
    grid-template-columns: 1fr;
    gap: 0;
    padding-bottom: 48px;
  }
  .fuss-station {
    padding: 0 0 6px 30px;
    border-left: 1px solid rgba(236, 230, 218, 0.22);
  }
  .fuss-station > b {
    margin-top: 0;
  }
  .fuss-station p {
    max-width: 46ch;
  }
  .fuss-marke {
    top: 3px;
    left: -7px;
  }
  .fuss-hier {
    position: static;
    display: inline-block;
    margin-bottom: 14px;
  }
  /* Die Linie endet an der letzten Station — weiter ist noch nichts. */
  .fuss-station--kommt {
    border-left-color: transparent;
  }
  .fuss-strecke {
    display: block;
    height: auto;
    margin: 0;
    padding: 16px 0 16px 30px;
    border-left: 1px solid rgba(236, 230, 218, 0.22);
  }
  .fuss-strecke u {
    display: none;
  }
  /* Senkrecht steht die Beschriftung allein an der Linie und wird
     deshalb linksbuendig gesetzt, nicht mittig wie zwischen den
     beiden Streckenhaelften im breiten Zustand. */
  .fuss-strecke small {
    justify-items: start;
  }
  .fuss-strecke--offen {
    padding: 26px 0;
    border-left-style: dashed;
    border-left-color: var(--gold-deep);
  }
  .fuss-raster {
    grid-template-columns: 1fr 1fr;
  }
  /* Zweispaltig ergeben die drei Spalten plus Knopf zwei volle Zeilen:
     Adresse und Seite oben, Kontakt und Knopf darunter. Der Knopf
     spannte hier bis zum 25.08.2026 ueber beide Spalten und schob sich
     eine dritte Zeile frei — mit einer Spalte weniger passt er neben
     den Kontakt und fuellt das Loch, das sonst rechts stehen bliebe. */
  .fuss-cta {
    justify-self: start;
    align-self: start;
  }
}

@media (max-width: 700px) {
  footer {
    padding: 62px 20px 20px;
  }
  /* `footer` davor aus demselben Grund wie oben: die Grundregel hat
     ihn, sonst schlaegt sie diese hier. */
  footer .fuss-insta {
    gap: 14px;
    padding: 18px 16px;
  }
  .fuss-insta small {
    margin-top: 5px;
    font-size: 12px;
  }
  .fuss-raster {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  /* Gestapelte Links mit 20px Hoehe und 9px Abstand: das Polster macht
     daraus ein 44px-Ziel, ohne das Schriftbild zu aendern,
     `width: max-content` haelt die Flaeche weiter textbreit. Seit dem
     25.08.2026 sind es fuenf statt neun — die drei Sprungmarken und
     Impressum/Datenschutz stehen nicht mehr in der Liste. */
  .fuss-spalte a {
    margin-bottom: 0;
    padding: 12px 0;
  }
  /* Die Kopfnavigation ist unter 980px im Menueblatt verstaut, das die
     beiden Rechtsseiten nicht fuehrt — am Telefon ist die
     Schlusszeile der einzige Weg dorthin. Sie sitzt darum links unter
     dem Kleingedruckten und nicht rechts daneben, und ihre Links
     bekommen dasselbe 44px-Polster wie die Spalten darueber. */
  .fuss-leiste {
    margin-top: 30px;
    gap: 0;
  }
  .fuss-recht {
    gap: 24px;
  }
  .fuss-recht a {
    padding: 13px 0;
  }
  /* Die Wortmarke geht am Telefon eine Stufe herunter - die
     Startseite tut das ueber ihre allgemeine `.wordmark`-Regel, hier
     muss es die Fuss-Fassung selbst tun. */
  .fuss-oben .wordmark > span {
    font-size: 20px;
  }
  .fuss-oben .wordmark b {
    width: 23px;
    height: 23px;
    font-size: 12px;
  }
}