* {margin:0; padding:0;}
html {width:100%; height:100%; }

@font-face { font-family: 'fraktur';  src: url('mainzer.woff') format('woff'), url('mainzer.ttf') format('truetype');  font-weight: normal; font-style: normal; }

:root {
	--mc  : #800000; /* Textfarbe  */
	--mc1 : #715614; /* Textfarbe  */
	--bg	: #f6ffbc; /* allg. Hintergrund */
	--mbg : tan;     /* Sonderhintergrund */ 
}
body {background: var(--bg);}

aside {font-family:sans-serif; font-size:.9em;}

article p:first-of-type {text-align:center; font-size:1.4em;}

h1 {background-color:#ffa500; color:var(--mc1); width:90%; padding:.5em 0 .5em 1em; 
	margin:0; display: block; border:4px solid #715614; border-right: none;	
	border-bottom-left-radius:1em; border-top-left-radius:1em; 
	box-shadow: 6px 6px 5px 4px #D2B48C; text-shadow: -1px -1px 0 #eee; 	}
	
main h1 {border:none; background:transparent; text-align:center; box-shadow:none; text-shadow:2px 2px 3px #333;}
main article figure {width:100%;}

header {font-family: sans-serif; color: var(--mc1); text-align: center; padding: 2em; text-shadow: 2px 2px 2px #333;}
header figure {width:250px; margin:1em auto;}	header figcaption {font-size:3em; text-align:center;}

h2 {color:var(--mc1); text-shadow: -1px -1px 0 #eee;} h2, h3, h4 {margin-top: .8em; margin-bottom: 1em;}
h3 {text-shadow: -1px -1px 0 #eee;}
h3.c .lat {font-weight: normal;}
h4 {color:var(--mc1); text-shadow: -1px -1px 0 #eee; clear: both;}
h4 a {text-decoration: none; color:var(--mc1); padding:.4em 1em; background: var(--mbg);}
@media screen and (min-width:800px) {
	header {background: url(../../img/amg-05.png) no-repeat 97% -3%; background-size: contain;}
	h1 {width:60%; padding:.5em 0 .5em 1em; margin:5px 0 .2em 18%;}}

main {width:80%; margin:0 50px 0 auto; padding:.4em 40px .8em .8em; font-family: 'fraktur'; font-size: 1.1em; line-height: 1.3em; }
main p {text-indent: 1.6em; text-align: justify; hyphens: auto; margin-bottom:.8em;}
@media screen and (min-width:800px) {main {margin:0 auto;} main p {max-width:60ch;} main p.s {max-width:70ch;}}
@media screen and (min-width:1024px) {main {width:70ch;} main p {max-width:66ch;} main li {max-width:62ch;} main p.s {max-width:80ch;}}
@media screen and (min-width:1240px) {main {width:80ch;} main p {max-width:75ch; padding-left:2em;} main li {max-width:72ch;} main p.s {max-width:100ch;}}

section {}
article {margin-top: 1.6em;} 

aside {width:100%; background:var(--mbg); border: 3px double gray; padding:.2em 1em;}
@media screen and (min-width:1024px) {aside {width: 13em; float: left; position: fixed; left: 2em; bottom: 4em; }} /* ?? */
/* ########## */

nav {display:flex; justify-content:space-around; position:sticky; top:0; background:inherit; padding-bottom:1em;}
nav li {list-style-type: none; background:linen; padding:3px 1em;} 
nav li:before {content:"[ ";} nav li:after {content:" ]";} 
nav li.but {border:3px outset tan; padding: .2em 1em; text-align: center; margin-bottom: .3em; background: tan; box-shadow: 2px 2px 1px #333;}
nav li.akt:after {content: " ✔️";}
nav li a {width: 100%; text-decoration: none; font-weight: bold; font-family: sans-serif; color: #800000;}
nav li.sw a {color: #333;}

div.cont {display: flex; flex-wrap:wrap; }
div.fraktur {font-family: 'fraktur'; font-size:1.2em; max-width:800px;}
div.fraktur p {text-indent:3em; line-height:1.2em; text-align: justify;}
div.fraktur span.g {letter-spacing:.2em;}

figure {text-align: center;} figcaption {text-align: center; font-size: .8em; }
figure#hd {width:100%;} figure img {width: 100%;}

footer {background-image: linear-gradient(maroon 0%, tan 5%); padding:1em; margin-top: 1.2em; height:3em; text-align: center; font-family:sans-serif;}

/* Popover-Layout */
::backdrop {background:rgba(33,33,33,.5); backdrop-filter:blur(1.3em);}
[popover]:popover-open {opacity:1; transform:scaleX(1); background:var(--bgd); padding:.5rem 1rem; 
	border:var(--eck) ridge var(--bgm); border-radius:1.5em; background-color:var(--bgh);
	box-shadow:3rem 3rem 2.5rem #ddd; margin:auto; text-align:justify; hyphens:auto; }
:popover-open figure {margin:0;} :popover-open img {border-radius:1.1em;}
[popover] {transition: all 0.7s allow-discrete;} @starting-style {	[popover]:popover-open {opacity:1; transform:scaleX(1);} }

.ab {margin-bottom: .8em;} /* Abstand */
.box {border: 3px double #666; padding: .5em 1em; box-shadow: 3px 3px 4px #333;}
.but {box-shadow: 2px 2px 1px gray;}
.c {text-align: center !important;}
.cls {position:absolute; top:1em; right:1em; color: #aaa; font-size: 28px; font-weight: bold; }
.copyleft {transform: scaleX(-1); display: inline-block; }	
.f {font-weight: bold;}
.g, .go {letter-spacing: .31em;} .g:before {content:" ";} .og {letter-spacing: 0;}
.go:before {content:"";}
.grau {color: #666;} .gray {color: #999;}
.hist {font-family: 'fraktur'; font-size: 1.1em; line-height: 1.3em;}
.ini {} .ini:first-letter {font-weight: bold; font-size: 2em;} /* Initialabsatz */
.kl {font-size:.9em;}
.lat {font-family: serif; font-size:.85em;} .latein {font-family: serif; font-size:.9em;} /* Normalschrift */
.li {text-align: left;}
.marker {background: beige; }
.me {margin-left: 3em;}
.mini {margin: .6em auto; width: 5em;} /* Kurzstrich: für HR */
.ml {width: 220px; float: left; margin-left: -240px;} /* Marginalie links */ .box .ml {margin-left: -260px; text-indent: 1em;}
.mr {width: 200px; float: right; font-size:.8em; margin-right: -220px;} /* Marginalie rechts */
.nix {display: none;}
.no {margin-top: -3em;}
.norm {font-weight: normal; letter-spacing:0; }
.nu {margin-top: 3em;} .nu2 {margin-top: 6em;} .nu3 {margin-top: 12em;} .nu4 {margin-top: 20em;} /* Versetzung v. Marginalien nach unten */
.oa {margin-bottom: 0;}
.oe {text-indent: 0;} .fraktur p.oe {text-indent: 0;}
.ort {color:#800000; font-weight:bold;}
.pers {color: #006400;} /* Hervorhebung Personennamen */
.r {color: red;}
.re {text-align: right;}
.s {font-size: 0.8em;}
.ss {font-size: .72em; text-indent: 0px;}	/* sehr klein */
.sage {font-size: .9em; border: 3px double #999; padding: .5em 1em; text-align: justify; line-height:1.6em;}
.shd  {box-shadow: 3px 3px 2px #333;}
.tab {display: inline-block; width: 8em; } /* 8 Zeichen-Spanne */
.vers {margin-left:5em;}
.zit {background: gainsboro;}

/*@media screen and (max-width: 800px) {
   article {margin:1.2vw; flex: none !important; width: 94%; } 
   figure {float: left;} 
   p {text-indent: .5em; margin-bottom: 1vw; }
   main {width: calc(90% - 62px);} main a {color: #000; text-decoration: none;}
   main figure#hd {width:100%} main figure#hd img {width:100%} 
   nav {width:60px; padding:.1em; font-size:.6em; right:1px;} nav li.but {padding:.1em;}
} */

/* austauschbare Zeichen */
.ch {}
.ck {}
.tz {}
.ls {} /* schlecht realisierbar */
.etc {}