index.html

@@ -5,7 +5,6 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>Technik Holger</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
     <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>
@@ -20,7 +19,7 @@
                 <p>Startseite</p>
             </div>
             <div id="element">
-                <p>Mein Konto</p>
+                <p>Kundenlogin</p>
             </div>
             <div id="element">
                 <p>Impressum</p>
@@ -28,14 +27,7 @@
         </div>
     </div>
 
-    <div id="help-div">
-        <button id="help">
-            <span class="material-symbols-outlined">
-                chat
-            </span>
-        </button>
-    </div>
-
+    <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>
@@ -44,10 +36,7 @@
 
     <script>
         $('#chatbot').dialog({
-            autoOpen: false,
-            height: 500,
-            width: 450,
-            positon: {my: 'center top'}
+            autoOpen: false
         });
 
         $('#help').click(() => $('#chatbot').dialog('open'));

main.css

@@ -29,24 +29,4 @@ h1 {
     background-color: lightgray;
     border-radius: 5px;
     padding: 5px 10px 5px 10px;
-}
-
-#help-div {
-    z-index: 10;
-    position: fixed;
-    bottom: -4px;
-    right: 10px;
-}
-
-#help {
-    margin-bottom: 10px;
-    background-color: aqua;
-    border-radius: 100%;
-    width: 60px;
-    height: 60px;
-    text-align: center;
-}
-
-#help .material-symbols-outlined {
-    font-size: 40px;
-}
+}