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: wrap;
}
.re_text_box_body h1{
    font-size: 22px;
    font-family: 'HelveticaNeue-Light';
    color: #8a8a8a;
    white-space: wrap !important;
    width:400px;
}
.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;
}
.release-header{

}

.release-header-text{
    margin-top:30px;
}
.release-header-startlist{

}
.release-header-startlist{
    margin-top: 20px;
}
.release-header-text a{
    color: #8a8a8a;
}
.startliste-links button{
    color: #8a8a8a;
    padding: 5px 10px 0px 10px !important;
    /*padding: 9px 15px 4px 15px;*/
    border-width: 1px;
    -webkit-border-width: 1px;
    -moz-border-width: 1px;
    border-style: solid;
    -webkit-border-style: solid;
    -moz-border-style: solid;
    border-color: #8a8a8a;
    -webkit-border-color: #8a8a8a;
    -moz-border-color: #8a8a8a;
    background-color: transparent;
    margin-right: 5px;
}
.startliste-links button:hover, .release-header-text a:hover{
    opacity:0.8;
}
.startliste-links{
    list-style: none;
    font-size: 18px;
    font-family: "HelveticaNeue-Thin";
    margin: 0;
    padding: 0;
    right: 0;
    bottom: 0;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.startliste-download{
    margin-right: 10px;
    float: left;
}
.release-header h1, .release-header h2{
    font-family: 'HelveticaNeue-Light';
    color: #8a8a8a;
    white-space: wrap !important;
    width:100%;
    text-align:center;
}
.release-header h1{
    font-size: 34px;
}
.release-header h2{
    font-size: 22px;
    margin-top:30px;
}
.release-header{
    margin-top:50px;
}
.release-header-text{
    max-width: 420px;
    margin: 40px auto;
    text-align: center;
}
@media only screen and (max-width: 1024px) {
    .re_text_box_body h1{
        width:100%;
    }
}
@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;
    }
}