/* Lokales Vorschaubild; YouTube wird erst beim Öffnen des Links aufgerufen. */
.video-preview {
  position: relative;
  display: block;
  width: 100%;
  height: 315px;
  background: #000;
  overflow: hidden;
}
#content .video-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-preview-label {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 5px;
  background: rgb(0 0 0 / 85%);
  color: #fff;
  font: 14px/1.4 Nunito, sans-serif;
  white-space: nowrap;
  transition: background-color 180ms ease;
}
.video-preview-label > span { margin-right: 6px; }
.video-preview:hover .video-preview-label,
.video-preview:focus-visible .video-preview-label { background: #c10000; }
.video-preview:focus-visible { outline-offset: -3px; }
.video-preview--four-three { height: 450px; }
@media screen and (max-width: 989px) {
  .video-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 98%;
  }
}