@CHARSET "UTF-8";
.IIV::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button{
    opacity: 0;
    pointer-events: none;
    width: 5px;
}

#p_video{
    width:725px;
    height:420px;
    position:absolute;
    top:0;
    left:0;
    z-index: 1;
}
.p_relatedmedia_container{
    text-align:center;
    z-index:19;
    top:0;
    left:0;
    position:absolute;
    height:100%;
    width:100%;
    display:none;
}
.p_relatedmedia{
    text-align:center;
    margin-top:10px;
    width:32%;
    display: inline-block;
    background-color:white;
    opacity:0.75;
    border:1px solid lightslategrey;
    overflow: hidden;
}
.p_relatedmedia:hover{
    opacity:1;
}
.p_relatedmedia img{
    width:100%;
}
.p_vast_video{
    width:725px;
    height:420px;
    position:absolute;
    top:0;
    left:0;
    background-color:black;
    display:none;
    z-index: 19;
}
.p_teaser{
    padding-left:5px;
    padding-right:5px;
    min-width:200px;
    height:25px;
    position:absolute;
    background-color:#696969;
    opacity:0;
    border:1px solid black;
    border-radius:4px;
    bottom:50px;
    z-index:9;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}
#p_teaser_now{
    left:25px;
}
#p_teaser_next{
    right:25px;
}
.p_play_navigator{
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    position: absolute;
    z-index:10;
    width:40px;
    opacity:0;
    cursor: pointer;
}
#p_play_navigator_next{
    right:0;
    background-color:white;
    background-image:url(../images/pfeil_rechts.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: contain;
}
#p_play_navigator_prev{
    left:0;
    background-color:white;
    background-image:url(../images/pfeil_links.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: contain;
}
.p_vast_a{
    z-index: 19;
}
.p_vast_seek{
    position:absolute;
    width:2px;
    height:8px;
    bottom:0;
    background-color:#999;
    z-index: 18;
}
.p_vast_header{
    position:absolute;
    width:220px;
    padding-left:5px;
    height:20px;
    top:0;
    left:0;
    background-color:black;
    display:none;
    opacity:0.7;
    text-align: center;
    z-index: 21;
}
#p_hidevideo{
    z-index:2;
    top:0;
    left:0;
    position:absolute;
    height:100%;
    width:100%;
    background-color: black;
}
#p_hidecanvas{
    z-index:6;
    top:0;
    left:0;
    position:absolute;
    height:100%;
    width:100%;
    background-color: black;
    display:none;
}
#p_hidebackcanvas{
    z-index:4;
    top:0;
    left:0;
    position:absolute;
    height:100%;
    width:100%;
    background-color: black;
}
#p_canvas{
    position:absolute;
    top:0;
    left:0;
    z-index: 5;
}
#p_canvas_back{
    position:absolute;
    top:0;
    left:0;
    z-index: 3;
}
#p_canvas_pattern{
    position:absolute;
    top:0;
    left:0;
    z-index: 3;
}
#p_canvas_left{
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index: 7;
}
#p_canvas_right{
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index: 7;
}
#p_loading{
    position:absolute;
    width:100%;
    height:100%;
    padding-top:146px;
    padding-left:300px;
    z-index: 20;
}
#p_play_overlay_background{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index: 10;
    background-color:#000;
    opacity:0.3;
}
#p_play_overlay{
    width:725px;
    height:420px;
    position:absolute;
    top:0;
    left:0;
    z-index: 10;
    border: none;
    padding-top:151px;
    padding-bottom:151px;
    padding-left:268px;
    padding-right:268px;
    background-repeat: no-repeat;
    background-clip:content-box;
    background-color: transparent;
    background-image:url(../images/player_icons.png);
    background-position:-90px 151px;
    opacity:1;
}
#p_play_overlay:focus{
    outline: none !important;
}
#p_audio_poster{
    max-width:100%;
    height:100%;
    z-index:5;
    display: block;
    margin: 0px auto;
}
#p_controls{
    position:absolute;
    height:32px;
    width:100%;
    bottom:0;
    left:0;
    background-color:#85989e;
    z-index: 20;
}
#p_progressbar{
    position:absolute;
    height:7px;
    width:100%;
    top:0;
    /*float:left;*/
    background-color:#888;
    z-index: 5;
}
#p_progressbar_played{
    position:absolute;
    height:100%;
    width:0;
    top:0;
    left:0;
    background-image:url(../images/Muster.jpg);
    z-index: 15;
}
#p_progressbar_played_position{
    border: none;
    position:absolute;
    height:12px;
    width:calc(100% + 12px);
    left:-6px;
    top:-2px;
    background: transparent !important;
    z-index: 16;
}
#p_progressbar_played_position:focus{
    outline: none !important;
}
#p_progressbar:hover #p_progressbar_played_position{
    background: url(../images/player_icons.png) no-repeat -120px -150px;
}
#p_progressbar_loaded{
    position:absolute;
    height:100%;
    width:0;
    top:0;
    left:0;
    background-color:#565759;
    z-index: 10;
}
.p_chapter_seek{
    position:absolute;
    width:5px;
    height:8px;
    bottom:0;
    background-color:#bbb;
    z-index: 17;
    cursor:pointer;
}
.p_vast_seek{
    position:absolute;
    width:2px;
    height:8px;
    bottom:0;
    background-color:#999;
    z-index: 18;
    cursor:pointer;
}
.p_chapter_seek .p_chapter_description{
    display:none;
    position:absolute;
    width:100px;
    height:75px;
    bottom:10px;
    left:-50px;
    color:#222;
    background-color:#FFEDA5;
    border-left:1px solid #444;
    border-right:1px solid #444;
    border-top:1px solid #444;
    z-index: 4;
    overflow: hidden;
}
.p_chapter_seek:hover{
    height:10px;
}
.p_chapter_seek:hover .p_chapter_description{
    display:block;
}
.p_previewCanvas{
    position:absolute;
    left:0;
    top:0;
}
.p_previewVideo{
    width:100px;
    height:100px;
}

