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

/* Modul-Abstände */
.middle__panel .mdl-art-010, .bottom__panel .mdl-art-010 {
	width: calc(100% + (2 * 20px));
	margin-left: -20px;
	padding: 60px 20px;
}
@media screen and (min-width: 768px) {
	.middle__panel .mdl-art-010, .bottom__panel .mdl-art-010 {
		width: calc(100% + (2 * 80px));
		margin-left: -80px;
		padding: 90px 80px;
	}
	.middle__panel .mdl-art-010.home {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media screen and (min-width: 1200px) {
	.middle__panel .mdl-art-010, .bottom__panel .mdl-art-010 {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.middle__panel .mdl-art-010.home {
		padding-top: 180px;
		padding-bottom: 180px;
	}
}
@media screen and (min-width: 1600px) {
	.middle__panel .mdl-art-010, .bottom__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);
	}
}