.intro {
	background: var(--color-grey-light);
	width: 100%;
	min-height: 380px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: -40px 0 40px;
	height: 70vh;
	overflow: hidden;
	position: relative;
}

	.intro.fixed-height {
		height: auto;
		min-height: unset;
	}

.pageheader {
	width: 100%;
}

	.pageheader.pageheader-type-none {
		background: var(--color-grey);
		min-height: 0;
		height: 180px;
	}

	.pageheader-type-image a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.pageheader-type-image .backgroundimage {
		width: 100%;
		height: 100%;
		position: relative;
		display: block;
		height: 70vh;
	}

		.pageheader-type-image .backgroundimage img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

			.pageheader-type-image .backgroundimage.horizontal-position-left.vertical-position-top img {
				object-position: left top;
			}
			.pageheader-type-image .backgroundimage.horizontal-position-center.vertical-position-top img {
				object-position: center top;
			}
			.pageheader-type-image .backgroundimage.horizontal-position-right.vertical-position-top img {
				object-position: right top;
			}

			.pageheader-type-image .backgroundimage.horizontal-position-left.vertical-position-middle img {
				object-position: left center;
			}
			.pageheader-type-image .backgroundimage.horizontal-position-center.vertical-position-middle img {
				object-position: center center;
			}
			.pageheader-type-image .backgroundimage.horizontal-position-right.vertical-position-middle img {
				object-position: right center;
			}

			.pageheader-type-image .backgroundimage.horizontal-position-left.vertical-position-bottom img {
				object-position: left bottom;
			}
			.pageheader-type-image .backgroundimage.horizontal-position-center.vertical-position-bottom img {
				object-position: center bottom;
			}
			.pageheader-type-image .backgroundimage.horizontal-position-right.vertical-position-bottom img {
				object-position: right bottom;
			}

	.pageheader.pageheader-type-slideshow {
		display: block;
		padding: 0;
	}

	.pageheader-type-video .video-wrapper {
		display: block;
	}

		.pageheader-type-video.pageheader-type-video-embed {
			margin-top: 25px;
		}

			@media ( max-width: 1000px ) {

				.pageheader-type-video.pageheader-type-video-embed {
					margin-top: -16px;
				}

			}

			.pageheader-type-video.pageheader-type-video-embed .overlay {
				pointer-events: none;
			}

	.pageheader-type-video .pause-button {
		width: 40px;
		height: 40px;
		background: url(../img/icons/pause-white.svg) no-repeat center center / contain;
		position: absolute;
		right: 10px;
		top: 80px;
		z-index: 50;
		cursor: pointer;
	}

		.pageheader-type-video .pause-button.paused {
			background-image: url(../img/icons/play-white.svg);
		}

		@media ( max-width: 1000px ) {

			.pageheader-type-video .pause-button {
				top: 32px;
				right: 7px;
			}

		}

	.pageheader-type-video .backgroundvideo {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

		.pageheader-type-video.fixed-height .backgroundvideo {
			height: auto;
			position: relative;
		}

		.pageheader-type-video.fixed-height .overlay {
			z-index: 20;
		}

			@media ( max-width: 580px ) {

				.pageheader-type-video.fixed-height .overlay {
					padding: 20px;
				}

			}

		.pageheader-type-video .backgroundvideo video,
		.pageheader-type-video .backgroundvideo .video-wrapper {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

			.pageheader-type-video .backgroundvideo.horizontal-position-left.vertical-position-top video,
			.pageheader-type-video .backgroundvideo.horizontal-position-left.vertical-position-top .video-wrapper {
				object-position: left top;
			}
			.pageheader-type-video .backgroundvideo.horizontal-position-center.vertical-position-top video,
			.pageheader-type-video .backgroundvideo.horizontal-position-center.vertical-position-top .video-wrapper {
				object-position: center top;
			}
			.pageheader-type-video .backgroundvideo.horizontal-position-right.vertical-position-top video,
			.pageheader-type-video .backgroundvideo.horizontal-position-right.vertical-position-top .video-wrapper {
				object-position: right top;
			}

			.pageheader-type-video .backgroundvideo.horizontal-position-left.vertical-position-middle video,
			.pageheader-type-video .backgroundvideo.horizontal-position-left.vertical-position-middle .video-wrapper {
				object-position: left center;
			}
			.pageheader-type-video .backgroundvideo.horizontal-position-center.vertical-position-middle video,
			.pageheader-type-video .backgroundvideo.horizontal-position-center.vertical-position-middle .video-wrapper {
				object-position: center center;
			}
			.pageheader-type-video .backgroundvideo.horizontal-position-right.vertical-position-middle video,
			.pageheader-type-video .backgroundvideo.horizontal-position-right.vertical-position-middle .video-wrapper {
				object-position: right center;
			}

			.pageheader-type-video .backgroundvideo.horizontal-position-left.vertical-position-bottom video,
			.pageheader-type-video .backgroundvideo.horizontal-position-left.vertical-position-bottom .video-wrapper {
				object-position: left bottom;
			}
			.pageheader-type-video .backgroundvideo.horizontal-position-center.vertical-position-bottom video,
			.pageheader-type-video .backgroundvideo.horizontal-position-center.vertical-position-bottom .video-wrapper {
				object-position: center bottom;
			}
			.pageheader-type-video .backgroundvideo.horizontal-position-right.vertical-position-bottom video,
			.pageheader-type-video .backgroundvideo.horizontal-position-right.vertical-position-bottom .video-wrapper {
				object-position: right bottom;
			}

.pageheader .width {
	padding-right: 45px;
}

.pageheader h2,
.pageheader h3 {
	color: var(--color-white) !important;
}

.pageheader a h1 {
	position: relative;
}

	.pageheader a h1:after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 40px;
		height: 40px;
		margin-left: 40px;
		vertical-align: middle;
		background: url(../img/icons/arrow-right-white.svg) no-repeat center center / contain;
	}

.intro.pageheader-small,
.pageheader-type-image.pageheader-small .backgroundimage,
.pageheader-small .contentblock-slideshow.contentblock-layout-fullwidth .slide {
	height: 35vh;
	min-height: 280px;
	position: relative;
}

@media ( max-width: 1000px ) {

	.pageheader.pageheader-type-none {
		height: 80px;
	}

	.pageheader a h1:after {
		margin-left: 14px;
		width: 20px;
		height: 20px;
		margin-top: 8px;
		background-image: url(../img/icons/arrow-right-small-white.svg);
	}

	.intro {
		height: auto;
	}

}

@media ( max-width: 580px ) {

	.intro {
		margin-bottom: 10px;
	}

}