/* darumostern-core: YouTube-Platzhalter */
.dmo-yt { margin-inline: auto; }
.dmo-yt__frame {
  position: relative; aspect-ratio: 16 / 9; background: var(--wp--preset--color--dunkel, #282828); color: var(--wp--preset--color--creme, #F8F7F3);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem;
  padding: 1rem; text-align: center;
}
.dmo-yt--hoch .dmo-yt__frame { aspect-ratio: 9 / 16; max-height: 80vh; }
.dmo-yt__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.dmo-yt__play {
  display: inline-flex; align-items: center; gap: 0.6rem; cursor: pointer; border: 0;
  background: var(--wp--preset--color--gelb, #FACC75); color: var(--wp--preset--color--dunkel, #282828);
  font: inherit; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em;
  padding: 1em 1.6em; transition: padding 200ms cubic-bezier(.22,.61,.36,1);
}
.dmo-yt__play:hover { padding: calc(1em + 2px) calc(1.6em + 2px); }
.dmo-yt__play:focus-visible { outline: 2px solid var(--wp--preset--color--creme, #F8F7F3); outline-offset: 3px; }
.dmo-yt__icon { width: 0; height: 0; border-style: solid; border-width: 0.5em 0 0.5em 0.85em; border-color: transparent transparent transparent currentColor; }
.dmo-yt__hint { font-size: 0.8125rem; max-width: 30rem; margin: 0; color: var(--wp--preset--color--creme, #F8F7F3); }
.dmo-yt__hint a { color: var(--wp--preset--color--creme, #F8F7F3); text-decoration: underline; }
