From b379d97b06279d1cc787a5669cc967c409ff0f19 Mon Sep 17 00:00:00 2001
From: Jan <janschubert93@web.de>
Date: Thu, 28 Nov 2019 15:39:26 +0100
Subject: [PATCH] Runde Tasten und Leuchten II

---
 src/main/java/Enigma/GuiController.java | 227 +++++++++++++++---------
 src/main/resources/Enigma/gui.fxml      | 166 ++++++++---------
 2 files changed, 226 insertions(+), 167 deletions(-)

diff --git a/src/main/java/Enigma/GuiController.java b/src/main/java/Enigma/GuiController.java
index c9da5db..89f5435 100644
--- a/src/main/java/Enigma/GuiController.java
+++ b/src/main/java/Enigma/GuiController.java
@@ -5,11 +5,10 @@ import javafx.fxml.FXML;
 import javafx.scene.control.*;
 import javafx.scene.shape.Circle;
 
-
 import java.util.ArrayList;
 
 public class GuiController {
-    ArrayList<MenuItem> mItem;
+    private ArrayList<MenuItem> mItem;
     private final static String[] str= {"I", "II", "III", "IV", "V"};
     private final static String[] num ={"1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26"};
     private final static String[] bs ={"A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"};
@@ -237,47 +236,83 @@ public class GuiController {
     private Label lblN;
 
     @FXML
-    void löschen() {
-        textEingabe=textEingabe.substring(0,textEingabe.length()-1);
-        tfrein.setText(textEingabe);
-        }
+    private Circle circE;
 
     @FXML
-    void btnempfangen() {
-    }
+    private Circle circR;
 
     @FXML
-    void btnsenden() {
-    }
+    private Circle circT;
 
-    /**
-     * Methode zum setzen des menuButton Textes auf das ausgewählte MenuItem
-     * @param mb : MenuButton der Walze
-     * @param mi : MenuItem
-     */
-    private void listener(MenuButton mb, MenuItem mi){
-        mb.setText(mi.getText());
-    }
+    @FXML
+    private Circle circZ;
+
+    @FXML
+    private Circle circU;
+
+    @FXML
+    private Circle circI;
+
+    @FXML
+    private Circle circO;
+
+    @FXML
+    private Circle circA;
+
+    @FXML
+    private Circle circS;
+
+    @FXML
+    private Circle circD;
+
+    @FXML
+    private Circle circF;
+
+    @FXML
+    private Circle circG;
+
+    @FXML
+    private Circle circH;
+
+    @FXML
+    private Circle circJ;
+
+    @FXML
+    private Circle circK;
+
+    @FXML
+    private Circle circP;
+
+    @FXML
+    private Circle circY;
+
+    @FXML
+    private Circle circX;
+
+    @FXML
+    private Circle circC;
+
+    @FXML
+    private Circle circV;
+
+    @FXML
+    private Circle circB;
+
+    @FXML
+    private Circle circN;
+
+    @FXML
+    private Circle circM;
+
+    @FXML
+    private Circle circL;
+
+    @FXML
+    private Circle circW;
+
+    @FXML
+    private Circle circQ;
 
-    /**
-     * Methode zur Erstellung der Einträge und Action Listener für die einzelnen Menüs
-     * @param button : Button für die die Einträge erstellt werden sollen
-     */
-    private void menu(MenuButton button, String[] str) {
-       mItem = new ArrayList<>();
-        for (int i = 0; i < str.length; i++) {
-            //Eintrag aus str der Arraylist mi hinzufügen
-            mItem.add(new MenuItem(str[i]));
-            //MenuItem mi dem Button button hinzufügen
-            button.getItems().add(mItem.get(i));
-            int finalI = i;
-            //Listener für die einzelnen Einträge
-            ArrayList<MenuItem> finalMi = mItem;
-            mItem.get(i).setOnAction(e -> {
-                listener(button, finalMi.get(finalI));
-            });
-        }
-    }
     @FXML
     void initialize() {
         //Einträge für Walzen
@@ -367,36 +402,77 @@ public class GuiController {
         assert lblM != null : "fx:id=\"lblM\" was not injected: check your FXML file 'gui.fxml'.";
         assert lblN != null : "fx:id=\"lblN\" was not injected: check your FXML file 'gui.fxml'.";
 
-        leuchten(btnA, lblA);
-        leuchten(btnB, lblB);
-        leuchten(btnC,lblC);
-        leuchten(btnD, lblD);
-        leuchten(btnE, lblE);
-        leuchten(btnF, lblF);
-        leuchten(btnG, lblG);
-        leuchten(btnH, lblH);
-        leuchten(btnI, lblI);
-        leuchten(btnJ,lblJ);
-        leuchten(btnK, lblK);
-        leuchten(btnL, lblL);
-        leuchten(btnM, lblM);
-        leuchten(btnN, lblN);
-        leuchten(btnO, lblO);
-        leuchten(btnP, lblP);
-        leuchten(btnQ,lblQ);
-        leuchten(btnR, lblR);
-        leuchten(btnS, lblS);
-        leuchten(btnT, lblT);
-        leuchten(btnU, lblU);
-        leuchten(btnV, lblV);
-        leuchten(btnW, lblW);
-        leuchten(btnX,lblX);
-        leuchten(btnY, lblY);
-        leuchten(btnZ, lblZ);
-        leuchtencirc(btnA,circ);
+        leuchten(btnA, circA);
+        leuchten(btnB, circB);
+        leuchten(btnC,circC);
+        leuchten(btnD, circD);
+        leuchten(btnE, circE);
+        leuchten(btnF, circF);
+        leuchten(btnG, circG);
+        leuchten(btnH, circH);
+        leuchten(btnI, circI);
+        leuchten(btnJ,circJ);
+        leuchten(btnK, circK);
+        leuchten(btnL, circL);
+        leuchten(btnM, circM);
+        leuchten(btnN, circN);
+        leuchten(btnO, circO);
+        leuchten(btnP, circP);
+        leuchten(btnQ,circQ);
+        leuchten(btnR, circR);
+        leuchten(btnS, circS);
+        leuchten(btnT, circT);
+        leuchten(btnU, circU);
+        leuchten(btnV, circV);
+        leuchten(btnW, circW);
+        leuchten(btnX,circX);
+        leuchten(btnY, circY);
+        leuchten(btnZ, circZ);
+        //TODO: Leuchten und Tasten ordnen
     }
+
     @FXML
-    private Button Q;
+    void löschen() {
+        textEingabe=textEingabe.substring(0,textEingabe.length()-1);
+        tfrein.setText(textEingabe);
+        //TODO: anpassen, wenn kein Text da ist
+    }
+
+    @FXML
+    void btnempfangen() {
+    }
+
+    @FXML
+    void btnsenden() {
+    }
+
+    /**
+     * Methode zum setzen des menuButton Textes auf das ausgewählte MenuItem
+     * @param mb : MenuButton der Walze
+     * @param mi : MenuItem
+     */
+    private void listener(MenuButton mb, MenuItem mi){
+        mb.setText(mi.getText());
+    }
+    /**
+     * Methode zur Erstellung der Einträge und Action Listener für die einzelnen Menüs
+     * @param button : Button für die die Einträge erstellt werden sollen
+     */
+    private void menu(MenuButton button, String[] str) {
+        mItem = new ArrayList<>();
+        for (int i = 0; i < str.length; i++) {
+            //Eintrag aus str der Arraylist mi hinzufügen
+            mItem.add(new MenuItem(str[i]));
+            //MenuItem mi dem Button button hinzufügen
+            button.getItems().add(mItem.get(i));
+            int finalI = i;
+            //Listener für die einzelnen Einträge
+            ArrayList<MenuItem> finalMi = mItem;
+            mItem.get(i).setOnAction(e -> {
+                listener(button, finalMi.get(finalI));
+            });
+        }
+    }
 
     /**
      * Auswertung welcher Button gedrückt wurde
@@ -432,7 +508,6 @@ public class GuiController {
         if (e.getSource() == btnX) setText(btnX);
         if (e.getSource() == btnY) setText(btnY);
         if (e.getSource() == btnZ) setText(btnZ);
-        if (e.getSource()==Q) setText(Q);
     }
     /**
      * schreibt Buchstaben des gedrückten Knopfes in Textfeld tfrein
@@ -444,30 +519,14 @@ public class GuiController {
             tfrein.setText(textEingabe);
         }
     }
+    private void leuchten(Button taste, Circle leuchte){
 
-    @FXML
-    private Circle circ;
-
-    private void leuchtencirc(Button taste, Circle leuchte){
-        taste.setOnMousePressed(mouseEvent -> {
-            leuchte.setStyle("-fx-fill: #FFA500");
-        });
+        taste.setOnMousePressed(mouseEvent -> {leuchte.setStyle("-fx-fill: #FFA500");});
         taste.setOnMouseReleased(mouseEvent -> {
             leuchte.setStyle("-fx-background-color: "+ taste.getBackground());
             leuchte.setStyle("-fx-border-color:  #000000");
         });
     }
-
-    private void leuchten(Button taste, Label leuchte){
-        taste.setOnMousePressed(mouseEvent -> {
-            leuchte.setStyle("-fx-background-color: #FFA500");
-        });
-        taste.setOnMouseReleased(mouseEvent -> {
-            leuchte.setStyle("-fx-background-color: "+ taste.getBackground());
-          //  leuchte.setStyle("-fx-border-color:  #000000");
-        });
-    }
-
     /**
      * Setzt die Anzeige des entsprechende Gui-Element auf die entsprechende Walze
      *  ->d.h. welche Walze sitzt auf welcher Position
diff --git a/src/main/resources/Enigma/gui.fxml b/src/main/resources/Enigma/gui.fxml
index 8e37b9a..4881941 100644
--- a/src/main/resources/Enigma/gui.fxml
+++ b/src/main/resources/Enigma/gui.fxml
@@ -10,7 +10,32 @@
 
 <AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="677.0" prefWidth="967.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="Enigma.GuiController">
    <children>
-      <Circle fx:id="circ1" fill="#f0f3f5" layoutX="119.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circQ" fill="#f0f3f5" layoutX="127.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circE" fill="#f0f3f5" layoutX="315.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circR" fill="#f0f3f5" layoutX="389.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circT" fill="#f0f3f5" layoutX="480.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circZ" fill="#f0f3f5" layoutX="561.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circU" fill="#f0f3f5" layoutX="647.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circI" fill="#f0f3f5" layoutX="736.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circO" fill="#f0f3f5" layoutX="814.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circA" fill="#f0f3f5" layoutX="162.0" layoutY="361.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circS" fill="#f0f3f5" layoutX="251.0" layoutY="361.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circD" fill="#f0f3f5" layoutX="329.0" layoutY="361.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circF" fill="#f0f3f5" layoutX="419.0" layoutY="361.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circG" fill="#f0f3f5" layoutX="502.0" layoutY="361.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circH" fill="#f0f3f5" layoutX="594.0" layoutY="361.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circJ" fill="#f0f3f5" layoutX="674.0" layoutY="361.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circK" fill="#f0f3f5" layoutX="763.0" layoutY="361.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circP" fill="#f0f3f5" layoutX="113.0" layoutY="416.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circY" fill="#f0f3f5" layoutX="197.0" layoutY="416.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circX" fill="#f0f3f5" layoutX="286.0" layoutY="416.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circC" fill="#f0f3f5" layoutX="369.0" layoutY="416.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circV" fill="#f0f3f5" layoutX="462.0" layoutY="416.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circB" fill="#f0f3f5" layoutX="546.0" layoutY="416.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circN" fill="#f0f3f5" layoutX="623.0" layoutY="416.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circM" fill="#f0f3f5" layoutX="703.0" layoutY="416.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circL" fill="#f0f3f5" layoutX="798.0" layoutY="416.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
+      <Circle fx:id="circW" fill="#f0f3f5" layoutX="221.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
       <TextField fx:id="tfStecker1" layoutX="104.0" layoutY="631.0" prefHeight="25.0" prefWidth="48.0" AnchorPane.bottomAnchor="20.0" AnchorPane.leftAnchor="104.0" />
       <TextField fx:id="tfStecker2" layoutX="184.0" layoutY="631.0" prefHeight="25.0" prefWidth="48.0" AnchorPane.bottomAnchor="20.0" AnchorPane.leftAnchor="184.0" />
       <TextField fx:id="tfStecker3" layoutX="263.0" layoutY="631.0" prefHeight="25.0" prefWidth="48.0" AnchorPane.bottomAnchor="20.0" AnchorPane.leftAnchor="263.0" />
@@ -67,303 +92,278 @@
       </MenuButton>
       <MenuButton fx:id="mBtnStartPos2" alignment="CENTER_RIGHT" layoutX="152.0" layoutY="160.0" mnemonicParsing="false" prefHeight="25.0" prefWidth="48.0" text="A" textAlignment="CENTER" AnchorPane.leftAnchor="150.0" AnchorPane.topAnchor="160.0">
       </MenuButton>
-      <TextField fx:id="tfrein" editable="false" layoutX="279.0" layoutY="76.0" prefHeight="77.0" prefWidth="410.0" />
-      <TextField fx:id="tfcodiert" editable="false" layoutX="279.0" layoutY="183.0" prefHeight="77.0" prefWidth="410.0" />
-      <Button layoutX="726.0" layoutY="187.0" mnemonicParsing="false" onAction="#btnsenden" prefHeight="69.0" prefWidth="164.0" text="An Funker senden" AnchorPane.rightAnchor="77.0" />
-      <Button layoutX="726.0" layoutY="80.0" mnemonicParsing="false" onAction="#btnempfangen" prefHeight="69.0" prefWidth="164.0" text="Funkspruch empfangen" AnchorPane.rightAnchor="77.0" />
+      <TextField fx:id="tfrein" editable="false" layoutX="280.0" layoutY="54.0" prefHeight="77.0" prefWidth="410.0" />
+      <TextField fx:id="tfcodiert" editable="false" layoutX="280.0" layoutY="149.0" prefHeight="77.0" prefWidth="410.0" />
+      <Button layoutX="726.0" layoutY="153.0" mnemonicParsing="false" onAction="#btnsenden" prefHeight="69.0" prefWidth="164.0" text="An Funker senden" AnchorPane.rightAnchor="77.0" />
+      <Button layoutX="726.0" layoutY="58.0" mnemonicParsing="false" onAction="#btnempfangen" prefHeight="69.0" prefWidth="164.0" text="Funkspruch empfangen" AnchorPane.rightAnchor="77.0" />
       <MenuButton fx:id="mBtnNotchPos1" alignment="CENTER_RIGHT" layoutX="93.0" layoutY="114.0" mnemonicParsing="false" prefHeight="25.0" prefWidth="48.0" text="1" textAlignment="CENTER" AnchorPane.leftAnchor="90.0" AnchorPane.topAnchor="120.0" />
       <Label layoutX="29.0" layoutY="80.0" text="Walze" AnchorPane.leftAnchor="20.0" AnchorPane.topAnchor="84.0" />
       <Label layoutX="29.0" layoutY="127.0" text="Ringe" AnchorPane.leftAnchor="20.0" AnchorPane.topAnchor="124.0" />
       <Label layoutX="17.0" layoutY="164.0" text="Startposition" AnchorPane.leftAnchor="17.0" AnchorPane.topAnchor="164.0" />
       <Label layoutX="380.0" layoutY="27.0" prefHeight="17.0" prefWidth="172.0" text="Tageseinstellungen" />
-      <Label fx:id="lblE" alignment="CENTER" layoutX="198.0" layoutY="291.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="E" textAlignment="CENTER" AnchorPane.bottomAnchor="350.0">
+      <Label fx:id="lblE" alignment="CENTER" layoutX="300.0" layoutY="292.0" prefHeight="30.0" prefWidth="30.0" text="E" textAlignment="CENTER" AnchorPane.bottomAnchor="351.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblW" alignment="CENTER" layoutX="99.0" layoutY="343.0" prefHeight="36.0" prefWidth="30.0" text="W" AnchorPane.bottomAnchor="298.0">
+      <Label fx:id="lblW" alignment="CENTER" layoutX="204.0" layoutY="291.0" prefHeight="36.0" prefWidth="30.0" text="W" AnchorPane.bottomAnchor="350.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblR" alignment="CENTER" layoutX="279.0" layoutY="291.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="R" textAlignment="CENTER" AnchorPane.bottomAnchor="350.0">
+      <Label fx:id="lblR" alignment="CENTER" layoutX="374.0" layoutY="292.0" prefHeight="30.0" prefWidth="30.0" text="R" textAlignment="CENTER" AnchorPane.bottomAnchor="351.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblT" alignment="CENTER" layoutX="365.0" layoutY="291.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="T" textAlignment="CENTER" AnchorPane.bottomAnchor="350.0">
+      <Label fx:id="lblT" alignment="CENTER" layoutX="463.0" layoutY="292.0" prefHeight="30.0" prefWidth="30.0" text="T" textAlignment="CENTER" AnchorPane.bottomAnchor="351.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblZ" alignment="CENTER" layoutX="449.0" layoutY="291.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="Z" textAlignment="CENTER" AnchorPane.bottomAnchor="350.0">
+      <Label fx:id="lblZ" alignment="CENTER" layoutX="548.0" layoutY="292.0" prefHeight="30.0" prefWidth="30.0" text="Z" textAlignment="CENTER" AnchorPane.bottomAnchor="351.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblO" alignment="CENTER" layoutX="704.0" layoutY="291.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="O" textAlignment="CENTER" AnchorPane.bottomAnchor="350.0" AnchorPane.rightAnchor="233.0">
+      <Label fx:id="lblO" alignment="CENTER" layoutX="801.0" layoutY="292.0" prefHeight="30.0" prefWidth="30.0" text="O" textAlignment="CENTER" AnchorPane.bottomAnchor="351.0" AnchorPane.rightAnchor="136.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblI" alignment="CENTER" layoutX="613.0" layoutY="281.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="I" textAlignment="CENTER" AnchorPane.bottomAnchor="350.0">
+      <Label fx:id="lblI" alignment="CENTER" layoutX="721.0" layoutY="292.0" prefHeight="30.0" prefWidth="30.0" text="I" textAlignment="CENTER" AnchorPane.bottomAnchor="351.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblU" alignment="CENTER" layoutX="537.0" layoutY="291.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="U" textAlignment="CENTER" AnchorPane.bottomAnchor="350.0">
+      <Label fx:id="lblU" alignment="CENTER" layoutX="630.0" layoutY="292.0" prefHeight="30.0" prefWidth="30.0" text="U" textAlignment="CENTER" AnchorPane.bottomAnchor="351.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblA" alignment="CENTER" layoutX="144.0" layoutY="357.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="A" AnchorPane.bottomAnchor="290.0">
+      <Label fx:id="lblA" alignment="CENTER" layoutX="147.0" layoutY="346.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="A" AnchorPane.bottomAnchor="301.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblD" alignment="CENTER" layoutX="311.0" layoutY="357.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="D" AnchorPane.bottomAnchor="290.0">
+      <Label fx:id="lblD" alignment="CENTER" layoutX="314.0" layoutY="346.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="D" AnchorPane.bottomAnchor="301.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblS" alignment="CENTER" layoutX="233.0" layoutY="357.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="S" AnchorPane.bottomAnchor="290.0">
+      <Label fx:id="lblS" alignment="CENTER" layoutX="236.0" layoutY="346.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="S" AnchorPane.bottomAnchor="301.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblF" alignment="CENTER" layoutX="401.0" layoutY="357.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="F" AnchorPane.bottomAnchor="290.0">
+      <Label fx:id="lblF" alignment="CENTER" layoutX="404.0" layoutY="346.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="F" AnchorPane.bottomAnchor="301.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblG" alignment="CENTER" layoutX="484.0" layoutY="357.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="G" AnchorPane.bottomAnchor="290.0">
+      <Label fx:id="lblG" alignment="CENTER" layoutX="487.0" layoutY="346.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="G" AnchorPane.bottomAnchor="301.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblH" alignment="CENTER" layoutX="576.0" layoutY="357.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="H" AnchorPane.bottomAnchor="290.0">
+      <Label fx:id="lblH" alignment="CENTER" layoutX="579.0" layoutY="346.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="H" AnchorPane.bottomAnchor="301.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblK" alignment="CENTER" layoutX="745.0" layoutY="357.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="K" AnchorPane.bottomAnchor="290.0" AnchorPane.rightAnchor="192.0">
+      <Label fx:id="lblK" alignment="CENTER" layoutX="748.0" layoutY="346.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="K" AnchorPane.bottomAnchor="301.0" AnchorPane.rightAnchor="189.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblJ" alignment="CENTER" layoutX="656.0" layoutY="357.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="J" AnchorPane.bottomAnchor="290.0">
+      <Label fx:id="lblJ" alignment="CENTER" layoutX="659.0" layoutY="346.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="J" AnchorPane.bottomAnchor="301.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblP" alignment="CENTER" layoutX="99.0" layoutY="427.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="P" AnchorPane.bottomAnchor="220.0" AnchorPane.leftAnchor="99.0">
+      <Label fx:id="lblP" alignment="CENTER" layoutX="97.0" layoutY="401.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="P" AnchorPane.bottomAnchor="246.0" AnchorPane.leftAnchor="97.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblX" alignment="CENTER" layoutX="272.0" layoutY="427.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="X" AnchorPane.bottomAnchor="220.0" AnchorPane.leftAnchor="272.0">
+      <Label fx:id="lblX" alignment="CENTER" layoutX="270.0" layoutY="401.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="X" AnchorPane.bottomAnchor="246.0" AnchorPane.leftAnchor="270.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblY" alignment="CENTER" layoutX="183.0" layoutY="427.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="Y" AnchorPane.bottomAnchor="220.0" AnchorPane.leftAnchor="183.0">
+      <Label fx:id="lblY" alignment="CENTER" layoutX="181.0" layoutY="401.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="Y" AnchorPane.bottomAnchor="246.0" AnchorPane.leftAnchor="181.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblC" alignment="CENTER" layoutX="355.0" layoutY="427.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="C" AnchorPane.bottomAnchor="220.0" AnchorPane.leftAnchor="355.0">
+      <Label fx:id="lblC" alignment="CENTER" layoutX="353.0" layoutY="401.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="C" AnchorPane.bottomAnchor="246.0" AnchorPane.leftAnchor="353.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblV" alignment="CENTER" layoutX="445.0" layoutY="427.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="V" AnchorPane.bottomAnchor="220.0" AnchorPane.leftAnchor="445.0">
+      <Label fx:id="lblV" alignment="CENTER" layoutX="443.0" layoutY="401.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="V" AnchorPane.bottomAnchor="246.0" AnchorPane.leftAnchor="443.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblB" alignment="CENTER" layoutX="529.0" layoutY="427.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="B" AnchorPane.bottomAnchor="220.0">
+      <Label fx:id="lblB" alignment="CENTER" layoutX="527.0" layoutY="401.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="B" AnchorPane.bottomAnchor="246.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblL" alignment="CENTER" layoutX="784.0" layoutY="427.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="L" AnchorPane.bottomAnchor="220.0" AnchorPane.rightAnchor="153.0">
+      <Label fx:id="lblL" alignment="CENTER" layoutX="782.0" layoutY="401.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="L" AnchorPane.bottomAnchor="246.0" AnchorPane.rightAnchor="155.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblM" alignment="CENTER" layoutX="689.0" layoutY="427.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="M" AnchorPane.bottomAnchor="220.0">
+      <Label fx:id="lblM" alignment="CENTER" layoutX="687.0" layoutY="401.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="M" AnchorPane.bottomAnchor="246.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Label fx:id="lblN" alignment="CENTER" layoutX="609.0" layoutY="427.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" style="-fx-border-color: #000000;" text="N" AnchorPane.bottomAnchor="220.0">
+      <Label fx:id="lblN" alignment="CENTER" layoutX="607.0" layoutY="401.0" minHeight="0.0" prefHeight="30.0" prefWidth="30.0" text="N" AnchorPane.bottomAnchor="246.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Button fx:id="btnQ" layoutX="162.0" layoutY="466.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="Q" textFill="#fffdfd">
+      <Button fx:id="btnQ" layoutX="154.0" layoutY="464.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="Q" textFill="#fffdfd">
          <font>
             <Font name="System Bold" size="18.0" />
          </font></Button>
-      <Circle fx:id="circ" fill="#f0f3f5" layoutX="52.0" layoutY="361.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Label fx:id="lblQ" alignment="CENTER" layoutX="37.0" layoutY="394.0" prefHeight="30.0" prefWidth="30.0" text="Q" AnchorPane.bottomAnchor="249.0">
+      <Label fx:id="lblQ" alignment="CENTER" layoutX="112.0" layoutY="292.0" prefHeight="30.0" prefWidth="30.0" text="Q" AnchorPane.bottomAnchor="351.0">
          <font>
             <Font size="23.0" />
          </font>
       </Label>
-      <Button fx:id="btnW" layoutX="251.0" layoutY="466.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="W" textFill="#fffdfd">
+      <Button fx:id="btnW" layoutX="243.0" layoutY="464.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="W" textFill="#fffdfd">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnE" layoutX="314.0" layoutY="466.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="E" textFill="#fffdfd">
+      <Button fx:id="btnE" layoutX="306.0" layoutY="464.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="E" textFill="#fffdfd">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnR" layoutX="389.0" layoutY="466.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="R" textFill="#fffdfd">
+      <Button fx:id="btnR" layoutX="381.0" layoutY="464.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="R" textFill="#fffdfd">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnT" layoutX="463.0" layoutY="466.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="T" textFill="#fffdfd">
+      <Button fx:id="btnT" layoutX="455.0" layoutY="464.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="T" textFill="#fffdfd">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnZ" layoutX="547.0" layoutY="466.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="Z" textFill="#fffdfd">
+      <Button fx:id="btnZ" layoutX="539.0" layoutY="464.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="Z" textFill="#fffdfd">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnU" layoutX="631.0" layoutY="466.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="U" textFill="#fffdfd">
+      <Button fx:id="btnU" layoutX="623.0" layoutY="464.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="U" textFill="#fffdfd">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnI" layoutX="714.0" layoutY="466.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="I" textFill="#fffdfd">
+      <Button fx:id="btnI" layoutX="706.0" layoutY="464.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="I" textFill="#fffdfd">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnO" layoutX="799.0" layoutY="466.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="O" textFill="#fffdfd">
+      <Button fx:id="btnO" layoutX="791.0" layoutY="464.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="O" textFill="#fffdfd">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button layoutX="856.0" layoutY="516.0" mnemonicParsing="false" onAction="#löschen" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="&lt;" textFill="#fffdfd">
+      <Button layoutX="858.0" layoutY="517.0" mnemonicParsing="false" onAction="#löschen" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="&lt;" textFill="#fffdfd">
          <font>
             <Font size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnP" layoutX="162.0" layoutY="576.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="P" textFill="#fffdfd" AnchorPane.bottomAnchor="57.0" AnchorPane.leftAnchor="162.0">
+      <Button fx:id="btnP" layoutX="152.0" layoutY="573.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="P" textFill="#fffdfd" AnchorPane.bottomAnchor="60.0" AnchorPane.leftAnchor="152.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnY" layoutX="236.0" layoutY="576.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="Y" textFill="#fffdfd" AnchorPane.bottomAnchor="57.0">
+      <Button fx:id="btnY" layoutX="229.0" layoutY="573.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="Y" textFill="#fffdfd" AnchorPane.bottomAnchor="60.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnX" layoutX="314.0" layoutY="576.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="X" textFill="#fffdfd" AnchorPane.bottomAnchor="57.0">
+      <Button fx:id="btnX" layoutX="306.0" layoutY="573.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="X" textFill="#fffdfd" AnchorPane.bottomAnchor="60.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnC" layoutX="389.0" layoutY="576.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="C" textFill="#fffdfd" AnchorPane.bottomAnchor="57.0">
+      <Button fx:id="btnC" layoutX="382.0" layoutY="573.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="C" textFill="#fffdfd" AnchorPane.bottomAnchor="60.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnV" layoutX="472.0" layoutY="576.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="V" textFill="#fffdfd" AnchorPane.bottomAnchor="57.0">
+      <Button fx:id="btnV" layoutX="462.0" layoutY="573.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="V" textFill="#fffdfd" AnchorPane.bottomAnchor="60.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnB" layoutX="554.0" layoutY="576.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="B" textFill="#fffdfd" AnchorPane.bottomAnchor="57.0">
+      <Button fx:id="btnB" layoutX="539.0" layoutY="573.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="B" textFill="#fffdfd" AnchorPane.bottomAnchor="60.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnN" layoutX="631.0" layoutY="576.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="N" textFill="#fffdfd" AnchorPane.bottomAnchor="57.0">
+      <Button fx:id="btnN" layoutX="615.0" layoutY="573.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="N" textFill="#fffdfd" AnchorPane.bottomAnchor="60.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnM" layoutX="714.0" layoutY="576.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="M" textFill="#fffdfd" AnchorPane.bottomAnchor="57.0">
+      <Button fx:id="btnM" layoutX="706.0" layoutY="573.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="M" textFill="#fffdfd" AnchorPane.bottomAnchor="60.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnL" layoutX="777.0" layoutY="576.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="L" textFill="#fffdfd" AnchorPane.bottomAnchor="57.0">
+      <Button fx:id="btnL" layoutX="776.0" layoutY="573.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="L" textFill="#fffdfd" AnchorPane.bottomAnchor="60.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnA" layoutX="201.0" layoutY="516.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="A" textFill="#fffdfd" AnchorPane.bottomAnchor="117.0">
+      <Button fx:id="btnA" layoutX="203.0" layoutY="517.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="A" textFill="#fffdfd" AnchorPane.bottomAnchor="116.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnS" layoutX="282.0" layoutY="516.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="S" textFill="#fffdfd" AnchorPane.bottomAnchor="117.0">
+      <Button fx:id="btnS" layoutX="284.0" layoutY="517.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="S" textFill="#fffdfd" AnchorPane.bottomAnchor="116.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnD" layoutX="353.0" layoutY="516.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="D" textFill="#fffdfd" AnchorPane.bottomAnchor="117.0">
+      <Button fx:id="btnD" layoutX="355.0" layoutY="517.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="D" textFill="#fffdfd" AnchorPane.bottomAnchor="116.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnF" layoutX="428.0" layoutY="516.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="F" textFill="#fffdfd" AnchorPane.bottomAnchor="117.0">
+      <Button fx:id="btnF" layoutX="430.0" layoutY="517.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="F" textFill="#fffdfd" AnchorPane.bottomAnchor="116.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnG" layoutX="508.0" layoutY="516.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="G" textFill="#fffdfd" AnchorPane.bottomAnchor="117.0">
+      <Button fx:id="btnG" layoutX="510.0" layoutY="517.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="G" textFill="#fffdfd" AnchorPane.bottomAnchor="116.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnH" layoutX="588.0" layoutY="516.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="H" textFill="#fffdfd" AnchorPane.bottomAnchor="117.0">
+      <Button fx:id="btnH" layoutX="590.0" layoutY="517.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="H" textFill="#fffdfd" AnchorPane.bottomAnchor="116.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnJ" layoutX="668.0" layoutY="516.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="J" textFill="#fffdfd" AnchorPane.bottomAnchor="117.0">
+      <Button fx:id="btnJ" layoutX="670.0" layoutY="517.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="J" textFill="#fffdfd" AnchorPane.bottomAnchor="116.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Button fx:id="btnK" layoutX="738.0" layoutY="516.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="K" textFill="#fffdfd" AnchorPane.bottomAnchor="117.0">
+      <Button fx:id="btnK" layoutX="740.0" layoutY="517.0" mnemonicParsing="false" onAction="#gedrueckteTaste" prefHeight="44.0" prefWidth="44.0" style="-fx-background-radius: 100; -fx-background-color: #0d0d0d;" text="K" textFill="#fffdfd" AnchorPane.bottomAnchor="116.0">
          <font>
             <Font name="System Bold" size="18.0" />
          </font>
       </Button>
-      <Circle fx:id="circ2" fill="#f0f3f5" layoutX="213.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ3" fill="#f0f3f5" layoutX="294.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ4" fill="#f0f3f5" layoutX="380.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ5" fill="#f0f3f5" layoutX="463.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ6" fill="#f0f3f5" layoutX="552.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ7" fill="#f0f3f5" layoutX="628.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ8" fill="#f0f3f5" layoutX="719.0" layoutY="309.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ9" fill="#f0f3f5" layoutX="159.0" layoutY="372.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ10" fill="#f0f3f5" layoutX="248.0" layoutY="372.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ11" fill="#f0f3f5" layoutX="326.0" layoutY="372.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ12" fill="#f0f3f5" layoutX="416.0" layoutY="372.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ13" fill="#f0f3f5" layoutX="499.0" layoutY="372.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ14" fill="#f0f3f5" layoutX="591.0" layoutY="372.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ15" fill="#f0f3f5" layoutX="671.0" layoutY="372.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ16" fill="#f0f3f5" layoutX="760.0" layoutY="372.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ17" fill="#f0f3f5" layoutX="114.0" layoutY="442.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ18" fill="#f0f3f5" layoutX="198.0" layoutY="442.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ19" fill="#f0f3f5" layoutX="287.0" layoutY="442.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ20" fill="#f0f3f5" layoutX="370.0" layoutY="442.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ21" fill="#f0f3f5" layoutX="463.0" layoutY="442.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ22" fill="#f0f3f5" layoutX="547.0" layoutY="442.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ23" fill="#f0f3f5" layoutX="624.0" layoutY="442.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ24" fill="#f0f3f5" layoutX="704.0" layoutY="442.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
-      <Circle fx:id="circ25" fill="#f0f3f5" layoutX="799.0" layoutY="442.0" radius="22.0" stroke="BLACK" strokeType="INSIDE" />
    </children>
 </AnchorPane>
-- 
GitLab