.videopreview-big {
    width: 100%;
	height: 50vh;
	max-height: calc(9/16 * 1071px);
    display: flex;
    position: relative;
    overflow: hidden;
	transition: height .3s ease-out, max-height .3s ease-out;
	background-position: center center;
}
.videopreview-big.video-is-open {
height:calc(9/16 * 92vw);
max-height:calc(9/16 * 1071px);
}
.video-play {
    width: 48px;
    height: 48px;
    position: relative;
    z-index: 1;
    margin: auto;
    opacity: 1;
    background: url("/typo3conf/ext/plasmacom/Resources/Public/Icons/play-icon.svg") center center / cover;
    cursor: pointer;
    transition: opacity .3s ease-out;
}
.video-titel{
	margin: auto;
	z-index: 1;
}
.video-titel h2{
	color:#fff;
	margin-top: 0;
}
	a.play-link{
		text-decoration: none !important;
	}
.video-close {
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 3;
    opacity: 0;
    background: url("/typo3conf/ext/plasmacom/Resources/Public/Icons/close-icon.svg") center center / cover;
    cursor: pointer;
    transition: opacity .3s ease-out;
	top: 10px;
	right: 10px;
}
.video-container:hover .video-close{
	opacity: 1;
}
.video-play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: var(--t);
    border-radius: 50%;
    background: #000;
    transition: all .5s ease-out;
}
.video-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: #000;
}
.videopreview-big iframe,.videopreview-big video {
    width: 92vw;
	max-width: 1071px;
	height: calc(9/16 * 92vw);
	max-height: calc(9/16 * 1071px);
	margin: auto;
}
.videopreview-big:after {
    content: '';
    width: 250%;
    height: 250%;
    position: absolute;
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    opacity: 0;
    background: radial-gradient(circle closest-side, rgba(255, 255, 255, .3), transparent);
    transition: opacity 0.5s ease-out;
}
/* ------------ STATES ------------ */

.videopreview-big:hover:after{
    opacity: 1;
}
.video-is-open:after {
    display: none;
}
.video-is-open .video-play {
    opacity: 1;
}
.video-is-open .video-play:after {
    width: 2vw;
    height: 2vw;
    transform: var(--t);
    transition: transform .5s ease-out;
}
	.videopreview-big:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.3);
	}
	
@media (min-width: 1025px){
	.video-img-wrap {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		z-index: 0;
	}
}
.video-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 100%;
    position: absolute;
    z-index: 0;
    transition: all 0.5s ease;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.video-img-wrap img {
    display: none;
}
}
.video-img-wrap img {
    object-position: 50% 50%;
}