/*	————————————————————————————————————————————————————————————————
	teaser
*/

#teaser
{
	background-image: url("/assets/images/headerbild_startseite.jpg");
	background-size: cover;
	background-position: 40% 20%;
	padding: calc((40 - 18)/640 * 100vw + (18 - (40 - 18)/2) * 1rem/16) 1rem;
}

#teaser > div
{
	margin: auto;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
}

#teaser > div::before
{
	content: '';
	display: block;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
	flex-basis: calc(50% + 1rem); /* separate declaration because of IE 11 */
}

#teaser p
{
	text-transform: uppercase;
	margin: 0;
	padding-right: 0;
	font-size: 40px;
	font-size: calc((40 - 18)/640 * 100vw + (18 - (40 - 18)/2) * 1rem/16);
	line-height: 1.1;
	font-weight: bold;	
}

#teaser ul
{
	font-size: calc((26 - 16)/640 * 100vw + (16 - (26 - 16)/2) * 1rem/16);
	list-style: none;
	padding-left: 0;
	margin: 1em 0;
}

#teaser svg.icon-check
{
	width: 0.75em;
	height: 0.6675em;
}

#teaser b
{
	font-weight: 600;
}