/* GLOBALE BASIS: Nutzt exakt den verfügbaren Platz auf Handys */
html, body {
    height: 100vh;
    height: 100dvh;
    margin: 0;
    padding: 0;
    overflow: hidden; /* Verhindert ungewolltes Wackeln */
}

/* NOTFALL-SCHUTZ: Scrollen erlauben, wenn der Bildschirm zu flach ist */
@media (max-height: 540px) or (orientation: landscape) {
    html, body {
        overflow-y: auto !important;
        height: auto;
    }
    body {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

/* DER RAHMEN: Kontrolliert die exakte Höhe auf dem Smartphone */
.haupt-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Schiebt Inhalt auseinander */
    padding: 12px;
}