/* CSS dropdowns support pointer and keyboard navigation. */
#navigation-menu .sf-menu ul { visibility:visible!important; opacity:1!important; display:none!important; }
#navigation-menu .sf-menu li:hover > ul,
#navigation-menu .sf-menu li:focus-within > ul { display:block!important; }
#navigation-menu .sf-menu li { visibility:visible!important; }
#navigation-menu .sf-menu { display:flex; flex-wrap:wrap; float:none; margin-bottom:0; }
#main-menu { height:56px; min-height:56px; }
div:nth-child(5n+1) > div > a > img[loading="lazy"][src*="/styles/"] { content:url("/images/slider_hotstone.png"); }
div:nth-child(5n+2) > div > a > img[loading="lazy"][src*="/styles/"] { content:url("/images/slider_massage-facial-waxing.png"); }
div:nth-child(5n+3) > div > a > img[loading="lazy"][src*="/styles/"] { content:url("/images/slider_massage.png"); }
div:nth-child(5n+4) > div > a > img[loading="lazy"][src*="/styles/"] { content:url("/images/slider_moroccanoil.png"); }
div:nth-child(5n+5) > div > a > img[loading="lazy"][src*="/styles/"] { content:url("/images/slider_weleda.png"); }

#navigation-menu { position:relative; right:auto; top:0; height:auto; width:100%; }
#navigation-menu .sf-menu { flex-wrap:nowrap; justify-content:center; }
#navigation-menu ul.sf-menu > li { float:none; flex-shrink:0; }
#navigation-menu ul.sf-menu > li > a { padding-right:12px; }
#navigation-menu ul.sf-menu > li > a > span { padding-left:12px; }