/* Grundgerüst für die datensparsamen Player. Farben und Schriften kommen später aus dem Theme. */
.pl-player { margin: 0 0 1.5em; }
.pl-player__vorschau img, .pl-player__bild { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.pl-player__hinweis { display: flex; flex-wrap: wrap; gap: .5em 1em; align-items: center; padding: .75em 0; font-size: .95em; }
.pl-player__knopf { cursor: pointer; font: inherit; font-weight: 700; padding: .6em 1.1em; border: 2px solid currentColor; border-radius: 4px; background: #26214e; color: #fff; }
.pl-player__knopf:hover { background: #000; }
.pl-player__knopf:focus-visible { background: #000; outline: 3px solid #455795; outline-offset: 3px; }
.pl-player__vorleser { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pl-player__rahmen { position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: 200px; }
.pl-player__rahmen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pl-player audio { width: 100%; min-width: 200px; }
.pl-player__bild--leer { aspect-ratio: 16 / 9; background: linear-gradient(135deg, #26214e, #455795); }