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;}
	.center {text-align:center;}
	.green {background-color:#f3ffe6; padding: 1em; font-family: "Courier New", "Times New Roman", serif; font-size: 0.6em;}
	table, td {border-collapse: collapse;}
	td {font-size: 0.6em;}
	.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;}
	.ten {padding-left:10%;}
	.grey {background-color:#fcfcfc;}
	.solid {border-bottom: 1px solid lightgrey;}
	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;}
	* { box-sizing: border-box;}
	.column {flex: 50%; padding-top: 3%; padding-left: 5%; padding-right: 2%; padding-bottom: 3%;}
	.column a:hover {background-color: #99ff99; padding:1%; font-style:italic;}
	.row {display: flex;}
	.colcolor {background-color: #fcfcfc; border-right: 1px solid lightgrey;}
	.colcolor2 {background-color: #fcfcfc;}
	.work {border-bottom:none; color: #252525;}
	.opus {font-size: 0.9em; margin:0;}
	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;}
	#myBtn {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 1.2em; font-family: "Times New Roman"; border: none; outline: none; background-color: grey; color: white; cursor: pointer; padding: 5px 20px; border-radius: 4px;}
	#myBtn:hover {background-color: #005689;}
	.wappen {height: 30%; width: 30%;}
	.titulus {font-size: 2em;}
	.cover {width: 99%;}
	.caput {font-size:1.2em;}
	.capitulum {font-size:1em;}
	.left {text-align: left;}
	.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.6em; 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.8em; font-family: "Times New Roman", serif;}
		.wappen {height: 28%; width: 28%;}
		.titulus {font-size: 2.5em;}
		.cover {width: 90%;}
		.intro {font-size: 0.8em;}
		.green {font-size: 0.7em;}
		.opus {font-size: 1em; margin:0;}
		.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: 1.1em; font-family: "Times New Roman", serif;}
		.wappen {height: 24%; width: 24%;}
		.titulus {font-size: 3em;}
		.cover {width: 80%;}
		.intro {font-size: 0.9em;}
		.green {font-size: 1.1em;}
		.opus {font-size: 1.1em; margin:0;}
		.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: 1.2em;}
		.wappen {height: 20%; width: 20%;}
		.titulus {font-size: 3.5em;}
		.cover {width: 70%;}
		.intro {font-size: 1em;}
		.green {font-size: 1.2em;}
		.opus {font-size: 1.2em; margin:0;}
		.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.2em; font-family: Palatino, "Palatino Linotype", "Times New Roman", serif;}
		.wappen {height: 18%; width: 18%;}
		.titulus {font-size: 4em;}
		.cover {width: 70%;}
		.intro {font-size: 1.1em;}
		.green {font-size: 1.4em;}
		.opus {font-size: 1.2em; margin:0;}
		.caput {font-size:2em;}
		.capitulum {font-size:1.5em; font-style: normal;}}