.th3_event_kacheln{
	display: flex;
	flex-direction: column;
	gap: 26px;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 20px;
}

.th3_event_kachel{
	position: relative;
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	min-height: 200px;
	border: 1px solid var(--th3_farbe_braun);
	border-radius: 36px;
	overflow: hidden;
	background-color: var(--th3_farbe_weiss);
	font-family: var(--th3_font), sans-serif;
	cursor: pointer;
	transition: background-color .3s;
}

/* Ganze Kachel klickbar: der Titel-Link spannt sich ueber die Kachel */
.th3_event_kachel:hover,
.th3_event_kachel:focus-within{
	background-color: color-mix(in srgb, var(--th3_farbe_gold) 10%, var(--th3_farbe_weiss));
}

.th3_event_kachel_datum{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	background-color: var(--th3_farbe_braun);
	color: var(--th3_farbe_weiss);
	padding: 24px 16px;
	text-align: center;
}

.th3_event_kachel_tag{
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.5px;
}

.th3_event_kachel_zeit{
	font-size: 1.6em;
	line-height: 1.1;
}

.th3_event_kachel_inhalt{
	display: grid;
	grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
	gap: 70px;
	padding: 28px 40px 45px 40px;
}

.main .th3_event_kachel_titel{
	justify-self: end;
	width: min-content;
	margin: 0;
	font-family: var(--th3_font), sans-serif;
	font-size: 2.9em;
	font-weight: 700;
	line-height: 1.05;
	text-align: right;
}

.main .th3_event_kachel_titel a{
	color: var(--th3_farbe_gold);
	text-decoration: none;
}

.main .th3_event_kachel_titel a::after{
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.main .th3_event_kachel_titel a:focus-visible{
	outline: none;
}

.main .th3_event_kachel_titel a:focus-visible::after{
	outline: 2px solid var(--th3_farbe_braun);
	outline-offset: -4px;
	border-radius: inherit;
}

.main .th3_event_kachel_text{
	margin: 0;
	font-size: 1.45em;
	line-height: 1.7;
	color: var(--th3_farbe_text);
}

.main .th3_event_kachel_button{
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 260px;
	padding: 11px 36px 11px 30px;
	background-color: var(--th3_farbe_braun);
	color: var(--th3_farbe_weiss);
	font-size: 1.55em;
	font-weight: 700;
	text-align: right;
	text-decoration: none;
	z-index: 2;
	transition: background-color .3s;
}

.main .th3_event_kachel_button:hover,
.main .th3_event_kachel_button:focus-visible{
	background-color: var(--th3_farbe_gold);
	color: var(--th3_farbe_weiss);
}

.th3_event_kacheln_leer{
	text-align: center;
}


/* ###### Eventseite (single-etn.php) ###### */

.th3_event_einzel{
	max-width: var(--th3_content_breite);
	margin: 40px auto 0;
	padding: 0 20px;
	font-family: var(--th3_font), sans-serif;
}

.th3_event_einzel_kopf{
	display: grid;
	grid-template-columns: var(--th3_kachel_datum_breite) minmax(0, 1fr);
	align-items: center;
	gap: 60px;
	margin-bottom: 60px;
}

.th3_event_einzel_datum{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 34px 20px;
	border-radius: var(--th3_kachel_radius) 0 var(--th3_kachel_radius) 0;
	background-color: var(--th3_farbe_braun);
	color: var(--th3_farbe_weiss);
	text-align: center;
}

.main .th3_event_einzel_titel{
	margin: 0;
	font-family: var(--th3_font), sans-serif;
	font-size: var(--h1fontSize);
	font-weight: 700;
	line-height: 1.1;
	color: var(--th3_farbe_gold);
}

.th3_event_einzel_raster{
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 70px;
	align-items: start;
}

.main .th3_event_einzel_text p{
	font-size: 1.4em;
	line-height: 1.6;
}

.th3_event_einzel_anmeldung{
	padding: 45px 50px 0;
	border: 1px solid var(--th3_farbe_braun);
	border-radius: var(--th3_kachel_radius);
	overflow: hidden;
}

.th3_event_einzel_anmeldung .th3_anmeldung_button{
	margin-right: -50px;
}

.main .th3_event_einzel_anmeldung h2{
	margin: 0 0 24px;
	font-size: 2.4em;
	font-weight: 700;
	line-height: 1.1;
	color: var(--th3_farbe_gold);
}

.th3_event_einzel_anmeldung .th3_anmeldung_meldung:last-child{
	margin-bottom: 45px;
}

@media screen and (max-width: 1000px) {
	.th3_event_einzel_kopf{ grid-template-columns: 1fr; gap: 24px; font-size: .7em; }
	.th3_event_einzel_datum{ flex-direction: row; gap: 18px; justify-content: center; border-radius: calc(var(--th3_kachel_radius) / 2); }
	.th3_event_einzel_raster{ grid-template-columns: 1fr; gap: 40px; }
	.th3_event_einzel_anmeldung{ padding: 30px 24px 0; border-radius: calc(var(--th3_kachel_radius) / 2); }
	.th3_event_einzel_anmeldung .th3_anmeldung_button{ margin-right: -24px; margin-left: -24px; }
}


@media screen and (max-width: 1400px) {
	.th3_event_kachel{ font-size: 0.85em; }
	.th3_event_kachel_inhalt{ gap: 36px; padding: 28px 32px 66px 36px; }
}

@media screen and (max-width: 1000px) {
	.th3_event_kachel{
		grid-template-columns: 1fr;
		font-size: 0.8em;
		border-radius: 22px;
	}
	.th3_event_kachel_datum{ flex-direction: row; gap: 18px; padding: 20px; }
	.th3_event_kachel_inhalt{ grid-template-columns: 1fr; gap: 16px; padding: 30px 30px 20px; }
	.main .th3_event_kachel_titel{ justify-self: start; width: auto; text-align: left; }
	.main .th3_event_kachel_button{ position: relative; display: block; min-width: 0; text-align: center; padding: 16px 20px; }
}

@media screen and (max-width: 600px) {
	.th3_event_kachel{ font-size: 0.7em; }
	.th3_event_kachel_datum{ flex-direction: column; gap: 4px; }
}