/* Video-Einbettung mit Zwei-Klick-Lösung: YouTube lädt erst nach Klick. */
.sa-video { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.sa-video__frame {
  position: relative; width: 100%; max-width: 340px; aspect-ratio: 9 / 16;
  border-radius: 18px; overflow: hidden; background: #200647;
  box-shadow: 0 18px 40px rgba(32, 6, 71, .18);
}
.sa-video__frame--wide { max-width: 760px; aspect-ratio: 16 / 9; }
.sa-video__play {
  all: unset; cursor: pointer; position: absolute; inset: 0; display: block;
}
.sa-video__play img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sa-video__play::after {
  content: ""; position: absolute; left: 50%; top: 42%; width: 76px; height: 76px;
  transform: translate(-50%, -50%); border-radius: 50%;
  background: rgba(133, 32, 250, .92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") 55% 50% / 34px no-repeat;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35); transition: transform .15s ease;
}
.sa-video__play:hover::after, .sa-video__play:focus-visible::after { transform: translate(-50%, -50%) scale(1.08); }
.sa-video__play:focus-visible { outline: 3px solid #8520FA; outline-offset: 3px; }
.sa-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sa-video__hint { max-width: 340px; margin: 0; font-size: 12.5px; line-height: 1.45; color: #6b6680; text-align: center; }
.sa-video__hint a { color: inherit; text-decoration: underline; }
.sa-video__more { font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .sa-video__play::after { transition: none; } }