diff --git a/buecher.php b/buecher.php
index b8afd34..5cca194 100644
--- a/buecher.php
+++ b/buecher.php
@@ -5,6 +5,7 @@
            <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" type="text/css" href="suchergebnisse.css"/>
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
            <title>Candle Bibliothek | Bücher</title>
            <link rel="icon" href="pictures/candle.png">
@@ -14,77 +15,120 @@
        <header id="header"></header>
            <div class="containerofbuecher">
                <p id="büchertitel">Bücher</p>
-                   <!--First Item-->
-                   <div id="firstItem" class="items" >
-                       <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>
-                       <p class="discinItem">Verfasser: Rick Riordan <br> 
-                           Erscheinungsjahr: 2010 <br>
-                           Verlag: Carlsen <br>
-                           Kategorie: Fantasy
-                           </p>
-                       <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">
-                       <a href="dalmatians.html"><img src="pictures/the_hundred_and_one_dalmatians.jpg" width="125" height="200"/></a>
-                       <h3 class="headerinItem">
-                           <a href="dalmatians.html">The Hundred and One Dalmatians</a>
-                       </h3>
-                       <p class="discinItem">Verfasser: Dodie Smith <br> 
-                           Erscheinungsjahr: 2015 <br>
-                           Verlag: Farshore <br>
-                           Kategorie: Kinderbuch
-                           </p>
-                       <a class="redbutton" href="dalmatians.html">Verfügbar ab: 30.04.2023</a>
-                       <a class="binPicture" href="anmelden.php"><img src="pictures/shopping_cart.png" width="25" height="25"></a>
-                       <hr style="width:92%;">
+               <?php
+               $sql = '';
+
+               // SQL-Befehl zusammenstellen
+                $sql = "SELECT b.BuchID, b.Titel, b.Erscheinungsjahr, b.Bild, 
+                b.Verlag, 
+                GROUP_CONCAT(DISTINCT CONCAT(a.VorName, ' ', a.NachName) 
+                SEPARATOR ', ') AS 'Autor',
+                GROUP_CONCAT(DISTINCT k.Name SEPARATOR ', ') AS 'Kategorie',
+                b.ISBN, b.Klappentext AS 'Inhalt', sp.Bezeichnung AS 'Sprache',
+                GROUP_CONCAT(DISTINCT st.Text SEPARATOR ', ') AS 'Stichwort',
+                IF(b.Anzahl!=0, 'Verfügbar', CONCAT('Verfügbar ab: ', 'Test!')) 
+                AS 'Verfügbarkeit' FROM `buch` AS b
+                INNER JOIN `buch_verfasst_von_autor` AS bvva 
+                ON b.BuchID = bvva.BuchID
+                INNER JOIN `autor` AS a ON bvva.AutorNr = a.AutorNr
+                INNER JOIN `buch_hat_kategorie` AS bhk ON bhk.BuchID = b.BuchID
+                INNER JOIN `kategorie` AS k ON k.KategorieID = bhk.KategorieID
+                INNER JOIN `sprache` AS sp ON sp.SprachenID = b.SprachenID
+                INNER JOIN `buch_hat_stichwort` AS bhs ON bhs.BuchID = b.BuchID
+                INNER JOIN `stichwort` AS st ON st.StichwortID = bhs.StichwortID
+                GROUP BY b.BuchID
+                ;";
+
+               $servername = "localhost";
+               $username = "web_b-3";
+               $password = "een7Ao6s";
+               $dbname = "bibliothek_candle";
+
+               $connection =
+                   mysqli_connect($servername, $username, $password, $dbname);
+
+               if (!$connection) {
+                   die("Verbindung fehlgeschlagen: " . mysqli_connect_error());
+               }
+
+               $result = mysqli_query($connection, $sql);
+               $counter = 0;
+               if (mysqli_num_rows($result) > 0) {
+                   while($row = mysqli_fetch_assoc($result)) {
+                       $bookID = $row['BuchID'];
+                       $bookCover = $row['Bild'];
+                       $bookTitle = $row['Titel'];
+                       $bookPublishingYear = $row['Erscheinungsjahr'];
+                       $bookPublisher = $row['Verlag'];
+                       $bookAuthor = $row['Autor'];
+                       $bookCategory = $row['Kategorie'];
+                       $bookAvailability = $row['Verfügbarkeit'];
+
+                       if ($counter != 0) {
+                           echo "<div class='divider'></div>";
+                       }
+                       // TODO: OnClick auslagern.
+                       echo "<div id='book_container$bookID' class='book_container' 
+                            onclick='open_bookDetails(this.id)'>
+                            <div class='bookCover_container'>
+                                <img class='bookCover' src='pictures/$bookCover'
+                                alt='Kein Bild vorhanden'>
+                            </div>
+                            <div class='bookDetails_container'>
+                                <h2 class='bookTitle'>$bookTitle</h2>
+                                <div class='bookDetails'>
+                                    <p class='author'>Verfasser: $bookAuthor</p>
+                                    <p class='publishing_year'>
+                                    Erscheinungsjahr: $bookPublishingYear</p>
+                                    <p class='publisher'>
+                                    Verlag: $bookPublisher</p>
+                                    <p class='category'>
+                                    Kategorie: $bookCategory</p>
+                                </div>
+                                <div class='available_container'>
+                                    <p id='available_$bookID' class='available'>
+                                    $bookAvailability</p>
+                                    <!--TODO: Auslagern-->
+                                    <script type='text/javascript' 
+                                    language='JavaScript'>
+                                        (function() {
+                                            var currentElement = document.
+                                            getElementById('available_$bookID');
+                                            var parentDiv = 
+                                                currentElement.parentElement;
+                                            if (currentElement.innerHTML.trim() 
+                                                == 'Verfügbar') {
+                                                parentDiv.style.backgroundColor 
+                                                = '#70AD47';
+                                            }
+                                            else {
+                                                parentDiv.style.backgroundColor 
+                                                = '#F34343';
+                                            }
+                                        })();
+                                    </script>
+                                </div>
+                            </div>
+                            <div class='shoppingCart_container'>
+                                <div class='shoppingCart'></div>
+                            </div>
+                        </div>";
+                       $counter++;
+                   }
+               } else {
+                   echo "Keine Ergebnisse.";
+               }
+
+               if (!$result) {
+                   die("Ungültige SQL-Abfrage: " . mysqli_connect_error());
+               }
+
+               mysqli_close($connection);
+
+               ?>
    
                    </div>
