:root {
        --rot:  #d62700;
        --gelb: #f5bf41;
}

html {
        background-color:#100;
}

body {
        font-family:sans-serif;
        color:var(--gelb);
        max-width:80em;
}

header,nav,main {
        display:inline-block;
}

header {
        width:min-content;
        float:left;
        margin-right:8em;
}

nav {
        /*border-bottom:1px solid var(--gelb);*/
        width:calc(100% - 200px - 8em);
        min-width:30em;
}

main {
        /*max-width:50em;
        position:relative;
        justify-content: center;
        align-items: center;
        min-height: 90vh;*/
}

h1,h2 {
        color:var(--rot);
}

h1 {
        font-size:300%;
}

h2 {
        margin-top:2em;
}

header p {
        font-size:80%;
}

header img {
        margin-bottom:2em;
}

main p {
        margin:0;
        margin-bottom:0.5em;
}

section.audio {
        margin-top:3em;
        background-color:var(--rot);
        padding:1em;
        color:white;
}

section.audio h3 {
        margin:top:0.7em;
        margin-bottom:0.3em;
}

section.audio h3:first-of-type {
        margin-top:-0.5em;
}

dt {
        font-weight:bold;
        margin-top:1em;
}

footer {
        position:inline-block;
        margin-top:10em;
        width:auto;
}

footer p {
        font-size:80%;
        margin:0;
        margin-bottom:0.5em;
}

a         { text-decoration:underline; }
a:link    { color:inherit; }
a:visited { color:inherit; }
a:hover   { color:white;text-decoration:none }