/* Navigation im Grau des Logos (#eeeeee), damit das Logo keinen sichtbaren Kasten bildet.
   Das Bootstrap Package setzt den Hintergrund mit !important, deshalb hier ebenso. */
header.navbar.navbar-default,
header.navbar.navbar-default.navbar-transition,
header.navbar.navbar-default .dropdown-menu {
    background-color: #eeeeee !important;
}
header.navbar.navbar-default {
    border-bottom: 1px solid #e0e0e0;
}

/* Einzelbilder als Vorschau in fester Maximalbreite; Klick öffnet die Lightbox */
.frame-type-image .gallery-item-size-1,
.frame-type-textpic .gallery-item-size-1,
.frame-type-textmedia .gallery-item-size-1 {
    max-width: 320px;
}
.gallery-item a[data-lightbox],
.gallery-item a.lightbox {
    cursor: zoom-in;
}

/* Kein Schrumpfen des Kopfbereichs beim Scrollen.
   Das Bootstrap Package setzt ab 120 px Scrollweg die Klasse "navbar-transition" und macht den
   Kopf niedriger. Da er im Seitenfluss liegt (position: sticky), verschiebt sich dabei der Inhalt,
   die Scrollposition fällt unter die Schwelle zurück und der Kopf springt wieder auf (Flackern).
   Hier bleibt die Höhe in beiden Zuständen gleich und es gibt keine Animation. */
header.navbar.navbar-default {
    transition: none;
}
header.navbar.navbar-transition {
    --mainnavigation-nav-height: 70px;
}
@media (min-width: 992px) {
    header.navbar.navbar-transition {
        --mainnavigation-nav-height: 100px;
    }
}
@media (min-width: 1200px) {
    header.navbar.navbar-transition {
        --mainnavigation-nav-height: 110px;
    }
}