.info-matrix {
	display:flex;
	min-height:420px;
	flex-wrap:wrap;
	flex-direction:row;
	gap:15px;
	justify-content:space-between;
	flex: 1 1 30%;
	margin-top:90px;
	margin-bottom:60px;
}

.veranstaltungskalender, .verkehrsinformationen, .stadtplan {
	display:flex;
	background-color: var(--hellgruen);
	flex: 1 1 100%;
	flex-direction:column;
	padding-bottom:60px;
	position:relative;
	width:100%;
	max-width:453px;
}
.stadtplan  {
	min-height:350px;
}
.info-kachel h3, .info-kachel p, .info-kachel .datum {
	padding: 15px 15px 0px 15px;
}
.info-kachel h3 {
	padding-top:5px;
	font-size:18px;
	color: var(--grau);
}
.info-kachel p a.mehr {
	color: var(--grau);
	display:block;
}
.info-matrix div .head {
	background-color: var(--blau);
	width:100%;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-family: 'Roboto', sans-serif;
	font-weight:600;
	color:#FFFFFF;
	font-size:16px;
	text-transform:uppercase;
}
.info-matrix div .datum {
	font-weight:500;
}
.stadtplan {
	background-image:url("/fileadmin/assets/images/stadtplan_dummy.jpg");
	background-size:cover;
	background-repeat:no-repeat;
}
.info-kachel .frame, .verkehr-list-slider, .tx-sf-event-mgt, .event-list-slider {
	height:100%;
}
.event-list-slider .slick-dots, .verkehr-list-slider .slick-dots {
	bottom:0px !important;
}

@media(min-width:768px) {
	.info-matrix div .head {
		font-size:20px;
	}
	.veranstaltungskalender, .verkehrsinformationen, .stadtplan {
		flex: 0 0 48%;
		width:48%;
	}
}
@media(min-width:1108px) {
	.veranstaltungskalender, .verkehrsinformationen, .stadtplan {
		flex: 1 1 30%;
		width:30%;
	}
}