/* Geoso Webfont
-------------------------------------------------- */

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

/* Distel Webfont
-------------------------------------------------- */


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



/* DISTEL
-------------------------------------------------- */

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


main{
	background-color: #FFCB00;	
}

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

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

@media screen and (min-width: 40rem) {
	
	.content > section{
		padding-top: 2rem; 
		padding-bottom: 2rem;
	}

	.intro{
		// height: calc(100vh - 150px);
	}

	section.full-width > *,
	.teaser-item{ /* Satzspiegel anpassen */
		max-width: 72rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

}


.content figcaption{
	margin-top: 1.5rem!important;	
}
 
h1{
	font-family: 'Distel-Webfont', 'Benedikt', serif;
} 

 
p.teasertext{
	font-family: 'Distel-Webfont', 'Benedikt', serif;
}

p.teasertext a{
	font-style: normal;
	border-bottom: 2px solid rgba(var(--dark),1);
}

.content > section{
	padding-top: 1rem; 
	padding-bottom: 1rem;
}