/*
 * Evangelische Termine – Grundgestaltung.
 *
 * Bewusst zurückhaltend: Schrift, Farben und Größen kommen aus dem Theme.
 * Gesetzt wird nur, was für die Lesbarkeit der Liste nötig ist.
 */

.evangt__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.evangt__item {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	padding: 0.9rem 0;
	border-bottom: 1px solid currentColor;
	border-color: rgba(128, 128, 128, 0.3);
}

.evangt__item:last-child {
	border-bottom: 0;
}

.evangt__item > .evangt__body {
	flex: 1 1 auto;
	min-width: 0;
}

.evangt__item p {
	margin: 0 0 0.2em;
}

.evangt__group {
	padding-top: 1.4rem;
}

.evangt__group-title {
	margin: 0;
}

.evangt__date {
	font-weight: 600;
}

.evangt__title {
	margin: 0 0 0.2em;
	font-size: 1.05em;
	line-height: 1.3;
}

.evangt--teaser .evangt__title {
	font-weight: 600;
}

.evangt__subtitle,
.evangt__description {
	max-width: 70ch;
}

.evangt__place,
.evangt__person,
.evangt__organiser {
	font-size: 0.9em;
	opacity: 0.8;
}

.evangt__item--highlight .evangt__date {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.evangt__image {
	flex: 0 0 auto;
	width: 96px;
}

.evangt__image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 2px;
}

.evangt__image--large {
	width: auto;
	max-width: 100%;
	margin: 0 0 1.5rem;
}

.evangt__facts {
	margin: 1.5rem 0;
}

.evangt__facts dt {
	font-weight: 600;
	margin-top: 0.9rem;
}

.evangt__facts dd {
	margin: 0.1rem 0 0;
}

.evangt__text {
	max-width: 70ch;
}

.evangt__back {
	margin-top: 1.5rem;
}

.evangt-error {
	padding: 0.6rem 0.9rem;
	border-left: 3px solid #d63638;
	background: rgba(214, 54, 56, 0.06);
}

@media (max-width: 480px) {
	.evangt__item {
		flex-direction: column;
	}

	.evangt__image {
		width: 100%;
		max-width: 220px;
	}
}