@media (min-width: 102em) {
    main {
        margin: 2vh auto;
        max-width: 100em;
    }
}
main>div#main-grid {
    display: grid;
    grid-template-columns: 15em 5fr;
}

/* look up --umbruch-pc-mobile on 'vars.css' before changing */
@media screen and (max-width: 45em) {
    main>div#main-grid {
        grid-template-columns: 1fr;
    }
} 

nav>ul>li {
    margin-bottom: .5em;
}

.box-design {
    margin: .75em;
    padding: .2em 1.1em;
    padding-bottom: 1.5em;
    background-color: var(--color-bg-primary);
    box-shadow: black 0 0 .75em;
    border-style: solid;
    border-width: .1em;
    border-color: var(--color-primary);
    border-radius: .25em;
}