.contact-area {
}

	.contact-area .contact-area__title {
		margin-top: 0;
	}

	.contact-area + .contact-area {
		margin-top: var(--spacing-tripple);
	}

.contact-area__persons-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing);
}

	.contact-area__persons-list li {
		flex-basis: calc(50% - var(--spacing) / 2);
	}

	@media ( max-width: 1040px ) {

		.contact-area__persons-list li {
			flex-basis: 100%;
		}

	}

.person {
	--gap: var(--spacing);
	--image-width: 200px;
	display: flex;
	gap: var(--gap);
	align-items: stretch;
}

	.person__image {
		width: var(--image-width);
	}

		.person__image__wrapper {
			display: block;
			width: 100%;
			background: var(--color-grey-light);
			aspect-ratio: 1;
		}

	.person__content {
		display: flex;
		flex-direction: column;
		width: calc(100% - var(--image-width) - var(--spacing));
	}

		.person__content__spacer {
			flex-grow: 1;
		}

		.person__position {
			font-size: 0.8em;
			margin-top: 1em;
			display: block;
		}

		.person__contact-button {
			font-size: 0.8em;
		}

	@media ( max-width: 640px ) {

		.person {
			--gap: var(--spacing-half);
			--image-width: 130px;
		}

	}

	@media ( max-width: 440px ) {

		.person {
			--image-width: 90px;
		}

	}