/* Kontakt: rundes Foto (300 px) neben Name, Funktion, E-Mail und Text. */

.nb-contact__inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.nb-contact .nb-contact__heading {
	margin-bottom: 64px;
}

.nb-contact__row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
	width: 100%;
}

.nb-contact__photo {
	flex: none;
	width: 300px;
	height: 300px;
	border-radius: 100%;
	object-fit: cover;
	object-position: center;
}

.nb-contact--photo-left .nb-contact__photo {
	margin-right: 50px;
}

.nb-contact--photo-right .nb-contact__row {
	gap: 0;
}

.nb-contact--photo-right .nb-contact__photo {
	order: 2;
	margin-left: 50px;
}

.nb-contact__content {
	width: 40%;
	text-align: left;
}

.nb-contact .nb-contact__card-heading {
	margin-bottom: 30px;
	font-size: 30px;
}

.nb-contact__name {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--wp--preset--color--gold);
}

.nb-contact__role {
	margin: 0 0 20px;
}

.nb-contact__phone {
	display: flex;
	align-items: center;
	margin: 0;
}

.nb-contact__phone a {
	color: inherit;
	text-decoration: none;
}

.nb-contact__phone svg,
.nb-contact__mail svg {
	flex: none;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.nb-contact__mail {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 40px;
}

.nb-contact__mail a {
	text-decoration: none;
}

.nb-contact__mail a:hover {
	color: var(--wp--preset--color--grey);
}

.nb-contact .nb-text {
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	.nb-contact__row {
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.nb-contact__inner {
		align-items: center;
		padding-block: 0;
	}

	.nb-contact__photo,
	.nb-contact--photo-right .nb-contact__photo {
		order: 0;
		margin: 50px 0 30px;
	}

	.nb-contact__content {
		width: 80%;
	}
}

@media (max-width: 479px) {
	.nb-contact__content {
		width: 100%;
		padding-bottom: 14px;
	}
}

.nb-contact .nb-contact__text--small {
	font-size: 16px;
	line-height: 1.2;
	color: inherit;
}

.nb-contact .nb-contact__text--small > * + * {
	margin-top: 1.2em;
}