/* Mobiele bovenbalk buiten header1, met de bestaande mobiele DB-instellingen. */
#mobile-topbar-2025 { display: none; }
@media screen and (max-width: 1024px) {
    #mobile-topbar-2025 { display: block; height: max(64px, 36px); }
    #mobile-topbar-2025::before {
        content: "";
        position: fixed;
        top: 0; left: 0; right: 0;
        height: max(64px, 36px);
        background-color: #ffffff;
        z-index: 1001;
    }
    #mobile-topbar-2025 #burger { left: auto; right: 12px; }
    #mobile-topbar-2025 #burger .burger-lines,
    #mobile-topbar-2025 #burger .burger-lines:before,
    #mobile-topbar-2025 #burger .burger-lines:after {
        background-color: #019037;
    }
    body.menu-open #mobile-topbar-2025 #burger .burger-lines { background: transparent; }
    body.menu-open #mobile-topbar-2025 #burger .burger-lines:before,
    body.menu-open #mobile-topbar-2025 #burger .burger-lines:after { background: #0a0a0a; }
    #mobile-topbar-2025 #mylogo {
        position: fixed;
        top: 12px;
        left: 12px;
        right: auto;
        width: auto;
        height: 40px;
        max-width: calc(100% - 76px);
        background: none;
        z-index: 9999;
    }
    #mobile-topbar-2025 #mylogo img {
        display: block;
        width: auto; height: 100%; max-width: 100%;
        object-fit: contain;
    }
}

#bottom, #bottom .pagecontainer
{
	line-height: normal; 
}

@media (max-width: 1024px) {
    .parcontainer {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .parcontainer {
        width: 100%;
    }
}

.lightbox-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.9);
  display: none;                 /* standaard onzichtbaar */
  z-index: 999999;
  align-items: center;           /* centreren werkt zodra display:flex actief is */
  justify-content: center;
}

.lightbox-overlay.open {          /* alleen bij openen zichtbaar */
  display: flex;
}

.lightbox-overlay img {
  max-width: 95vw;
  max-height: 95vh;
  box-shadow: 0 0 12px #000;
  border-radius: 4px;
  cursor: zoom-out;
  display: block;
}


/* Doorlopende referentielogo's: uitsluitend BovenOnder2025. */
.sponsor-slider { width: 100%; overflow: hidden; }
.sponsor-slider .sponsor-slider-track { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; }
.sponsor-slider .sponsor-slider-item { flex: 0 0 20%; min-width: 0; box-sizing: border-box; padding: 12px; text-align: center; }
.sponsor-slider-logo { height: 140px; display: flex; align-items: center; justify-content: center; transform-origin: center; }
.sponsor-slider .sponsor-slider-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 120px; object-fit: contain; transform-origin: center; border: 0 !important; box-shadow: none; background: transparent; }
.sponsor-slider-name { margin-top: 10px; line-height: 1.4; overflow-wrap: break-word; }
.sponsor-slider.is-animated .sponsor-slider-track { will-change: transform; }
.sponsor-slider.is-animated .sponsor-slider-logo img { will-change: transform; }
.sponsor-slider.is-static { overflow-x: auto; }
@media (max-width: 1024px) { .sponsor-slider .sponsor-slider-item { flex-basis: 33.333333%; } }
@media (max-width: 600px) { .sponsor-slider .sponsor-slider-item { flex-basis: 50%; padding: 8px; } .sponsor-slider-logo { height: 110px; } .sponsor-slider .sponsor-slider-logo img { max-height: 100px; } }