diff --git a/index.html b/index.html
index d82ad98..51b7bac 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,9 @@
     <title>Technik Holger</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
     <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
+    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>
 </head>
 <body>
 
@@ -25,6 +27,19 @@
         </div>
     </div>
 
-    <iframe src="https://web.powerva.microsoft.com/environments/Default-5e98bbb4-4a0c-4dae-8254-dcaa73b41da8/bots/new_bot_a5e0b0b26ba9409abc86d421e7d56f91/webchat" frameborder="0" style="width: 100%; height: 100%;"></iframe>
+    <button id="help">Ich brauche Hilfe!</button>
+
+    <div id="chatbot">
+        <iframe src="https://web.powerva.microsoft.com/environments/Default-5e98bbb4-4a0c-4dae-8254-dcaa73b41da8/bots/new_bot_a5e0b0b26ba9409abc86d421e7d56f91/webchat" frameborder="0" style="width: 100%; height: 100%;"></iframe>
+    </div>
+
+
+    <script>
+        $('#chatbot').dialog({
+            autoOpen: false
+        });
+
+        $('#help').click(() => $('#chatbot').dialog('open'));
+    </script>
 </body>
 </html>
\ No newline at end of file
