#wh_menu 
{   position:sticky; top:-1px; z-index:10;
    text-align:left; letter-spacing: 0.05em; user-select: none;
    background: rgba(233,111,11,0.91); color:#fff;
    font-size:15px;
    /* border:1px solid red; */
}

/* ☰ */
#hamchecbx, #lab_hamburger{ display:none; }

#lab_hamburger 
{   position: absolute; top: calc(7vw - 2px); right:15px; z-index:29;
    width:42px; height:36px; cursor:pointer; background:rgba(22,22,22,0.8);
    border-radius: 5px; box-shadow: #555 1px 1px 4px;
}
#lab_hamburger:hover { background:#111; }

.burgerline { margin:5px;  }
.burgerline, .burgerline::before, .burgerline::after
{   position: absolute; width: 32px; height: 3px;
    border-radius: 3px; background: #ddd; content:'';
}
.burgerline::before { top: 11px; } .burgerline::after  { top: 22px; }

/* end ☰ */

#SVGdownarrow { margin-left:-2px; }
#wh_menu a { color:#fff; text-decoration: none; }
#wh_menu .a_sub_menu_item { display:block; padding: 5px 17px;  }
#wh_menu .a_sub_menu_item:hover { background:#046; }

/* Sub menu closed */
#wh_menu #topmenu .sub_menu_items 
    {  line-height:1.5em; max-height:0; padding:0; overflow:hidden; transition: all 150ms;  }
/* #wh_menu #topmenu .sub_menu_items_close {  max-height:0 !important; padding:0 !important; } */

/* Sub menu hover & open */
#wh_menu #topmenu .sub_menu_item_hover:hover .sub_menu_items
    { max-height:999px; padding: 16px 0 15px 3px; }
#wh_menu .sub_menu_item_hover:hover #SVGdownarrow { transform: rotate(180deg); transition: transform 150ms; }    
#wh_menu .sub_menu_items, #wh_menu .menu_item:hover, #wh_menu .sub_menu_item_hover:hover, #wh_menu .a_menu_item:hover 
    { background:#114; transition: background 0.2s; }

/* Laptop/Desktop */
@media (min-width: 981px) 
{   #wh_menu { width:100%;  margin-top:-29px; box-shadow: #555 1px 1px 5px; }
    #topmenu { display:flex; justify-content: center; } /* place menu horz. */
    #wh_menu .sub_menu_items 
    { position:absolute; margin: 4px 0 0 -12px; box-shadow: #246 1px 1px 4px; min-width: 160px; }
    #wh_menu .menu_item, #wh_menu .sub_menu_item { padding:6px 12px 6px 12px; }
}

/* Mobiel */
@media (max-width: 980px) 
{   #wh_menu 
    {   position:relative;
        width:85%; margin-top:0; min-width:350px;  max-width:700px; 
        box-shadow: #246 1px 1px 4px; border-radius: 0 2px 16px 0;
    }
    #lab_hamburger{ display:inline; }
    #hamchecbx:checked ~ #wh_menu { max-height: 999px; }    
    #topmenu { display:block; } /* place menu vert. */
    #wh_menu .menu_item, #wh_menu .sub_menu_item { padding:9px 9px 9px 20px; }
    #wh_menu { max-height: 0; overflow: hidden; transition: max-height 0.2s;  } /* closed menu mobiel */
    #wh_menu .sub_menu_items { padding: 16px 0 15px 4px; }
}