/* ############################################################
	VERANSTALTUNG
############################################################ */

/* Modulbox */
.mdl032-modul-box {
	position: relative;
	width: 100%;
	/* margin-top: max(40px, 7.8125vw); */
	color: var(--main-color-black-30);
}


/* Grid-Abstände reset */
@media (max-width: 1023.98px) {
	.mdl032-modul-box .grid.line-1 div + div {
		margin-top: 0;
	}
}


/* Grid-Raster */
.mdl032-modul-box .grid {
	border-bottom: 1px solid var(--main-color-black-30);
}
@media (max-width: 767.98px) {
	.mdl032-modul-box .grid.line-1 {
		display: none;
	}
	.mdl032-modul-box .grid:first-of-type {
		border-top: 1px solid var(--main-color-black-30);
	}
}


/* Hyperlink */
.mdl032-modul-box a {
	padding-top: max(5px, 0.364583vw);
	padding-bottom: max(4px, 0.3125vw);
}


/* Button: Mehr laden */
.mdl032-more-box {
	margin-top: max(50px, 4.167vw);
}
	.mdl032-more-box button {
		background: none;
		border: none;
		padding: 0;
		cursor: pointer;
		color: var(--main-color-black);
	}
	.mdl032-more-box button.mdl032-btn-less {
		display: none;
	}
@media (min-width: 1024px) {
	.mdl032-more-box button {
		text-decoration: underline;
		text-decoration-color: transparent;
		text-underline-offset: 2px;
		transition: text-decoration 300ms var(--cubic-bezier);
	}
	.mdl032-more-box button:hover {
		text-decoration-color: var(--main-color-white);
	}
}


/* Text: Versalziffern */
.mdl032-modul-box .date-item, .mdl032-modul-box .time-item {
	font-variant-numeric: lining-nums tabular-nums;
}