.m4_youtube_video_iframe{
width:100%;
height:auto;
}
.m4_video_main{
position: relative;
cursor: pointer;
height: 600px;
}
video{
width:100%;
height:100%;
object-fit: cover;
}
.m4_video_main.no_video {
cursor: default;
min-height: 550px;
}
.m4_overlay {
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
z-index: 1;
}
.m4_overlay.no_vid {
cursor: default;
}
.m4_play_button_container {
transition: transform .4s;
}
.m4_play_button {
width: 58px;
height: 58px;
}
.m4_play_button svg {
background: #ededed;
border-radius: 50%;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
.m4_play_button svg path {
fill: #ededed;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.m4_play_button svg polygon {
fill: #1a1a1a;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.m4_play_button:hover svg {
background: #1a1a1a;
}
.m4_play_button:hover svg polygon {
fill: #ededed;
}
section.m4_video .a11y-video {
height: 100%;
margin: 0;
}
@media screen and (min-width: 2200px) {
.m4_video_main{
height: 700px;
}
}
@media screen and (min-width: 2400px) {
.m4_video_main{
height: 800px;
}
}
@media screen and (max-width: 1399px) {
.m4_video_main.no_video {
min-height: 450px;
}
}
@media screen and (max-width: 1199px) {
.m4_video_main{
height: 500px;
}
}
@media screen and (max-width: 991px) {
section.m2_text_und_bild .m4_play_button .m4_play_button_img {
left: 30px;
bottom: 30px;
width: calc(100% - 30px);
}
.m4_video_main{
height: 400px;
}
}
@media screen and (max-width: 767px) {
.m4_video_main{
height: 300px;
}
.m4_video_main.no_video {
min-height: 300px;
}
}
@media screen and (max-width: 575px) {
section.m2_text_und_bild .m4_play_button .m4_play_button_img .m4_play_button_text {
display: none;
}
.m4_play_button .m4_play_button_img svg {
width: 45px;
height: 45px;
}
section.m4_video .m4_video_main .m4_play_button_img svg {
width: 50px;
height: 50px;
}
section.m2_text_und_bild .m4_play_button .m4_play_button_img {
left: 50%;
top: 50%;
width: 45px;
height: 45px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
section.m4_video .m4_play_button .m4_play_button_img {
width: 50px;
height: 50px;
}
section.m4_video.xs_no_space {
margin-top: 0 !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
section.m4_video.xs_no_space .container {
padding-left: 0;
padding-right: 0;
}
.m4_video_main.no_video {
min-height: 250px;
}
}
@media screen and (max-width: 475px) {
.m4_video_main{
height: 250px;
}
.m4_video_main.no_video {
min-height: 250px;
}
}