.p_playerContainer{
    font-family: "Open Sans","open_sansregular","Segoe UI","Helvetica Neue",sans-serif;
    color: #eee;
    z-index:2;
}
.p_playerContainer *,
.p_playerContainer *:before,
.p_playerContainer *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#p_chaptersContainer{
    margin-top:10px;
    display:none;
    position:relative;
    /*float:left;*/
    width:0;
    height:0;
}
#p_videoContainer{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position:relative;
    /*float:left;*/
    width:725px;
    height:450px;
    margin:0;
    padding:0;
    background-color:#000;
    /*text-shadow: -1px 0 #666;*/
    overflow:hidden;
    z-index:2;
}

.homePage .mediaDetail #mediaPlayer{
  width: 100% !important;
}

.homePage #mediaPlayer #p_videoContainer{
  width: 100% !important;
}

#p_videoContainer:hover .p_play_navigator{
    opacity: 0.3;
}
.p_chapter{
    position:absolute;
    top:0;
    width:100px;
    /*max-height:100px;
    min-height:100px;*/
    /*height:25px;*/
    overflow:hidden;
    float:left;
    background-color:#ABB3BA;
    /*border:1px solid #444;*/
    cursor:pointer;
    color:#000;
    z-index: 10;
    /*transition: width 1s, height 1s;*/
    /*-webkit-transition: width 1s, height 1s; *//* Safari 3.1 to 6.0 */
}

.p_chapter_description{
    /*display:none;*/
    overflow:hidden;
    width:0;
    max-height:0;
    padding-left:5px;
    /*transition: width 1s, height 1s;*/
    /*-webkit-transition: width 1s, height 1s; *//* Safari 3.1 to 6.0 */
}

.p_chapter_background{
    background-color:#ABB3BA;
    width:100%;
    /*width:275px;*/
}

.p_chapter > img{
    width:100%;
}

.p_chapter_slider
{
    padding:5px;
    background-color: rgba(0,0,0,0.3);
    color: white;
    width:100%;
    height: 100px;
    display:none;
    font-size: 12px;
    font-weight: normal;
    word-spacing: inherit;
    overflow-wrap: break-word;
}

