/* Webfonts
-------------------------------------------------- */

@import url('/assets/css/fonts/Geoso-Webfonts.css');

@font-face {
   font-family: 'Byzan';
   src: url('/assets/fonts/byzan/Byzan-Regular.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/byzan/Byzan-Regular.woff2') format('woff2'),
		url('/assets/fonts/byzan/Byzan-Regular.woff') format('woff');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}


/* Komplex specific styles
-------------------------------------------------- */

body{
	font-family: 'Geoso-Webfont', 'Benedikt', Georgia, serif;
}

.content,
footer{
	max-width: 72rem; /* Satzspiegel anpassen */
}

main section, /* Satzspiegel anpassen */
main aside{
		max-width: none;
		color: #00161D;
}

h1{
		font-family: 'Byzan', 'Benedikt', Georgia, serif;
		font-weight: bold;
}


@media screen and (min-width: 40rem) {

	h1{
		font-weight: bold;
		font-size: 6em;
	}
	
	section.full-width > *,
	.teaser-item{ /* Satzspiegel anpassen */
		max-width: 72rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

}