/* ============================================================
 * TEXT
 * Titel in de ene kolom, tekst in de andere.
 * ============================================================ */

/* De haarlijn hoort bij de inhoud, niet bij de sectie: hij loopt dus met de
   kolommen mee en niet tot de rand van het scherm. */
section.text{
	padding-bottom: 0;
	margin-bottom: calc(2 * var(--padding));
}

.text > .section-wrapper{
	align-items: start;
	padding-bottom: var(--padding);
	border-bottom: var(--hairline-strong);
}

.text__heading{
	margin-bottom: 0;
}

/* Titel rechts: de titel blijft in de bron bovenaan staan, zodat hij
   gestapeld altijd eerst komt. */
.text--title-right .text__title{ order: 2; }
.text--title-right .text__content{ order: 1; }

.text--sticky .text__title{
	position: sticky;
	top: var(--padding);
}


@media screen and (max-width: 1200px){
	.text--title-right .text__title,
	.text--title-right .text__content{ order: 0; }

	.text--sticky .text__title{ position: static; }
}