@charset "UTF-8";

/* ANWENDUNGSVIDEOS */
.videobox { 
  display:block;
  height: 276px;
}

.videos .video-wrap {
  margin: 0px 0px 8px 8px;
  cursor: pointer;
  position: relative;
  padding: 0px;
}

.videobox h3 { 
  position: absolute; 
  width: calc( 100% - 24px ); 
  padding: 12px; 
  margin: 0px; 
  font-size: 14px;
  line-height: 16px;
  min-height: 32px;
  background-color: #007841;
  color: #FFF;
  bottom: 0px;
}

.videobox .play-button {
  position: absolute;
  width: 64px; 
  height: 64px;
  top: calc( 50% - 64px ); 
  left: calc( 50% - 32px );
  background-image: url(../Icons/playwhite.svg);
  background-size: 64px 64px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #007841;
  border-radius: 32px;
  transition: background-color .5s;
}

.videobox:hover .play-button{
 background-color: #40B881;
}

.video{  
  width: 100%;
  height: calc(100% - 56px);
  background-position: center center;
  background-size: cover;
}