/* ═══════════════════════════════════════════════════════════════════
   G-Design · zentraler Fuß (fuss-datenschutz-1011, 10.11.2026)
   ───────────────────────────────────────────────────────────────────
   Ablage: /libs/gdesign-fuss.css
   Quelle: Startseite nach fuss-fein / fuss-mobil-1011 / fuss-mobil-1011b /
   fuss-mobil-1011c. Enthält NUR den Fuß. Kein #ak-fuss, #ak-link, kein
   Klicks-Symbol. Der Stift #rb-fuss entfällt seit fuss-mobil-1011c
   (rubriken-edit.js bleibt unberührt); Altmarkup wird ausgeblendet.
   ═══════════════════════════════════════════════════════════════════ */

/* Grundregeln der Startseite. Die Werte werden auf Tool-Seiten von den
   allgemeinen footer-Regeln aus gdesign.css überstimmt; deshalb hier
   footer.foot und !important nur dort, wo gdesign.css !important setzt. */
.foot,
footer.foot{
  --g-fuss-dim: var(--text-dim, #7d7d92);
  --g-fuss-warn: var(--warn, #fb923c);
  border-top: 1px solid var(--border, rgba(127,127,127,.2));
  margin-top: 18px;
  padding: 18px 0 24px;
  text-align: center;
  font-size: inherit;
  letter-spacing: 0;
  color: var(--g-fuss-dim);
  position: relative;
}
@media (prefers-color-scheme: light){
  .foot,
  footer.foot{
    --g-fuss-dim: var(--text-dim, #76768a);
    --g-fuss-warn: var(--warn, #8a5e10);
  }
}
/* gdesign.css zeichnet eine Verlaufslinie über jeden footer; der Fuß hat
   seine eigene Kante. */
.foot::before,
footer.foot::before{
  content: none !important;
  background: none !important;
  border: 0 !important;
  display: none !important;
}

.foot-line{
  text-align: center;
  font-size: .72rem;
  letter-spacing: .06em;
  color: var(--g-fuss-dim);
}
/* Der Stand und die Admin-Gruppe sitzen als Geschwister der öffentlichen
   .foot-line im Fuß. Ohne eigene Typografie erben sie von footer.foot
   (font-size: inherit) und stehen dort in 16px mit normaler Laufweite.
   Deshalb hier exakt dieselben Werte wie bei .foot-line: .72rem,
   .06em, kein eigenes Gewicht, Zeilenhöhe der linken Zeile. */
.gf-intern,
.foot-datum,
.foot-stand,
#last-mod{
  font-size: .72rem;
  letter-spacing: .06em;
  font-weight: inherit;
  line-height: inherit;
}
.foot a{
  color: var(--g-fuss-dim);
  text-decoration: none;
}
.foot a:hover,
.foot a:focus-visible{
  color: var(--text, inherit);
  text-decoration: underline;
}
.foot-wrap{
  text-align: center;
  white-space: nowrap;
}
.foot-wrap > .foot-line{display: inline-block;white-space: nowrap}
/* globus-fix-1111 (11.11.2026, Robin): Die Fußzeile ist zentriert. Die
   deutschen Texte sind 55,17 px breiter als die englischen, dadurch wandert
   der Globus um 27,6 px. In Englisch gleiche Gesamtbreite durch Abstand
   links; der Sprachknopf trägt das Zielkürzel (lang="de" = aktuell EN). */
.foot-wrap > .foot-line:has(#glang-btn[lang="de"])[data-g-fuss-fertig="public"]{padding-left: 4.7882em}
.foot-wrap > .foot-line:has(#glang-btn[lang="de"])[data-g-fuss-fertig="admin"]{padding-left: 2.0573em}
.foot-wrap > [hidden]{display: none}

/* Stand liegt immer im DOM, Standard unsichtbar. Sichtbar nur mit
   Klasse gf-stand-sichtbar (eingeloggter Admin, setzt gdesign-fuss.js).
   Seit fuss-mobil-1011c ist das Datum auch am Handy sichtbar; es wird
   dort nicht mehr ausgeblendet. */
.foot-datum{display: none}
.foot-datum.gf-stand-sichtbar{display: inline}

/* Öffentlich links, Admin/Muneeb rechts auf derselben Zeile.
   Die Intern-Gruppe bleibt unsichtbar (kein Abstand), solange das
   Stand-Datum nicht sichtbar ist. Der Stift zählt nicht mehr mit
   (fuss-mobil-1011c). */
.gf-intern{display: none}
.gf-intern.gf-intern-sichtbar{display: inline}

/* fuss-mobil-1011c: Innerhalb der Intern-Gruppe sind alle vorhandenen
   Trenner-Elemente ausgeblendet; genau EIN Trenner kommt per ::before.
   Die Altregeln zu .gf-intern-dot/.gf-gruppen-trenner entfallen. */
.gf-intern .gf-gruppen-trenner, .gf-intern .gf-intern-dot, .gf-intern .g-fuss-trenner{display:none !important}
/* fuss-abstand-1111 (11.11.2026, Robin): Gruppen-Trenner hat denselben Abstand wie die Trenner links, ohne Extra-Margin. */
.gf-intern.gf-intern-sichtbar::before{content:" · ";white-space:pre;color:var(--g-fuss-dim);font-size:.72rem;letter-spacing:.06em}

/* fuss-abstand2-1111 (11.11.2026, Robin): Lücken etwas größer, weiterhin gleichmäßig.
   Desktop spürbar (.5em extra je Seite); unter 700 px nur .2em, damit 360/390 px eine Reihe bleiben. */
.g-fuss-trenner,
.gtheme-sep,
.gf-intern.gf-intern-sichtbar::before,
#gfuss-schalter:has(#glang-btn)::before{
  padding-left: .5em;
  padding-right: .5em;
}
@media screen and (max-width: 699.98px){
  .g-fuss-trenner,
  .gtheme-sep,
  .gf-intern.gf-intern-sichtbar::before,
  #gfuss-schalter:has(#glang-btn)::before{
    padding-left: .2em;
    padding-right: .2em;
  }
}

/* fuss-mobil-1011c: Stift komplett aus, gilt für alle Breiten.
   rubriken-edit.js bleibt unangetastet. */
footer.foot #rb-fuss, .foot-wrap #rb-fuss, #rb-fuss{display:none !important}

/* gdesign.css setzt footer span/p/div auf color:var(--text)!important.
   Für den Fuß zurücknehmen; die Admin-Teile bleiben warnfarben. */
footer.foot,
footer.foot .foot-line,
footer.foot .foot-wrap,
footer.foot .foot-wrap p,
footer.foot .foot-wrap > span,
footer.foot .foot-wrap a,
footer.foot .foot-wrap small{
  color: var(--g-fuss-dim) !important;
}
/* Die allgemeine gdesign-Regel footer span{color:…!important} trifft auch
   die Umschalter-Spanne und das Datum. Hier ausdrücklich auf Fußgrau. */
footer.foot .foot-line span:not(.gf-herz),
footer.foot .foot-datum,
footer.foot .foot-datum span,
footer.foot #gfuss-schalter,
footer.foot #gfuss-schalter #glang-btn,
footer.foot #gfuss-schalter #gtheme-btn{
  color: var(--g-fuss-dim) !important;
}
/* fuss-herz-1111 (11.11.2026, Robin): „Unterstützen“ wie das Herz (#e5484d),
   auch bei Hover/Focus; nur die Unterstreichung kommt hinzu. */
footer.foot .foot-wrap [data-g-feedback] > a{
  color: #e5484d !important;
  text-decoration: none;
}
footer.foot .foot-wrap [data-g-feedback] > a:hover,
footer.foot .foot-wrap [data-g-feedback] > a:focus-visible{
  color: #e5484d !important;
  text-decoration: underline;
}
/* fuss-mobil-1011c: Herz in Hell und Dunkel gleich (#e5484d). */
footer.foot .gf-herz{color: #e5484d !important}
/* Admin-only: Stand (sichtbar) in der Warn-/Admin-Akzentfarbe.
   Öffentliche Links (Impressum/Datenschutz) bleiben grau.
   Hell: #8a5e10 statt #a06e14, damit Kleintext auf --bg #f4f4f6 den
   Kontrast 4,5:1 (WCAG AA) erreicht; Dunkel bleibt #fb923c. */
footer.foot .foot-datum.gf-stand-sichtbar,
footer.foot .foot-datum.gf-stand-sichtbar span,
footer.foot .foot-datum.gf-stand-sichtbar #last-mod,
footer.foot #rb-fuss,
footer.foot #rb-fuss a,
footer.foot #rb-link#rb-link{
  color: var(--g-fuss-warn) !important;
}
footer.foot #rb-link#rb-link{opacity: 1 !important}
footer.foot #rb-link#rb-link:hover,
footer.foot #rb-link#rb-link:focus-visible{color: #fdba74 !important}
@media (prefers-color-scheme: light){
  footer.foot #rb-link#rb-link:hover,
  footer.foot #rb-link#rb-link:focus-visible{color: #7f5710 !important}
}

/* Schalter: eine 16×16-Box für beide Knöpfe, gleiche Icon-Größe (12 px)
   und dieselbe Grundlinie (-3px wie das Original des Themen-Knopfs).
   #glang-btn kommt aus #glang-css (gi18n.js, Text „EN“/„DE“); der Text
   bleibt im DOM (title/aria-label), wird aber über font-size:0
   unsichtbar. Das Symbol zeichnet die CSS-Maske ::before. Kein zweites
   DOM-Element, keine Doppel-Knöpfe. #gtheme-btn und seine SVG-Icons
   kommen unverändert aus #gtheme-css (System=Monitor, Hell=Sonne,
   Dunkel=Mond); themeCss() bleibt 16×16 mit 12×12-SVG. */
#gfuss-schalter{
  display: inline-flex;
  align-items: center;
  vertical-align: -3px;
  white-space: nowrap;
  margin: 0;
  line-height: 1;
}
/* Trenner zwischen Globus und Thema: als Pseudo-Element im Flex-Rahmen,
   nicht als DOM-Knoten zwischen den Knöpfen (gi18n.js würde ihn sonst
   entfernen). Ohne Sprachknopf (/mk/, gi18n AUS) entfällt er. */
#gfuss-schalter:has(#glang-btn)::before{
  content: " · ";
  white-space: pre;
  order: 1;
  margin: 0;
}
#gfuss-schalter #glang-btn{
  order: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin: 0;
  padding: 0;
  font-size: 0 !important;
  letter-spacing: 0;
  line-height: 1;
  vertical-align: -3px;
}
#gfuss-schalter #glang-btn::before{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center/contain no-repeat;
}
#gfuss-schalter #gtheme-btn{
  order: 2;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin: 0;
  padding: 0;
  vertical-align: -3px;
}
#gfuss-schalter #gtheme-btn svg{
  display: block;
  width: 12px;
  height: 12px;
}
/* Der Stift „✎“ wird ebenfalls zur 12er-Maske in einer 16er-Box.
   Farbe/Hover kommen von oben; Text, id, title und aria-label bleiben. */
