/* Menüknopf: Symbol und Wort, siehe build/markenvorschauen-menue.py */
.menue-wort::before{content:"Menü"}
button[aria-expanded="true"] .menue-wort::before,details[open]>summary .menue-wort::before{content:"Schließen"}
#menu-toggle,.menu-toggle,.menu-button,.menu>summary{width:auto;min-width:48px;height:48px;padding:0 .8rem;gap:.4rem;font-size:.9375rem;font-weight:600;line-height:1;white-space:nowrap;align-items:center;justify-content:center}
.menu>summary{display:inline-flex}
/* Tipp geben zeigt den Knopf nur schmal und trägt keine eigene Flex-Regel;
   neben Logo und Aktionsknopf bleibt dort die kleinere Schrift des Pakets. */
@media(max-width:1100px){.header .menu-toggle{display:inline-flex;font-size:inherit}}
@media(max-width:560px){.header .menu-toggle{padding:0 .55rem;gap:.3rem;height:44px;font-size:.8125rem}.header .menu-toggle svg{width:18px;height:18px}}
/* Verkaufsakte: Das Logo ist dort breiter als die Zeile. */
@media(max-width:600px){.header-inner:has(.menu-button) .brand{width:min(200px,calc(100vw - 180px));flex-shrink:1;min-width:0}}
.menu-toggle svg,.menu-button svg,.menu>summary img{flex:none;width:22px;height:22px}
.menu-toggle svg path,.menu-button svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(max-width:400px){.header-inner,.header-row,.header .shell{gap:.5rem}.brand,.brand img,.brand-link{max-width:calc(100vw - 150px);height:auto}}