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

/* Modulbox */
.mdl030-modul-box {
	position: relative;
	width: 100%;
	margin-top: 80px;
}
@media (min-width: 768px) {
	.mdl030-modul-box {
		margin-top: max(60px, 7.8125vw);
	}
}


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


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


/* Hyperlink */
.mdl030-modul-box a {
	padding-top: max(5px, 0.364583vw);
	padding-bottom: max(4px, 0.3125vw);
}
	.mdl030-modul-box a svg {
		display: inline-block;
		width: max(15px, 1.14583vw);
		height: max(15px, 1.14583vw);
		fill: var(--main-color-black);
	}
@media (min-width: 1024px) {
	.mdl030-modul-box a svg {
		transition: fill 300ms var(--cubic-bezier);
	}
	.mdl030-modul-box a:hover svg {
		fill: var(--main-color-white);
	}
}


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