
.youtube-image-wrap {
	position: relative;
	display: inline-block;
    text-align: left;
    max-width: 100%;
}

.youtube-image-wrap .play-button {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    width: 14%;
    height: auto;
    opacity: 0.75;
    transition: opacity 0.2s;
}

.youtube-image-wrap:hover .play-button {
	opacity: 1;
}

.popupvideo-layout-1 {
    text-align: center;
}

.popupvideo-layout-2 {
    text-align: right;
}

.popup-video-wrap,
.popup-embed-video-wrap {
    height: 0;
    padding-bottom: 56.25%;
    /*padding-bottom: 62%;*/
    position: relative;
    width: 800px;
    max-width: 100%;
	overflow-y: auto;
}
.popup-video-wrap iframe,
.popup-embed-video-wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

a.videothumbnail {
    position: relative;
    display: inline-block;    
}

/*
a.videothumbnail:after {
    position: absolute;
    display: block;
    top: 42%;
    left: 43%;
    width: 14%;
    height: auto;
    opacity: 0.75;
    transition: opacity 0.2s;
    content:url(/fileadmin/templates/common/popup/videoplay_ebase.svg);
}
*/

a.videothumbnail:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left:-28px;
    margin-top:-28px;
    width: 56px;
    height: 56px;
    opacity: 0.75;
    transition: opacity 0.2s;
    content:url(/fileadmin/templates/common/popup/videoplay.svg);
}

a.videothumbnail.vt-sm:after {
    margin-left:-14px;
    margin-top:-14px;
    width: 28px;
    height: 28px;
}

a.videothumbnail.vt-blue:after {
    content:url(/fileadmin/templates/common/popup/videoplay_fintego.svg);
}

a.videothumbnail:hover:after {
    opacity: 1;
}

.teaserbox-body .popupvideo {
	margin-bottom: 1rem;
}

.video-risk-notice {
	font-size: 12px;
	margin-top: 1em;
	margin-bottom: 0;
}