#p_slidetime{
    display: none;
    position:absolute;
    left:0;
    bottom:32px;
    width:50px;
    height:18px;
    font-size:12px;
    padding-top:2px;
    text-align:center;
    color:#fff;
    background-color: #000;
    opacity:0.7;
    z-index: 3;
}
#p_button_description{
    display: none;
    position:absolute;
    left:0;
    bottom:32px;
    /*width:100px;*/
    height:18px;
    font-size:12px;
    padding-top:2px;
    padding-left:3px;
    padding-right:3px;
    text-align:center;
    color:#fff;
    background-color: #000;
    opacity:0.7;
    z-index: 4;
}
#p_seekPreview{
    display:none;
    position:absolute;
    left:-88px;
    bottom:33px;
    width:177px;
    height:100px;
    background-color: #222;
    z-index:2;
}
#p_videoPreview{
    width:177px;
    height:100px;
}
#p_audio_container{
    margin-right:6px;
    width:100px;
    height:25px;
    float:left;
}
#p_audio_icon_0{
    border: none;
    background: url(../images/player_icons.png) no-repeat -90px -75px;
    height:25px;
    width:30px;
    cursor:pointer;
    float:left;
}
#p_audio_icon_0:focus{
    outline: none !important;
}
#p_audio_icon_0:hover{
    background: url(../images/player_icons.png) no-repeat -210px -75px;
}
#p_audio_icon_33{
    border: none;
    background: url(../images/player_icons.png) no-repeat -60px -75px;
    height:25px;
    width:30px;
    cursor:pointer;
    float:left;
}
#p_audio_icon_33:focus{
    outline: none !important;
}
#p_audio_icon_33:hover{
    background: url(../images/player_icons.png) no-repeat -180px -75px;
}
#p_audio_icon_66{
    border: none;
    background: url(../images/player_icons.png) no-repeat -30px -75px;
    height:25px;
    width:30px;
    cursor:pointer;
    float:left;
}
#p_audio_icon_66:focus{
    outline: none !important;
}
#p_audio_icon_66:hover{
    background: url(../images/player_icons.png) no-repeat -150px -75px;
}
#p_audio_icon_100{
    border: none;
    background: url(../images/player_icons.png) no-repeat 0 -75px;
    height:25px;
    width:30px;
    cursor:pointer;
    float:left;
}
#p_audio_icon_100:focus{
    outline: none !important;
}
#p_audio_icon_100:hover{
    background: url(../images/player_icons.png) no-repeat -120px -75px;
}
#p_audio_slider_container{
    height:25px;
    width:70px;
    float:left;
}
#p_audio_slider{
    position:relative;
    margin-top:10px;
    height:7px;
    width:100%;
    background-color:#565759;
    z-index: 15;
}
#p_audio_slider_percent{
    height:100%;
    width:100%;
    background-image:url(../images/Muster.jpg);
    z-index: 20;
}
#p_audio_slider_percent_position{
    position:absolute;
    height:12px;
    width:calc(100% + 12px);
    left:-6px;
    top:-2px;
    background: transparent !important;
}
#p_audio_slider_percent_position:focus{
    outline: none !important;
}
#p_audio_slider_container:hover #p_audio_slider_percent_position{
    background: url(../images/player_icons.png) no-repeat -120px -150px;
}
#p_buttonbar{
    padding-left:3px;
    padding-right:3px;
    position: absolute;
    height:25px;
    bottom:0;
    width:100%;
    font-size:11px;
    cursor:default;
    background-color: #ABB3BA;
    z-index:10;
}
#p_buttonbar_right{
    height:25px;
    float:right;
}
.p_buttonLeft{
    cursor: pointer;
    position:relative;
    height:25px;
    width:50px;
    float:left;
    padding: 0 10px;
    background-repeat: no-repeat;
    background-clip:content-box;
    background-image:url(../images/player_icons.png);
}
.p_buttonRight{
    cursor: pointer;
    position:relative;
    /*padding:2px;*/
    height:25px;
    width:30px;
    float:left;
    background-repeat: no-repeat;
    background-image:url(../images/player_icons.png);
}
.p_buttonRightLong{
    cursor: pointer;
    position:relative;
    padding:2px;
    height:25px;
    width:60px;
    float:right;
    background-repeat: no-repeat;
    background-clip:content-box;
    background-image:url(../images/player_icons.png);
}
#p_time{
    padding-top:6px;
    height:25px;
    z-index: 16;
    float:left;
}
#p_highlight{
    display:none;
    z-index:1;
    top:0;
    left:0;
    position:fixed;
    height:100%;
    width:100%;
    opacity:0.7;
    background-color: black;
}
#p_threeDSwitch{
    position:absolute;
    display:none;
    bottom:22px;
    left:-47px;
    width:125px;
    color:#fff;
    z-index: 20;
}
.p_threeDSwitchButton{
    padding-left:7px;
    padding-top:4px;
    height:25px;
    background-color: #000;
    opacity:0.7;
}
.p_threeDSwitchButton:hover{
    opacity:0.8;
}
.p_threeDSwitchButton_active{
    padding-left:7px;
    padding-top:4px;
    height:25px;
    background-color: #000;
    opacity:1;
}
.p_threeDSwitchButton button{
    padding: 0;
    height:20px;
    color:#fff;
    border: none;
    font-size: 1em;
    background-color: transparent;
}
.p_threeDSwitchButton button:focus{
    outline: none !important;
}

