/* Reparatur nach Nachtest R3E-3 (Kundentest R3e, Lars 14.11.2026): Tippflächen mindestens 44 × 44 px auch in Kopf- und
   Fußzeile des Katalogs und an der Brotkrume — am Handy (Handy-Kopf bis 900 px). Vorher bei 390 px u. a.: Burger 34 × 28,
   Lupe 34 × 34, Info 36 × 36, „Meine Motive“ 34 × 34, Favoriten 28 × 36, „Seite merken“ 36 × 36, „Zur Anfrage“ 35 × 35,
   Suchfeld 34 hoch, Logo-Links 28 bzw. 31 hoch, Brotkrume 21 hoch, Fußzeilen-Links 19 hoch.
   Gilt für den Katalogkopf und den Kopf der Arbeitswelten (54-px-Leiste, 44 px passen hinein), nicht für den dreizeiligen
   Kopf der Herstellerwelten (.nav--hw, eigene Maße in markenwelt.css). Wird nach dem Seitenstil in _layout.php geladen.
   Optik: Zeichen und Schrift bleiben gleich groß, nur die Tippfläche wächst (min-*, zentriert). display bleibt, wo es
   gesetzt ist; nur die Fußzeilen-/Brotkrumen-Links werden von „inline“ zu Flex-Zeilen, damit die Höhe greift.
   Die Kopfhöhe --kopf (klebende Leiste, Sprungmarken) wächst mit: 8 + 44 + 8 + 44 + 8 = 112 px, dreizeilig (Sammlung
   schmal) 8 + 44 + 8 + 44 + 8 + 44 + 8 = 164 px. */
@media (max-width: 900px) {
  :root { --kopf: 112px; }
  .nav:not(.nav--hw) .nav-inner :where(.nav-logo, .nav-link, .nav-burger, .nav-info > summary, .nav-motive, .nav-seite-fav, .lupe):not([hidden]) {
    min-height: 44px; min-width: 44px; justify-content: center; }
  .nav:not(.nav--hw) .nav-logo { justify-content: flex-start; }
  .nav:not(.nav--hw) .nav-search input { height: 44px; line-height: 44px; }
  /* Nachtest R3E-3 (Optik): die Brotkrume ist eine Flex-Zeile mit align-items: stretch — die 44-px-Links zeigten ihren
     Text mittig, Trenner „›“ und der letzte Eintrag (span) oben: „Katalog“ stand 11,6 px tiefer als „› Meine Motive“.
     Alles mittig ausrichten → eine Grundlinie. */
  .breadcrumb { align-items: center; }
  .breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
  .fuss nav { gap: 0; }
  .fuss nav a, .fuss-logo { display: flex; align-items: center; min-height: 44px; }
}
@media (max-width: 560px) {
  html:has(.nav--bereich) { --kopf: 164px; }
}