body {
    margin: 0;
    padding: 1em 0 1em 0;
}

#background-image {
    position: absolute;
    z-index: -100;
    width: 100%;
    left: 0;
    top: 0;
}

#copyright {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.25em;
}

#background-image-author {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25em;
}

/** navigation menu **/
#navigation {
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0.5em;
}

#navigation a {
    margin: 0 0.5em 0 0.5em;
}

/** index.php **/
#history-content {
    margin-top: 1.5em;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

#history-content #photo {
    width: 20vw;
    margin: 0 1em 1em 0;
}

#history-content #vita {
    width: 40vw;
    padding: 1em;
}

/** imprint.php **/
#imprint-content {
    margin: 1.5em 10vw 0 10vw;
    padding: 1em;
}

/** contact.php **/
#contact-content {
    margin: 1.5em 10vw 0 10vw;
    padding: 1em;
}

form {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 1em;
}

/** settings for displaying on mobile device **/
@media (orientation: portrait) {
    #history-content {
        flex-direction: column;
    }

    #history-content #photo {
        width: 40vw;
    }

    #history-content #vita {
        width: 80vw;
    }
}