
/* VoD - Seite */

.page-stream .owl-media-container .item{
    max-height: 583px;
}

.page-stream .owl-media-container:hover .pay-button-media-layer,
.page-stream  .owl-media-container:hover .open-stream-media-layer {
    /*    background: rgb(0,0,0,0.4) !important;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;*/
}

.page-stream .media-container__gradient-layer {
    z-index: 8001;
    background: rgba(0,0,0,0);
    background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.3)));
    background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%);
    filter: DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=1 );
    pointer-events: none;
    padding: 0 !important;
    display: block;
    position: absolute !important;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto !important;
    width: 100%;
    height: 100% !important;
}


.page-stream .video-playing .media-container__mediacontainer, .page-stream .media-container__controls {
    padding-bottom: 41.6%;
    max-width: 1035px;
    left: 0;
    right: 0;
    top: 61px;
}

.video-js *, .video-js *:before, .video-js *:after {
    color: #fff;
}

.video-js .vjs-volume-level {
    bottom: 3px;
}

.video-js .vjs-volume-bar {
    margin: 0.35em 0.45em;
}

.page-stream .film-option-btn.offer-button span {
    color: #fff;
    background: #303030;
    display: block;
    width: 100%;
    height: 100%;
    padding: 18px 30px 34px;
    font-size: 21px;
    letter-spacing: 1px;
    font-family: "Futura", sans-serif;
    text-transform: uppercase;
}

.page-stream  .item-description {
    padding: 20px;
    padding-left: 4vw;
    padding-bottom: 3vw;
    max-width: 70%;
    padding-right: 0vw;
    width: 100%;
}

.page-stream h1.playlist-detail__title {
    font-size: 30px;
    text-align: center !important;
}

.page-stream .playlist-detail-container {
    max-width: 1027px;
    margin: auto;
    margin-top: 43px;
}

.page-stream .event-audio-title {
    color: #fff;
}


.page-stream .event-audio span {
    color: #fff;
}


.page-stream .playlist-detail__texts-container .container {
    text-align: center;
    font-family: Sabon;
}

.page-stream .playlist-detail__texts-container .container a {
    font-size: 16px;
/*    text-transform: uppercase;*/
    font-weight: 700;
    font-family: 'Sabon';
}

.page-stream .film-option-btn.offer-button {
    position: absolute;
    right: -68px;
    transform: rotate(270deg);
    top: 29%;
    width: auto;
}

.page-stream .owl-media-container .item-description-info h1,
.page-stream .owl-media-container .item-description-info p,
.page-stream .owl-media-container .item-description-info .theatre-info-btn{
    display: none;
}

.page-stream .owl-media-container .item-description-info{
    width: -moz-available;
}

.page-stream .site-header .header-closed {
    border-bottom: 0px solid #E0E0E0;
}

.page-stream .owl-media-container .pay-button-media-layer, 
.page-stream .owl-media-container .open-stream-media-layer{
    /*    background: transparent; */
    /* background-color: rgba(0,0,0,0.3); */
    border: 1px #FFFEF8 solid;
    /* color: #fff; */
    display: flex;
    width: fit-content!important;
    width: max-content;
    align-items: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-right: 24px;
    margin-top: 8px;
    cursor: pointer;
    padding-left: 6px;
    letter-spacing: 0px !important;
    background: #FFFEF8;
    color: #303030 !important;
    font-family: "Futura", sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase !important;
}

.page-stream .owl-media-container .pay-button-media-layer span{
    /*    color: #fff;*/
}

.page-stream .owl-media-container .pay-button-media-layer div{
    background: transparent;
}
.page-stream .owl-media-container .pay-button-media-layer svg path{
    /*    fill: #fff!important;*/
}

.playlist-detail__texts-container {
    max-width: 750px;
    margin: auto;
}

.page-stream .owl-media-container .vjs-big-play-button{
    background: transparent;
    background-image: url(../images/mc-play.svg);
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 28px;
    cursor: pointer;
    transition: filter .3s ease-in-out;
    text-indent: 49px;
    width: fit-content!important;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.page-stream .owl-media-container .btn-cart-blue-outline{
    margin-right: 0px;
}


.page-stream .playlist-detail__texts-container.container .col-left {
    width: 100%;
    text-align: center;
}

.page-stream .playlist-detail__texts-container.container .award-name {
    margin-bottom: 30px;
}

