/* MENU OP DE TELEFOON (21-10-2026, Hans 18:27: "op de beginpagina staan geen kopjes, hoe ga ik naar de andere pagina's?").
   Op een smal scherm was het menu verborgen. Nu: een menuknop rechtsboven die het menu openklapt. Werkt met /menu.js. */
.menu-knop{display:none}
.menu-cta{display:none}
@media(max-width:1000px){
  .menu-knop{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:10px;border-radius:50%;border:1px solid rgba(237,231,220,.55);background:rgba(17,26,24,.6);color:#EDE7DC;cursor:pointer;padding:0}
  .menu-knop svg{width:20px;height:20px}
  nav.menu-open .nav-links{display:flex!important;flex-direction:column;position:absolute;top:100%;left:12px;right:12px;margin:0;padding:10px 0;background:#111A18;border:1px solid rgba(184,154,104,.45);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.45);z-index:30;max-width:none}
  nav.menu-open .nav-links a{display:block;margin:0!important;padding:13px 22px;font-size:15px!important;letter-spacing:1.2px!important;opacity:1;color:#EDE7DC;border-top:1px solid rgba(237,231,220,.08)}
  nav.menu-open .nav-links a:first-child{border-top:0}
  nav.menu-open .nav-links .breuk{display:block;height:6px;border-top:1px solid rgba(184,154,104,.35);margin-top:4px}
  nav.menu-open .nav-links a.menu-cta{display:block;color:#B89A68;font-weight:bold}
}
@media(max-width:600px){
  nav .nav-rechts .nav-cta{display:none}
}