/*! eifel, Compiled at 2025-06-11 12:41:03 */
/**
 * eifel
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2020 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Florian Sauer <sauer@infomax-it.de>
 * @since      2020-07-17
 */
/**
/*  =========================================================
general structure
wrapper
YouTube Player
thumbnail
effect on elements below
popup element
========================================================== */
/*  =========================================================
general structure
========================================================= */
/*  =========================================================
wrapper
========================================================= */
.videoModule {
  height: 100vh;
  position: relative;
  cursor: pointer;
}
.videoModule--YouTube {
  overflow: hidden;
}
/*  =========================================================
YouTube Player
========================================================= */
.videoModule--YouTube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}
/*  =========================================================
thumbnail
========================================================= */
.videoModule__thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.videoModule__thumbnail:not(.videoModule__thumbnail--visible) {
  display: none;
}
.videoModule__thumbnail.videoModule__thumbnail--clickThrough {
  pointer-events: none;
}
.videoModule__thumbnail > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoModule__thumbnail__image {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  min-width: 100%;
  min-height: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  width: auto;
  height: auto;
  aspect-ratio: auto;
}
.videoModule__thumbnail__playButton {
  background: url('../images/objects/videoModule_playButton.883144c2.svg') no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  z-index: 1;
}
/*  =========================================================
effect on elements below
========================================================= */
@media screen and (min-width: 901px) {
  main > [data-module="video"] + [data-module="text"] {
    margin-top: 70px;
  }
}
@media screen and (max-width: 900px) {
  main > [data-module="video"] + [data-module="text"] {
    margin-top: 30px;
  }
}
.videoModule .videoModule__player__placeholder {
  pointer-events: none;
}