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

/* Modul-Box */
.mdl090-modul-box {
	position: relative;
	width: 100%;
	font-size: 0;
	line-height: 0;
}


/* Foto-Box */
.mdl090-modul-box .picture-wrapper {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc((var(--mdl090-height, 1vh) * 100) - 72px);
	overflow: hidden;
}
	.mdl090-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: 768px) and (max-width: 991.98px) {
	.mdl090-modul-box .picture-wrapper {
		height: calc(((var(--mdl090-height, 1vh) * 100) * 0.7) - 72px);
	}
}
@media screen and (min-width: 992px) {
	.mdl090-modul-box .picture-wrapper {
		height: calc((var(--mdl090-height, 1vh) * 100) - 92px);
	}
}
@media screen and (min-width: 1200px) {
	.mdl090-modul-box .picture-wrapper {
		height: calc((var(--mdl090-height, 1vh) * 100) - 106px);
	}
}


/* Text-Box */
.mdl090-modul-box .content-wrapper {
	z-index: 2;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	min-height: calc((var(--mdl090-height, 1vh) * 100) - 144px + var(--mdl090-boxheight)); /* 72px + 72px */
	padding-left: 20px;
	padding-right: 20px;
}
	.mdl090-modul-box .content-wrapper .text-wrapper {
		width: 100%;
		margin-top: 40px;
	}
	.mdl090-modul-box .content-wrapper .medien-wrapper {
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: left;
		margin-top: auto;
	}
@media screen and (min-width: 768px) {
	.mdl090-modul-box .content-wrapper {
		min-height: calc(((var(--mdl090-height, 1vh) * 100) * 0.7) - 144px + var(--mdl090-boxheight)); /* 72px + 72px */
		padding-left: 50px;
		padding-right: 50px;
	}
		.mdl090-modul-box .content-wrapper .text-wrapper {
			width: calc((6 * var(--col-width-1)) + (5 * var(--gap)));
			margin-top: 100px;
		}
}
@media screen and (min-width: 992px) {
	.mdl090-modul-box .content-wrapper {
		min-height: calc((var(--mdl090-height, 1vh) * 100))
	}
		.mdl090-modul-box .content-wrapper .medien-wrapper {
			flex-direction: row;
			padding-right: calc((2 * var(--col-width-1)) + (1 * var(--gap)));
		}
}
@media screen and (min-width: 1600px) {
	.mdl090-modul-box .content-wrapper {
		padding-left: 100px;
		padding-right: 100px;
	}
		.mdl090-modul-box .content-wrapper .text-wrapper {
			width: calc((5 * var(--col-width-1)) + (4 * var(--gap)));
			margin-top: 120px;
			margin-left: calc((1 * var(--col-width-1)) + (1 * var(--gap)));
		}
}


/* Titel & Inhalt */
.mdl090-modul-box .text-wrapper {
	font-size: 1rem; /* 16px */
	line-height: 1.5;
	letter-spacing: 0.32px;
	color: var(--main-color-white);
}
	.mdl090-modul-box .text-wrapper h2 {
		margin-bottom: 20px;
		padding-bottom: 0;
		border-bottom: none;
		font-style: italic;
		font-size: 2.5rem; /* 40px */
		line-height: 1.15;
		letter-spacing: normal;
		color: var(--main-color-white);
	}
@media screen and (min-width: 1200px) {
	.mdl090-modul-box .text-wrapper {
		font-size: 1.25rem; /* 20px */
		letter-spacing: 0.4px;
	}
		.mdl090-modul-box .text-wrapper h2 {
			margin-bottom: 25px;
			font-size: 3.75rem; /* 60px */
		}
}
@media screen and (min-width: 1600px) {
	.mdl090-modul-box .text-wrapper {
		font-size: 1.375rem; /* 22px */
		line-height: 1.4;
		letter-spacing: 0.44px;
	}
		.mdl090-modul-box .text-wrapper h2 {
			margin-bottom: 30px;
			font-size: 4.375rem; /* 70px */
		}
}


/* ############################################################
	MEDIEN MODULE NEWS & LKW-BLOG
############################################################ */

/* Raster */
.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 25px var(--gap) 0 0;
	padding: 42px 17px 12px;
	border-radius: 10px;
}
@media screen and (max-width: 991.98px) {
	.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item {
		width: calc(1/1*100% - (1 - 1/1)*var(--gap));
	}
	.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item:nth-child(1n),
	.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item:last-child {
		margin-right: 0;
	}
	.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item:nth-child(-n+1) {
		margin-top: 0;
	}
}
@media screen and (min-width: 992px) {
	.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item {
		width: calc(1/3*100% - (1 - 1/3)*var(--gap));
		margin-top: 0;
	}
	.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item:nth-child(3n),
	.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item:last-child {
		margin-right: 0;
	}
	.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item:nth-child(-n+3) {
		margin-top: 0;
	}
}
@media screen and (min-width: 1200px) {
	.mdl090-modul-box .content-wrapper > .medien-wrapper > .link-item {
		padding: 52px 30px 16px;
	}
}


/* Hyperlink */
.mdl090-modul-box .link-item, .mdl090-modul-box .link-item:hover {
	background-color: var(--main-color-5);
	color: var(--main-color-1);
}
@media screen and (min-width: 992px) {
	.mdl090-modul-box a.link-item {
		transition: background 300ms var(--cubic-bezier);
	}
	.mdl090-modul-box a.link-item:hover {
		background-color: var(--main-color-4);
	}
}


/* Texte */
.mdl090-modul-box .medien-wrapper {
	font-size: 1rem; /* 16px */
	line-height: 1.5;
	letter-spacing: 0.32px;
	color: inherit;
}
	.mdl090-modul-box .medien-wrapper .emblem {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 17px;
		padding: 2px 8px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		font-weight: 700;
		font-size: 1rem; /* 16px */
		line-height: 1.5;
		letter-spacing: 0.32px;
		color: var(--main-color-white);
	}
	.mdl090-modul-box .medien-wrapper .emblem:not(.bg-color-7) {
		background-color: var(--main-color-1);
	}
	.mdl090-modul-box .medien-wrapper h3 {
		max-width: 100%;
		font-size: 1.5rem; /* 24px */
		line-height: 1.25;
		letter-spacing: 0.48px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		/*word-break: break-word; /* oder: overflow-wrap: anywhere; */
		overflow-wrap: anywhere; /* oder: word-break: break-word; */
	}
	.mdl090-modul-box .medien-wrapper h3 + p {
		margin-top: 6px;
	}
	.mdl090-modul-box .medien-wrapper p {
		max-width: 100%;
		margin-bottom: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
@media screen and (min-width: 992px) {
	.mdl090-modul-box .medien-wrapper {
		margin-bottom: 25px;
	}
}
@media screen and (min-width: 1200px) {
	.mdl090-modul-box .medien-wrapper {
		margin-bottom: 37px;
		font-size: 1.25rem; /* 20px */
		letter-spacing: 0.4px;
	}
		.mdl090-modul-box .medien-wrapper .emblem {
			left: 30px;
			padding: 4px 10px;
			font-size: 1.125rem; /* 18px */
			letter-spacing: 0.36px;
		}
		.mdl090-modul-box .medien-wrapper h3 {
			font-size: 1.875rem; /* 30px */
			letter-spacing: 0.6px;
		}
}