html body .release{
    background-color:#000 !important;
    height:100px;
}
#header .container-release{
    height:80px;
    background-color:#000;
}
pre {
    float:left;
    margin-top:50px;
}

/* --- fonts ---*/
/*
    font-family: 'HelveticaNeue-Light';
    font-family: 'HelveticaNeue-Medium';
    font-family: 'HelveticaNeue-Roman';
    font-family: 'HelveticaNeue-Thin';
*/
/* ----- */

/*  --- releases --- */

.re_headline{
    width:100%;
    height: 40px;
    margin-top:20px;
    margin-bottom:20px;
    display:inline-block !important;

}
.re_items_box{
    width:49%;
    display:inline-block !important;
    min-height: 182px;
}
.re_items_poster{
    float:left;
    width:125px;
    margin-right:20px;
}
.re_items_poster img{
    width:125px;
    height:168px;
}
.re_text_box{
    float:left;
    width: 330px;
}
.re_text_box_header{
    float:left;
    width:100%;
}
.re_headline_text{
    font-family: 'HelveticaNeue-Light';
}

.re_text_box_header span {
    font-size:22px;
    font-family: 'HelveticaNeue-Light';
    color:#8a8a8a;
    white-space: nowrap;
}
.re_movie_start{
    display:inline;
    width:33%;
}
.re_text_box p{
    width: 100%;
    overflow: hidden;
    max-height:130px;
    color:#7c7c7c;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*text-overflow: "…";*/
}
.re_text_box h1{
    font-size: 22px;
    font-family: 'HelveticaNeue-Light';
    color: #8a8a8a;
    white-space: nowrap;
}
.re_text_box_body h1{
    font-size: 22px;
    font-family: 'HelveticaNeue-Light';
    color: #8a8a8a;
    white-space: nowrap;
}
.re_text_box img{
    float:right;
    width:34px;
    height:14px;
    margin-top: 6px;
}
.re_text_box_body{
    float:left;

}

h4 {
    display: flex;
    flex-direction: row;
    color:#8a8a8a;
}

h4:before,
h4:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #bbb;
    margin: auto;
    padding-left:20px;
    padding-right:20px;
}
h4:before{
    margin-right:20px;
}
h4:after {
    margin-left:20px;
}
.startdate_text{
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.re_text_box_header .dreid{
    display:none;
}

@media only screen and (min-width: 1024px) {
    .re_items_box{
        width:49%;
        margin-bottom:20px;
    }
    .re_text_box{
        /*width:100%;*/
        margin-bottom:20px;
    }
    .re_text_box p{
        width: 100%;
        max-height:130px;
        -webkit-line-clamp: 5;
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .re_items_box{
        width:100%;
        margin-bottom:20px;
    }
    .re_text_box{
        /*width:100%;*/
        margin-bottom:20px;
    }
    .re_text_box p{
        width: 100%;
        max-height:130px;
        -webkit-line-clamp: 5;
    }
}

@media only screen and (min-width: 600px) and (max-width:767px) {
    .re_items_box{
        width:100%;
        margin-bottom:20px;
    }
    .re_text_box{
        width:60%;
        margin-bottom:20px;
        margin-left:0px;
    }
    .re_text_box p{
        width: 100%;
        max-height:130px;
        -webkit-line-clamp: 5;
    }
    .re_text_box_header span {
        font-size:18px;
    }
}

@media (max-width: 599px) {
    .re_items_box{
        width:100%;
        margin-bottom:20px;
    }
    .re_text_box{
        width: 93%;
        margin-bottom: 20px;
        padding:0px;
        margin-left:0px;
        margin-top:20px;
    }
    .re_text_box p{
        width: 100%;
        max-height:130px;
        -webkit-line-clamp: 5;
    }
    .re_text_box_header span {
        font-size:16px;
    }
}