/* Sicherstellen, dass der Hauptinhalt mindestens 100% der verfügbaren Ansichtshöhe einnimmt */

html, body {
  height: 100%;
}

/* Erstellen eines flexibles Container-Div für den gesamten Körper der Seite */

body {
  display: flex;
  flex-direction: column;
}

/* Strecken des Hauptinhalt, um den verfügbaren Platz zu füllen */

main {
  flex-grow: 1;
}