/* Steuerleiste und Hinweise des Klick-Dummys – bewusst neutral, liegt über allen vier Entwürfen */
.dm-bar {
  position: fixed; z-index: 2147483000;
  left: 0; right: 0; margin: 0 auto; width: max-content;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: center;
  max-width: calc(100vw - 24px);
  padding: 7px 8px;
  background: rgba(17, 22, 30, 0.92); color: #E8ECF2;
  border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  font: 500 13px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.dm-bar a { text-decoration: none; }
.dm-home { color: #E8ECF2; padding: 7px 10px; border-radius: 10px; white-space: nowrap; }
.dm-home:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }
.dm-lab { color: #8D97A8; font-size: 12px; padding-left: 2px; }
.dm-grp { display: inline-flex; gap: 3px; background: rgba(255, 255, 255, 0.05); padding: 3px; border-radius: 11px; }
.dm-sep { width: 1px; height: 22px; background: rgba(255, 255, 255, 0.14); }
.dm-btn {
  appearance: none; border: 0; cursor: pointer;
  min-width: 32px; height: 32px; padding: 0 9px; border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; color: #C5CDD8; font: inherit; white-space: nowrap;
}
.dm-btn:hover { background: rgba(255, 255, 255, 0.10); color: #fff; }
.dm-btn.dm-cur, .dm-btn[aria-pressed="true"] { background: #00549F; color: #fff; }
.dm-min { appearance: none; border: 0; cursor: pointer; width: 30px; height: 32px; border-radius: 8px; background: transparent; color: #8D97A8; font: 600 16px/1 system-ui, sans-serif; }
.dm-min:hover { color: #fff; background: rgba(255, 255, 255, 0.08); }
.dm-bar.dm-mini > *:not(.dm-min):not(.dm-home) { display: none; }
.dm-bar a:focus-visible, .dm-bar button:focus-visible { outline: 2px solid #8EBAE5; outline-offset: 2px; }

.dm-toast {
  position: fixed; z-index: 2147483001; left: 50%; transform: translate(-50%, 12px);
  bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  max-width: min(460px, calc(100vw - 32px));
  padding: 11px 16px; border-radius: 12px;
  background: #11161E; color: #E8ECF2; border: 1px solid rgba(255, 255, 255, 0.14);
  font: 400 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;
}
.dm-toast.dm-on { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .dm-toast { transition: none; } }

.dm-hide-sem .dm-sem { display: none !important; }
a[href] { cursor: pointer; }
/* Platz am Seitenende, damit die Leiste den Footer nicht verdeckt */
body::after { content: ""; display: block; height: 84px; }

@media (max-width: 760px) {
  .dm-lab, .dm-sep { display: none; }
  .dm-wide { padding: 0 7px; font-size: 12px; }
}