/*CSS NEWS*/

div.layout_latest {
    padding-bottom:10px;
}
div.layout_latest figcaption {
    margin:0 0 0.66rem 0;
    padding:0;
    font:.66rem "Roboto", sans-serif;
    line-height:1.2;
    color: rgba(0,0,0,.75);
    font-weight:600;
}
div.layout_latest figcaption a {
    text-decoration:none;
    color:#444;
    font-weight:600;
}

.news .mod_newsarchive {
    display: flex;
    flex-wrap: wrap;
    /*margin: 0 auto;*/
    /*width: 72rem;*/
    justify-content: flex-start;
    margin-top: 3rem;
    /* margin-left: 6.2rem; */
    margin-left:  1.2rem;
    margin-right: 2rem;
}

.news .mod_newsarchive .layout_latest,
.news .mod_newsarchive .layout_full {
    width: 26rem;
    margin: 1rem 0rem;
    /*border-bottom: 1px solid #d9d9d9;*/
    /*font-size: 1rem;*/
    
    /*border-left: 1px solid #d9d9d9;*/
    padding: 0 3rem;
    /*border-right: 1px solid #d9d9d9;*/
    flex: 0 1 auto;
    /*border: 0 !important;*/
}

.mod_newsarchive .layout_latest {
    margin:1rem 0;
    /*border-bottom:1px solid #d9d9d9;*/
    /*font-size:1rem;*/
}

/*erwzingt ganze Breite auch bei einzeiligen News*/
.news .mod_newsarchive .layout_full {
/*     width: 100%; */
}

.news .teaser {
    min-height: 9rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d9d9d9;
}

.news .pagination {
    display: flex;
    /*width: 100%;*/
    margin: 2rem 0 6rem 0;
    justify-content: center;
    /*height: 16rem;*/
    flex-wrap: wrap;
}

.news .pagination p,
.news .pagination ul {
    margin: 0.5rem;
}

.news .pagination ul {
    display: flex;
    justify-content: center;
    /*position: absolute;*/
    /*margin: 0 1rem;*/
}

.news .pagination ul li {
    padding: 0 0.5rem;
}


.news .mod_newsarchive h2 {
    font-size:0.85rem;
    text-transform: uppercase;
    text-decoration: none;
}

.news .mod_newsarchive h2 a {
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
}



.news .mod_newsarchive h1 {
/*     margin-right:3rem; */
    margin-bottom:0rem;
    font:1rem/1 "Fira Sans",sans-serif;
    font-weight:400;
}

.mod_newsarchive h2 {
    margin:0;
    padding:0 0 1rem;
    /*font:1.01rem/1.2 "Fira Sans",sans-serif;*/
    text-decoration:none;
    color:#444;
    font-weight:400;
}
.mod_newsarchive .info {
    margin: 1.333rem 0 0.666rem 0;
    text-align:right;
    /*font:.66rem/1.2 "Roboto";*/
    color:#444;
    font-weight: 300;
}

/* setzt portraitbild in news auf größe und position */
.mod_newsarchive figure img {
    width:120px;
    float:left;
    padding-right:20px;
    padding-bottom:6px;
}

.mod_newsarchive img {
    width: 100%;
    max-width: 100%;
    height: auto;
    /* max-height: 310px; */

}

/* setzt newstexte neben portraitbild */
.mod_newsarchive figure {
    /* float:left; */
}
.mod_newsarchive figcaption.caption {
    width:120px !important;
    text-align: left;
}
.mod_newsarchive .more {
    display:none;
}
.mod_newsarchive .empty {
    margin-left:10px;
}
.mod_newsarchive .layout_latest.last {
    border:0px;
}

/* .news .mod_customnav {
    display: block;
    margin-left: 2rem;
    margin-top: .666rem;
    
    width: calc(100vw - (70vw - 100vh * 0.7241) - 19rem);
    width: 30rem;
    min-width: 30rem;
    height: 1.333rem;
    float: left;    
} */
/* 
.news .mod_customnav ul {
    display: flex;
    justify-content: flex-end;
    padding-top: 0rem; 
    margin-bottom: 0;
}

.news .mod_customnav ul li {
    min-width: 1%;
    text-align: center;
    flex: 1 1 auto;
}

.news .mod_customnav ul li a {
    padding: 0 1rem 0 0;
    font: .7rem "Fira Sans",sans-serif;
    color: rgba(0,0,0,1);
    text-decoration: none;
    text-transform:  uppercase;
    font-weight: 400;
} */
/* 
.news .mod_customnav ul li.selected,
.news .mod_customnav ul li.selected:hover,
.news .mod_customnav ul li a:hover,
.news .mod_customnav ul li span.active,

.news .mod_customnav a,
.news .mod_customnav span,
#container .news .mod_customnav li.trail {
    padding: 0 1rem 0 0;
    color:#f28c33;
    
    font-weight: 400;
    text-transform:  uppercase;
} */

.trail {
    color: #f28c33;
}

.mod_newsarchive .ce_text p {
    text-indent: 0;
    max-width: 360px ;
/*     font: .95rem/1.333 'Roboto', sans-serif; */
}



#menu-newsfilter {
    width: 100%;
    position: absolute;
}

#menu-newsfilter ul {
    display: flex;
    justify-content: center;
}

@media (max-width:812px) {

    .mod_article.news {
        width: 90vw;
/*         display: none; */
    }

    .news .mod_newsarchive {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 4rem;
        margin-left: 0;
        margin-right: 0;
        /* -webkit-overflow-scrolling: touch; */
    }

    .news .mod_newsarchive .layout_latest,
    .news .mod_newsarchive .layout_full {
        width: fit-content;
        max-width: 100%;
        margin: 0;
        padding: 0 0rem;
        flex: 0 1 auto;
        border-bottom: 1px solid #eee;
        /* -webkit-overflow-scrolling: touch; */
        /* border: 0 !important; */
    }

    .mod_newsarchive .ce_text p {
    text-indent: 0;
    max-width: 360px ;
    font: .95rem/1.333 'Roboto', sans-serif;
    }

    #footer {
        display: none;
    }
}

/*try*/
.teaser p:last-child {
    margin-top: -0.5rem;
}