
#item-news {
    margin-left: 20px;
    margin-bottom: 70px;
}

.headline-n{
    text-align: left;
}

.news-text {
    position: relative;
    /*margin-top: 39px;*/
    /*border-top: 3px solid #EB552C;*/
}

.news-buttons {
    border-top: 2px solid #EB552C;
    height: 100%;
    height:26px;
    margin-bottom: 40px;
}

.news-button {
    position: relative;
    float: left;
    margin-top: 10px;
    width: 50%;
    height: 26px;
    line-height: 26px;
    background-size: auto 24px;

    background-repeat: no-repeat;

    color: #EB552C;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.news-button.next {
    text-align: right;
    padding-right: 4%;
    background-image: url(../../images/arrow-next.svg);
    background-position: right;
    -ms-background-position-x: 118px;
}


.news-button.prev {
    padding-left: 4%;
    background-image: url(../../images/arrow-prev.svg);
    background-position: left;
    -ms-background-position-x: -100px;
}

/* MEDIA QUERIES - desktop -----------------------------------------------------------------------------------------  */

@media screen and (min-width:960px){
    #wrapper-n {
        width: 960px;
        /*margin-top:170px;*/
        margin: 220px auto ;
   }

    .spalte1-n {
        width: 460px;
        margin: 30px 40px 100px 0px;
        float: left;
    }

    .spalte2-n {
        width: 460px;
        padding-left: 0px;
        padding-top: 0px;
        margin-top:30px;
        margin-bottom:400px;
        /*border-top: 3px solid #EB552C;*/
        /*margin: 0px 0 0 510px;*/
        /*background-color: #f0f;*/
        float: left;
    }

    .news-text {
        margin-bottom: 30px;
        /*border-top: 3px solid #EB552C;*/
    }
}

/* MEDIA QUERIES - tablet ----------------------------------------------------------------------------------------- */

@media screen and (max-width:959px){

    #wrapper-n {
        width: 540px;
        margin: 170px auto;
    }

    .spalte1-n{
        width: 540px;
    }

    .spalte2-n {
        width: 540px;
    }

    .news-text {
        margin-bottom: 40px;
        /*border-top: 2px solid #ddd;*/
    }
}

/* MEDIA QUERIES - smartphone ----------------------------------------------------------------------------------------- */

@media screen and (max-width:580px){

    #wrapper-n {
        width: 370px;
        margin: 250px  auto ;
    }

    .spalte1-n {
        width: 370px;
        float: left;
        margin-bottom: 20px;
    }

    .spalte2-n {
        width: 370px;
        clear: both;
    }

    .news-text {
        margin-top: 0px;
        margin-bottom: 30px;
        /*border-top: 2px solid #ddd;*/
    }
}

/* MEDIA QUERIES - small smartphone ////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:383px){
    #wrapper-n{
        width: 94%;
        margin: 250px 8px 100px 8px;
    }
    .spalte1-n {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    .spalte2-n {
        width: 100%;
        clear: both;
    }
}