section {
    padding-top: var(--site-gutter);
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
    width: 600px;
}


/* HEADER BUTTONS */

.header {
    position: fixed;
    top: var(--gap);
    left: var(--site-gutter);
    right: var(--site-gutter);
    height: var(--header-height);
    z-index: 100;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.nav {
    margin-left: auto;
    pointer-events: auto;
}

.nav-list {
    list-style: none;
    display: flex;
    gap: 6px;
}

.nav-link {
    padding: 4px 6px;
    background-color: var(--color-secondary);
    border: 1px solid rgba(0, 0, 0, 0.025);
    border-radius: var(--border-radius);
    font-size: var(--fs-base);
    line-height: var(--line-height-base);
    color: var(--color-font);
    text-decoration: none;
    transition: background-color 0.25s ease;
    pointer-events: auto;
}

.nav-link:hover,
.nav-link:active,
.nav-link.is-active {
    background-color: var(--color-primary);
}

#imprint {
    display: none;
}

#imprint_button:hover {
    cursor: pointer;
    user-select: none;
    /* supported by Chrome and Opera */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
}


/* RESPONSIVE */

@media screen and (max-width: 800px) {
    section {
        max-width: 92vw;
        padding-right: 10px;
    }
}