/* --------------------------------------------------------------
# Termine Archiv-Seite
-------------------------------------------------------------- */

.zwk-termine-archiv__jahr-filter {
	margin-top: 1rem;
}

.zwk-termine-archiv__monat {
	margin-top: 2.5rem;
}

.zwk-termine-archiv__monat:first-of-type {
	margin-top: 2rem;
}

.zwk-termine-archiv__list {
	margin-top: 1rem;
}

.zwk-termine-archiv__empty {
	margin-top: 2rem;
	color: var(--devroot-text-light, #555);
}

/* Kacheln dezent nach Kategorie eingefärbt, wie im "Was wir machen"-Archiv */
.zwk-termine-archiv__list .zwk-home-termine__item {
	background: rgba(128, 196, 28, 0.2);
}

.zwk-termine-archiv__list .zwk-home-termine__item--musik {
	background: rgba(6, 170, 185, 0.2);
}

.zwk-termine-archiv__list .zwk-home-termine__item--projekt {
	background: rgba(63, 97, 81, 0.2);
}

/* Kacheln im Archiv: Beitragsbild rechts, ein Drittel der Breite (falls vorhanden) */
.zwk-termine-archiv__list .zwk-home-termine__item {
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	padding: 0;
	overflow: hidden;
}

.zwk-termine-archiv__list .zwk-home-termine__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
	padding: 1.25rem 1.5rem;
	flex: 1;
	min-width: 0;
}

.zwk-termine-archiv__list .zwk-home-termine__bild {
	position: relative;
	width: 33.333%;
	flex-shrink: 0;
	overflow: hidden;
}

.zwk-termine-archiv__list .zwk-home-termine__bild img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	display: block;
	/* Nur die äußeren (rechten) Ecken der Kachel abrunden, die inneren zum Textbereich hin bleiben eckig */
	border-radius: 0 var(--devroot-radius, 6px) var(--devroot-radius, 6px) 0;
}

/* Tablet: Text und Bild teilen sich die Breite hälftig */
@media (max-width: 900px) {
	.zwk-termine-archiv__list .zwk-home-termine__bild {
		width: 50%;
	}
}

/* Smartphone: Bild unter den Text, volle Breite */
@media (max-width: 600px) {
	.zwk-termine-archiv__list .zwk-home-termine__item {
		flex-direction: column;
	}

	.zwk-termine-archiv__list .zwk-home-termine__bild {
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	.zwk-termine-archiv__list .zwk-home-termine__bild img {
		/* jetzt unten: nur die untere Kante rundet sich mit der Kachel, oben (zum Text hin) bleibt eckig */
		border-radius: 0 0 var(--devroot-radius, 6px) var(--devroot-radius, 6px);
	}
}