diff --git a/public/ar_main.js b/public/ar_main.js
index cef701eaf565523e7b5abec39336c20ca55993b2..d3327496a64003d59ca2074e8cce57047f1f40e2 100644
--- a/public/ar_main.js
+++ b/public/ar_main.js
@@ -125,6 +125,19 @@ function closeDynamicMenu() {
     dynamicMenu.style.display = "none";
 }
 
+function showInfoDialog(message) {
+    const infoDialog = document.getElementById("info-dialog");
+    const infoText = document.getElementById("info-text");
+
+    infoText.textContent = message; // Nachricht setzen
+    infoDialog.style.display = "flex";
+}
+
+function closeInfoDialog() {
+    const infoDialog = document.getElementById("info-dialog");
+    infoDialog.style.display = "none";
+}
+
 /* ========================= */
 /*     MODELL-HANDLING       */
 /* ========================= */
diff --git a/public/style.css b/public/style.css
index 00b625bd173f204aaabcde86b0568d1709bb577b..94b25b86fe50851898b5ff274ce2e8bfb34af1b3 100644
--- a/public/style.css
+++ b/public/style.css
@@ -249,10 +249,9 @@ button:active {
 
 .control-button {
   flex: 0 0 auto;
-  width: 40px;
-  height: 40px;
   border: none;
   border-radius: 5px;
+  padding: 8px;
   background-color: #007BFF;
   cursor: pointer;
   transition: background-color 0.3s, transform 0.2s;
@@ -261,11 +260,9 @@ button:active {
 .control-button img {
   width: 40px;
   height: 40px;
-  padding: 8px;
-  object-fit: contain;
 }
 
 .control-button:active {
   background-color: #0056b3;
   transform: scale(0.95);
-}
+}
\ No newline at end of file