/* News List Box
--------------------*/
@media screen {
    .mod_newslist .pagination {
        width: 100%;
    }

    .news_list {
        position: relative;
    }

    .news_list .image_container {
        margin: 0;
        position: relative;
        overflow: hidden;
    }

    .news_list .image_container > a,
    .news_list .image_container img {
        width: 100%;
        height: 60vw;
        object-fit: cover;
        object-position: 50% 50%;
        background: #C4C4C4;
    }

    .news_list .content_div {
        padding-top: 1rem;
    }

    .news_list a {
        border: none;
    }

    .news_list .ce_text {
        margin-bottom: 2rem;
    }

    .mod_newslist .info {
        font-weight: 700;
    }

    .mod_newslist .more a {
        text-indent: -10000px;
        width: 2.5rem;
        height: 2.5rem;
        position: absolute;
        bottom: 0;
        right:0 ;
        z-index: 1;
    }

    .mod_newslist .content_div::after {
        content: "";
        width: 2.5rem;
        height: 2.5rem;
        position: absolute;
        bottom: 0;
        right: 0;
        background: #f6a422 url(../images/icons/plus.svg) no-repeat center;
        background-size: 50%;
        transition: all 0.15s ease;
    }

    .news_list.hover .content_div::after,
    .news_list:hover .content_div::after {
        background-color: #06398c
    }
}

@media screen {  /* for blue box */
    .news_list *,
    .news_list a {
        color: #fff;
        text-decoration: none;
        border: none;
    }

    .news_list .content_div {
        padding: 1rem;
        overflow: hidden;
        background: #06398c;
        transition: var(--transition);
    }

    .news_list:hover h1:after, 
    .news_list:hover h2:after {
        background-color: #06398c;
    }

    .news_list:hover .content_div {
        background: #f6a422;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .mod_newslist.boxy .inside_ce {
        display: flex;
        flex-wrap: wrap;
        row-gap: 0.75rem;
    }    

    .mod_newslist.boxy {
		margin-left: calc(var(--block-padding) * -1rem);
		margin-right: calc(var(--block-padding) * -1rem);
    }

    .mod_newslist.boxy .news_list {
        width: 33.33%;
        display: flex;
        flex-flow: column;
    }

    .news_list.block {        
		padding-left: calc(var(--block-padding) * 1rem);
		padding-right: calc(var(--block-padding) * 1rem);
    }

    .mod_newslist .more a,
    .mod_newslist .content_div::after {
        right: calc(var(--block-padding) * 1rem);
    }

    .news_list .image_container > a,
    .news_list .image_container img {
        height: 280px;
    }
    
    .news_list .ce_text {
        max-height: 7.55rem;
        overflow: hidden;
        line-clamp: 4;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .news_list .ce_text p {
        margin-bottom: 0;
    }    

    .mod_newslist .link-arrow {
        padding-top: 1rem;
        margin-top: auto;
    }
}


@media only screen and (min-width: 768px) { /* for green box */
    .news_list .content_div {
        display: flex;
        flex-flow: column;
        flex-grow: 1;
        padding: 1.5rem;
        padding-bottom: 0.5rem;
    }


    .mod_newslist .more a,
    .mod_newslist .content_div::after {
        width: 2rem;
        height: 2rem;  
    }  
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

    .news_list .content_div {
        padding: 1.5rem 2.75rem;
        padding-bottom: 0.5rem;
    }

    .news_list .like-h2, .news_list h2 {
        font-size: 30px;
        line-height: 40px;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    .news_list .content_div {
        padding: 2.5rem 3rem;
        padding-bottom: 1rem;
    }    

    .mod_newslist .more a,
    .mod_newslist .content_div::after {
        width: 3.5rem;
        height: 3.5rem;  
    }      
}

/* News List Box ends
--------------------*/



/* News List Row
--------------------*/
@media screen {

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .layout_latest_row {
        display: flex;
        flex-direction: row;

    }

    .layout_latest_row .image_container + .content_div {
        max-width: 60%;width: 60%;
    }

    .layout_latest_row .image_container {
        order:1;
        width: 40%;
    }

    .layout_latest_row .image_container > a, .layout_latest_row .image_container img {
        height: 100%;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* News List Row ends
--------------------*/



/* News List Slider
--------------------*/
@media screen {

    .mod_newslist  .layout_kundenfeedback {
        background-color: #F5F5F5;
        text-align: center;
        margin: 2rem 1rem;
    }

    .mod_newslist .layout_kundenfeedback .content_div {
        padding: 1rem;
        padding-bottom: 0;
    }

    .layout_kundenfeedback figure  {
        margin: 0;
    }

    .mod_newslist.newsslider a {
        display: block;
    }

    .mod_newslist .layout_kundenfeedback .more a,
    .mod_newslist .layout_kundenfeedback .content_div::after {
        display: none;
    }
}



@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    .mod_newslist.newsslider {
        padding: 1rem;
    }

    .mod_newslist.newsslider .layout_kundenfeedback {
        margin: 2rem 10rem;
    }

}

/* min-width:1300 Laptops (and larger) for width 1200px */
@media only screen and (min-width:1200px) {
}    

/* News List Slider ends
--------------------*/