/* DESIGN-UPDATE 2026 - Kopfzeile und Hauptmenü bleiben beim Scrollen stehen
----------------------------------------------------------
   position: sticky - das Browserfenster scrollt weiterhin wie bisher (Scrollposition nach Postback,
   jQuery-UI-Dialoge, Datumsauswahl usw. unverändert), nur Kopfzeile und Menü bleiben oben kleben.
   Sticky-Elemente sind Bezugsrahmen für absolut positionierte Kinder: Home-Symbol und Freige-Button
   werden deshalb hier auf ihre bisherige Position umgerechnet (body hat 8px Rand).
   Zurück zum alten Verhalten: <link> auf diese Datei in Site.Master entfernen. */

.headerField {
    position: -webkit-sticky;
    position: sticky;
    top: 8px;
    z-index: 51;
    background-color: #ffffff;
    /* body hat oben 8px Rand: Leiste klebt dort, wo sie ohnehin steht (kein Springen beim Scrollen),
       der Streifen darüber wird weiß abgedeckt */
    box-shadow: 0 -8px 0 #ffffff;
}

.menuBar {
    position: -webkit-sticky;
    position: sticky;
    top: 43px;
    z-index: 50;
    background-color: #ffffff;
}

/* bisher: top 67px / left 15.3% bezogen auf die Seite -> jetzt bezogen auf die Menüleiste (beginnt bei 43px) */
.menuBar .homeButton {
    top: 24px;
    left: calc(15.3% - 5.55px);
}

/* bisher: top 10px / right 30px bezogen auf die Seite -> jetzt bezogen auf die Kopfzeile (beginnt bei 8px) */
.headerField .sendBtnActive,
.headerField .sendBtnInactive {
    top: 2px;
    right: 22px;
}

/* Vorschlagsliste der Betriebssuche in der Kopfzeile: jQuery UI setzt sie auf z-index 1 (erkennt sticky
   nicht als positioniert), sie läge sonst hinter der Leiste. Autocomplete gibt es nur in der Kopfzeile;
   Dialoge (ab 1000) und Lade-Anzeigen (1000 / 999999) liegen ohnehin darüber. */
.ui-autocomplete {
    z-index: 60 !important;
}

/* Sprungmarken und automatisches Hinscrollen nicht unter der Leiste verstecken */
html {
    scroll-padding-top: 110px;
}

/* jQuery UI 1.10 legt Dialoge und ihren Abdunkler über die Klasse ui-front nach vorne; das eingebundene
   Theme (1.9.2) kennt sie nicht (z-index auto) - die fixierte Leiste läge sonst über dem Abdunkler. */
.ui-front {
    z-index: 100;
}