@import "navigation.css";

.verteckt {
    display: none;
}

body {
    min-height: 100vh;
    width: 99vw;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    background-color: #E8EBE4;
}

header, footer{
    background-color: #999AC6;
    width: 100dvw;
    width: 99vw;
    padding: 0;
    margin: 0;
}
footer {
    height: 20vh;
    border-top-left-radius: 20px;
    /* Obere linke Ecke abrunden */
    border-top-right-radius: 20px;
    /* Obere rechte Ecke abrunden */

}
main {
    min-height: 65vh;
    width: 98vw;
    padding: 10px;
    margin: 0;
 }

h1, h2, h3, h4, h5, h6 {
    background-color: #999AC6;
    color: #4B4F46;
    width: calc( 100% - 20px);
    padding: 10px;
}


.header {
    grid-area: h;
    margin: 0;
    height: 15vh;
    display: grid;
    grid-template-areas:
        "hc s s  mn";
}
.Seitentitel {
    grid-area: s;
    text-align: center;
    padding: 10px;
}

.main-nav {
    grid-area: mn;
    padding: 10px;
}

.header-content {
    grid-area: hc;
    margin: 0;
    padding: 10px;
}