@inherits LayoutComponentBase @* Header, main and footer are plain block children of , which is the page's scroll root. The header is position:sticky and, because it is NOT a flex/grid child (a stretched flex item never sticks -- it fills its cell and unsticks immediately), it pins to the top and stays there while the page scrolls. The footer is kept at the bottom on short pages by a min-height on

, not by a flex wrapper -- see MainLayout.razor.css. *@

Elternbeirat IGMH @* CSS-only mobile menu: the hidden checkbox holds the open/closed state, the label is the hamburger button, and :checked reveals the nav below (see MainLayout.razor.css). No JavaScript, no @@rendermode -- works under static SSR. *@

@Body