.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;
	}
}
