/* ALLGEMEIN */
html, body {
    background: #365d67;
    margin: 0;
    margin-left: 1em;
    padding-top: .5em;
    padding-right: .6em;
    padding-bottom: 5em;
    font-family: 'Fira Sans', 'Arial', sans-serif;
    font-variant-numeric:oldstyle-nums;
    font-size: 14pt;
    line-height: 1.6em;
    overflow-wrap: break-word;
    word-break: auto-phrase;
    hyphens: auto;
    hyphenate-character: "/";
    hyphenate-limit-chars: 8 2 4; /* min. Wortlänge, min. Zeichen vor, nach - */
}
.smallcaps {
    font-variant-numeric:oldstyle-nums;
    font-variant-caps: all-small-caps;
    letter-spacing: 0.03em;
}
h1 {
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 2em;
    padding-left: 0;
    margin: 0;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: .4em;
}
h2 {
    font-size: 1em;
    padding-top: 2em;
    padding-bottom: .5em;
    margin: 0;
    font-weight: normal;
    text-decoration: underline;
    text-underline-offset: .4em;
}
h3 {
    font-size: 1em;
    margin-top: 1em;
    margin-bottom: 0;
    font-weight: normal;
}
p { margin-top:0;}
ul {
    padding-top: 0;
    padding-bottom: .5em;
    padding-left: 0;
    margin-top: 0;
}
li {
    padding-top: .5em;
    max-width: 30em;
    list-style-type: none;
}
a {
    text-decoration: underline;
    text-underline-offset: .3em;
}
a:hover {
    text-decoration: none;
}
footer {
    font-size: .8em;
    padding-top: 3em;
}
footer p {
    margin-bottom: 0;
}
footer li {
    padding: 0; 
    list-style-type: " "; 
}