From 726bb23907a53c2859379fc5b4dabb62c94b560d Mon Sep 17 00:00:00 2001
From: Sebastian Greil <2123300@stud.hs-mannheim.de>
Date: Wed, 17 May 2023 20:46:06 +0200
Subject: [PATCH] Bilder klickbar und hover fixed

---
 buecher.html | 9 ++++++---
 style.css    | 3 +++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/buecher.html b/buecher.html
index 3b72882..94ab112 100644
--- a/buecher.html
+++ b/buecher.html
@@ -35,7 +35,8 @@
             <p id="büchertitel">Bücher</p>
                 <!--First Item-->
                 <div id="firstItem" class="items" >
-                <img src="pictures/percy_jackson_diebe_im_olymp.jpg" width="125" height="200"/> 
+                    <a href="percy.html"><img src="pictures/percy_jackson_diebe_im_olymp.jpg" width="125" height="200"/></a>
+
                     <h3 class="headerinItem">
                         <a href="percy.html">Percy Jackson: Diebe im Olymp</a>
                     </h3>
@@ -68,7 +69,8 @@
 
                 <!--Third Item-->
                 <div id="thirdItem" class="items">
-                    <img src="pictures/penguin_highway.jpg" width="125" height="200"/> 
+                    <a href="penguin.html"><img src="pictures/penguin_highway.jpg" width="125" height="200"/></a>
+
                     <h3 class="headerinItem">
                         <a href="penguin.html">Penguin Highway</a>
 
@@ -86,7 +88,8 @@
 
                 <!--fourth Item-->
                 <div id="fourthItem" class="items" >
-                    <img src="pictures/es.jpg" width="125" height="200"/> 
+                    <a href="es.html"><img src="pictures/es.jpg" width="125" height="200"/></a>
+
                     <h3 class="headerinItem">
                         <a href="es.html">Es</a>
                     </h3>
diff --git a/style.css b/style.css
index 87f55e8..f8ef926 100644
--- a/style.css
+++ b/style.css
@@ -797,6 +797,9 @@ left: 0px;
   text-decoration: none;
   color: initial;
 }
+.headerinItem a:hover {
+  text-decoration: underline;
+}
 .containerofbuecher{
   -ms-overflow-style: none;  /* IE and Edge */
   scrollbar-width: none;  /* Firefox */