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

/* BildPanel */
.bild__panel {
	height: calc((100vw - 50px) + 25px);
}
.bild__panel.home {
	height: calc(var(--m080-height, 1vh) * 100);
}
@media (min-width: 760px) {
	.bild__panel {
		height: calc(var(--m080-height, 1vh) * 100);
	}
}


/* Slider */
.mdl080-modul-box {
	position: relative;
	width: calc(100% - 50px);
	height: calc((100vw - 50px) * 1);
	margin-left: 25px;
	padding: 0;
	overflow: hidden;
}
.mdl080-modul-box.home {
	height: 100vh;
	height: calc((var(--m080-height, 1vh) * 100) - 25px);
}
@media (min-width: 760px) {
	.mdl080-modul-box,
	.mdl080-modul-box.home {
		width: calc(100% - 80px);
		height: 100vh;
		height: calc((var(--m080-height, 1vh) * 100) - 50px);
		margin-left: 40px;
	}
}
@media (min-width: 1020px) {
	.mdl080-modul-box,
	.mdl080-modul-box.home {
		width: calc(100% - 160px);
		height: calc((var(--m080-height, 1vh) * 100) - 80px);
		margin-left: 80px;
	}
}


/* Foto */
.mdl080-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	animation: come-in-show 1s ease forwards;
	animation-delay: 0.7s;
}
.mdl080-image.left {
	background-position: center left;
}
.mdl080-image.center {
	background-position: center center;
}
.mdl080-image.right {
	background-position: center right;
}


/* Content */
.mdl080-content {
	z-index: 2;
	display: inline-block;
	position: absolute;
	bottom: 25px;
	left: 25px;
	right: 25px;
	font-weight: 600;
	/* Schriftgrösse Prozentual
	font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
	/* font-size: calc( 24px + 51 * ((100vw - 320px) / 1600)); */
	font-size: 1.5rem; /* 24px */
	line-height: 1.1;
	letter-spacing: normal;
	color: var(--main-color-white);
	opacity: 0;
	animation: come-in-show 0.5s ease forwards;
	animation-delay: 1.1s;
	text-shadow: 0px 10px 99px var(--main-color-black);
}
@media (min-width: 760px) {
	.mdl080-content {
		bottom: 40px;
		left: 40px;
		right: 40px;
	}
}
@media (min-width: 1020px) {
	.mdl080-content {
		bottom: 60px;
		left: 80px;
		right: 80px;
		font-size: 4.6875rem; /* 75px */
	}
}


/* Zoom */
a.mdl080-zoom {
	position: absolute;
	display: inline-block;
	bottom: 10px;
	right: 10px;
	width: 18px;
	height: 18px;
}
	a.mdl080-zoom svg {
		display: block;
		opacity: 0.70;
		width: 100%;
		height: auto;
		fill: var(--main-color-white);
		-o-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-webkit-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	a.mdl080-zoom:hover svg {
		opacity: 1;
	}
@media (min-width: 760px) {
	a.mdl080-zoom {
		bottom: 15px;
		right: 15px;
		width: 24px;
		height: 24px;
	}
}
@media (min-width: 1020px) {
	a.mdl080-zoom {
		bottom: 20px;
		right: 20px;
		width: 32px;
		height: 32px;
	}
}