/* Die Leiste liegt im leeren Rand neben der Bühne. Das Gerät ist hochkant,
   ein Rechnerbildschirm quer — der Platz ist da und wird sonst nicht
   genutzt. Nichts hiervon berührt die Darstellung der Bühne selbst. */
#stufenleiste{
  position:fixed; left:26px; top:50%; transform:translateY(-50%);
  width:300px; z-index:9999;
  font:14px/1.5 "Helvetica Neue",Arial,sans-serif; color:#16161D;
  background:rgba(255,253,250,.97); border:1px solid rgba(22,22,29,.12);
  border-radius:16px; padding:18px 16px 16px;
  box-shadow:0 12px 40px rgba(22,22,29,.14);
  max-height:94vh; overflow:auto;
}
#stufenleiste .sl-kopf{font-size:12px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#6B7180;margin-bottom:8px}
#stufenleiste .sl-liste{display:flex;flex-direction:column;gap:7px}
#stufenleiste .sl-stufe{
  display:block;width:100%;text-align:left;cursor:pointer;
  background:#fff;border:2px solid rgba(22,22,29,.10);border-radius:11px;
  padding:9px 11px;font:inherit;color:inherit;transition:border-color .12s,background .12s}
#stufenleiste .sl-stufe:hover{border-color:rgba(22,22,29,.3)}
#stufenleiste .sl-stufe.an{border-color:#16161D;background:#16161D;color:#fff}
#stufenleiste .sl-n{display:block;font-size:10.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:#8A909E}
#stufenleiste .sl-stufe.an .sl-n{color:rgba(255,255,255,.62)}
#stufenleiste .sl-t{display:block;font-size:13.5px;font-weight:700;margin-top:2px;line-height:1.3}
  font-size:9.5px;font-weight:700;letter-spacing:.08em}
  margin-top:13px;width:100%;cursor:pointer;font:600 13px/1 inherit;
  padding:11px 10px;border:2px solid #16161D;background:#fff;color:#16161D;
  border-radius:999px}
@media (max-width:1180px){ #stufenleiste{left:8px;width:230px;padding:13px 11px} }