html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px;  /*remove scrollbar space */
background: transparent; /*/ optional: just make scrollbar invisible /*/
}
/*/ optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}






.behalter {
  /*width: 95%;*/
  /*height: 95%;*/
  background:#000;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  scrollbar-width:none;
  overflow-y: scroll;
}

.topclose {

    position: absolute;
    background: #000;
    color: #767676;
    top: 0;
    right: 0;
    border: none;
    font-size:10pt;
    /*padding:10px;*/
    /*background: #767676;*/
    z-index: 2147483647;
    /*border-radius: 49%;*/
}

.skip {

    position: fixed;
    background: #000;
    color: #767676;
    /*top: 0;*/
    margin-top: 5%;
    /*left: 0;*/
    margin-left:50%;
    border: none;
    font-size:10pt;
    /*padding:10px;*/
    /*background: #767676;*/
    z-index: 2147483647;

}

.topclose:hover {

    background: #dc3545;

}
.skip:hover {

    background: #dc3545;

}


.player_wrapper{

  display:table;
    /*width:auto;*/
    position:absolute;
    /*width:50%;*/
}


.player_overlay{

    position:absolute;
    z-index: 5;
    font-size: 25pt;
    /*margin-top: -30%;*/
    /*margin-left: 20%;*/
    width: 100%;


}


.player_skip{

    position: absolute;
}



.player_overlay_button{

    vertical-align: middle;
    margin-left: 20%;
    /*margin-top: 100%;*/
    color:#FFF;
    cursor: pointer;
    z-index: 2147483647;
    position: relative;
    text-shadow: 1px 1px #000;
}

.player_overlay_button:hover{
    cursor: pointer;

}


.player_overlay_time{

    margin-top: 100%;
    width: 90%;
    margin-left: -3%;
    margin-top: 120px;
}


.player_overlay_volume{

    transform: rotate(-90deg);
    width: 25%;
    /*height: : 100%;*/
    margin-top: -5%;
    margin-left: -15%;
    position: absolute;
}



.player_overlay_button:hover{

    vertical-align: middle;
    margin-left: 20%;
    margin-top: 100%;
    color:#b90e0a;
    border-color: #FFF;
    text-decoration:none;

}

.banner_description{

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}



.player_overlay_button:first-of-type{

    margin-left: -5%;

}




.video {

    /*width: 100%;*/
    position: fixed;
    /*z-index: 0;*/
    background: #000;
    background-size: 100% 100%;
    top: 0px;
    bottom: 0px; 
    left: 0px; 
    right: 0px; 
    min-width: 105%;
    min-height: 99%;
    width: 105%;
    height: 99%;
    /*object-fit: contain;*/

}

.dunkler{

    opacity: 0.5;
    background: #FFF;

}


.dpanel .dpanel_span .dpanel_button{

  cursor: pointer;
  margin-left:1%;
  color:#FFF;
  background:#5e1224;
  border-radius:45%;
  padding-top:12px;
  padding-bottom:12px;
  padding-right:15px;
  padding-left:15px;
   
  margin-right:8%;
}


.dpanel .dpanel_span .dpanel_button:first-of-type{

  margin-left:5%;  
}

.dpanel .dpanel_span :hover{

  color:#FFF;
  background:#001540;
   
}


.dpanel-mum{
  display:flex; 
  flex-direction:row;
  flex-wrap:nowrap;
  scrollbar-width:none; 
  align-items:stretch;
  overflow-x: scroll;
  margin-bottom: 20px;

}

.list-title{

  font-family: Nunito;
  font-size:20pt;
  color: #fff;
}



.dpanel{

  margin-top: 10px;
  margin-right: 10px;
  height:150px;
  width: 100px;
  background: #ccc;
  border-radius: 5px;
  /*display:table;*/
  background-repeat: no-repeat;
  background-size:cover;
  background-position-x: center;
  background-position-y: center;
  flex-shrink: 0;
  position: relative;

}



.screenplayer{

  /*position: absolute;*/
  overflow-x: hidden;
  overflow-y: hidden;
  background: #000;
  width:100%;
  height:100%;

}