/* 
    Created on : 30.10.2023, 12:28:10
    Author     : cathexis
*/

.paragraph--type--video-block {
  padding: 34px 0;
}

.paragraph--type--video-block .text-box-links {
  position: relative;
  text-shadow: 1px 1px #fffa;
  z-index: 2;
}

.ytvideo,
.htmlvideo {
  margin:0 auto;
  max-width:100%;
}

@media (min-width: 1100px) {
  .paragraph--type--video-block .text-box-links {
    margin-right: -20px;
    width: 366px;
    padding-top: 68px;
  }
  .paragraph--type--video-block .video-box-rechts {
    margin-left: -64px;
    width: 764px;
  }
  /*
  .ytvideo,
  .htmlvideo {
    position: relative;
    margin-left: -124px;
    width: 810px;
    max-width: unset;
  }*/
}

.htmlvideo video::-webkit-media-controls-overlay-play-button {
  display: none;
}

.paragraph--type---video .ytvideo iframe {
  width: 100%;
  height: 455px;
}

.paragraph--type--video-block .video-box-rechts {
  position: relative;
}

.paragraph--type--video-block .video-box-rechts .paragraph--type---video  {
  line-height: 0;
}

.paragraph--type--video-block .video-box-rechts .paragraph--type---video::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(25,100,255,.2);
  /*transition: all .4s ease-in-out;*/
  visibility: visible;
}

.paragraph--type--video-block .video-box-rechts .paragraph--type---video:hover::after {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.1s, opacity 0.1s linear;
}