/* Auszug aus website/site/system/page.css: Menüleiste (Logo, Höhe, Ebene). Quelle tfcz.ch, nicht von Hand ändern. */
.nav .logo img, .top .logo img {
  height: 38.8px !important;
  width: auto !important;
  object-fit: contain !important;
}
@media (max-width: 640px) {
  .nav .logo img, .top .logo img { height: 35.2px !important; }
}

/* ---------- Menüleiste: eigene GPU-Ebene → kein „Zittern" beim Scrollen ----------
   Die Sticky-Leisten sind leicht durchscheinend (rgba < 1). OHNE eigene Ebene muss
   der Browser die Leiste bei JEDEM Scroll-Frame neu über den bewegten Inhalt
   dahinter zeichnen — sichtbar als Zittern/Flimmern, besonders wenn animierte
   Elemente (Galerie-Marquee, Parallax-Bild, Puls-Badges) hinter der Leiste
   durchlaufen. `translateZ(0)` hebt die Leiste auf eine eigene Compositor-Ebene:
   der Browser blendet sie nur noch auf der GPU darüber, ohne Neuzeichnen.
   Gilt für ALLE Sticky-Leisten (Single Source). Vasco, 27.07.2026. */
.nav, .top, .ej-top, .db-top {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* ---------- Menüleisten-HÖHE: auf JEDER Seite exakt gleich (Single Source) ----------
   Gemessen bei 390px: Home 63.6px · ALLE Inhaltsseiten 70.9px — auf Desktop kippte
   es sogar um (Home 73.6, andere 70.9). Grund: zwei verschiedene Bau-Rezepte.
   Home steuert die Höhe über Padding + Ränder-als-Overlay; die Inhaltsseiten über
   echte 3px-Ränder + Innen-Padding (.nav bzw. .top .wrap). Padding pro Seite
   nachzurechnen ist genau die Endlosschleife, die uns immer wieder eingeholt hat.
   Lösung: EINE feste Höhe + vertikal zentrierter Inhalt → an jeder Breite identisch.
   (box-sizing ist projektweit border-box, die 3px-Ränder sind also eingerechnet.)
   Vasco, 27.07.2026. */
.nav, header.top {
  height: 72px !important;
  min-height: 72px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* .nav IST selbst die Flex-Zeile (Logo ist direktes Kind, links fixiert via margin-right:auto).
   Bei header.top liegt der Inhalt in einer eigenen .wrap-Spalte (max-width 1160, zentriert) —
   header.top darf daher NICHT selbst flex werden, sonst schrumpft die .wrap auf Inhaltsbreite
   und das Logo wandert je nach Textmenge nach innen. Stattdessen füllt die .wrap die Höhe
   und zentriert vertikal (sie ist bereits display:flex; align-items:center). */
.nav { display: flex !important; align-items: center !important; }
.top .wrap {
  height: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Logo links fixiert → alles danach (Links, Burger) wird nach rechts geschoben.
   Auf .top-Seiten übernahm das früher der „Zurück"-Button (margin-left:auto);
   der ist jetzt entfernt, darum pinnt jetzt das Logo den rechten Block. */
.nav .logo, .top .logo { margin-right: auto !important; }
@media (max-width: 640px) {
  .nav, header.top { height: 64px !important; min-height: 64px !important; }
  /* Der Wallis/Hochdeutsch-Umschalter (nur über-uns) zeigt überall zwei kompakte
     Flaggen (.lf, Deutsch/Wallis - siehe tfcz-ueber-uns.html); Text-Labels + Knopf-