/* Blog News Horizontal Layout */
.blog-news {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.blog-news .page-header {
	margin-bottom: 30px;
}

.blog-news .category-title {
	margin-bottom: 30px;
}

/* News List */
.news-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

/* Einzelner Artikel */
.news-item-horizontal {
	display: flex;
	gap: 25px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}

.news-item-horizontal:last-child {
	border-bottom: none;
}

/* Bild-Bereich */
.news-item-horizontal .item-media {
	flex: 0 0 300px;
	position: relative;
}

.news-item-horizontal .item-media img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}
/* Content-Bereich */
.news-item-horizontal .item-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}


.news-item-horizontal .article-title {
	font-size: 20px;
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 1.3;
}

.news-item-horizontal .article-meta {
	color: #666;
  font-size: 10px;
  text-transform: uppercase;
}

.news-item-horizontal .article-meta .author {
  font-weight: bold;
}

.news-item-horizontal .article-intro {
color: #666;
  line-height: 1.5;
  margin-top: 15px;
  font-size: 14px;
}

.news-item-horizontal .read-more {
	align-self: flex-start;
	color: #007bff;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9rem;
}

.news-item-horizontal .read-more:hover {
	text-decoration: underline;
}

/* Artikel ohne Bild */
.news-item-horizontal.no-image .item-content {
	flex: 1 1 100%;
}

/* Pagination */
.news-pagination {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 2px solid #eee;
	text-align: center;
}


.news-pagination .counter {
	color: #666;
	font-size: 0.9rem;
}
/* Banner zwischen Artikeln */
.news-banner {
	width: 100%;
	text-align: center;
	padding: 30px 0;
	margin: 0;
	border-bottom: 1px solid #eee;
}

.news-banner img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.news-banner a {
	display: inline-block;
}

/* Responsive */
@media (max-width: 768px) {
	.news-item-horizontal {
		flex-direction: column;
	}
	
	.news-item-horizontal .item-media {
		flex: 0 0 auto;
	}
	
	.news-item-horizontal .item-media img {
		height: 180px;
	}
	.blog-news {
	margin: 90px 0px 0 0;
}
}