anchor.diff:      querySelector("#resetbutton").style.position = "absolute";
     }
   
  -  /**
  -   * Sets the Content of the Pull Button
  -   */
  -  setPullButton(int amount) {
  -    querySelector("#pullbutton").innerHtml = "Sticky gloves($amount)";
  -  }
  -
  -  /**
  -   * Creates the level in html from a String
  -   */
  -  Future<String> generateLevel(List<Map> levelList, int column,
  -      int row) async {
  -    this.tableH = row;
  -    this.tableW = column;
  -    List<Map>tempList = new List<Map>();
  -    tempList = levelList;
  -    String level = "";
  -    bool onePlayer = false;
  -    for (var map in tempList) {
  -      level += map["r"].toUpperCase();
  -    }
  -    String formatlevel = "";
  -    for (int j = 0; j < row; j++) {
  -      //Spalten
  -      formatlevel += "<tr>";
  -      for (int i = 0; i < column; i++) {
  -        //Zeilen
  -        if (level.length > 0) {
  -          String firstChar = level.substring(0, 1);
  -          level = level.substring(1);
  -          switch (firstChar) {
  -            case 'W' :
  -              formatlevel += "<td id=\"pos$i\_$j\" class=\"wall\" ></td>";
  -              break;
  -            case 'G' :
  -              formatlevel += "<td id=\"pos$i\_$j\" class=\"ground\" ></td>";
  -              break;
  -            case 'P' :
  -              if (onePlayer == false) {
  -              formatlevel +=
  -              "<td id=\"pos$i\_$j\" class=\"player\"></td>";
  -              onePlayer = true;
  -              } else {
  -                formatlevel += "<td id=\"pos$i\_$j\" class=\"ground\" ></td>";
  -              }
  -              break;
  -            case 'C' :
  -              formatlevel +=
  -              "<td id=\"pos$i\_$j\" class=\"crate\"></td>";
  -              break;
  -            case 'T' :
  -              formatlevel += "<td id=\"pos$i\_$j\" class=\"target\"></td>";
  -              break;
  -            case 'S' :
  -              formatlevel +=
  -              "<td id=\"pos$i\_$j\" class=\"special\"></td>";
  -              break;
  -          }
  -        } else {
  -          formatlevel += "<td id=\"pos$i\_$j\" class=\"ground\" ></td>";
  -        }
  -      }
  -      formatlevel += "</tr>\n";
  -    }
  -    formatlevel = "<table><tbody>\n$formatlevel</tbody></table>";
  -    String objectlayer = formatlevel;
  -    String groundLayer = formatlevel;
  -    String groundlayer = groundLayer.replaceAll(
  -        "class=\"crate\"", "class=\"ground\"");
  -    groundlayer =
  -        groundlayer.replaceAll("class=\"player\"", "class=\"ground\"");
  -    groundlayer =
  -        groundlayer.replaceAll("class=\"special\"", "class=\"target\"");
  -
  -    objectlayer = objectlayer.replaceAll("class=\"wall\"", "class=\"ground\"");
  -    objectlayer =
  -        objectlayer.replaceAll("class=\"target\"", "class=\"ground\"");
  -    objectlayer =
  -        objectlayer.replaceAll("class=\"special\"", "class=\"crate\"");
  -
  -    querySelector("#groundlayer").innerHtml = groundlayer;
  -    querySelector("#objectlayer").innerHtml = objectlayer;
  -    field = new List<List<HtmlElement>>(row);
  -    for (int rows = 0; rows < row; rows++) {
  -      field[rows] = [];
  -      for (int col = 0; col < column; col++) {
  -        field[rows].add(querySelector("#pos${col}_${rows}"));
  -      }
  -    }
  -
  -    await scaling();
  -    return formatlevel;
  -  }
  -
  -  /**
  -   * returns the x- and y-position as interger-values in a list
  -   */
  -  List<int> getPosition(String pos) {
  -    List<String> values = pos.split("_");
  -    List<int> positions = new List();
  -    positions.clear();
  -    positions.add(int.parse(values[0]));
  -    positions.add(int.parse(values[1]));
  -    return positions;
  -  }
  -
  +
  +  //endregion
  +
  +  //region INPUT
  +
  +  /**
  +   * 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;
  +
  +
  +  //endregion
  +
  +  //region UPDATE
   
     /**
      * Updates the position of the player and the crates
  
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 Inputelements
     */
    userdates(String fromLayer) {
      querySelector('#userinput').innerHtml =
      "<div id =\"overlay\" >"
  