#p_threeDSwitchSubMenu{
    height:0;
    padding-left:45px;
    padding-right:45px;
    background: url(../images/player_icons.png) no-repeat -196px 0;
    background-clip:content-box;
}
.p_threeDSwitchCategory{
    height:20px;
    padding-left:7px;
    padding-top:4px;
    background-color:#ABB3BA;
}
#p_whitelabeling_Link{
    background: transparent none repeat scroll 0 0;
    padding: 0;
    display:block;
    width:100%;
    height:100%;
}
.p_link{
    display:block;
    width:100%;
    height:100%;
}
#p_watermark{
    position:absolute;
    z-index:10;
}
#p_b_play_pause_play{
    text-align: left;
    border: none;
    padding: 0.5em 1em;
    display: block;
    font-size: 1.2em;
    font-family: 'Roboto Light', 'robotolight', sans-serif;
    color: #1a1c1e;
    background-color: transparent;
    background-position:10px 0;
}
#p_b_play_pause_play:focus{
    outline: none !important;
    box-shadow: none;
}
#p_b_play_pause_play:hover{
    background-position:-110px 0;
}
#p_b_play_pause_pause{
    text-align: left;
    border: none;
    padding: 0.5em 1em;
    display: block;
    font-size: 1.2em;
    font-family: 'Roboto Light', 'robotolight', sans-serif;
    color: #1a1c1e;
    background-color: transparent;
    background-position: -20px 0;
}
#p_b_play_pause_pause:focus{
    outline: none !important;
    box-shadow: none;
}
#p_b_play_pause_pause:hover{
    background-position:-140px 0;
}
#p_b_play_pause_replay{
    text-align: left;
    border: none;
    display: block;
    font-size: 1.2em;
    font-family: 'Roboto Light', 'robotolight', sans-serif;
    color: #1a1c1e;
    background-color: transparent;
    background-position:-50px 0;
}
#p_b_play_pause_replay:focus{
    outline: none !important;
    box-shadow: none;
}
#p_b_play_pause_replay:hover{
    background-position:-170px 0;
}
#p_b_fullscreen_on{
    text-align: left;
    border: none;
    padding: 0.5em 1em;
    display: block;
    font-size: 1.2em;
    font-family: 'Roboto Light', 'robotolight', sans-serif;
    color: #1a1c1e;
    background-color: transparent;
    background-position: 0 -125px;
}

#p_b_fullscreen_on:focus{
    outline: none !important;
    box-shadow: none;
}

#p_b_fullscreen_on:hover{
    background-position:-120px -125px;
}

#p_b_fullscreen_off{
    text-align: left;
    border: none;
    padding: 0.5em 1em;
    display: block;
    font-size: 1.2em;
    font-family: 'Roboto Light', 'robotolight', sans-serif;
    color: #1a1c1e;
    background-color: transparent;
    background-position:-30px -125px;
}
#p_b_fullscreen_off:focus{
    outline: none !important;
    box-shadow: none;
}
#p_b_fullscreen_off:hover{
    background-position:-150px -125px;
}
#p_b_highlight_on{
    text-align: left;
    border: none;
    padding: 0.5em 1em;
    display: block;
    font-size: 1.2em;
    font-family: 'Roboto Light', 'robotolight', sans-serif;
    color: #1a1c1e;
    background-color: transparent;
    background-position: 0 -100px;
}

#p_b_highlight_on:focus{
    outline: none !important;
    box-shadow: none;
}

#p_b_highlight_on:hover{
    background-position:-120px -100px;
}
#p_b_highlight_off{
    text-align: left;
    border: none;
    padding: 0.5em 1em;
    display: block;
    font-size: 1.2em;
    font-family: 'Roboto Light', 'robotolight', sans-serif;
    color: #1a1c1e;
    background-color: transparent;
    background-position:-30px -100px;
}

#p_b_highlight_off:focus{
    outline: none !important;
    box-shadow: none;
}

