div.container {width: 100%; margin: 0;}
article {margin-right: 1%; margin-left: 1%; margin-top: 1%; margin-bottom: 1%; padding: 1em; color: black; background-color: white; }
.firstart {margin-bottom:0; padding-bottom:0;}
.normalart {margin-top:0;}
nav {text-align: center; margin: 0; padding: 1em; font-size: 0.7em;}	
.navlink {text-decoration: none; color: grey; border-bottom: none;}	
	
	body {margin: 0; background-color: #333333;}
	h1, h2, h3 {text-align: center; margin: 0; font-weight: normal;}
	.headline {text-align: center; margin: 0; color: #252525; font-family: 'Times New Roman', serif;}
	p, td, h2, h3 {color: #252525; font-family: Palatino, "Palatino Linotype", "Times New Roman", serif;} 
	p {font-size: 0.9em; text-align:left;}	
	.author {text-align: center; font-family: 'Times New Roman', serif;}
	.description {font-family: 'Times New Roman', serif; font-style: italic;}
	.greytext {font-family: 'Times New Roman', serif; color: #666666; font-style: italic;}
	.foot {text-align: center; text-indent: 0; color: grey;}
	.page {text-align: center; color: lightgrey; font-size: 0.9em;}
	table, td {border-collapse: collapse;}
	td {font-size: 0.5em;}
	.tdleft {text-align: left; text-indent:0; color: lightgrey; font-size: 0.9em;}
	.tdright {text-align: right; text-indent:0; color: lightgrey; font-size: 0.9em;}
	hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	.thick {border: 0; height: 0; border-top: 3px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	audio, video {width: 100%;}
	img {display: block; image-orientation: from-image;}
	address {font-style: normal;}
	a {color:#333333; text-decoration:none; border-bottom: 0.0625rem solid lightgrey;}
	.none {text-decoration: none; border-bottom: none;}
	.pagination a {font-size: 1.2em; color: grey; padding: 1%; text-decoration: none; border-bottom: none; transition: background-color .3s;}
	.pagination a.active {background-color: grey; color: white;}
	.wappen {height: 30%; width: 30%;}
	.titulus {font-size: 2em;}
	.cover {width: 99%;}
	.caput {font-size:1.2em;}
	.capitulum {font-size:1em;}	
	.intro {font-size: 0.8em;}

	@media only screen and (max-width:450px) {
		article {margin-right: 1%; margin-left: 1%; margin-top: 1%; margin-bottom: 1%; padding: 1em; text-align: left; color: black; background-color: white;}
		body {background-color: #e6e6e6; display: none;}
		p {font-size: 0.9em;}
		td {font-size: 0.5em; font-family: "Times New Roman", serif;}
		.titulus {font-size: 2em;}
		.cover {width: 98%;}
		.intro {font-size: 0.8em;}}

	@media only screen and (min-width:450px) and (max-width:720px) {
		article {margin-left: 5%; margin-right: 5%; margin-top: 5%; margin-bottom: 5%; padding: 2em; text-align: left; }
		body {margin: 0; background-color: #b3b3b3; position: relative; display: none;}
		p {font-size: 1em;}
		td {font-size: 0.7em; font-family: "Times New Roman", serif;}
		.wappen {height: 28%; width: 28%;}
		.titulus {font-size: 2.5em;}
		.cover {width: 90%;}
		.intro {font-size: 0.8em;}
		.caput {font-size:1.4em;}
		.capitulum {font-size:1.1em; font-style: italic;}}
	
	@media only screen and (min-width:720px) and (max-width:950px) {
		article {margin-left: 10%; margin-right: 10%; margin-top: 5%; margin-bottom: 5%; padding: 4em; padding-top: 3em; text-align: left; }
		body {margin: 0; background-color: #808080; position: relative;}
		p {font-size: 1.1em;}
		td {font-size: 0.9em; font-family: "Times New Roman", serif;}
		.wappen {height: 24%; width: 24%;}
		.titulus {font-size: 3em;}
		.cover {width: 80%;}
		.intro {font-size: 0.9em;}
		.caput {font-size:1.6em;}
		.capitulum {font-size:1.3em; font-style: normal;}}	

	@media only screen and (min-width:950px) and (max-width:1224px) {
		article {margin-left: 15%; margin-right: 15%; margin-top: 5%; margin-bottom: 5%; padding: 6em; padding-top: 3em; text-align: left; }
		body {margin: 0; background-color: #4d4d4d; position: relative;}
		p {font-size: 1.2em;}
		td {font-size: 1em;}
		.wappen {height: 20%; width: 20%;}
		.titulus {font-size: 3.5em;}
		.cover {width: 70%;}
		.intro {font-size: 1em;}
		.caput {font-size:1.8em;}
		.capitulum {font-size:1.3em; font-style: normal;}}
						
	@media only screen and (min-width:1224px) {
		article {margin-left: 15%; margin-right: 15%; margin-top: 5%; margin-bottom: 5%; padding: 10em; padding-top: 3em; text-align: left; }
		body {margin: 0; background-color: #333333; position: relative;}
		p {font-size: 1.2em; "Times New Roman", serif;}
		td {font-size: 1.1em; font-family: Palatino, "Palatino Linotype", "Times New Roman", serif;}
		.wappen {height: 18%; width: 18%;}
		.titulus {font-size: 3.5em;}
		.cover {width: 70%;}
		.intro {font-size: 1.1em;}
		.caput {font-size:2em;}
		.capitulum {font-size:1.5em; font-style: normal;}}