anchor.diff:          "</div>";
     }
   
  -  /*
  -  Gets the Name from UserInput
  -  */
  -  String get username =>
  -      (document.querySelector('#username') as InputElement).value;
  -
  -  /*
  -  Gets the userPassword from UserInput
  -  */
  -  String get userPassword =>
  -      (document.querySelector('#userpassword') as InputElement).value;
  -
  -  /*
  -  Gets the "ID" from UserInput
  -  */
  -  String get userId =>
  -      (document.querySelector('#userid') as InputElement).value;
  -
  -  /*
  -  Gets the "oldname" from UserInput
  -  */
  -  String get oldUsername =>
  -      (document.querySelector('#oldusername') as InputElement).value;
  -
  -  /**
  -   * gets the user's old password from userinput
  -   */
  -  String get oldUserpassword =>
  -      (document.querySelector('#olduserpassword') as InputElement).value;
  -
  -
  -  /**
  -   * gets the levelcode from userinput
  -   */
  -  String get levelCode =>
  -      (document.querySelector('#levelCode') as InputElement).value;
  -
  -  /**
  -   * geneartes the aboutcontent and the buttons tho navigate
  +  /**
  +   * generates the aboutcontent and the buttons to navigate
      */
     getAbout() {
       querySelector("#about").innerHtml =
       "<div><aboutcontent id=\"overlay\ class=\"instructions\"></aboutcontent><span id=\"aboutbuttonposition\"><button id=\"aboutprev\">(&#x21d0)Previous</button><button id=\"aboutback\">Back(&#x2190)</button><button id=\"aboutnext\">Next(&#x21d2)</button></span></div>";
  -  }
  -
  -
  -  /**
  -   * Scales the elements of the table and enables support for every resolution
  -   */
  -  void scaling() {
  -    int resoWidth = window.innerWidth - 50;
  -    int resoHeight = window.innerHeight - 200;
  -    String oS;
  -    int px;
  -    double x = resoWidth / tableW;
  -    double y = resoHeight / tableH;
  -    if (x <= y) {
  -      px = x.toInt();
  -    } else {
  -      px = y.toInt();
  -    }
  -    oS = px.toString() + "px";
  -    querySelectorAll(".player").style.height = oS;
  -    querySelectorAll(".player").style.width = oS;
  -    querySelectorAll(".crate").style.height = oS;
  -    querySelectorAll(".crate").style.width = oS;
  -    querySelectorAll(".ground").style.height = oS;
  -    querySelectorAll(".ground").style.width = oS;
  -    querySelectorAll(".target").style.height = oS;
  -    querySelectorAll(".target").style.width = oS;
  -    querySelectorAll(".wall").style.height = oS;
  -    querySelectorAll(".wall").style.width = oS;
  -  }
  -
  -
  -  /**
  -   * Changes the status of the Gamekey to "Verbunden" in green if true or "nicht verbunden" in red if false
  -   */
  -  setGameKeyAvailable(bool value) {
  -    if (value == true) {
  -      querySelector("#gamekeystatus").style.color = "green";
  -      querySelector("#gamekeystatus").innerHtml = "Gamekeystatus: Connected";
  -    } else {
  -      querySelector("#gamekeystatus").style.color = "red";
  -      querySelector("#gamekeystatus").innerHtml =
  -      "Gamekeystatus: Not connected";
  -    }
     }
   
     /**
  
positive.code: import 'dart:html';
  
  /**
   * The View of Kistenschieben. Is used to display the game
   */
  class KistenschiebenView {
  
    List<List<HtmlElement>> field;
  
    int tableH = 0;
    int tableW = 0;
  
    /*
    Constructor
    */
    KistenschiebenView() {
      print("running view...");
    }
  
    /*
    Generetes the Overlay with Startbuttons
    */
    startScreen() {
      querySelector('#start').innerHtml =
      "<div id=\"overlay\">"
  
negative.code:         "</div>";
    }
  
    /**
     * Generates the buttons to access the Game
     */
    registeredScreen() async {
      querySelector('#registered').innerHtml =
      "<div id=\"overlay\">"
  