.wrapper-contact-card {
	margin: auto;
	max-width: 40rem;
}

.card {
	margin-right: 1rem;
	margin-bottom: 1rem;
	margin-left: 1rem;
	padding: 1rem;
	display: grid;
	grid-gap: 2rem;
	font: var(--body-mini-regular);
	background-color: var(--weiss);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

.card--vertical {
	display: block;
}

.card--slim {
	padding: 0;
	box-shadow: none;
	background-color: transparent;
}

.card--vertical .content {
	margin-top: 1.75rem;
}

@media(min-width: 37.5em) {
	.card--side-shade {
		box-shadow: 5px 0 4px -4px rgba(0, 0, 0, 0.15), -5px 0 4px -4px rgba(0, 0, 0, 0.15);
	}

	.card.card--side-shade:last-child {
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	}
}

@media(min-width: 37.5em) {
	.card {
		grid-template-columns: 0.65fr 2fr;
		grid-gap: 2rem;
	}

	.card--media-small {
		grid-template-columns: fit-content(150px) 2fr;
	}

	.card--media-wide {
		grid-template-columns: 1fr 2fr;
	}

	.card--no-media {
		grid-template-columns: 1fr;
	}
}

.card--slim {
	padding: 0;
}

.card .content {
	position: relative;
}

.card figure {
	margin: 0;
}

.card .title {
	margin-top: 0;
	margin-bottom: 0.5em;
	font: var(--h-small);
}

.card .subtitle,
.card .subtitle--light {
	margin: 0.5em 0;
}

.card .subtitle--light {
	color: var(--grey);
}

.card a {
	font-weight: 600;
}

.card a span {
	font-weight: 400;
}

.group-link {

}

@media(min-width: 50em) {
	.group-link {
		position: absolute;
		top: 0.35rem;
		right: 0;
	}
}

@media(min-width: 50em) {
	.lokale-gruppen .content p:last-of-type {
		margin-bottom: 0;
	}
}

.block-contact-card .media img {
	min-width: 195px;
}