/* ===================================================================
   duetta.css — Layout-Override ausschliesslich fuer duetta.life
   Grund: index.css positioniert .navbar und die Cookie-Footer-
   Elemente mit position:fixed und arbeitet mit einer geschaetzten
   margin-top/height-Berechnung fuer .main-container ("64px"/"65px"
   Magic Number fuer die Navbar-Hoehe). Das fuehrte bei langem
   Duetta-Inhalt zu ueberschuessigem Scroll-Bereich.
   Diese Datei ersetzt das fuer den Duetta-Zugang durch ein echtes
   Flexbox-Layout: Header und Footer behalten ihre natuerliche Hoehe
   und sind NICHT hoehenveraenderlich; nur der Content-Bereich
   (main-content-placeholder) wird per flex:1 gestreckt und ist der
   einzige scrollende Bereich.
   Alle Regeln sind auf body.duetta-page beschraenkt — index.css und
   index.html bleiben komplett unangetastet.
   =================================================================== */

body.duetta-page {
    height: 100%;
    overflow: hidden; /* Body selbst darf nicht scrollen — nur der Content-Bereich */
}

body.duetta-page .duetta-app-shell {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
}

/* Header: aus dem fixed-Kontext herausnehmen, Teil des normalen
   Flusses, behaelt seine natuerliche (durch Logo/Padding bestimmte)
   Hoehe und ist nicht veraenderbar. */
body.duetta-page #header-placeholder {
    flex: 0 0 auto;
}
body.duetta-page .navbar {
    position: static;
    width: 100%;
}

/* Footer: ebenfalls aus dem fixed-Kontext herausnehmen, nicht
   veraenderbare Hoehe. */
body.duetta-page #footer-placeholder {
    flex: 0 0 auto;
}
body.duetta-page .cookie-banner,
body.duetta-page .cookie-settings-footer {
    position: static;
    width: 100%;
}

/* Content: einziger Bereich, der wachsen/schrumpfen darf und der
   einzige, der scrollt. min-height:0 ist hier entscheidend — ohne
   das verhindert der Flexbox-Default (min-height:auto), dass der
   Bereich tatsaechlich scrollt, und laesst ihn stattdessen ueber
   den verfuegbaren Platz hinauswachsen. */
body.duetta-page #main-content-placeholder {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}
body.duetta-page .main-container {
    box-sizing: border-box; /* border-top aus index.css (2px) wird
                                dadurch IN die min-height eingerechnet,
                                statt zusaetzlich addiert zu werden */
    margin-top: 0;
    height: auto;
    min-height: 100%;
    overflow: visible; /* Scrollen uebernimmt jetzt der Elternbereich */
}