/*------------------ Youtube-Video (WebP-Lazy Loading) >> Rich Content on Product Page -------------------------------*/


div.yt div::before{
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "\00a0";
    background: rgba(0%,0%,0%,.2) url(https://www.aten.com/file/template/1/images/icons/Play_Icon_Mline.png) no-repeat center center;
    filter: drop-shadow(1px 1px 3px rgb(0, 0, 0)) !important;
    transition: background-color 1s ease-out;
  }

  div.yt:hover div::before {
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0,1.0)) !important;
    background-color: rgba(0%,0%,0%,0);
    transition: background-color 1s ease-out;
  }

  .yt {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
  }

  .yt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }