.main.homepage {
	padding-top: 0;
}

.block-intro {
	position: relative;
	z-index: 5;
	padding-top: calc(var(--header-height) + var(--spacing-double));
	padding-bottom: 300px;
	background: var(--color-blue);
	--color-text: var(--color-white);

	--color-highlight: var(--color-text);
	--color-highlight-alternate: var(--color-text);
}

	.block-intro__backgroundimage {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -2;
	}
	
		.block-intro__backgroundimage img,
		.block-intro__backgroundimage video {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			filter: grayscale(100%);
		}
	
		.block-intro__backgroundimage:after {
			content: "";
			display: block;
			background: var(--color-blue);
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			opacity: 0.7;
			z-index: 1;
		}

	.block-intro__headline {
		font-weight: var(--font-default-weight);
		text-align: center;
		margin-bottom: var(--spacing);
	}

	.block-intro__text {
		font-size: 1.8em;
		text-align: center;
		font-weight: var(--font-default-weight-bold);
		text-wrap: balance;
	}

	.block-intro__button {
		display: block;
		text-align: center;
		padding: var(--spacing) 0 var(--spacing-double);
	}

	@media ( max-width: 840px ) {

		.block-intro__text {
			font-size: 1.4em;
		}

		.block-intro__headline {
			margin-bottom: var(--spacing-half);
		}

	}

	@media ( max-width: 640px ) {

		.block-intro {
			padding-top: calc(var(--header-height) + var(--spacing));
		}


	}

	@media ( max-width: 440px ) {

		.block-intro__text {
			font-size: 1.1em;
		}

	}

.block-teasers {
	--gap: var(--spacing-tripple);
	--padding: var(--spacing-double);

	margin-top: -300px;
	z-index: 20;
	position: relative;
	padding-bottom: var(--spacing-quadruple);
}

	.block-teasers > .width {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		gap: var(--gap);
	}

	.block-teasers__teaser {
		background: var(--color-white);
		padding: var(--padding);
		box-shadow: 0px 3px 6px rgba(0,0,0,.2);
		flex: 1;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	.block-teasers__logo {
		display: block;
		width: auto;
		height: 200px;
		margin: 0 auto var(--spacing);
	}

		.block-teasers__teaser--dis .block-teasers__logo {
			max-width: 270px;
		}

	.block-teasers__spacer {
		flex-grow: 1;
	}

	.block-teasers__button-wrapper {
		text-align: center;
	}

	@media ( max-width: 1240px ) {

		.block-teasers {
			--gap: var(--spacing);
			--padding: var(--spacing);
		}

	}

	@media ( max-width: 1040px ) {

		.block-teasers {
			--gap: var(--spacing-half);
			--padding: var(--spacing-half);
			padding-bottom: var(--spacing-tripple);
		}

	}

	@media ( max-width: 740px ) {

		.block-teasers {
			padding-bottom: var(--spacing-double);
		}

		.block-teasers > .width {
			display: block;
		}

		.block-teasers__teaser {
			width: 100%;
		}
		
			.block-teasers__teaser + .block-teasers__teaser {
				margin-top: var(--gap);
			}

	}

	@media ( max-width: 640px ) {

		.block-teasers__logo {
			height: auto;
			width: 60%;
			max-width: 200px;
		}

	}