diff --git a/buecher.html b/buecher.html
index 384c4fd..fd45d06 100644
--- a/buecher.html
+++ b/buecher.html
@@ -31,10 +31,11 @@
         </header>
         <div class="containerofbuecher">
             <p id="büchertitel">Bücher</p>
-            <div id="firstItem" class="items" >
+                <!--First Item-->
+                <div id="firstItem" class="items" >
                 <img src="pictures/percy_jackson_diebe_im_olymp.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Percy Jackson: Diebe im Olymp
+                        <a href="percy.html">Percy Jackson: Diebe im Olymp</a>
                     </h3>
                     <p class="discinItem">Verfasser: Rick Riordan <br> 
                         Erscheinungsjahr: 2010 <br>
@@ -44,13 +45,13 @@
                     <a class="greenbutton"  href="percy.html">Verfügbar</a>
                     <a class="binPicture" href=""><img src="pictures/shopping_cart.png" width="25" height="25"></a>
                     <hr style="width: 92%;">
-
                 </div>
+
                 <!--Second Item-->
                 <div id="secondItem" class="items">
                     <img src="pictures/the_hundred_and_one_dalmatians.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        The Hundred and One Dalmatians
+                        <a href="dalmatians.html">The Hundred and One Dalmatians</a>
                     </h3>
                     <p class="discinItem">Verfasser: Dodie Smith <br> 
                         Erscheinungsjahr: 2015 <br>
@@ -67,7 +68,8 @@
                 <div id="thirdItem" class="items">
                     <img src="pictures/penguin_highway.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Penguin Highway
+                        <a href="penguin.html">Penguin Highway</a>
+
                     </h3>
                     <p class="discinItem">Verfasser: Tomihiko Morimi <br> 
                         Erscheinungsjahr: 2019 <br>
@@ -84,7 +86,7 @@
                 <div id="fourthItem" class="items" >
                     <img src="pictures/es.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Es
+                        <a href="es.html">Es</a>
                     </h3>
                     <p class="discinItem">Verfasser: Stephen King <br> 
                         Erscheinungsjahr: 2011 <br>
diff --git a/meinebuecher.html b/meinebuecher.html
index 9cbcb17..a76e958 100644
--- a/meinebuecher.html
+++ b/meinebuecher.html
@@ -32,11 +32,11 @@
         </header>
         <div class="containerofmeinebuecher">
             <p id="meinebüchertitel">Meine Bücher</p>
-            <!--first item-->
-            <div id="firstItem" class="items" >
-                <img src="pictures/percy_jackson_diebe_im_olymp.jpg" width="125" height="200"/> 
+                <!--first item-->
+                <div id="firstItem" class="items" >
+                    <img src="pictures/percy_jackson_diebe_im_olymp.jpg" width="125" height="200"/>
                     <h3 class="headerinItem">
-                        Percy Jackson: Diebe im Olymp
+                        <a href="percy.html">Percy Jackson: Diebe im Olymp</a>
                     </h3>
                     <p class="discinItem">von Rick Riordan <br> 
                         </p>
@@ -50,7 +50,7 @@
                 <div id="secondItem" class="items">
                     <img src="pictures/the_hundred_and_one_dalmatians.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        The Hundred and One Dalmatians
+                        <a href="dalmatians.html">The Hundred and One Dalmatians</a>
                     </h3>
                     <p class="discinItem">von Dodie Smith <br> 
                         </p>
@@ -65,7 +65,7 @@
                 <div id="thirdItem" class="items">
                     <img src="pictures/penguin_highway.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Penguin Highway
+                        <a href="penguin.html">Penguin Highway</a>
                     </h3>
                     <p class="discinItem">von Tomihiko Morimi <br> 
                     </p>
@@ -78,7 +78,7 @@
                 <div id="fourthItem" class="items" >
                     <img src="pictures/es.jpg" width="125" height="200"/> 
                     <h3 class="headerinItem">
-                        Es
+                        <a href="es.html">Es</a>
                     </h3>
                     <p class="discinItem">von Stephen King <br> 
                         </p>
diff --git a/style.css b/style.css
index 4651d53..3e65c79 100644
--- a/style.css
+++ b/style.css
@@ -755,6 +755,11 @@ left: 0px;
   width: 100%;
   height: 66%;
 }
+
+.headerinItem a {
+  text-decoration: none;
+  color: initial;
+}
 .containerofbuecher{
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */