html, body {
    height: 100%; /* Füllt den gesamten Viewport aus */
    margin: 0; /* Entfernt standardmäßige Abstände */
    display: flex; /* Ermöglicht flexibles Layout */
    flex-direction: column; /* Stapelt Kinder-Elemente vertikal */
}

.content {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#default-carousel {
    position: relative; /* Oder absolute, je nach Bedarf */
    z-index: 0; /* Hinter Header und Footer platzieren */
}