#rb-link#rb-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 16px;
  margin: 0;
  padding: 0;
  font-size: 0 !important;
  letter-spacing: 0;
  line-height: 1;
  vertical-align: middle;
}
#rb-link#rb-link::before{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* fuss-mobil-1011c (10.11.2026, Robin): Handy wie Desktop. Dieselben Elemente,
   dieselbe Reihenfolge und Größe; öffentliche Zeile und Admin-Gruppe brechen
   bei Platzmangel jeweils als Ganzes um (zentriert). Tippflächen werden
   unsichtbar über ::after vergrößert, die Optik bleibt die des Desktops. */
@media screen and (max-width: 600px){
  footer.foot > .wrap{padding-left: 8px; padding-right: 8px}
  .foot-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    column-gap: .9em;
    row-gap: 6px;
    white-space: nowrap;
  }
  .foot-wrap > p.foot-line{display: inline-block; white-space: nowrap; margin: 0}
  .foot-wrap .gf-intern.gf-intern-sichtbar{display: inline; white-space: nowrap}
  .gf-intern.gf-intern-sichtbar::before{content:none}
  footer.foot .foot-wrap a,
  #gfuss-schalter #glang-btn,
  #gfuss-schalter #gtheme-btn,
  #rb-link#rb-link{position: relative}
  footer.foot .foot-wrap a::after,
  #gfuss-schalter #glang-btn::after,
  #gfuss-schalter #gtheme-btn::after{
    content: '';
    position: absolute;
    left: -4px; right: -4px;
    top: -14px; bottom: -14px;
  }
}

/* fuss-stand-mobil-1011 (10.11.2026, Robin t197u): Stand-Datum am Handy
   (unter 700 px) ausblenden, am Desktop bleibt es. Die Intern-Gruppe
   enthält seit fuss-mobil-1011c nur noch das Datum, daher ganz aus. */
@media screen and (max-width: 699.98px){
  .foot-wrap .gf-intern,
  .foot-wrap .gf-intern.gf-intern-sichtbar,
  footer.foot .foot-datum,
  footer.foot .foot-datum.gf-stand-sichtbar{display: none !important}
}

/* druck-fuss-1111 (11.11.2026, Robin): Reine Bildschirm-Elemente nicht mitdrucken.
   Sonst entsteht beim Infoblatt Sekretariat (/mk/infoblatt/) eine dritte Seite nur mit dem Footer. */
@media print{
  footer.foot,
  #gauth-bar,
  #gauth-bar-space,
  #gauth-login,
  .gauth-modal,
  #gauth-hinweis,
  #gauth-ch,
  #gauth-ch-fab,
  #gfuss-schalter,
  #glang-btn,
  #gtheme-btn,
  [data-g-feedback]{
    display:none!important;
  }
}