document.addEventListener('DOMContentLoaded', function(){
  const btn = document.getElementById('unmuteHero');
  if(!btn) return;

  function findHeroVideo(){
    // De background plugin injecteert een <video> in de header
    return document.querySelector('header.video video') ||
           document.querySelector('header.video .video-container video');
  }

  btn.addEventListener('click', function(){
    const vid = findHeroVideo();
    if(!vid) return;                 // video nog niet klaar
    vid.muted = false;
    vid.playsInline = true;          // iOS
    vid.play().catch(()=>{});        // start met audio
    bt


.dark-bg {
  background: rgba(0, 0, 0, 0.45); /* maak lichter of donkerder naar smaak */
  color: #fff !important;          /* overschrijft themakleuren indien nodig */
  padding: 8px 14px;
  border-radius: 6px;
  display: inline-block;            /* achtergrond blijft om de tekst */
  line-height: 1.4;
}