html.zr-aktiv body { padding-bottom: 46px !important; }
#zeitreise-leiste {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483000;
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px;
  padding: 8px 16px; min-height: 38px;
  background: rgba(24, 20, 24, .92); color: #e9e4ea;
  font: 13px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-align: left; letter-spacing: normal; box-shadow: 0 -2px 12px rgba(0, 0, 0, .25);
}
#zeitreise-leiste a, #zeitreise-leiste span { color: inherit; text-decoration: none; font: inherit; }
#zeitreise-leiste a:hover { text-decoration: underline; }
#zeitreise-leiste .zr-start { font-weight: 700; color: #f08bb0; }
#zeitreise-leiste .zr-stationen { display: inline-flex; flex-wrap: wrap; gap: 4px; }
#zeitreise-leiste .zr-stationen > * { padding: 2px 9px; border-radius: 999px; }
#zeitreise-leiste .zr-stationen a { background: rgba(255, 255, 255, .08); }
#zeitreise-leiste .zr-hier { background: #a3194b; color: #fff; font-weight: 600; }
#zeitreise-leiste .zr-heute { font-weight: 600; }
#zeitreise-leiste .zr-hinweis { margin-left: auto; color: #a9a2ab; font-size: 12px; }
@media (max-width: 640px) { #zeitreise-leiste .zr-hinweis { margin-left: 0; width: 100%; } }