/*********** NEWS ***********/
/* Grundeinstellung für Bilder */
.news-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-thumb-wrap {
    aspect-ratio: 16 / 9;
}

.news-thumb-wrap>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-item:hover {
    background-color: var(--acc-color) !important;
    transform: translateY(-5px);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}

/* News (Desktop) */
@media (min-width: 768px) {
    :root {
        --news-card-h: 220px;
    }

    .news-item {
        height: var(--news-card-h);
    }

    .news-item>[class*="col-md-"] {
        height: 100%;
    }

    .news-thumb-wrap {
        aspect-ratio: auto;
        height: 100%;
    }

    .news-item-text {
        height: 100%;
    }

    .news-item-text>div {
        min-height: 100%;
    }

    .news-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-meta {
        margin-top: auto;
    }
}

/* NEws (Mobile): Bild oben 16:9 */
@media (max-width: 767.98px) {
    .news-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.category-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: linear-gradient(135deg, #f8f9fa, #ffffff);
    border-radius: 0.5rem;
}

.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}