diff --git a/style.css b/style.css
index 3e65c79..4453cd1 100644
--- a/style.css
+++ b/style.css
@@ -1408,10 +1408,8 @@ input[type=number] {
 /*Verlängerung Start*/
 
 #verlängerung {
-  overflow-y: scroll;
+  overflow: auto;
   display:flex;
-  -ms-overflow-style: none;  /* IE and Edge */
-  scrollbar-width: none;  /* Firefox */
   position: absolute;
   top: 230px;
   left: 50px;
@@ -1423,6 +1421,7 @@ input[type=number] {
   font-weight: normal;
 }
 #verlängerungContent {
+  overflow: auto;
   position: fixed;
   margin-top: 40px;
   margin-left: 25px;
@@ -1506,6 +1505,10 @@ input[type=number] {
   border-radius: 8px;
   border: 0;
 }
+
+#verlängerungErfolgreichButton1{
+  width: 220px;
+}
 /*Verlängerung Ende*/
 
 /*Largest Devices*/
diff --git a/verlaengerung.html b/verlaengerung.html
index b0cf5b5..2d2624a 100644
--- a/verlaengerung.html
+++ b/verlaengerung.html
@@ -32,8 +32,6 @@
         </div>
     </header>
 
-
-
     <div class="hauptcontainer" id="verlängerung">
         <h1 id="verlängerungH1">Buch verlängern</h1>
         <div id="verlängerungContent">
@@ -55,7 +53,6 @@
 
         </div>
 
-
     </div>
 
 
diff --git a/verlaengerungErfolgreich.html b/verlaengerungErfolgreich.html
index 566549b..2f1ecd4 100644
--- a/verlaengerungErfolgreich.html
+++ b/verlaengerungErfolgreich.html
@@ -1,10 +1,96 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
 <head>
-    <meta charset="UTF-8">
-    <title>Title</title>
+    <meta lang="de"/>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="device=device-width, initial-scaling=1"/>
+    <link rel="Stylesheet" type="text/css" href="style.css"/>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <title>Candle Bibliothek | Verlängerung</title>
+    <link rel="icon" href="pictures/candle.png">
+    <script src="burgerIcon.js"></script>
 </head>
 <body>
+<header>
+    <h1 class="kopf" >
+        <br><br>
+        Bibliothek <a href="index.html" id="bildID"> <img id="CandleID" src="pictures/candle.png" alt="Bild von einer Kerze"
+                                                          width="200" height="192"/>  </a>
+        <br><br> Candle
+    </h1>
+    <div>
+        <a id="uberuns" href="uberuns.html">Über Uns</a>
+        <a  id="buecher" href="buecher.html">Bücher</a>
+        <a id="meinebuecher" href="anmelden_meinebuecher.html">Meine Bücher</a>
+        <form action="">
+            <input class="suchleiste" type="search" placeholder="Suche..."  >
+            <button type="submit" id="buttonID" class="searchButton"><i class="fa fa-search"></i> </button>
+        </form>
+        <a id="erweitertesuche" href="erweiterteSuche.html">Erweiterte Suche</a>
+        <a href="anmelden_warenkorb.html" id="warenKorbID"> <img id="shoppingCard" src="pictures/shopingcart.png" alt="Bild von einem Wagen"
+                                                                 width="50" height="50"/>  </a>
+    </div>
+</header>
 
+<div class="hauptcontainer" id="verlängerung">
+    <h1 id="verlängerungH1">Buch erfolgreich verlängert</h1>
+    <div id="verlängerungContent">
+        <p id="möchten-sie">Das Buch wurde verlängert.<br>Neues Rückgabedatum: 10.05.2023</p>
+
+
+        <div class="item" id="verlängerungItem">
+            <img src="pictures/es.jpg" alt="Es" height="200">
+            <div class="beschreibung">
+                <h2>Es</h2>
+                <h3>von Stephen King</h3>
+                <div class="b2 green">Rückgabe am: 10.05.2023</div>
+            </div>
+        </div>
+
+        <div id="verlängerungButtonContainer">
+            <a id = "verlängerungErfolgreichButton1" href="meinebuecher.html">Zurück zu Meine Bücher</a>
+        </div>
+
+    </div>
+
+</div>
+
+
+
+
+
+<!--Link JS file-->
+<!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
+<script>
+    var widthissue = false;
+    window.addEventListener("resize", function(event) {
+        if(window.innerWidth > 800 && widthissue) {
+            widthissue = false
+            unset()
+        }
+        else if(window.innerWidth < 800) widthissue = true;
+    })
+
+</script>
+
+<nav id="activeid" class="active">
+    <div class="navLinks">
+        <input class="nav-toggleclass"id="nav-toggle" type="checkbox" onclick="openNav()";>
+        <label for="nav-toggle" class="icon-burger" >
+            <div class="line"></div>
+            <div class="line"></div>
+            <div class="line"></div>
+        </label>
+    </div>
+</nav>
+
+<footer class="fuss" >
+    <div>
+        <a id="impressum" href="impressum.html">Impressum</a>
+        <a  id="kontakt" href="kontakt.html">Kontakt</a>
+        <a  id="datenschutz" href="datenschutz.html">Datenschutz</a>
+    </div>
+</footer>
 </body>
+
 </html>
\ No newline at end of file
