/* Viva Blocks – [viva_neuigkeiten]
   Nur Layout. Farben, Schriften, Links kommen aus assets/core.css (Corporate Design). */

.vk-news__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 20px;
	margin-bottom: 36px;
}
.vk-news__head .vb-h2 { margin: 0 !important; }
.vk-news__head .vb-link { flex: 0 0 auto; }

/* Raster */
.vk-news__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
/* Karte: gleich wie das Neuigkeiten-Archiv (Bild, Titel, kurzer Anriss) */
.vk-news__card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--vb-bg);
	border-radius: var(--vb-radius);
	box-shadow: var(--vb-shadow);
	color: var(--vb-text) !important;
	text-decoration: none !important;
	transition: transform .35s var(--vb-ease), box-shadow .35s;
}
.vk-news__card:hover { transform: translateY(-4px); }
.vk-news__img { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: linear-gradient(135deg, var(--vb-primary-soft), var(--vb-bg-warm)); }
.vk-news__img img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; transition: transform .8s var(--vb-ease); }
.vk-news__card:hover .vk-news__img img { transform: scale(1.04); }
.vk-news__body { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px 24px; }
.vk-news__card-title {
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--vb-font-heading) !important;
	font-size: calc(var(--vb-fs) * 1.15) !important;
	font-weight: var(--vb-heading-weight) !important;
	line-height: 1.3 !important;
	text-transform: none;
	color: var(--vb-text) !important;
	transition: color .25s;
}
.vk-news__card:hover .vk-news__card-title { color: var(--vb-primary-dark) !important; }
.vk-news__text { font-size: calc(var(--vb-fs) * .9); line-height: 1.55; color: var(--vb-muted); }
/* Tablet */
@media (max-width: 960px) {
	.vk-news__grid { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; }
}

/* Link zum Archiv unter den Beiträgen */
.vk-news__more { margin: 40px 0 0 !important; text-align: center; }

/* Handy: wie das Archiv untereinander, die neusten 4 */
@media (max-width: 600px) {
	.vk-news__head { margin-bottom: 24px; }
	.vk-news__grid { grid-template-columns: 1fr; gap: 22px; }
	.vk-news__card:nth-child(n+5) { display: none; }
	.vk-news__more { margin-top: 30px !important; }
	.vk-news__more .vb-btn { width: 100%; justify-content: center; }
}