diff --git a/schlangen_und_leitern/HTML.html b/schlangen_und_leitern/HTML.html
index c542bdd..0232c84 100644
--- a/schlangen_und_leitern/HTML.html
+++ b/schlangen_und_leitern/HTML.html
@@ -9,6 +9,7 @@
     <script type= "text/javascript" src="js/rollResult.js"></script>
     <script type= "text/javascript" src="js/makeBoard.js"></script>
     <script type= "text/javascript" src="js/Bridge.js"></script>
+
     <title>Document</title>
     
 
@@ -17,24 +18,22 @@
     <h1>Schlangen und Leitern</h1>
 </header>
 <body>
-    <div>
-        <input type="button" class = "playerSelect" id="2Player" onclick="mainGame(2)" value="2 Spieler"></input>
-        <input type="button" class = "playerSelect" id="3Player" onclick="mainGame(3)" value ="3 Spieler"></input>
-        <input type="button" class = "playerSelect" id="4Player" onclick="mainGame(4)" value = "4 Spieler"></input>
 
-    </div>
-    
-    <div calss = container id="playArea">    
-        <table id = "board"></table>
+    <div class = playerSelect>
+        <input type="button" class = "playerButton" id="2Player" onclick="mainGame(2)" value="2 Spieler"></input>
+        <input type="button" class = "playerButton" id="3Player" onclick="mainGame(3)" value ="3 Spieler"></input>
+        <input type="button" class = "playerButton" id="4Player" onclick="mainGame(4)" value = "4 Spieler"></input>
     </div>
 
-    <div class = container id="würfelBereich">
 
-        <img src="/img/wurfle/f(1).png" id="face">
-        <input type = "button" id="rollButton"  onclick = "changeFace();drawBoard()" value = "Würfeln">  
-    
+    <div calss = container id="playArea" >    
+            <table id = "board"></table>
+        <div class = container id="würfelBereich" style="display: none;" >
+            <img src="/img/wurfle/f(1).png" id="face">
+            <input type = "button" id="rollButton"  onclick = "changeFace();" value = "Würfeln">  
+        
+        </div>
     </div>
-    
 
 
 </body>
diff --git a/schlangen_und_leitern/css/style.css b/schlangen_und_leitern/css/style.css
index b589926..3a8d3f9 100644
--- a/schlangen_und_leitern/css/style.css
+++ b/schlangen_und_leitern/css/style.css
@@ -4,7 +4,13 @@ h1{
     font-size: 50px;
 }
 
+.playerSelect{
 
+    display: flex;
+    justify-content: center;
+
+
+}
 
 #würfelBereich{
     
diff --git a/schlangen_und_leitern/js/Bridge.js b/schlangen_und_leitern/js/Bridge.js
index 82401ea..3125ccf 100644
--- a/schlangen_und_leitern/js/Bridge.js
+++ b/schlangen_und_leitern/js/Bridge.js
@@ -1,12 +1,21 @@
+
+
+
 function mainGame(playerCount){
-    //hide player select 
+    //playerselect versctecken 
+    document.getElementById("2Player").style.display = "none";
+    document.getElementById("3Player").style.display = "none";
+    document.getElementById("4Player").style.display = "none";
+        
+    // Wufelbereich zeigen.
+    document.getElementById("würfelBereich").style.display = "grid";
+
+
+    
 
+    
 
-//nack Spielerzahl fragen
-    //hide player selection buttons 
-    // reveal dice
-    // build/show board
-    // make x player structures
+    // make x "player" structures and add them to array
 
 
 //Haupt game loop
