diff --git a/buecher.sql b/buecher.sql
index c1a0873..b089fae 100644
Binary files a/buecher.sql and b/buecher.sql differ
diff --git a/templates/bearbeiten.html b/templates/bearbeiten.html
new file mode 100644
index 0000000..d1c592b
--- /dev/null
+++ b/templates/bearbeiten.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Buch bearbeiten</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
+    <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
+</head>
+<body>
+    <div class="container mt-5">
+        <h1>Buch bearbeiten</h1>
+        <form method="POST">
+            <div class="form-group">
+                <label for="titel">Titel</label>
+                <input type="text" class="form-control" id="titel" name="titel" value="{{ buch.titel }}" required>
+            </div>
+            <div class="form-group">
+                <label for="autor">Autor</label>
+                <input type="text" class="form-control" id="autor" name="autor" value="{{ buch.autor }}" required>
+            </div>
+            <div class="form-group">
+                <label for="jahr">Jahr (optional)</label>
+                <input type="number" class="form-control" id="jahr" name="jahr" value="{{ buch.jahr }}">
+            </div>
+            <button type="submit" class="btn btn-primary">Speichern</button>
+            <a href="{{ url_for('index') }}" class="btn btn-secondary">Abbrechen</a>
+        </form>
+    </div>
+    <script src="{{ url_for('static', filename='js/bootstrap.bundle.min.js') }}"></script>
+</body>
+</html>
diff --git a/templates/hinzufuegen.html b/templates/hinzufuegen.html
new file mode 100644
index 0000000..5a5f3ee
--- /dev/null
+++ b/templates/hinzufuegen.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Neues Buch</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
+    <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
+</head>
+<body>
+    <div class="container mt-5">
+        <h1>Neues Buch</h1>
+        <form method="POST">
+            <div class="form-group">
+                <label for="titel">Titel</label>
+                <input type="text" class="form-control" id="titel" name="titel" value="{{ titel }}" required>
+            </div>
+            <div class="form-group">
+                <label for="autor">Autor</label>
+                <input type="text" class="form-control" id="autor" name="autor" value="{{ autor }}" required>
+            </div>
+            <div class="form-group">
+                <label for="jahr">Jahr (optional)</label>
+                <input type="number" class="form-control" id="jahr" name="jahr" value="{{ jahr }}">
+            </div>
+            <button type="submit" class="btn btn-primary">Anlegen</button>
+            <a href="{{ url_for('index') }}" class="btn btn-secondary">Abbrechen</a>
+        </form>
+    </div>
+    <script src="{{ url_for('static', filename='js/bootstrap.bundle.min.js') }}"></script>
+</body>
+</html>
diff --git a/templates/index.html b/templates/index.html
index dd7293d..d65fc25 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,14 +6,21 @@
     <title>BibelTresor</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
     <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
+    <script>
+        function bestaetigeLoeschen(event) {
+            if (!confirm('Sicher, dass das Buch für immer gelöscht werden soll?')) {
+                event.preventDefault(); // Verhindert das Weiterleiten des Links, wenn der Benutzer "Abbrechen" klickt
+            }
+        }
+    </script>
 </head>
 <body>
   <h1>Meine Bücher</h1>
     <ul>
         {% for buch in buecher %}
         <li>{{ buch.titel }} von {{ buch.autor }} ({{ buch.jahr }}) -
-            <a href="{{ url_for('bearbeiten', id=buch.id) }}">Bearbeiten</a> -
-            <a href="{{ url_for('loeschen', id=buch.id) }}">Löschen</a>
+            <a href="{{ url_for('bearbeiten', id=buch.id) }}" class="btn btn-sm btn-primary" >Bearbeiten</a> -
+            <a href="{{ url_for('loeschen', id=buch.id) }}" class="btn btn-sm btn-danger" onclick="bestaetigeLoeschen(event)">Löschen</a>
         </li>
         {% endfor %}
     </ul>
diff --git a/templates/loeschen.html b/templates/loeschen.html
new file mode 100644
index 0000000..e69de29