/* Bühne neben dem Anmeldeformular. Unter 1000 px Breite gibt es sie nicht. */
.buehne { display: none; }
@media (min-width: 1000px) {
  main.mit-buehne { max-width: 1240px; display: grid; grid-template-columns: minmax(0, 610px) minmax(0, 1fr); gap: 24px; align-items: center; }
  main.mit-buehne > .auth { margin: 24px 0; }
  /* So hoch wie der Anmeldeblock. Darf in den rechten Seitenrand ragen, aber nie über den Bildschirm hinaus.
     Die Kamera passt das Pult in jede Größe ein. */
  .buehne {
    --rand: max(clamp(16px, 5vw, 72px), (100vw - 1240px) / 2);
    display: block; position: relative; align-self: stretch; min-height: 420px; max-width: 760px;
    margin: 24px calc(-1 * min(180px, var(--rand) - 24px)) 24px 0;
    background: var(--poster) center / contain no-repeat;
  }
  .buehne.laeuft { background: none; }
  .buehne canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
}