#p_b_highlight_off:hover{
    background-position:-150px -100px;
}
#p_b_threeD{
    background-position:0 -25px;
}
#p_b_threeD:hover{
    background-position:-120px -25px;
}
#p_b_threeDChangeSidesNormal{
    background-position:0 -175px;
}
#p_b_threeDChangeSidesNormal:hover{
    background-position:-120px -175px;
}
#p_b_threeDChangeSides{
    background-position:-30px -175px;
}
#p_b_threeDChangeSides:hover{
    background-position:-150px -175px;
}
#p_b_whitelabeling{
    background-position:0 -200px;
}
#p_b_whitelabeling:hover{
    background-position:-120px -200px;
}
#p_b_c1c2{
    background-position:-60px -225px;
}
#p_b_c1c2:hover{
    background-position:-180px -225px;
}
#p_b_c1{
    padding-left: 15px;
    padding-right: 15px;
    background-position:15px -225px;
}
#p_b_c1:hover{
    background-position:-105px -225px;
}
#p_b_c2{
    padding-left: 15px;
    padding-right: 15px;
    background-position:-15px -225px;
}
#p_b_c2:hover{
    background-position:-135px -225px;
}
#p_b_c1c2_active{
    background-position:-300px -225px;
}
#p_b_c1_active{
    padding-left: 15px;
    padding-right: 15px;
    background-position:-225px -225px;
}
#p_b_c2_active{
    padding-left: 15px;
    padding-right: 15px;
    background-position:-255px -225px;
}
#p_b_subtitles{
    background-position:0 -50px;
}
#p_b_subtitles:hover{
    background-position:-120px -50px;
}
#playerContext
{
    display: none; 
    width:100px;
    height:auto;
    background: rgba(0,0,0,0.3);
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute; 
    z-index: 10000;
}

#playerContext ul {
    padding:0;
    margin:0;
}

#playerContext li
{
    padding: 2px 10px 2px 10px;
    list-style-type: none;
    line-height: 1.42857;
    font-weight: normal;
    font-size: 12px;
}
#playerContext *:not(:first-child)
{
    border-top: solid 1px #999;
}
#playerContext a
{
    color: #ddd;
    text-decoration: none;
}

#playerContext a:hover
{
    color: #eee;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

/* Slider itself*/
.progressbar{
    -webkit-appearance: none;
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    background: transparent; /* Grey background */
    outline: none !important; /* Remove outline */
    /*opacity: 0.7; !* Set transparency (for mouse-over effects on hover) *!*/
    /*-webkit-transition: .2s; !* 0.2 seconds transition on hover *!*/
    transition: opacity .2s;
}

.progressbar:focus{
    outline: none !important;
}

/* The slider handle */
.progressbar::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    border: 0;
    width: 12px; /* Set a specific slider handle width */
    height: 12px; /* Slider handle height */
    background: url(../images/player_icons.png) no-repeat 0 -150px;
    background-color: transparent;
    cursor: pointer; /* Cursor on hover */
    z-index: 25;
}

.progressbar::-moz-range-thumb {
    border: 0;
    width: 12px; /* Set a specific slider handle width */
    height: 12px; /* Slider handle height */
    background: url(../images/player_icons.png) no-repeat 0 -150px;
    background-color: transparent;
    cursor: pointer; /* Cursor on hover */
    z-index: 25;
}
.progressbar::-ms-thumb {
    border: 0;
    width: 12px; /* Set a specific slider handle width */
    height: 12px; /* Slider handle height */
    background: url(../images/player_icons.png) no-repeat 0 -150px;
    background-color: transparent;
    cursor: pointer; /* Cursor on hover */
    z-index: 25;
}

.hidden-label{
    position: absolute;
    top: 0;
    left: 0;
    width: 0.4px !important;
    height: 0.4px !important;
    overflow: hidden;
}

/* The slider track */
input[type="range"]::-webkit-slider-runnable-track{
    background: transparent;
}

input[type="range"]::-moz-range-track {
    border: inherit;
    background: transparent;
}

input[type="range"]::-ms-track {
    border: inherit;
    color: transparent; /* don't drawn vertical reference line */
    background: transparent;
}

/* Style progress  */
input[type="range"]::-ms-fill-upper {
    background: transparent;
}

input[type="range"]::-ms-tooltip {
    display: none;
}

@media (max-width: 576px){
  .homePage #mediaPlayer #p_videoContainer{
    height: 151px !important;
  }
  .viewMedia #mediaPlayer #p_videoContainer{
        height: 151px !important;
  }
}
  
  @media (min-width: 576px) and (max-width: 768px){
    .homePage #mediaPlayer #p_videoContainer{
      height: 261px !important;
    }
    .viewMedia #mediaPlayer #p_videoContainer{
          height: 261px !important;
    }
  }

.off-screen-text {
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 1px;
    margin: -1px;
    left: 0.1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}