.video_wrapper {
  background-image: url( '/fileadmin/images/vorschau-video/default-preview.jpg' );
  background-size: cover;
  position: relative;
  width: 100%;
  height:326px;
  text-align:center;
  margin-bottom:20px;margin-top:20px;
  background-color:#rgba(0,104,181,1)
}

.video_trigger .btn-default {margin-top:30px;background:#CC0000;padding:10px 15px;}

.video_wrapper .video_trigger {
  padding: 130px 30px;  
  height: 100%;  
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 9;
  background-color: rgba( 0, 0, 0, .4 );
  color: #fff;
}
.video_wrapper .video_layer {
  position: relative;
  display: none;
  height: inherit;
  width: inherit;
  margin: auto;
}
.video_wrapper .video_layer iframe {
  border: 0px none transparent;
  height: inherit;
  width: inherit;
}

@media (min-width:992px) {
.video_wrapper.twocols {height:427px;}
}

@media (max-width:1300px) {
.video_wrapper {height:300px;}
.video_wrapper .video_trigger {padding:80px 30px;}
}

@media (max-width:995px) {
.video_wrapper {height:465px;}
}

@media (max-width:767px) {
.video_wrapper {height:315px;}
.video_wrapper .video_trigger {padding:10px 30px;}
}

@media (max-width:500px) {
.video_wrapper {height:210px;}
}