/* ############################################################
	310 - MITARBEITER-KOMMENTAR
############################################################ */

/* Layout/Gerüst */
.mdl310-modul-box {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}
@media screen and (min-width: 1600px) {
	.mdl310-modul-box {
		max-width: 937px; /* 7 Spalten */
	}
}


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


/* Text */
.mdl310-modul-box .content-wrapper {
	flex: 0 0 auto;
	width: calc(100% - (76px + var(--gap)));
	margin-top: 20px;
	margin-left: calc(76px + var(--gap));
	/*font-size: 1rem; /* 16px */
	/*line-height: 1.375;*/
}
@media screen and (min-width: 768px) {
	.mdl310-modul-box .content-wrapper {
		width: calc(100% - (107px + var(--gap)));
		margin-left: calc(107px + var(--gap));
		margin-top: 67px;
		/*font-size: 1.875rem; /* 30px */
		/*line-height: 1.4;*/
	}
}
@media screen and (min-width: 1200px) {
	.mdl310-modul-box .content-wrapper {
		width: calc(100% - (70px + var(--gap)));
		margin-left: calc(70px + var(--gap));
	}
}
@media screen and (min-width: 1400px) {
	.mdl310-modul-box .content-wrapper {
		width: calc(100% - (91px + var(--gap)));
		margin-left: calc(91px + var(--gap));
		margin-top: 77px;
		/*font-size: 2.125rem; /* 34px */
	}
}