/* CSS Document */
/* 
 * Youtube-video-teaser
 */
.youtube-video-teaser {
  position: relative;
  margin-bottom: 1rem;
  display: inline-block;
}
.youtube-video-teaser img {
  width: 100%;
}
.youtube-video-teaser a:after {
  position: absolute;
  content: "";
  background: url(../images/play-icon.png);
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.5s ease all;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}
@media screen and (max-width: 680px) {
  .youtube-video-teaser a:after {
    background-size: 30%;
  }
}
.youtube-video-teaser a .teaser-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1; /* Safari prior 6.1 */
  transition: background-color 0.25s ease-in-out;
}
.youtube-video-teaser a:hover .teaser-overlay, .youtube-video-teaser a:focus .teaser-overlay {
  background-color: rgba(0, 0, 0, 0.2); /* Safari prior 6.1 */
  transition: background-color 0.25s ease-in-out;
}
/*# sourceMappingURL=dce_youtubeVideoTeaser.css.map */