/*
 * en2x Fazit-Box – structural, instance-independent styles.
 *
 * Coloured box: small label on top (separated by a thin rule), headline and
 * text below. Background + text colour come inline per instance; everything
 * here is colour-agnostic (uses currentColor / inherit). Font inherited (Rubik).
 */

.en2x-fazit-box {
	/* Self-brought side gutter — identical mechanism to the sibling modules
	 * (Konzept-Box, Teaser-Kachel, FAQ …), so the box aligns with them in any
	 * column: a 1/3 column keeps the same inset as its neighbours, and a
	 * full-width-content 1/1 column resolves to the 1600px container edge. */
	margin: 0 var(--en2x-side-gutter, 20px) 32px;
	padding: 28px;
	/* Include the padding in the width so the box never exceeds its column
	 * (otherwise it would overflow a narrow column by 2x the padding). */
	box-sizing: border-box;
	font-family: inherit;
}

.en2x-fazit-box__label {
	margin: 0 0 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid currentColor;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: inherit;
}

.en2x-fazit-box__headline {
	margin: 0 0 14px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	color: inherit;
}

.en2x-fazit-box__text {
	font-size: 15px;
	line-height: 1.6;
	color: inherit;
}

.en2x-fazit-box__text :first-child {
	margin-top: 0;
}

.en2x-fazit-box__text :last-child {
	margin-bottom: 0;
}

.en2x-fazit-box__text p {
	margin: 0 0 14px;
}

.en2x-fazit-box__text a {
	color: inherit;
	text-decoration: underline;
}