
/* Blog-dropdown in hoofdnav */
nav.hoofdmenu .dd{position:relative}
.dd-mini{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);width:225px;background:var(--wit,#fff);border:1px solid rgba(83,97,68,.12);border-radius:18px;box-shadow:0 18px 36px -20px rgba(83,97,68,.35);padding:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:90}
.dd:hover .dd-mini,.dd:focus-within .dd-mini{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dd-mini::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.dd-mini::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:var(--wit,#fff);border-left:1px solid rgba(83,97,68,.12);border-top:1px solid rgba(83,97,68,.12);border-radius:4px 0 0 0}
.dd-mini a{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 12px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink,#414b35)}
.dd-mini a:hover{background:var(--groen-tint,#e7f1e8);color:var(--cta,#c8481f)}
.dd-mini a.dd-alle{color:var(--ink,#414b35);font-weight:700;border-bottom:1px solid rgba(83,97,68,.12);border-radius:10px 10px 0 0;margin-bottom:6px;padding-bottom:11px}
@media(max-width:980px){
  nav.hoofdmenu .dd-mini{display:none}
  #mob-nav:checked ~ nav.hoofdmenu .dd-mini{display:block;position:static;width:100%;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border:0;padding:2px 0 10px;background:none}
  #mob-nav:checked ~ nav.hoofdmenu .dd-mini::after,#mob-nav:checked ~ nav.hoofdmenu .dd-mini::before{display:none}
  #mob-nav:checked ~ nav.hoofdmenu .dd-mini a{padding:10px 2px 10px 15px;font-size:14px;border-bottom:1px solid #f1efeb;border-radius:0}
  #mob-nav:checked ~ nav.hoofdmenu .dd-mini a.dd-alle{border-radius:0;margin:0;padding-bottom:10px}
}
