$(document).foundation();

    swapShiftKey = 0;
    swapZKey = 0;
    swapAKey = 0;
    swapMouseOver = 0;

    document.getElementById("loadingMap").innerHTML = "<div class='spinner-wrapper'><span class='spinner-text'>Daten werden geladen...</span><span class='spinner'></span></div>";

    document.addEventListener('keyup', function (event) {
      if (event.key === 'z') {
        console.log('%c Zoom zurückgesetzt !', 'color:#ff0a0a');
        swapZKey = 0;
        fitStageReset();
      }
    });
    document.addEventListener('keydown', function (event) {
      if (event.key === 'z' && swapZKey === 0) {
        console.log('%c Zoom zurücksetzen', 'color:#008002');
        swapZKey = 1;
      }
    });

    document.addEventListener('keyup', function (event) {
      if (event.key === 'q') {
        console.log('%c Zoom zurückgesetzt !', 'color:#ff0a0a');
        swapAKey = 0;
        cableReset();
      }
    });
    document.addEventListener('keydown', function (event) {
      if (event.key === 'q' && swapZKey === 0) {
        console.log('%c Zoom zurücksetzen', 'color:#008002');
        swapAKey = 1;
      }
    });



    document.addEventListener('wheel', function (event) {
      stage.listening(false);
      //document.getElementById("zoomAktuell").innerHTML = "<b>"+newScale.toFixed(2)+"</b>";
      //console.log("Listerner Aus");
      setTimeout(() => {
        stage.listening(true);
        layer.batchDraw();   
        //console.log("Listerner Ein");
      }, 500);
    });

    function closeInfoSheet() {
      document.getElementById("infoSheet").style.visibility = "hidden";
      localStorage.setItem("infoSheet",1);
    }