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 */
}

.onlyprint {
    display: none;
}

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



@media print {
    body * {
        visibility: hidden;
        /* Alles verstecken */
    }

    #main-container,
    #main-container * {
        visibility: visible;
        /* Nur diesen Bereich sichtbar machen */
    }

    .hideonprint {
        display: none !important;
        visibility: hidden !important;
    }

    .onlyprint {
        display: block;
    }

    #main-container {
        position: absolute;
        top: 0;
        width: 210mm;
        left: 0;
        width: 100%;
    }
}