iframe[src*="youtu"], iframe[src*="vimeo"],
iframe[data-src*="youtu"], iframe[data-src*="vimeo"] {
   width: 100% !important;
   max-width: 1000px;
   height: 100% !important;
   position: absolute;
   top: 0;
   left: 0;
   box-shadow: 0px 0px 20px 0px rgba(49, 39, 131, 0.25);
}
.video_iframeoverlay {
   width: 100% !important;
   max-width: 1000px;
   height: 400px !important;
   position:relative;
   background-image: linear-gradient(170deg,rgba(49,39,131,0.1),#ffffff), url(../inc/img/videobackground.jpg);
   background-size:contain;
   background-repeat:no-repeat;
   position:relative;
    -webkit-display:flex;
       -moz-display:flex;
        -ms-display:flex;
            display:flex;
    -webkit-flex-direction:column;
       -moz-flex-direction:column;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-justify-content:center;
       -moz-justify-content:center;
        -ms-justify-content:center;
            justify-content:center;
}
.video_iframeoverlay p {
   padding: 0 2.5rem;
   text-align: center;
   margin: 0;
   z-index: 2;
   position:absolute;
   font-size:0.9em;
}
.video_iframeoverlay #unlockiframe {
   background: #96c11f;
   color: #fff;
   padding: 0.5rem;
   border-radius: 0.1rem;
   cursor: pointer;
   display: block;
   margin: 2rem auto 0;
   width: 10rem;
   max-width:90%;
   z-index: 2;
   border:#96c11f 1px solid ;
   font-family: 'Fira Sans', Arial, Helvetica, sans-serif;
}
.video_iframeoverlay #unlockiframe:hover {
   color: #96c11f;
   background: #ffffff;
   border:#96c11f dotted 1px !important;
}

#videobereich {
    clear:both;
	position: relative;
    height: 0;
    padding-bottom: 56.25%;
	display:block;
	margin-top:2em;
	margin-bottom:3em;
}


@media only screen and (min-width: 480px) {

.video_iframeoverlay {
   height: 360px !important;
}
}
	
@media only screen and (min-width: 769px) {

.video_iframeoverlay {
   height: 420px !important;
}
}

@media only screen and (min-width: 1025px) {

.video_iframeoverlay {
   height: 480px !important;
}

.video_iframeoverlay p {
   padding: 0 10rem;
}


}

@media only screen and (min-width: 1281px) {
	
.video_iframeoverlay {
   height: 526px !important;
}
}