/* Gemeinsame Fußzeile aller öffentlichen Seiten (Thomas 2026-10-15). Wird nach dem Stil der Seite geladen und gilt mit höherer
   Genauigkeit (footer.fuss[data-fuss]) als deren eigene .fuss-Regeln. Aufbau liefert assets/fuss.js; ohne JavaScript steht der
   statische Inhalt der Seite (Hinweis, Rechtslinks, Spenden-Knopf, ©) als ruhige Zeile im selben Band.
   Farben: eigenes Navy-Band in Hell und Dunkel (wie die Kopfzeile), dunkel etwas tiefer mit feiner Oberkante; --fu-* lassen sich je Seite überschreiben.
   Touch-Ziele: Links mindestens 28 px hoch, am Handy bzw. bei grobem Zeiger 44 px. */
:root{--fu-bg:#070f30;--fu-tx:#aab4dc;--fu-leise:#8f9bc8;--fu-link:#dfe5ff;--fu-hell:#fff;--fu-linie:rgba(255,255,255,.12);--fu-hover:rgba(255,255,255,.08);--fu-volt:#c4ff1a;--fu-rand:transparent}
:root[data-theme="dark"]{--fu-bg:#0a1129;--fu-rand:rgba(125,147,255,.2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--fu-bg:#0a1129;--fu-rand:rgba(125,147,255,.2)}}

footer.fuss[data-fuss]{display:block;padding:0;background:var(--fu-bg);color:var(--fu-tx);border:0;border-top:1px solid var(--fu-rand);font-size:14px;line-height:1.5;text-align:left;
  font-family:inherit;-webkit-font-smoothing:antialiased}
footer.fuss[data-fuss] a{color:var(--fu-link);text-decoration:none}
footer.fuss[data-fuss] a:hover{color:var(--fu-hell);text-decoration:underline;text-underline-offset:3px}
footer.fuss[data-fuss] a:focus-visible{outline:2px solid var(--fu-volt);outline-offset:2px;border-radius:6px}
footer.fuss[data-fuss] .spende-zeile{--sp-herz:var(--fu-volt);--sp-fokus:0 0 0 2px var(--fu-bg),0 0 0 4px var(--fu-volt)}
footer.fuss[data-fuss] .spende-fuss{min-height:32px;color:var(--fu-link)}
footer.fuss[data-fuss] .spende-fuss:hover{text-decoration:none;color:var(--fu-hell)}
footer.fuss[data-fuss] .spende-warum{display:inline-flex;align-items:center;min-height:28px;color:var(--fu-tx)}

/* ---------- ohne JavaScript (und bis fuss.js läuft): eine ruhige Zeile ---------- */
footer.fuss[data-fuss]:not(.fu){display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:24px max(20px,env(safe-area-inset-left)) 26px}
footer.fuss[data-fuss]:not(.fu) .fu-hinweis{flex:1 1 100%;margin:0;color:var(--fu-leise);font-size:13px;max-width:90ch}
footer.fuss[data-fuss]:not(.fu) .fu-recht,footer.fuss[data-fuss]:not(.fu) .fu-eigen{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
footer.fuss[data-fuss]:not(.fu) .fu-eigen .fu-titel{display:none}
footer.fuss[data-fuss] .fu-recht a,footer.fuss[data-fuss] .fu-eigen a{display:inline-flex;align-items:center;min-height:28px;padding:0 6px}
footer.fuss[data-fuss]:not(.fu) .fu-copy{margin-left:auto;color:var(--fu-leise);font-size:13px}

/* ---------- voller Aufbau (fuss.js) ---------- */
footer.fuss.fu .fu-innen{max-width:1200px;margin:0 auto;padding:44px max(20px,env(safe-area-inset-right)) 26px max(20px,env(safe-area-inset-left))}
footer.fuss.fu .fu-raster{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,3fr);gap:32px 56px}
footer.fuss.fu .fu-marke{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
footer.fuss.fu .fu-logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--fu-hell)}
footer.fuss.fu .fu-logo:hover{text-decoration:none}
footer.fuss.fu .fu-logo img{display:block;width:34px;height:34px;border-radius:9px}
footer.fuss.fu .fu-logo b{font-size:18px;font-weight:700;font-stretch:118%;letter-spacing:-.01em;color:var(--fu-hell)}
footer.fuss.fu .fu-logo b i{font-style:normal;color:var(--fu-volt)}
footer.fuss.fu .fu-satz{margin:0;max-width:36ch;color:var(--fu-tx);font-size:14px}
footer.fuss.fu .fu-spende{margin-top:4px}
footer.fuss.fu .fu-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:26px 28px;align-items:start}
footer.fuss.fu .fu-spalte{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
footer.fuss.fu .fu-titel{margin:0 0 6px;max-width:100%;overflow-wrap:anywhere;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--fu-hell)}
footer.fuss.fu .fu-spalte a{display:inline-flex;align-items:center;min-height:30px;padding:0;max-width:100%;color:var(--fu-link);overflow-wrap:anywhere}
footer.fuss.fu .fu-spalte a[aria-current="page"]{color:var(--fu-hell);font-weight:650}
footer.fuss.fu .fu-spalte a[aria-current="page"]::before{content:"";width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--fu-volt);flex:none}

