/***********************/

/* NEWS Formatierungen */

/***********************/



.btn, .more { background: #f06f16; border-radius: 4px;}

.more:hover { background-color: #666666 !important; color:#fff !important;}

.more a:hover, .leader .more a:hover {color:#fff !important;}

.btn, .btn a, .more {color: #fff !important;}



.t3s-slickslider .card-body a {text-decoration: none !important;}

.t3s-slickslider .card-titel {text-decoration: none !important;}

.t3s-slickslider .card-body {text-decoration: none !important;}

.t3s-slickslider .card-body p {text-decoration: none !important; color:#000;}

.news .article h3 a {text-decoration: none;}



.frame-type-news_categorylist ul {display:flex; list-style: none; flex-wrap: wrap; margin-bottom: 0; padding-left: 0;}

.frame-type-news_categorylist ul li:hover {background:#f06f16;}

.frame-type-news_categorylist ul li:hover a {color:#fff !important;}

.frame-type-news_categorylist ul li {

    cursor: pointer;

    font-size: .875em;

    border: 2px solid #f47200;

    display: inline-block;

    padding: .6em 1.8em;

    color: #414141;

    text-transform: uppercase;

    background-color: transparent;

    margin-right: 15px;

}



.f3-widget-paginator {width: 100%;}

.f3-widget-paginator li {float: left;}



.news-single .teaser-text {

    font-size: 1.5rem !important;

    color: #454545 !important;

    padding-bottom: 2%;

}



.btn a:hover,

.more a:hover {color:#fff !important;}

.btn a:hover, .more a:hover {background-color: #262626 !important;}



.btn, .more {

    padding: 2% 3%;

    text-decoration: none;

    font-size: 1rem;

    margin-top: 2%;

    display: inline-block;

}



.news-backlink-wrap a {

    background-color: #f06f16;

    color: #fff !important;

    padding: 6px 14px;

    text-decoration: none;

    border-radius: 4px;

}

.news-backlink-wrap a:hover {background-color: #666666 !important;}



/* News Single */

.news-single .article {flex-direction: column;}

.news-single .header {order: 1;}

.news-single .news-img-wrap {order: 3;}

.news-single .news-text-wrap {order: 2;}

.news-single .news-backlink-wrap {order: 4;}

.news-single .article .news-img-wrap {

    float: none !important;

    width: 100% !important;

    margin: 0 !important;

}

.news-single .news-img-wrap .outer {

    width: 32%;

    float: left;

    margin: 4px;

}

.news-single .article .news-img-wrap {width: 100%;}

.news-single h1 {padding: 0 0 10px;}



/* News List */

.news .news-list-view {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 10px;

    margin: 10px 0 0 0;

    align-items: stretch;

}



.news-list-view .article {

    width: 100% !important;

    margin: 0 !important;

}



.news-list-view .article {

    width: calc(25% - 10px);

    margin-left: 10px;

    margin-top: 10px;

    background: #fff;

    padding: 0;

    border: 4px solid #f06f16;

    border-radius: 10px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    box-sizing: border-box;

    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;

}



.news-list-view .article:hover {

    transform: translateY(-8px);

    box-shadow: 0 12px 30px rgba(240, 111, 22, 0.3);

    border-color: #c45a00;

}



/* Bild */

.news-list-view .article .news-img-wrap {

    overflow: hidden;

    height: 250px;

    width: 100% !important;

    float: none !important;

    margin: 0 !important;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f5f5f5;

}



.news-list-view .article .news-img-wrap img {

    width: 100% !important;

    height: 250px !important;

    object-fit: cover !important;

    object-position: center !important;

    transition: transform 0.4s ease;

    display: block !important;

    float: none !important;

    margin: 0 auto !important;

}



.news-list-view .article:hover .news-img-wrap img {

    transform: scale(1.07);

}



/* Titel */

.news-list-view .article h3 {

    margin: 14px 16px 8px 16px !important;

    min-height: auto !important;

    font-weight: bold !important;

    font-size: 1.4rem !important;

    color: #f06f16 !important;

    line-height: 1.3 !important;

    text-align: center !important;

}



/* Textbereich */

.news-list-view .article .teaser-text {

    background: #fff;

    padding: 0 14px 14px 14px;

    flex: 1;

    display: flex;

    flex-direction: column;

}



.news-list-view .article .teaser-text p {

    background: #f06f16;

    border-radius: 8px;

    padding: 10px 14px;

    font-size: 0.9rem;

    color: #fff !important;

    margin: 14px 0 0 0;

    width: 100%;

    box-sizing: border-box;

}



/* Weiterlesen Button */

.news-list-view .article .more {

    display: block !important;

    margin: 10px 0 0 0 !important;

    width: 100% !important;

    box-sizing: border-box !important;

    background: #000 !important;

    color: #fff !important;

    padding: 12px 0 !important;

    border-radius: 8px !important;

    font-size: 1.1rem !important;

    font-weight: 700 !important;

    text-align: center !important;

    text-decoration: none !important;

    transition: background 0.2s ease, transform 0.2s ease !important;

    border: none !important;

}



.news-list-view .article .more:hover {

    background: #333 !important;

    transform: translateY(-2px) !important;

}



.news .article {margin-bottom: 0;}

.news-list-date,

.news .footer {display: none;}

.teaser-text a {font-weight: bold; color: #fff !important;}

.news-img-wrap a {padding: 0 !important; border: 0 !important; margin-bottom: 10px;}

.newsheadheight h3 a {color: #bf0f10 !important; text-decoration: none; font-weight: bold;}

.news-img-wrap .gallery, .frame-custom-21 .image {

    max-height: 250px;

    overflow: hidden;

    object-fit: cover;

    object-position: center;

}

.more {font-size: 1rem;}



/* Tablet */

@media (max-width: 1199px) {

    .news .news-list-view {

        grid-template-columns: repeat(2, 1fr) !important;

    }

}



/* Mobil */

@media (max-width: 767px) {

    .news .news-list-view {

        grid-template-columns: repeat(1, 1fr) !important;

        padding: 0 10px !important;

    }

    .news-list-view .article {

        margin-bottom: 16px !important;

    }

}