/* ############################################################
	090 - FOTO-INFOSLIDER
############################################################ */

/* Slider */
.mdl090-slider,
.mdl090-item {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
.mdl090-slider {
	margin-top: 80px;
}
	.mdl090-item {
		height: var(--m090-height);
		overflow: hidden;
	}
		.mdl090-image {
			z-index: 1;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			background-color: #efe0c2;
			background-blend-mode: multiply;
		}
@media (min-width: 760px) {
	.mdl090-slider {
		margin-top: 140px;
	}
}
@media (min-width: 1020px) {
	.mdl090-slider {
		margin-top: 100px;
	}
		.mdl090-item {
			height: 100vh;
			height: calc((var(--vph, 1vh) * 100) - 100px);
		}
}


/* Navigation */
.mdl090-navigation {
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 34px;
	margin: -17px auto 0;
}
	.mdl090-slick-prev,
	.mdl090-slick-next {
		float: left;
		position: relative;
		display: inline-block;
		width: 34px;
		height: 34px;
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		-o-transition: background 0.3s;
		-ms-transition: background 0.3s;
		transition: background 0.3s;
	}
	.mdl090-slick-prev,
	.mdl090-slick-next {
		background-image: url("../../martygruppe/Images/Elemente/slider-nav.svg");
	}
		.mdl090-slick-prev:hover,
		.mdl090-slick-next:hover {
			background-image: url("../../martygruppe/Images/Elemente/slider-nav-hover.svg");
		}
	.mdl090-slick-prev {
		margin-right: 5px;
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.mdl090-slick-next {
		margin-left: 5px;
	}
@media (min-width: 760px) {
	.mdl090-navigation {
		height: 50px;
		margin-top: -25px;
	}
		.mdl090-slick-prev,
		.mdl090-slick-next {
			width: 50px;
			height: 50px;
		}
		.mdl090-slick-prev {
			margin-right: 10px;
		}
		.mdl090-slick-next {
			margin-left: 10px;
		}
}
@media (min-width: 1020px) {
	.mdl090-slick-prev,
	.mdl090-slick-next {
		float: none;
		z-index: 2;
		position: absolute;
		display: block;
		top: calc(50% - 25px);
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		font-size: 0; /* um Text (Previous/Next) zu verstecken */
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		-o-transition: background 0.3s;
		-ms-transition: background 0.3s;
		transition: background 0.3s;
	}
	.mdl090-slick-prev {
		left: 30px;
	}
	.mdl090-slick-next {
		right: 30px;
	}
}


/* Ladebalken */
.mdl090-item .mdl090-progressbar {
	z-index: 3;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: rgba(204, 0, 0, 0);
}
.mdl090-item .mdl090-progressbar .inProgress {
	width: 0%;
	height: 3px;
	background-color: rgba(204, 0, 0, 0.5);
}
@media (min-width: 760px) {
	.mdl090-item .mdl090-progressbar,
	.mdl090-item .mdl090-progressbar .inProgress {
		height: 4px;
	}
}





/* Text */
.mdl090-text {
	z-index: 2;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	opacity: 0;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.mdl090-text.active {
	opacity: 1;
	padding-left: 33px;
	padding-right: 7px;
	-webkit-transform: translateX(-13px);
	transform: translateX(-13px);
	-o-transition: opacity 0.75s, transform 0.5s;
	-ms-transition: opacity 0.75s, transform 0.5s;
	-moz-transition: opacity 0.75s, transform 0.5s;
	-webkit-transition: opacity 0.75s, transform 0.5s;
	transition: opacity 0.75s, transform 0.5s;
}
	.mdl090-text h2 {
		margin-bottom: 0;
		font-size: 1.5rem; /* 24px */
		line-height: 1.25; /* 30px */
		letter-spacing: 0;
		color: #e9d6ad;
	}
	.mdl090-text h3 {
		margin-bottom: 0;
		font-family: "Campton-Book";
		font-size: 0.6875rem; /* 11px */
		line-height: 1.36; /* 15px */
		letter-spacing: 2.2px;
		color: #e9d6ad;
	}
		.mdl090-text h3 + h2 {
			margin-top: 0;
		}
		.mdl090-text span {
			display: inline-block;
		}
		.mdl090-text h2 span {
			background-color: rgba(32, 29, 23, 0.75);
			padding: 13px 30px 13px 20px;
		}
		.mdl090-text h3 span {
			background-color: rgba(32, 29, 23, 0.85);
			padding: 7px 20px;
		}
	
	/* Hyperlink */
	.mdl090-text a,
	.mdl090-text a:hover {
		color: #e9d6ad;
	}
		.mdl090-text a::after {
			content: "\2192";
			display: inline-block;
			padding-left: 18px;
			/*-o-transform: translateX(0);
			-ms-transform: translateX(0);
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			transform: translateX(0);
			-o-transition: transform 0.3s;
			-ms-transition: transform 0.3s;
			-moz-transition: transform 0.3s;
			-webkit-transition: transform 0.3s;
			transition: transform 0.3s;*/
		}
		/*.mdl090-text a:hover::after {
			-o-transform: translateX(4px);
			-ms-transform: translateX(4px);
			-moz-transform: translateX(4px);
			-webkit-transform: translateX(4px);
			transform: translateX(4px);
		}*/
		.mdl090-text a:hover::after {
			-webkit-animation-duration: 1s;
			-webkit-animation-name: bounceInRight;
			-webkit-animation-timing-function: ease-in-out;
			animation-duration: 1s;
			animation-name: bounceInRight;
			animation-timing-function: ease-in-out;
		}
@media (min-width: 760px) {
	.mdl090-text {
		padding-left: 60px;
		padding-right: 60px;
		padding-bottom: 60px;
	}
	.mdl090-text.active {
		padding-left: 100px;
		padding-right: 20px;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}
		.mdl090-text h2 {
			font-size: 2rem; /* 32px */
			line-height: 1.25; /* 40px */
		}
		.mdl090-text h3 {
			font-size: 0.875rem; /* 14px */
			line-height: 1.57; /* 22px */
			letter-spacing: 2.8px;
		}
			.mdl090-text h2 span {
				padding: 16px 20px;
			}
}