html, body {
    height: 100%; /* Sicherstellen, dass html und body die volle Sichthöhe einnehmen */
    margin: 0; /* Standardmargin entfernen */
}

body {
    display: flex; /* Flexbox aktivieren */
    flex-direction: column; /* Flexbox-Richtung auf Spalte setzen */
}

main {
    flex: 1; /* Hauptinhalt nimmt den gesamten verfügbaren Platz ein */
}

footer {
    background-color: #5285de;
    text-align: center; /* Text zentrieren */
    padding: 1rem; /* Innenabstand hinzufügen */
}