.responsive-video-wrapper .format-16x9 {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.responsive-video-wrapper .format-9x16 {
  aspect-ratio: 9/16;
  width: 100%;
  height: auto;
}
.responsive-video-wrapper .format-4x3 {
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
}
.responsive-video-wrapper .hover-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: max-content;
  max-width: 90%;
  background-color: #FFFFFF;
  border: 2px solid #000000;
  padding: calc(var(--basic-grid-padding) / 2);
  box-sizing: border-box;
  font-size: var(--fontsize-basic);
}
.responsive-video-wrapper .video {
  display: none;
}
.responsive-video-wrapper .inner {
  position: relative;
  font-size: 0;
}
.responsive-video-wrapper .playbtn {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(button.svg);
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5019607843);
}

/*# sourceMappingURL=frontend.css.map */