/* Aanpassingen op home-v2.php. Wordt na de template-CSS geladen, daarom !important. */
.logo{gap:0!important;font-size:0!important}
.logo em{display:none!important}
.logo img{width:auto!important;height:46px!important;max-width:none;border-radius:0!important;margin:0}
footer .logo img{height:54px!important}
#ld{display:flex!important;justify-content:center;align-items:center;gap:0!important}

/* Geen muis-icoon (scroll-indicator) onderaan de hero */
.scroll{display:none!important}

/* Lopende tekstband: kleiner en subtieler, en eindeloos (de breedte wordt door home-fix.js berekend) */
.marquee{padding:11px 0!important;background:transparent!important;border-block:1px solid rgba(148,163,184,.1)!important}
.marquee div{gap:30px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.18em!important;color:rgba(148,163,184,.45)!important;animation-name:mq2!important;animation-duration:45s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;padding-right:30px}
.marquee span:nth-child(even){color:rgba(34,197,94,.4)!important;font-size:8px!important;align-self:center}
@keyframes mq2{from{transform:translateX(0)}to{transform:translateX(calc(var(--mq-shift,50%) * -1))}}

/* Dronefoto's: geen lege plekken op tablet en telefoon */
@media(max-width:1020px){
  .gal{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;grid-auto-rows:auto!important}
  .gal figure{grid-row:auto!important;height:240px!important}
  .gal figure:first-child{grid-column:1 / -1!important;height:300px!important}
  .gal figure:last-child{grid-column:1 / -1!important;height:auto!important;min-height:180px}
}
@media(max-width:760px){
  .gal{grid-template-columns:1fr!important}
  .gal figure,.gal figure:first-child{grid-column:1!important;height:240px!important}
  .gal figure:last-child{grid-column:1!important;height:auto!important;min-height:200px}
}