/* ############################################################
	211 - ANSPRECHPARTNER AUF MEHREREN SEITEN
############################################################ */

/* Layout/Gerüst */
.mdl211-modul-box {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.mdl211-modul-box.abstand {
	margin-top: 45px;
}
@media screen and (min-width: 768px) {
	.mdl211-modul-box.abstand {
		margin-top: 70px;
	}
}
@media screen and (min-width: 1400px) {
	.mdl211-modul-box.abstand {
		margin-top: 110px;
	}
}
@media screen and (min-width: 1600px) {
	.mdl211-modul-box {
		max-width: 937px; /* 7 Spalten */
		margin-top: px;
	}
}


/* Bild */
.mdl211-modul-box .picture-wrapper {
	flex: 0 0 auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	border-radius: 20px;
}
	.mdl211-modul-box .picture-wrapper img {
		display: block;
	}


/* Text */
.mdl211-modul-box .content-wrapper {
	flex: 0 0 auto;
	position: relative;
	width: calc(100% - (76px + var(--gap)));
	margin-top: 20px;
	margin-left: calc(76px + var(--gap));
}
@media screen and (min-width: 768px) {
	.mdl211-modul-box .content-wrapper {
		width: calc(100% - (107px + var(--gap)));
		margin-left: calc(107px + var(--gap));
		margin-top: 67px;
	}
}
@media screen and (min-width: 1200px) {
	.mdl211-modul-box .content-wrapper {
		width: calc(100% - (70px + var(--gap)));
		margin-left: calc(70px + var(--gap));
	}
}
@media screen and (min-width: 1400px) {
	.mdl211-modul-box .content-wrapper {
		width: calc(100% - (91px + var(--gap)));
		margin-left: calc(91px + var(--gap));
		margin-top: 77px;
	}
}


/* Button-Box */
.mdl211-btn-box {
	margin-top: 38px;
}
	.mdl211-btn-box .link-btn-box {
		margin-top: 0; /* Reset von CSS-Hauptdatei */
		margin-bottom: 0; /* Reset von CSS-Hauptdatei */
	}
@media screen and (min-width: 768px) {
	.mdl211-btn-box {
		margin-top: 48px;
	}
}
@media screen and (min-width: 992px) {
	.mdl211-btn-box {
		position: absolute;
		right: 0;
		bottom: -5px;
		margin-top: 0;
	}
}