/* ############################################################
	010 - TEXT/HTML
############################################################ */

/* Modul-Abstände */
.top__panel .mdl-art-010, .left__panel .mdl-art-010, .right__panel .mdl-art-010 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.middle__panel .mdl-art-010 {
	width: calc(100% + (2 * 20px));
	margin-left: -20px;
	padding: 50px 20px;
}
@media screen and (min-width: 768px) {
	.top__panel .mdl-art-010, .left__panel .mdl-art-010, .right__panel .mdl-art-010 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.middle__panel .mdl-art-010 {
		width: calc(100% + (2 * 50px));
		margin-left: -50px;
		padding: 80px 50px;
	}
}
@media screen and (max-width: 991.98px) {
	.left__panel + .right__panel .mdl-art-010 {
		padding-top: 0;
	}
}
@media screen and (min-width: 1200px) {
	.top__panel .mdl-art-010, .left__panel .mdl-art-010, .right__panel .mdl-art-010 {
		padding-top: 125px;
		padding-bottom: 125px;
	}
	.middle__panel .mdl-art-010 {
		width: calc(100% + (2 * 80px));
		margin-left: -80px;
		padding: 125px 80px;
	}
}
@media screen and (min-width: 1600px) {
	.middle__panel .mdl-art-010 {
		width: calc(100% + (2 * 170px));
		margin-left: -170px;
		padding-left: 170px;
		padding-right: 170px;
	}
}


/* ############################################################
	SCHRIFTEN / TEXTE / ABSÄTZE / TITEL
############################################################ */

/* Titel, Schriftgrössen */
@media screen and (min-width: 768px) {
	.middle__panel .mdl-art-010 h2.modultitel {
		width: calc(100% - (1 * var(--col-width-1)));
		margin-left: calc(((1 * var(--col-width-1)) + (1 * var(--gap))) * -1);
	}
}