html {
  padding:0;
  margin:0;
  font-family: sans-serif;
  text-align: left;
  background: #ffe;
  color: #200
}

body#G {
 display: flex;
 margin: 0;
 padding: 1ex
}

h1, h2, h3, h4, h5, h6
{
    display: block;
    padding: 0;
    margin: 0;
    margin-bottom:1em;
    text-align: center
}
h1 {font-size: 2em}
h2 {font-size: 1.8em}

section#T {
min-width: 35em;
margin: 1em
}
@media (max-height: 25em)  {
section#T {
min-width: 50em
}

}

/* Abkürzungen und Erläuterungen kenntlich machen */
abbr[title], acronym[title], span[title]
{
 border-bottom: thin dotted
}

/* Schriftfamilie für Abkürzungen und ein paar andere Elemente */
abbr, acronym, kbd, var
{
 font-family: serif
}
/* fette Schrift für diese Elemente */
code, kbd, var, h6
{
 font-weight: bold
}
q {
  quotes: '»' '«'
}
/* Absatz nicht einrücken,
 sondern nach oben und unten Platz lassen */
p {
text-indent: 0;
display: block;
margin-top: 1ex;
margin-bottom: 1ex;
padding: 1ex;
max-width: 50em;
margin-left: auto;
margin-right: auto
}
ul, ol {
max-width: 50em;
margin-left: auto;
margin-right: auto
}
/* section etc sichtbar machen */
section, article, aside, nav
{
display: block; margin: 1ex; padding: 1em
}
header, footer
{
display: block; border: thin solid; padding: 1em;
}
main
{
display: block
}

article
{
border-right: thin dotted
}
section
{
border-top: thin dotted; border-bottom: thin dotted
}
aside
{
border-left: thin dotted
}

/* Figuren und Graphiken, Behälter für eingebettete Strukturen*/
figure, figcaption {display: block}
figcaption { font-family: serif; text-align: center; font-style: italic; min-height: 4em}

figure.i {text-align: center; padding-right: 1em; margin: 0}
figure.i img {max-height: 80vh; width: auto}
figure.i svg {display: block; height: 80vh; width: 80vh}
figure.m {height: 50vh; width:50vh; margin: auto}

@media (min-width: 37em)  {
.th {min-width: 35em}
}

/* Verweise */
a:link{
 color: #a00;
 text-decoration: underline
}
a:visited{
 color: #a04;
 text-decoration: underline
}
a:hover{
 color:#f08
}
a:active{
 color:#808
}
a:focus{
 color:#004;
}

section.navi {margin: 1em}
nav ul {width: 20em; margin: auto}