html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto !important;
    /* Scrollen wieder aktiv */
    font-family: Lato

}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* sorgt dafür, dass der Body immer mindestens die Fensterhöhe hat */
}

#main-content {
    background-color: #E6E6E6;
    flex: 1;
    /* nimmt den Platz zwischen Header und Footer ein */
    padding: 2rem 0;
    /* Abstand oben und unten */
}

#main-container {
    min-height: 100%;
}