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

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

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


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

body{

}

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


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

main section.bodytext,
main section.code,
main p.teasertext,
.content figcaption{
	font-family: 'Monoflow', 'Benedikt', Georgia, serif;
	color: #5F5F5F;
	font-feature-settings: "dlig" off;
}

.content figcaption{
	font-size: 0.8em;
}

h1{
		font-family: 'ComplexKLZ', '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;
	}

}