/* Footer, gemeinsam für alle Seiten von wanderwegewarte.de (Duke DI20OKT26; vorher hatte jede Seite eigenes CSS).
   Breit: Marke und Seitenlinks links, Instagram und Facebook mit dem Copyright rechts.
   Schmaler: alles untereinander und mittig, das Copyright zuletzt.
   Marke so groß wie in der Kopfleiste am Rechner: App-Icon 48 px, Schrift 21 px. */
.fuss{ display:flex; align-items:center; gap:32px; padding:32px var(--rand); font-size:15px; line-height:24px;
  background:var(--gruen); color:var(--seite); }
.fuss .marke{ display:flex; align-items:center; gap:16px; margin-left:-6px; font-size:21px; font-weight:800;
  letter-spacing:-0.015em; line-height:24px; text-decoration:none; color:var(--seite); }
.fuss .marke img{ display:block; width:48px; height:48px; border-radius:12px; box-shadow:0 2px 10px rgba(10,26,18,0.55); }
.fuss nav{ display:flex; gap:24px; }
/* Tippflächen 48 px in jeder Breite, auch am Tablet quer */
.fuss nav a, .fuss nav span{ display:inline-flex; align-items:center; min-height:48px; }
.fuss a:focus-visible{ outline:3px solid var(--accent); outline-offset:4px; border-radius:4px; }
.fuss .seiten-fuss a{ color:inherit; text-decoration-thickness:1px; text-underline-offset:4px; }
.fuss .seiten-fuss [aria-current="page"]{ font-weight:700; color:var(--seite); }
/* Instagram und Facebook von Wanderwegewarte.de (Duke SA03OKT26) stehen rechts vor dem Copyright */
.fuss .folgen-fuss{ margin-left:auto; }
.fuss .folgen-fuss a{ display:inline-flex; align-items:center; gap:8px; color:var(--seite); font-weight:700; text-decoration:none; }
.fuss .folgen-fuss a:hover span{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.fuss .folgen-fuss svg{ display:block; color:var(--seite); }

/* Untereinander, bis die Zeile ohne Umbruch passt (gemessen DI20OKT26) */
@media (max-width:1299px){
  /* Abstände einzeln gesetzt: Die Gruppen haben unterschiedlich viel Leerraum in ihrer 48 px hohen
     Tippfläche, mit einer gemeinsamen Lücke wirkten sie ungleich (UI Designer DI20OKT26 gemessen). */
  .fuss{ flex-direction:column; gap:0; padding:48px var(--rand); text-align:center; }
  .fuss .marke{ min-height:48px; margin-left:0; }
  .fuss .folgen-fuss{ order:1; margin:32px 0 0 0; }
  .fuss .seiten-fuss{ order:2; margin-top:16px; flex-wrap:wrap; justify-content:center; row-gap:0; }
  .fuss .urheber{ order:3; margin-top:24px; }
}
/* Mobiltelefon: Die drei Seitenlinks passen nicht in eine Zeile. „WaWeWa-App einrichten“ steht deshalb
   allein oben, Datenschutz und Impressum nebeneinander darunter, statt Impressum allein in der dritten Zeile. */
@media (max-width:479px){
  .fuss .seiten-fuss > :first-child{ flex-basis:100%; justify-content:center; }
}
/* Sehr schmale Mobiltelefone: wie in der Kopfleiste 18 px, sonst ragt die Marke bei 320 px in den Seitenrand */
@media (max-width:359px){
  .fuss .marke{ font-size:18px; gap:8px; }
}