/* Contact person cards — overrides .kontakt-block a { line-height !important } */
.kontakt-block a.kontakt-general-email {
	margin: 0.35rem auto 1.25rem;
}

.kontakt-block .contact-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1.25rem;
	max-width: 42rem;
	margin: 1rem auto 2.5rem;
	text-align: left;
}

.kontakt-block .contact-card {
	background: #fff;
	border: 1px solid rgba(2, 13, 26, 0.08);
	border-radius: 6px;
	padding: 1.35rem 1.5rem 1.5rem;
	box-shadow: 0 2px 8px rgba(2, 13, 26, 0.06);
}

.kontakt-block .contact-card__name {
	display: block;
	font-family: Lora, serif;
	font-weight: 400;
	font-size: 1.35rem;
	color: #020d1a;
	line-height: 1.3;
	padding-bottom: 0.65rem;
	margin-bottom: 0.55rem;
	border-bottom: 1px solid rgba(2, 13, 26, 0.08);
}

.kontakt-block .contact-card__label {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(2, 13, 26, 0.45);
	margin-bottom: 0.3rem;
}

.kontakt-block a.contact-card__email {
	display: inline-block;
	font-family: "Open Sans", sans-serif !important;
	font-size: 17px !important;
	font-weight: 400;
	line-height: 1.4 !important;
	color: #cf1d3b !important;
	text-decoration: none;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
	word-break: break-word;
}

.kontakt-block a.contact-card__email:hover {
	color: #220525 !important;
	text-decoration: underline;
}

@media (max-width: 520px) {
	.kontakt-block .contact-cards {
		grid-template-columns: 1fr;
		margin-left: auto;
		margin-right: auto;
	}
}