@media screen and (max-width: 800px) {
  #safarimenu {display: block !important}
  .menubuttonsafari .menubutton-menu {cursor: pointer; z-index: 1000; position: relative;margin: 0 auto;display: block;width: 29px;}
  .menubuttonsafari .menubutton-menu:hover ~ .mobilipad {display:block}
  .mobilipad:hover {display:block}
  .menubutton {display: none}
  .menubuttonsafari {padding-top: 16px;}
  .close-safari {z-index: 50000;position: absolute;top: 0;right: 30px;}
  .navi.mobil {left:0}
}

/*.menubuttonsafari .menubutton-menu:hover + .close-safari {display:block !important}*/