/* Seitenlayout ------------------------------ */
html, body, #mysite{

}
#mysite footer {
    position:fixed;
    bottom: 0;
    width: 100%;
}

body {
    background: unset;
    background-color: #f6f5f5;
}

body #mysite {
    max-width: 2000px;
    width: 100%;
    margin: auto;
}

body #mysite header {
    background-color: #3c3b3b;
}

body #mysite nav {
    background-color: #005393;
}

nav ul a,
nav ul i {
    color: rgb(223, 223, 223) !important;
}

nav ul ul * {
    color: rgb(24, 24, 24) !important;
}

body #mysite main {
    background-color: #f6f5f5;
    margin-bottom: 200px;
}

body #mysite aside {
    background-color: #005393;
}

body #mysite footer {}


/* grid ------------------------------ */

@media only screen and (max-width: 990px) {
    aside {
        display: none;
    }
    #mysite {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        gap: 0px 0px;
        grid-template-areas: "nav" "header" "main" "footer";
    }
}

@media only screen and (min-width: 991px) {
    #mysite {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        gap: 0px 0px;
        grid-template-areas: "nav" "header" "main" "footer";
    }
    nav {
        position: sticky;
        top: 0;
    }
}