/* Folien-Renderer: wird vom Player (Vollbild) und von der Admin-Vorschau (klein) genutzt.
   Alle Größen in Container-Einheiten (cqw), damit die Folie in jeder Größe gleich aussieht. */
.sl-root {
  position: absolute; inset: 0; overflow: hidden;
  container-type: size;
  display: flex; align-items: center; justify-content: center;
  background-color: #262C58; color: #fff;
  background-size: cover; background-position: center; background-repeat: no-repeat;
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
}
.sl-shade { position: absolute; inset: 0; background: #000; pointer-events: none; }
.sl-content { position: relative; padding: 6cqw; max-width: 88cqw; box-sizing: border-box; }
.sl-root.sl-align-left { justify-content: flex-start; }
.sl-root.sl-align-left .sl-content { text-align: left; }
.sl-root.sl-align-center .sl-content { text-align: center; }
.sl-root.sl-align-right { justify-content: flex-end; }
.sl-root.sl-align-right .sl-content { text-align: right; }
.sl-title { font-weight: 700; line-height: 1.1; letter-spacing: -0.01em; word-wrap: break-word; }
.sl-text { line-height: 1.35; white-space: pre-wrap; word-wrap: break-word; }
.sl-title + .sl-text { margin-top: 2cqw; }
.sl-size-s .sl-title { font-size: 5cqw; }   .sl-size-s .sl-text { font-size: 2.4cqw; }
.sl-size-m .sl-title { font-size: 7cqw; }   .sl-size-m .sl-text { font-size: 3.1cqw; }
.sl-size-l .sl-title { font-size: 9.5cqw; } .sl-size-l .sl-text { font-size: 4cqw; }
.sl-size-xl .sl-title { font-size: 12cqw; } .sl-size-xl .sl-text { font-size: 5cqw; }