/* ==========================================================================
   Aktuelles – Blog-Modul (.blog-aktuelles)
   Einspaltig: Bild oben, darunter Titel + Auszug + Mehr lesen
   Karten-Design analog zu projekt-grid.css / referenzen-grid.css
   ========================================================================== */

.blog-aktuelles .et_pb_post {
	width: 100% !important;
	float: none !important;
	margin: 0 0 var(--space-8) !important;
	padding: 0 !important;
	display: block !important;
	position: relative !important;
	background: var(--color-surface) !important;
	box-shadow: var(--shadow-soft) !important;
	border: none !important;
	cursor: pointer;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	overflow: visible !important;
}

.blog-aktuelles .et_pb_post:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-hover) !important;
}

/* Bild */
.blog-aktuelles .et_pb_image_container {
	position: relative;
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden;
}


.blog-aktuelles .et_pb_image_container img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
	object-fit: cover !important;
	display: block !important;
}

.blog-aktuelles .et_overlay {
	display: none !important;
}

/* Textbereich */
.blog-aktuelles .et_pb_post .post-content-area {
	padding: 20px 24px;
}

/* Divi Blog-Modul hat keinen eigenen Content-Wrapper — Abstände über Kinder setzen */
.blog-aktuelles .entry-title {
	font-family: var(--font-heading) !important;
	font-weight: var(--weight-semibold) !important;
	font-size: 24px !important;
	letter-spacing: var(--tracking-wide) !important;
	margin: 20px 24px 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.3;
}

.blog-aktuelles .entry-title a {
	color: var(--color-primary) !important;
	text-decoration: none !important;
}

.blog-aktuelles .entry-title a:hover {
	text-decoration: none !important;
}

.blog-aktuelles .post-meta {
	margin: 4px 24px 0 !important;
	font-size: 0 !important; /* Text-Nodes (von | |) verstecken */
}

.blog-aktuelles .post-meta .published {
	font-family: var(--font-body);
	font-weight: var(--weight-light);
	font-size: 18px;
	letter-spacing: var(--tracking-wide);
	color: var(--color-text);
}

/* Auszug */
.blog-aktuelles .post-content {
	margin: 0 24px 0 !important;
	padding: 0 !important;
}

.blog-aktuelles .post-content-inner,
.blog-aktuelles .post-content p {
	font-family: var(--font-body);
	font-weight: var(--weight-light);
	font-size: 18px;
	color: var(--color-text);
	margin: 0;
}

/* Mehr erfahren — unten rechts, als reiner Textlink ohne Button-Styling.
   Höhere Spezifität nötig um Divi-Preset (rgba(255,255,255,0.72) !important) zu schlagen. */
.et_pb_module.blog-aktuelles .et_pb_post .post-content a.more-link,
.blog-aktuelles .more-link,
.blog-aktuelles .more-link:hover,
.blog-aktuelles .more-link:focus {
	display: block !important;
	width: calc(100% - 48px) !important;
	text-align: right !important;
	margin: 0 24px 20px !important;
	padding: 0 !important;
	font-family: var(--font-body) !important;
	font-size: 18px !important;
	font-weight: var(--weight-semibold) !important;
	letter-spacing: var(--tracking-wide) !important;
	text-transform: uppercase !important;
	color: var(--color-primary) !important;
	text-decoration: none !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}

.blog-aktuelles .more-link:hover {
	text-decoration: underline !important;
}

/* Divi-Standard-Borders entfernen */
.blog-aktuelles .et_pb_post,
.blog-aktuelles .et_pb_post * {
	border: none !important;
	outline: none !important;
}

/* Pagination */
.blog-aktuelles .wp-pagenavi,
.blog-aktuelles .et_pb_posts_nav {
	margin-top: var(--space-8);
}