html {
    box-sizing: border-box;
    height: 100%;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    position: relative;
    height: 100%;
    width: 100%;
    background: white;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 32px;
    /* fallback */
    font-size: calc(24px + 1.5vh);
    /* for firefox */
    font-size: max(32px, 3.45vh);
    /* safari, chrome */
    line-height: 1;
    color: #000;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* letter-spacing: 0.00em; */
    /* line-height: 0.95em; */

}

a:link,
a:active,
a:visited,
a:hover,
a:focus {
    text-decoration: none;
    color: black;
    outline-style: none;
}

a.active {
    border-bottom: 1px solid #000;
}


/* header .header-container {
    display: flex;
    justify-content: flex-end;
    height: 5vh;
    padding: 8px;
}


header .header-actions {
    margin-left: auto;
    z-index: 2;
} */

footer {
    padding: 0 0 3vh 3vh;
    width: 100%;
}

.nav-container {
    position: fixed;
    top: 0;
    left: 3vh;
    /* ca. 100/29 */
    z-index: 10;
    transition: top 0.7s;
    background-color: rgba(0, 0, 0, 0);
}

.nav-container-hidden {
    /* top: calc(var(--navHeight) * -0.68); */
    top: calc(var(--navHeight) * -1);
    transition: top 0.7s;
}


#norm {
    line-height: 1;
    margin-bottom: 1vh;
    margin-top: 3vh;
}


.section-navigation {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0px;
    padding: 0px;
}


.section-navigation li {
    list-style-type: none;
    flex: 0 0 auto;
}

.section-link {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.content-container {
    width: 62.07vh;
    height: 100%;
}

.annotation {
    font-size: 18px;
    padding: 8px 0px;
}

.section-division {
    height: 6.89vh;
}

img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 599px) {

    body {
        font-size: 9vw;
    }


    #norm {
        margin-top: 1vh;
    }

    .nav-container {
        left: 1vh;
    }

    .content-container {
        width: 90vw;
    }

}