/* News Section - Animation-Ergänzungen */
section#news .container {
    padding: 0px 30px !important;
}

/* Animation für News-Items - initial unsichtbar */
section#news .news-item,
section#news .post,
section#news .blog-post,
section#news .news-article,
section#news .entry,
section#news .hentry {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Animation für News-Items wird sichtbar */
section#news .news-item.visible,
section#news .post.visible,
section#news .blog-post.visible,
section#news .news-article.visible,
section#news .entry.visible,
section#news .hentry.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Animation für den "Weitere Neuigkeiten" Button - initial unsichtbar */
section#news .all-news,
section#news .more-news,
section#news .news-button,
section#news .btn-container {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Animation für den Button wird sichtbar */
section#news .all-news.visible,
section#news .more-news.visible,
section#news .news-button.visible,
section#news .btn-container.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Fallback für allgemeine News-Container */
section#news .news-grid > div,
section#news .news-container > div,
section#news .posts-grid > div,
section#news .blog-grid > div {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

section#news .news-grid > div.visible,
section#news .news-container > div.visible,
section#news .posts-grid > div.visible,
section#news .blog-grid > div.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Spezifische Selektoren für OnePress Theme */
section#news .post-content,
section#news .post-thumbnail,
section#news .news-content {
    transition: transform 0.3s ease;
}

section#news .post:hover .post-content,
section#news .news-item:hover .news-content {
    transform: translateY(-2px);
}

.entry-header h2 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}

section#news .list-article .list-article-meta {
    display: none !important;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    section#news .news-item,
    section#news .post,
    section#news .blog-post {
        margin-bottom: 20px;
    }
}