/* Band „Aus derselben Werkstatt“ (myLernwerk.de) */
footer.fuss.fu .fu-band{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap;margin-top:34px;padding:16px 20px;min-height:44px;border-radius:14px;
  border:1px solid var(--fu-linie);background:linear-gradient(100deg,rgba(196,255,26,.07),rgba(125,147,255,.08) 60%,transparent);color:var(--fu-tx);
  transition:border-color .18s,background-color .18s}
footer.fuss.fu .fu-band:hover{text-decoration:none;border-color:rgba(196,255,26,.45)}
footer.fuss.fu .fu-band-ey{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fu-volt)}
footer.fuss.fu .fu-band-name{display:flex;align-items:baseline;gap:4px 14px;flex-wrap:wrap;flex:1 1 280px;min-width:0}
footer.fuss.fu .fu-band-name b{font-size:16.5px;font-weight:700;color:var(--fu-hell);font-stretch:112%}
footer.fuss.fu .fu-band-name b i{font-style:normal;color:#9fe8d0}
footer.fuss.fu .fu-band-name span{font-size:14px}
footer.fuss.fu .fu-band svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--fu-hell);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
footer.fuss.fu .fu-band:hover svg{transform:translateX(3px)}

footer.fuss.fu .fu-unten{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 32px;margin-top:24px;padding-top:18px;border-top:1px solid var(--fu-linie);font-size:13px;color:var(--fu-leise)}
footer.fuss.fu .fu-hinweis{margin:0;flex:1 1 420px;max-width:92ch;color:var(--fu-leise)}
footer.fuss.fu .fu-copy{flex:none;white-space:nowrap}

@media (max-width:900px){
  footer.fuss.fu .fu-raster{grid-template-columns:minmax(0,1fr);gap:28px}
  footer.fuss.fu .fu-innen{padding-top:34px}
}
@media (max-width:560px){
  footer.fuss.fu .fu-spalten{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
  footer.fuss.fu .fu-copy{white-space:normal}
}
/* Handy und grobe Zeiger: Touch-Ziele 44 px */
@media (max-width:640px),(pointer:coarse){
  footer.fuss[data-fuss] .fu-spalte a,footer.fuss[data-fuss] .fu-recht a,footer.fuss[data-fuss] .fu-eigen a,footer.fuss[data-fuss] .spende-fuss,footer.fuss[data-fuss] .spende-warum{min-height:44px}
  footer.fuss.fu .fu-spalte a{width:100%}
}
@media (prefers-reduced-motion:reduce){footer.fuss.fu .fu-band,footer.fuss.fu .fu-band svg{transition:none}}

/* ---------- kompakt (Anmeldeseiten, Verwaltung): eine Zeile in den Farben der Fläche ---------- */
footer.fuss[data-fuss][data-fuss-art="kompakt"]{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:18px 0 0;background:none;border:0;color:inherit;font-size:13.5px}
footer.fuss[data-fuss][data-fuss-art="kompakt"] a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
footer.fuss[data-fuss][data-fuss-art="kompakt"] a:focus-visible{outline-color:currentColor}
footer.fuss[data-fuss][data-fuss-art="kompakt"] .fu-recht a{padding:0 4px}
footer.fuss[data-fuss][data-fuss-art="kompakt"] .spende-zeile{--sp-herz:#1f3fe0;--sp-fokus:0 0 0 1.5px #1f3fe0,0 0 0 5px rgba(31,63,224,.25)}
footer.fuss[data-fuss][data-fuss-art="kompakt"] .spende-fuss{color:inherit;text-decoration:none}
footer.fuss[data-fuss][data-fuss-art="kompakt"] .spende-warum{color:inherit}
footer.fuss[data-fuss][data-fuss-art="kompakt"] .fu-copy{margin-left:0}
:root[data-theme="dark"] footer.fuss[data-fuss][data-fuss-art="kompakt"] .spende-zeile{--sp-herz:#c4ff1a}

@media print{footer.fuss[data-fuss]{display:none!important}}