/* ==  Coding nach CSS Guidelines ( https://cssguidelin.es/ )  == */

.el-video-box > .bhElementInner{
	position: relative;
	min-height: 270px;
}


.el-video-box__preview{
	color: white;
	position: absolute;
	top: 	0;
	left: 	0;
	width: 	100%;
	height: 100%;
	z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: 			center;
        -ms-flex-pack: 			center;
            justify-content: 	center;
    -webkit-box-align: 			center;
        -ms-flex-align: 		center;
            align-items: 		center;
    -webkit-box-orient: 		vertical;
    -webkit-box-direction: 		normal;
        -ms-flex-direction: 	column;
            flex-direction: 	column;
}

.el-video-box__preview-file{
	position: absolute;
	left: 	0;
	top: 	0;
	width: 	100%;
	height: 100%;
	background-color: #4a3b26;
}
.el-video-box__preview-file .el-video-box__video-outer {
	opacity: .4;
}

.el-video-box__preview-pic{
	height: 100%;
	background-size: cover;
}

.el-video-box__content{
	position: relative;
}

.el-video-box__title,
.el-video-box__subtitle{
	min-width: 10rem;
}

.el-video-box__title{
	font-size: 1.4rem;
}

.el-video-box__subtitle{
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
}

.el-video-box__title p,
.el-video-box__subtitle p{
	margin-bottom: 0;
}
	
.el-video-box__link{
	cursor: pointer;
}

.el-video-box.bhe-state-current-editing-element .bhe-state-property-empty{
	border: 1px dashed white;
}

.el-video-box.bhe-state-current-editing-element .bhe-state-property-empty:empty::before{
	content: 'Text eingeben...';
}


.el-video_box__video-outer{
	height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    overflow: hidden;
}
.el-video-box__video-wrapper{
	height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    overflow: hidden;
}
.el-video-box__video{
	display: block;
 	width: 100%;
 	height: 100%;   
}
.el-video-box__video--preview{
	min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    width: 100%;
    height: 100%;
}


/* = Video Play = */
.el-video-box.playing .el-video-box__preview{
	-webkit-transition: opacity 0.4s;
	-o-transition: 		opacity 0.4s;
	transition: 		opacity 0.4s;
	pointer-events: none;
	opacity: 0;
}


/* == Pfeifer == */
.el-video-box__content{
	text-align: center;
}
.el-video-box__icon{
    color: #fff;
    font-size: 32px;
    padding-bottom: 20px;
}

.el-video-box__title h2,
.el-video-box__subtitle h3{
	color: white;
}

.el-video-box__title h2{
    font-size: 4rem;
    text-transform: uppercase;
}
.el-video-box__subtitle h3{
	font-size: 1.4rem;
}
.el-video-box__link{
	line-height: 37px;
}
.el-video-box__link-icon{
	display: none;
}