:root {
    --gold: #b49565;

  }

* {
    font-family: 'Fira Sans', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background: black;
    background-image: url("bild—FG-Goldstreifen_2000px.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
}
#header {
    display: flex;
    justify-content: center;
    min-height: 10vh;
}
#header #logo {
    align-self: center;
}
#header #logo img {
    margin: 1em;
}
#main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 80vh;
}
#main a {
    border: 2px solid var(--gold);
    border-radius: 0.5em;
    color: var(--gold);
    margin-bottom: 1em;
    padding: 0.5em 1em;
    text-decoration: none;
}
#main a:hover {
    -webkit-box-shadow: 2px 2px 10px 2px var(--gold);
    box-shadow: 2px 2px 10px 2px var(--gold);
}
#footer {
    display: flex;
    min-height: 10vh;
    justify-content: end;
    align-items: end;
}
#footer a {
    color: var(--gold);
    text-decoration: none;
}
#footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer ul li {
    display: inline-block;
    margin: 0.5em;
}
footer ul li a {

}
#footer a:hover {
    text-decoration: underline;
}

@media screen( max-width: 576px ) {
    #footer {
        justify-content: center;
    }
}