/* Portal-Fuss (alle oeffentlichen Seiten) - eine Datei statt vier Kopien (2026-10-12).
   Markup: fuss.php (PHP-Seiten) bzw. dieselbe Struktur statisch in index.html.
   Farben nur ueber die Seiten-Variablen (--card, --line, --ink, --muted, --green ...),
   damit Hell/Dunkel und die Kontrastwerte (>= 4,5:1) automatisch stimmen. */
/* Rot der Seite: heisst auf der Startseite --accent, sonst --green */
.sitefoot{--fr:var(--green,var(--accent,#d60036));max-width:1400px;margin:44px auto 0;padding:0 40px 40px}
.sitefoot__panel{position:relative;overflow:hidden;isolation:isolate;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:40px 44px 0;
  box-shadow:0 1px 2px rgba(0,0,0,.03),0 18px 40px -30px rgba(0,0,0,.35)}
/* Skyline als Wasserzeichen unten rechts - reine Gestaltung */
.sitefoot__panel::after{content:"";position:absolute;right:-20px;bottom:46px;width:min(520px,60%);height:120px;z-index:-1;opacity:.07;
  background:var(--ink);-webkit-mask:url(/assets/skyline-altenburg-mask.png) right bottom/contain no-repeat;mask:url(/assets/skyline-altenburg-mask.png) right bottom/contain no-repeat;pointer-events:none}
.sitefoot__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,.85fr);gap:36px 40px}
.sitefoot__brandlink{display:flex;flex-direction:column;align-items:center;width:186px;text-decoration:none;line-height:1}
.sitefoot__logo{width:100%;height:32px;background:var(--fr);-webkit-mask:url(/assets/skyline-altenburg-mask.png) center bottom/contain no-repeat;mask:url(/assets/skyline-altenburg-mask.png) center bottom/contain no-repeat}
.sitefoot__name{width:100%;font-weight:800;font-size:13px;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;text-align:center;color:var(--ink);padding-top:7px;border-top:2px solid var(--ink)}
.sitefoot__claim{margin:16px 0 0;max-width:34ch;color:var(--muted);font-size:.95rem;line-height:1.55}
/* Skatfarben als kleines Erkennungszeichen (2026-10-23); Farben wie auf /veranstaltungen */
.sitefoot{--fb-eichel:#8a5a2b;--fb-gruen:#3a7a35;--fb-herz:#d60036;--fb-schellen:#a87400}
:root[data-theme="dark"] .sitefoot{--fb-eichel:#d9a46c;--fb-gruen:#7cc576;--fb-herz:#ff5273;--fb-schellen:#f0c04a}
.sitefoot__skat{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.sitefoot__suits{display:inline-flex;gap:5px}
.sitefoot__suits .fb{width:15px;height:15px;fill:currentColor}
.sitefoot .fb--eichel{color:var(--fb-eichel)} .sitefoot .fb--gruen{color:var(--fb-gruen)} .sitefoot .fb--herz{color:var(--fb-herz)} .sitefoot .fb--schellen{color:var(--fb-schellen)}
.sitefoot__facts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.sitefoot__facts li{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 11px;font-size:.8rem;font-weight:700;color:var(--ink);background:var(--bg)}
.sitefoot__facts svg{width:14px;height:14px;flex:none;color:var(--fr)}
.sitefoot__h{margin:4px 0 14px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fr)}
.sitefoot__list{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.sitefoot__list a{display:block;text-decoration:none;color:var(--ink);font-weight:700;font-size:1rem;line-height:1.25}
.sitefoot__list a span{display:block;margin-top:2px;font-weight:400;font-size:.84rem;color:var(--muted)}
.sitefoot__list a:hover,.sitefoot__list a[aria-current="page"]{color:var(--fr)}
.sitefoot__list--klein{gap:9px}
.sitefoot__list--klein a{font-weight:600;font-size:.95rem}
.sitefoot__text{margin:0 0 12px;color:var(--muted);font-size:.92rem;line-height:1.5}
.sitefoot__mail{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:700;font-size:.88rem;white-space:nowrap}
.sitefoot__mail:hover{box-shadow:0 0 0 3px color-mix(in oklab,var(--fr) 45%,transparent)}   /* Farbe bleibt: Rot mit heller Schrift waere im Dunkelmodus zu kontrastarm */
.sitefoot__mail svg{width:16px;height:16px;flex:none}
.sitefoot__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin:36px -44px 0;padding:16px 44px 18px;
  border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.sitefoot__meta a,.sitefoot__credits a{color:inherit}
.sitefoot a:focus-visible{outline:3px solid var(--fr);outline-offset:3px;border-radius:8px}
/* Mittagstisch: der Fuss steht dort in der Druck-Tabelle, die schon Seitenabstand hat */
.pf-body .sitefoot{padding-left:0;padding-right:0}
@media(max-width:1100px){.sitefoot__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.9fr)}.sitefoot__brand{grid-column:1/-1}}
@media(max-width:640px){
  .sitefoot{padding:0 14px 24px;margin-top:32px}
  .sitefoot__panel{padding:28px 22px 0;border-radius:22px}
  .sitefoot__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .sitefoot__mit{grid-column:1/-1;order:3}   /* Entdecken + Rechtliches nebeneinander, Mitmachen darunter */
  .sitefoot__bar{margin:28px -22px 0;padding:14px 22px 16px;flex-direction:column;align-items:flex-start}
  .sitefoot__panel::after{width:80%;bottom:70px}
}
@media print{.sitefoot{display:none}}