/* TODO
- font size
*/

/* teaser on homepage */
.teaser {
	background: var(--color-dark);
	padding: 0.5em;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: var(--color-light);
	border-bottom-width: var(--border-width);
}
.teaser h3 {
	/*font-size: var(--step-3);*/
	text-transform: uppercase;
}
@media screen and (min-width: 48em) {
	.teaser {
		padding: 1.5em;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		gap: 2em;
	}
	.teaser > * {
		width: 45%;
	}
}