/* Headline Webfont
-------------------------------------------------- */

@font-face {
	font-family: 'LegitSansWeb';
	src:  url('/assets/fonts/legit/LegitSans-Bold.woff2') format('woff2');
	unicode-range: U+20,U+4C,U+53,U+61,U+65-67,U+69,U+6C,U+6D,U+70,U+72,U+74,U+75,U+79;
	font-display: fallback;
}

@font-face {
	font-family: 'LegitSerifWeb';
	src:  url('/assets/fonts/legit/LegitSerif-Bold.woff2') format('woff2');
	unicode-range: U+20,U+4C,U+53,U+61,U+65-67,U+69,U+6C,U+6D,U+70,U+72,U+74,U+75,U+79;
	font-display: fallback;
}

@font-face {
	font-family: 'LegitDidoneWeb';
	src:  url('/assets/fonts/legit/LegitDidone-Bold.woff2') format('woff2');
	unicode-range: U+20,U+4C,U+53,U+61,U+65-67,U+69,U+6C,U+6D,U+70,U+72,U+74,U+75,U+79;
	font-display: fallback;
}

@font-face {
	font-family: 'LegitSlabWeb';
	src:  url('/assets/fonts/legit/LegitSlab-Bold.woff2') format('woff2');
	unicode-range: U+20,U+4C,U+53,U+61,U+65-67,U+69,U+6C,U+6D,U+70,U+72,U+74,U+75,U+79;
	font-display: fallback;
}

/* Legit
-------------------------------------------------- */

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

.font-preload1{
	font-family: 'LegitSerifWeb';
}

.font-preload2{
	font-family: 'LegitDidoneWeb';
}

.font-preload3{
	font-family: 'LegitSlabWeb';
}


@-webkit-keyframes headline {
	0%   {font-family: 'LegitSansWeb', 'LegitSlabWeb';}
	25%  {font-family: 'LegitSerifWeb', 'LegitSansWeb';}
	50%  {font-family: 'LegitDidoneWeb', 'LegitSerifWeb';}
	75%  {font-family: 'LegitSlabWeb', 'LegitDidoneWeb';}
}

@keyframes headline {
	0%   {font-family: 'LegitSansWeb', 'LegitSlabWeb';}
	25%  {font-family: 'LegitSerifWeb', 'LegitSansWeb';}
	50%  {font-family: 'LegitDidoneWeb', 'LegitSerifWeb';}
	75%  {font-family: 'LegitSlabWeb', 'LegitDidoneWeb';}
}

h1{
	font-size: 2.5em;
	margin-bottom: 0;
	font-family: 'LegitSansWeb', 'Benedikt', Georgia, serif;
	-webkit-animation: 4s headline infinite;
			animation: 4s headline infinite; 
	-webkit-animation-delay: 2s; 
			animation-delay: 2s;
}


h1 + aside.pubinfo {
	max-width: 15rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
	font-size: 0.6em;
	line-height: 1.5;
}


h1 + aside.pubinfo > a{ /* prevent author name from breaking in two lines*/
	white-space: nowrap;
}

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

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

p, p.teasertext {
	  font-size: 1em;
	  line-height: 1.7; 
  }

.content > section:first-of-type{
	margin-top: 3rem;
}

.bodytext.abstand {
	margin-top: 5rem;
}
	
.bodytext.abstand ~ .font-feature {
	margin-bottom: 6rem;
}


.teaser-item.fontspring .teaser-text h2{
	font-size:1.5em;
	line-height: 1.4;
}

@media screen and (min-width: 40rem) {
	
	section.full-width > *,
	.teaser-item{ /* Satzspiegel anpassen */
		max-width: 72rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

@media screen and (min-width: 52rem) {
	h1{
		font-size: 6em;
	}
	
	h1 + aside.pubinfo {
		margin-top: 1rem;
		margin-bottom: 8rem;
		font-size: 0.8em;
		max-width: unset;
	}
	  
	p.teasertext {
	  font-size: 1.1em;
	  margin-bottom: 3rem;
	  line-height: 1.7; 
  }
  
	.teasertext ~ a.button{
		margin-bottom: 3rem;
	}
	
	.content > section:first-of-type{
		margin-top: 6rem;
	}
	
	.bodytext.abstand {
		margin-top: 10rem;
	}
		
	.bodytext.abstand ~ .font-feature {
		margin-bottom: 12rem;
	}
	
	.teaser-item.fontspring .teaser-text h2{
		font-size:1.3em;
		line-height: 1.2;
		margin-top: 0.6rem;
	}
	
}