/* =========================================================
   Frontpage – Abwechselnde Sektions-Hintergründe
   Blog (Aktuelles) → weißer Hintergrund, Instagram → orange
   ========================================================= */

.latest-news {
	background-color: var(--wp--preset--color--base) !important;
}

.latest-news .wp-block-post-template {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: clamp(18px, 2.5vw, 28px);
}

.latest-news .wp-block-post-template > li.wp-block-post {
	min-width: 0;
	height: 100%;
	margin: 0;
}

.latest-news .artis-blog-preview-card .wp-block-post-featured-image {
	aspect-ratio: 16 / 8;
}

.instagram-section {
	background-color: var(--wp--preset--color--section-bg) !important;
}

/* Über-Uns-Sektion: ungültige border-right neutralisieren */
.about-section .wp-block-column:first-child {
	border-right: none !important;
}

@media (max-width: 999px) {
	.latest-news .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 680px) {
	.latest-news .wp-block-post-template {
		grid-template-columns: 1fr !important;
		max-width: 520px;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.latest-news .artis-blog-preview-card .wp-block-post-featured-image {
		aspect-ratio: 16 / 9;
	}
}