/* 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, 64px); }
    #mobile-topbar-2025::before {
        content: "";
        position: fixed;
        top: 0; left: 0; right: 0;
        height: max(64px, 64px);
        background-color: #665f66;
        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: #ffffff;
    }
    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: 0;
        left: 5px;
        right: auto;
        width: 300px;
        height: 64px;
        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; 
}

/* Onderbalk in kolommen (module-instelling BOTTOM): uitsluitend BovenOnder2025. */
#bottom.bottom-kolommen-2025,
#bottom.bottom-kolommen-2025 .pagecontainer {
    height: auto;
    min-height: 180px;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}
#bottom.bottom-kolommen-2025 .pagecontainer { padding-top: 40px; padding-bottom: 40px; font-size: 16px; }
.bottomkolommen { display: grid; gap: 30px; align-items: start; }
.bottomkolommen-1 { grid-template-columns: minmax(0, 1fr); }
.bottomkolommen-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bottomkolommen-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bottomkolommen-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bottomkolom { min-width: 0; overflow-wrap: break-word; }
#bottom .bottomkolom h4.bottomkolomkop {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 12px 0;
    color: #ffffff;
}

#bottom .bottomkolomtekst,
#bottom .bottomkolomtekst * { color: #ffffff; }

#bottom.bottom-kolommen-2025 .bottomkolom a { font-size: inherit; }
.bottomlinks a { display: block; line-height: 1.8; }
.bottomkolom #socialbuttons { position: static; }
@media (max-width: 1024px) {
    .bottomkolommen-3, .bottomkolommen-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bottomkolom-leeg { display: none; }
}
@media (max-width: 600px) {
    .bottomkolommen-2, .bottomkolommen-3, .bottomkolommen-4 { grid-template-columns: minmax(0, 1fr); }
}

@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; } }