/* ############################################################
	070 - DOWNLOADS
############################################################ */

/* Modultitel */
.mdl070-modultitel {
	margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
	.mdl070-modultitel {
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 1400px) {
	.mdl070-modultitel {
		margin-bottom: 12px;
	}
}


/* Allgemeines */
.mdl070-modul-box {
	position: relative;
	width: 100%;
}


/* Silbentrennung */
@media screen and (max-width: 991.98px) {
	.mdl070-modul-box a {
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-moz-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-chars: auto 3;
		hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 3;
		-moz-hyphenate-limit-lines: 3;
		-webkit-hyphenate-limit-lines: 3;
		/*hyphenate-limit-lines: 3;*/
	}
}


/* Button */
.mdl070-modul-box a:after {
	content: "";
	position: absolute;
	top: 12px;
	right: 0;
	width: 24px;
	height: 21px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.mdl070-modul-box a.mdl070-goto:after {
	background-image: url("../../sozialfonds/Images/Elemente/Icon_Hyperlink.svg");
}
.mdl070-modul-box a.mdl070-download:after {
	background-image: url("../../sozialfonds/Images/Elemente/Icon_Download.svg");
}
@media screen and (min-width: 768px) {
	.mdl070-modul-box a:after {
		top: 15px;
		width: 32px;
		height: 28px;
	}
}
@media screen and (min-width: 992px) {
	.mdl070-modul-box a:after {
		-o-transition: opacity 300ms var(--cubic-bezier);
		-ms-transition: opacity 300ms var(--cubic-bezier);
		-moz-transition: opacity 300ms var(--cubic-bezier);
		-webkit-transition: opacity 300ms var(--cubic-bezier);
		transition: opacity 300ms var(--cubic-bezier);
	}
	.mdl070-modul-box a:hover:after {
		opacity: 0.5;
	}
}
@media screen and (min-width: 1400px) {
	.mdl070-modul-box a:after {
		top: 17px;
		width: 36px;
		height: 31px;
	}
}


/* ############################################################
	RASTER
############################################################ */

/* Liste */
.mdl070-modul-box .flex-container {
	position: relative;
	display: block;
	width: 100%;
}

/* Rastersystem */
.mdl070-modul-box > .flex-container > .flex-item {
	position: relative;
	display: block;
	padding: 11px 48px 11px 0;
	border-bottom: 1px solid var(--main-color-2);
}
.mdl070-modul-box > .flex-container > .flex-item:first-child {
	border-top: 1px solid var(--main-color-2);
}
@media screen and (min-width: 768px) {
	.mdl070-modul-box > .flex-container > .flex-item {
		padding: 14px 64px 14px 0;
	}
}
@media screen and (min-width: 1400px) {
	.mdl070-modul-box > .flex-container > .flex-item {
		padding: 16px 72px 16px 0;
	}
}