/* ############################################################
	080 - FOTO-/HINTERGRUNDCOLLAGE
############################################################ */

/* Fotocollage */
.mdl080-modul-box {
	position: relative;
	display: block;
	width: 100%;
	height: calc(56.25vw + 82px);
	max-height: 800px;
	overflow: hidden;
}
	.mdl080-image {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
@media screen and (min-width: 768px) {
	.mdl080-modul-box {
		height: 56.25vw;
	}
}


/* Seitentitel */
.mdl080-seitentitel {
	position: relative;
	margin-top: -20px;
	width: 100%;
}
	.mdl080-seitentitel h1 {
		display: inline-block;
		width: auto;
		height: 40px;
		margin: 0;
		padding-left: 20px;
		padding-right: 20px;
		background-color: var(--main-color-1);
		font-size: 1rem; /* 16px */
		line-height: 40px;
		letter-spacing: 0.32px;
		font-weight: 600;
		color: var(--main-color-white);
		text-transform: uppercase;
	}
@media screen and (min-width: 992px) {
	.mdl080-seitentitel {
		margin-top: -20px;
	}
		.mdl080-seitentitel h1 {
			height: 40px;
			padding-left: 20px;
			padding-right: 20px;
			font-size: 1.125rem; /* 18px */
			line-height: 40px;
			letter-spacing: 0.36px;
		}
}