export function init() {

    let menuHasFocus = false;

    $(".header").on("keydown", ".menu-handle", function (e) {
        // on tabbing into [Menu] + <enter>
        if (e.keyCode === 13) {
            // focus on [x]
            setTimeout(function () { // accessibility: menu is hidden for everyone
                $(".navbar__link--close").focus();
            }, 10); // we need to wait ... until "things" are available :/
            menuHasFocus = true;
        }
    }).on("keydown", ".navbar__link--close", function (e) {
        // on tabbing into [x] + <enter>
        if (e.keyCode === 13) {
            // focus on [menu]
            $(".menu-handle").trigger("click");
            $(".menu-handle").focus();
            menuHasFocus = false;
        }
    }).on("click", ".menu-handle", function (e) { // hamburger clicking management
        e.preventDefault();
        let $handle = $(this);
        if ($handle.hasClass("menu-handle--active")) { // the menu is open
            $("body").removeClass("body--observer").find(".navbar__link--close")
                .removeClass("navbar__link--fixed");
            $handle.removeClass("menu-handle--active");
            menuHasFocus = true;

            if ($(window).width() > 719) { // there are animations we have to wait for....
                $(".navbar__menu").removeClass("navbar__menu--come-in").one("transitionend", function () {
                    $(this).closest(".navbar").addClass("navbar--closed")
                        .closest("body").removeClass("body--fixed")
                });
            } else { // on mobile: no animations
                $(".navbar__menu").removeClass("navbar__menu--come-in") // slide menu back
                    .closest(".navbar").addClass("navbar--closed")  // set
                    .closest("body").removeClass("body--fixed");
            }

        } else { // the menu is closed
            e.stopPropagation();
            $handle.addClass("menu-handle--active")
                .closest("body").addClass("body--fixed").addClass("body--observer")
                .find(".navbar").removeClass("navbar--closed")
                .find(".navbar__menu").addClass("navbar__menu--come-in");

            if ($(window).width() > 719) { // there are animations we have to wait for....
                $(".navbar__menu").one("transitionend", function () {
                    $(this).find(".navbar__link--close").addClass("navbar__link--fixed");
                    menuHasFocus = false;
                });
            }
        }
    });

    $(document).on("click", ".body--observer", function (e) {
        let $target = $(e.target);
        // make it possible to use search while page is dimmed and navi is visible
        if (!$target.hasClass("searchbox__input") && (!$target.hasClass("navbar__link") || $target.hasClass("navbar__link--close") ) && !$target.hasClass("expand-arrow")) {
            $(".menu-handle").trigger("click");
        }
    });

    // accessibility: if menu loses focus => we close it
    $(".article").on("keydown", function () {
        if (menuHasFocus) {
            $(".menu-handle").trigger("click");
            menuHasFocus = false;
        }
    });

    // radiostation navigation opening & closing
    $(".navbar__menu").on("click", ".js-expand-arrow", function (e) {
        e.preventDefault();
        let $handle = $(this),
            $arrow = $handle.find(".expand-arrow"),
            $info = $(".js-expand-info");
        if ($arrow.hasClass("expand-arrow--open")) { // radio menu is open => close it
            $arrow.removeClass("expand-arrow--open");
            $handle.attr("aria-expanded", false).next(".navbar__group--radio")
                .removeClass("navbar__group--radio-open");
            $info.text($info.data("text-open"));
        } else { // it's closed => open it
            $arrow.addClass("expand-arrow--open");
            $handle.attr("aria-expanded", true).next(".navbar__group--radio")
                .addClass("navbar__group--radio-open");
            $info.text($info.data("text-close"));
        }
    });
    
    // no touch highlight - but css :active-styles for links
    document.addEventListener("touchstart", function () {
    }, false);
}

@@ -722,32 +722,35 @@
 s();%0A           
+ //
  menuHasFocus = 
@@ -982,16 +982,28 @@
  is open
+ =%3E close it
 %0A       
@@ -1188,41 +1188,8 @@
 e%22);
-%0A            menuHasFocus = true;
 %0A%0A  
@@ -1839,16 +1839,50 @@
        %7D
+%0A            menuHasFocus = false;
 %0A%0A      
@@ -1913,16 +1913,27 @@
 s closed
+ =%3E open it
 %0A       
@@ -2510,36 +2510,35 @@
  menuHasFocus = 
-fals
+tru
 e;%0A             
@@ -3079,20 +3079,18 @@
 .on(%22key
-down
+up
 %22, funct
@@ -3086,32 +3086,33 @@
 yup%22, function (
+e
 ) %7B%0A        if (
@@ -3111,27 +3111,107 @@
     
-if (menuHasFocus) %7B
+// we tabbed %22into article%22%0A        if (e.keyCode === 9 && menuHasFocus) %7B // and the menu was open
 %0A   
@@ -3258,32 +3258,35 @@
 k%22);%0A           
+ //
  menuHasFocus = 

like this?