/* ==========================================================================
   Aufbau und Texte dieser Fusszeile stammen aus Carolin Wicherns Entwurf
   "Prompt trifft Community", die Rechte daran liegen bei ihr. Gesetzt sind sie
   hier in den Farben von Volkers Entwurf; diese Umsetzung und der Quelltext
   dieser Datei: (c) 2026 Volker Haigis. happyharry.art/impressum
   ========================================================================== */
/* =============================================================================
   Der grosse Fuss: Carolins komplette Fusszeile, in Volkers Sprache gesetzt.

   Uebernommen ist ihr ganzer Baum, Spalte fuer Spalte, Wort fuer Wort, dazu die
   Schlusszeile mit Impressum, Datenschutz und Barrierefreiheit. Bisher stand auf
   keiner dieser Seiten ein Pflichthinweis, jetzt steht er auf allen.

   Er haengt unter der Buehne, also unterhalb dessen, was beim Aufschlagen zu
   sehen ist. Die Wand darueber ist fixiert, deshalb bringt der Fuss seinen
   eigenen dunklen Grund mit: ohne den wuerde der Beton durch die Schrift
   scheinen. Die Kaimauer liegt ebenfalls fest am Fensterboden, darum steht der
   Fuss auf einer eigenen Ebene darueber.

   Die Datei liegt bewusst neben den Seiten und nicht in jeder einzeln: wer den
   Baum aendert, aendert das Aussehen an einer Stelle. Das Geruest selbst steht
   in jeder Seite, weil es hier keinen Baukasten gibt, der es einsetzen koennte.
   ========================================================================== */

.pauli-fuss{
  --f-ink:#12100D;          /* noch etwas tiefer als die Tinte der Wand */
  --f-kreide:#F7F2E9;
  --f-leise:rgba(247,242,233,.62);
  --f-linie:rgba(247,242,233,.16);
  --f-pink:#F0588F;
  --f-gelb:#FFD166;

  position:relative; z-index:2;
  background:var(--f-ink);
  color:var(--f-kreide);
  font-family:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;
  border-top:3px solid rgba(247,242,233,.9);
  padding:clamp(28px,4vw,52px) clamp(16px,4vw,48px) clamp(22px,3vw,36px);
}

.pauli-fuss__innen{ max-width:1180px; margin:0 auto; }

.pauli-fuss__baum{
  display:grid; gap:clamp(18px,2.4vw,32px);
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
}

/* Die Spaltentitel laufen im Marker, wie die Parolen an der Wand. Sie sind die
   einzige Stelle im Fuss, die laut sein darf. */
.pauli-fuss h4{
  margin:0 0 10px; font-family:"Permanent Marker",cursive; font-weight:400;
  font-size:19px; letter-spacing:.01em; color:var(--f-gelb);
  text-shadow:1px 1px 0 rgba(0,0,0,.55);
}

.pauli-fuss ul{ list-style:none; margin:0; padding:0; display:grid; gap:7px; }
.pauli-fuss li{ line-height:1.35; }

.pauli-fuss a{
  color:var(--f-kreide); text-decoration:none; font-size:14.5px;
  opacity:.86; transition:opacity .15s ease, color .15s ease;
}
.pauli-fuss a:hover,
.pauli-fuss a:focus-visible{ opacity:1; color:var(--f-pink); }

/* Schlusszeile: Anschrift links, die Pflichtlinks rechts. Auf schmalen Schirmen
   untereinander, sonst quetscht sich die Adresse in drei Zeilen. */
.pauli-fuss__schluss{
  display:flex; flex-wrap:wrap; gap:10px clamp(14px,2vw,28px);
  align-items:baseline; justify-content:space-between;
  margin-top:clamp(22px,3vw,34px); padding-top:16px;
  border-top:1px solid var(--f-linie);
  font-size:13.5px; color:var(--f-leise);
}
.pauli-fuss__schluss a{ font-size:13.5px; }
.pauli-fuss__schluss b{ color:var(--f-kreide); font-weight:600; }

@media (max-width:520px){
  .pauli-fuss__baum{ grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
  .pauli-fuss h4{ font-size:17px; }
  .pauli-fuss__schluss{ flex-direction:column; align-items:flex-start; }
}