From 913ea8b07eb4588994d6804ec907f63c5c225c2e Mon Sep 17 00:00:00 2001
From: Sebastian Greil <2123300@stud.hs-mannheim.de>
Date: Tue, 16 May 2023 22:33:36 +0200
Subject: [PATCH] =?UTF-8?q?Titel=20der=20B=C3=BCcher=20sind=20jetzt=20klic?=
 =?UTF-8?q?kbare=20links?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 buecher.html      | 14 ++++++++------
 meinebuecher.html | 14 +++++++-------
 style.css         |  5 +++++
 3 files changed, 20 insertions(+), 13 deletions(-)

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 */