diff --git a/backup_restore.php b/backup_restore.php
index 6de6a67..94ebba8 100644
--- a/backup_restore.php
+++ b/backup_restore.php
@@ -229,7 +229,7 @@ $backup_files = array_slice($backup_files, -10); // Die letzten 10 Backups ausw
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Backup und Wiederherstellung</title>
+    <title>Einstellungen</title>
     <style>
        /* Header CSS */
         body {
@@ -365,6 +365,95 @@ $backup_files = array_slice($backup_files, -10); // Die letzten 10 Backups ausw
         .backup-list li input[type="submit"]:hover {
             background-color: #45a049;
         }
+		
+		.custom-box {
+			background-color: #333;
+			border: 1px solid #ddd;
+			border-radius: 5px;
+			padding: 20px;
+			margin-top: 20px;
+			margin: 10px auto;
+			max-width: 1537px; 
+			text-align: center;
+		}
+
+		.custom-box h2 {
+			color: #333;
+			font-size: 24px;
+			margin-bottom: 10px;
+			color: #fff;
+		}
+
+		.custom-box p {
+			color: #fff;
+			font-size: 14px;
+			margin-bottom: 15px;
+			
+		}
+
+		.custom-box .download-button-small {
+			display: inline-block;
+			padding: 8px 16px; /* Anpassen der Padding-Werte für die gewünschte Größe */
+			background-color: #4CAF50;
+			color: white;
+			border: none;
+			border-radius: 5px;
+			text-decoration: none;
+			margin-top: 10px;
+		}
+
+		.custom-box .download-button-small:hover {
+			background-color: #45a049;
+		}
+		
+		/* CSS für die Settings-Box */
+.settings-box {
+    width: 80%; /* Größere Breite für die Box */
+    margin: 20px auto;
+    padding: 30px; /* Mehr Innenabstand für den Inhalt */
+    background-color: #333;
+    border-radius: 10px; /* Abgerundete Ecken */
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
+    color: #fff; /* Schriftfarbe auf Weiß geändert */
+}
+
+.settings-box h1 {
+    text-align: center;
+    margin-bottom: 30px; /* Mehr Abstand zum Inhalt */
+}
+
+.settings-box label {
+    display: block;
+    font-weight: bold;
+    margin-bottom: 10px; /* Weniger Abstand zwischen den Labels */
+}
+
+.settings-box input[type="text"] {
+    width: calc(100% - 22px); /* Berücksichtigt den Padding */
+    padding: 10px;
+    margin-bottom: 20px; /* Mehr Abstand zu den anderen Elementen */
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    box-sizing: border-box;
+}
+
+.settings-box input[type="submit"] {
+    width: 15%; /* Kleinere Breite für den Button */
+    padding: 8px 12px; /* Kleinerer Padding für den Button */
+    background-color: #4CAF50;
+    color: #fff;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+.settings-box input[type="submit"]:hover {
+    background-color: #45a049;
+}
+
+
+
     </style>
 </head>
 <body>
@@ -376,12 +465,54 @@ $backup_files = array_slice($backup_files, -10); // Die letzten 10 Backups ausw
                     <li><a href="index.php">Home</a></li>
                     <li><a href="add_material_form.php">Artikel hinzufügen</a></li>
                     <li><a href="article_overview.php">Artikel Übersicht</a></li>
-					<li><a href="Material_chrome.zip">chrome Erweiterung</a></li>
-                    <li><a href="backup_restore.php">Backup</a></li>
+                    <li><a href="backup_restore.php">Einstellungen</a></li>
                 </ul>
             </nav>
         </div>
     </header>
+</form>	
+	<div class="settings-box">
+    <h1>Gotify Einstellungen</h1>
+
+    <form method="post" action="save_settings.php">
+        <label for="gotify_url">Gotify API URL:</label><br>
+		<span>https://example.com/message</span><br><br>
+        <input type="text" id="gotify_url" name="gotify_url"><br><br>
+
+        <label for="app_token">Anwendungs-Token:</label><br>
+		<span>Apps Token</span><br><br>
+        <input type="text" id="app_token" name="app_token"><br><br>
+
+        <input type="submit" value="Einstellungen speichern">
+    </form>
+
+    <form action="send_test_notification.php" method="post">
+        
+        <input type="submit" name="send_test_notification" value="Testnachricht senden">
+    </form>
+</div>
+
+
+
+
+	<!-- Eigene Box für Download-Button und Text -->
+    <div class="custom-box">
+    <h2>Chrome-Erweiterung installieren</h2>
+    <details>
+        <summary style="color: white;">Anleitung anzeigen</summary>
+        <p><strong style="color: white;">Download der Erweiterung:</strong> Zunächst muss die Chrome-Erweiterung heruntergeladen werden. Normalerweise wird dies als ZIP-Datei bereitgestellt. Der Benutzer sollte die ZIP-Datei auf seinen Computer herunterladen.</p>
+        <p><strong style="color: white;">Extrahieren der ZIP-Datei:</strong> Der Benutzer muss die heruntergeladene ZIP-Datei extrahieren. Dazu kann er einen Dateimanager wie den Windows Explorer oder den Finder auf einem Mac verwenden.</p>
+        <p><strong style="color: white;">Erweiterung aktivieren:</strong> Um die Erweiterung zu aktivieren, muss der Benutzer zu den Erweiterungseinstellungen in Google Chrome navigieren. Dies kann erreicht werden, indem man in Chrome auf die drei vertikalen Punkte oben rechts im Browserfenster klickt und dann "Erweiterungen" auswählt.</p>
+        <p><strong style="color: white;">Entwicklermodus aktivieren:</strong> Innerhalb der Erweiterungseinstellungen sollte der Benutzer den "Entwicklermodus" oben rechts auf der Seite aktivieren.</p>
+        <p><strong style="color: white;">Erweiterung installieren:</strong> Nachdem der Entwicklermodus aktiviert wurde, erscheint eine Schaltfläche "Entpackte Erweiterung laden". Der Benutzer muss darauf klicken und den Ordner auswählen, in dem er die zuvor extrahierte Erweiterung gespeichert hat.</p>
+        <p><strong style="color: white;">Bestätigung:</strong> Nachdem der Benutzer den Ordner ausgewählt hat, wird die Erweiterung in Chrome installiert. Es sollte eine Bestätigungsmeldung erscheinen, die anzeigt, dass die Erweiterung erfolgreich installiert wurde.</p>
+        <p><strong style="color: white;">Erweiterung verwenden:</strong> Die Erweiterung ist jetzt installiert und kann verwendet werden. Abhängig von der Funktionalität der Erweiterung kann sie automatisch aktiviert werden oder der Benutzer muss sie über das Erweiterungssymbol in der Symbolleiste von Chrome aktivieren.</p>
+    </details>
+    <a href="Material_chrome.zip" download class="download-button-small">Download Chrome-Erweiterung</a>
+</div>
+
+
+
 
     <div class="container">
         <h1>Backup und Wiederherstellung</h1>
@@ -391,7 +522,7 @@ $backup_files = array_slice($backup_files, -10); // Die letzten 10 Backups ausw
             <input type="submit" name="backup" value="Backup erstellen">
         </form>
 
-        <?php if (isset($download_button)) echo $download_button; ?> 
+        <?php if (isset($download_button)) echo $download_button; ?> <!-- Download-Button anzeigen, wenn Backup erfolgreich -->
 
         <h2>Wiederherstellung durchführen</h2>
         <form action="" method="post" enctype="multipart/form-data">
@@ -412,7 +543,6 @@ $backup_files = array_slice($backup_files, -10); // Die letzten 10 Backups ausw
             </li>
         <?php endforeach; ?>
     </ul>
-
     </div>
 </body>
 </html>
