#videothek ul {
    margin: 0;
    list-style-type:none;
    -webkit-padding-start:0;
    width: 100%;
}

#videothek ul li {
    margin-bottom: 15px;
    padding: 0;
    box-sizing: border-box;
}

#videothek ul li:first-child {
    margin-left:0;
}

#film_des_tages {
    
}

#videothek ul li img,
#film_des_tages img {
    width:100%;
    height:auto;
    display:block;
}

#videothek ul li .image,
#film_des_tages .image {
    height:auto;
    overflow:hidden;
    position:relative;
    padding:0px !important;
    margin:0px !important;
    height:100%;
}

#videothek ul li .title,
#film_des_tages .title {
    border-top:none;
    padding: 0.5em 0.5em;
    text-align:left;
    font-size:1em;
}

#videothek ul li .infos,
#film_des_tages .infos {
    border-top:none;
    padding:3px 2px;
    font-size:11px;
    border-left: none;
    border-right: none;
    border-top: none;
}

#top_filme #top_filme_content,
#videothek #videothek_content {
    width: 100vw;
    overflow: hidden;
    /* white-space: nowrap; */
    overflow-y: hidden;
    overflow-x: auto;
    /* Hide scrollbar for IE, Edge add Firefox */
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#top_filme #top_filme_content::-webkit-scrollbar,
#videothek #videothek_content::-webkit-scrollbar {display: none;}

#top_filme #top_filme_content .grid-item,
#videothek #videothek_content .grid-item {
    position: relative;
    max-width: 100vw;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin-bottom: 10px;
}

#top_filme #top_filme_content .grid-item:first-child,
#videothek #videothek_content .grid-item:first-child {
    margin-left:0px;
    border-left:none;
}

#top_filme #top_filme_content .grid-item:last-child,
#videothek #videothek_content .grid-item:last-child {border-right:none;}

#top_filme #top_filme_content .grid-item img,
#videothek #videothek_content .grid-item img {
    width: 100vw;
    height: auto;
}

#top_filme #top_filme_content .grid-item a div,
#videothek #videothek_content .grid-item a div {
    border: none;
    box-sizing: border-box;
    width: 100%;
    padding: 3px 2px;
    bottom: 0;
    position: absolute;
    opacity: 0.85;
    font-size: 1rem;
    white-space: normal;

}


@media only screen and (min-width: 1025px) {
    #videothek ul {
        margin-left:-4px;
        width: calc(100% + 8px);
    }
    
    #videothek ul li:first-child {
        margin-left:4px;
    }
    
    #videothek ul li {
        width: calc(20% - 8px);
        float:left;
        border-left: none;
        border-right: none;
        border-top: none;
        margin: 4px 4px 20px 4px;        
    }
    
    #videothek ul li .title {
        display: flex;
        height: 4rem;
    }
    
    #videothek ul li .title a {
        display: inline-block;
        align-self: flex-end;
        font-size:1.2rem;
    }

    #videothek ul li .infos {
        font-size:0.9rem;
        
    }
}

@media only screen and (min-width: 616px) AND (max-width: 1024px) {
    #videothek ul {
        margin-left:-4px;
        width: calc(100% + 8px);
    }
    
    #videothek ul li:first-child {
        margin-left:4px;
    }
    
    #videothek ul li {
        width: calc(50% - 8px);
        float:left;
        border-left: none;
        border-right: none;
        border-top: none;
        margin:4px;
    }
    
    #videothek ul li .title {
        display: flex;
        height: 3rem;
    }
    
    #videothek ul li .title a {
        display: inline-block;
        align-self: flex-end;
        font-size:1.2rem;
    }

    #videothek ul li .infos {font-size:0.9rem;}
    
}


@media only screen and (max-width: 615px) {
    #videothek ul li {
        width:100%;
    }

    #videothek ul li .title {font-size:0.8em}
    #videothek ul li .infos {font-size:0.8em;}

}