/* Was Etch von sich aus tat und Bricks anders macht. Stand 06.11.2026. */

/* Bricks setzt html { font-size: 62.5% } (1rem = 10px). Das entra-CSS ist
   durchgehend mit 1rem = 16px gerechnet. Ohne diese Zeile waere alles auf
   62 Prozent verkleinert. Eingefuegte Bricks-Standardelemente rechnen damit
   ebenfalls mit 16px; im Projekt werden sie nur als Huelle benutzt. */
html { font-size: 100%; }

/* Klebender Kopf: In Etch lag die Kopfleiste in main und klebte ueber die
   ganze Seite. In Bricks liegt sie in #brx-header, der genau so hoch ist wie
   sie selbst; sticky wirkt nur innerhalb des Elternkastens. Deshalb klebt
   #brx-header selbst (etch-nach-bricks README Punkt 10). */
#brx-header { position: sticky; top: 0; z-index: 100; }
.admin-bar #brx-header { top: 32px; }
@media (max-width: 782px) { .admin-bar #brx-header { top: 46px; } }