-   
-                   <!--Third Item-->
-                   <div id="thirdItem" class="items">
-                       <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>
-   
-                       </h3>
-                       <p class="discinItem">Verfasser: Tomihiko Morimi <br> 
-                           Erscheinungsjahr: 2019 <br>
-                           Verlag: Yen On <br>
-                           Kategorie: Fantasy
-                       </p>
-                       <a class="greenbutton" href="penguin.html">Verfügbar</a>
-                       <a class="binPicture" href=""><img src="pictures/shopping_cart.png" width="25" height="25"></a>
-                       <hr style="width: 92%;">
-   
-                   </div>
-   
-                   <!--fourth Item-->
-                   <div id="fourthItem" class="items" >
-                       <a href="es.html"><img src="pictures/es.jpg" width="125" height="200"/></a>
-   
-                       <h3 class="headerinItem">
-                           <a href="es.html">Es</a>
-                       </h3>
-                       <p class="discinItem">Verfasser: Stephen King <br> 
-                           Erscheinungsjahr: 2011 <br>
-                           Verlag: Heyne <br>
-                           Kategorie: Horror
-                           </p>
-                       <a class="redbutton" href="es.html" >Verfügbar ab: 10.05.2023</a>
-                       <a class="binPicture" href=""><img src="pictures/shopping_cart.png" width="25" height="25"></a>
-   
-                   </div>
-           </div>
-           
+