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

/* Allgemeines */
.mdl080-modul-box {
	position: relative;
	width: 100%;
}
	.mdl080-modul-box .picture-wrapper {
		overflow: hidden;
		position: relative;
		display: block;
		width: 100%;
		height: calc(((var(--mdl080-height, 1vh) * 100) * 0.78787878) - 190px);
	}
	.mdl080-modul-box .picture-wrapper img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
@media screen and (min-width: 992px) {
	.mdl080-modul-box .picture-wrapper {
		z-index: 1;
		height: calc((var(--mdl080-height, 1vh) * 100) - 190px);
	}
}
@media screen and (min-width: 1200px) {
	.mdl080-modul-box .picture-wrapper {
		height: calc((var(--mdl080-height, 1vh) * 100) - 310px);
	}
}


/* Text-Box */
.mdl080-modul-box .text-wrapper {
	width: 100%;
	height: auto;
	padding: 23px 20px 21px 25px;
	background-color: var(--main-color-3);
	font-family: "rocgroteskwide-medium";
	font-size: 1.25rem; /* 20px */
	line-height: 1.3;
	letter-spacing: 0.4px;
	color: var(--main-color-4);
}
@media screen and (min-width: 992px) {
	.mdl080-modul-box .text-wrapper {
		z-index: 2;
		position: absolute;
		bottom: 0;
		right: -50px;
		width: calc((4 * var(--col-width-1)) + (3 * var(--gap)) + 50px + 25px);
		/* width: calc((6 * var(--col-width-1)) + (5 * var(--gap)) + 50px); */
		padding: 23px 20px 21px 25px;
	}
}
@media screen and (min-width: 1200px) {
	.mdl080-modul-box .text-wrapper {
		right: -50px;
		width: calc((4 * var(--col-width-1)) + (3 * var(--gap)) + 50px + 48px);
		padding: 44px 20px 35px 48px;
		font-size: 1.5rem; /* 24px */
		line-height: 1.266;
		letter-spacing: 0.48px;
	}
}
@media screen and (min-width: 1600px) {
	.mdl080-modul-box .text-wrapper {
		right: -140px;
		width: calc((4 * var(--col-width-1)) + (3 * var(--gap)) + 140px);
		padding: 70px 30px 55px 75px;
		font-size: 1.875rem; /* 30px */
		letter-spacing: 0.6px;
	}
}