From d8dcb0aef04d7e7087b1a1f2007c5c596d2e6e98 Mon Sep 17 00:00:00 2001
From: DexterHK <dexterhk01@gmail.com>
Date: Wed, 26 Apr 2023 22:47:27 +0200
Subject: [PATCH] sss

---
 bücher.html          |  8 ++++----
 datenschutz.html     |  6 +++---
 erweiterteSuche.html | 34 ++++++++--------------------------
 impressum.html       |  4 ++--
 index.html           |  4 ++--
 kontakt.html         |  4 ++--
 meineBücher.html     |  6 +++---
 probestyle.css       | 24 +++++++++++++++++++++---
 uberUns.html         |  4 ++--
 9 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/bücher.html b/bücher.html
index 556c431..17807d8 100644
--- a/bücher.html
+++ b/bücher.html
@@ -12,8 +12,8 @@
         <header>
                 <h1 class="kopf" >
                     <br><br>
-                    Bibliothek <img id="CandleID" src="pictures/Candle.png" alt="Bild von einer Kerze"
-                     width="200" height="200"/>
+                    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> 
@@ -37,7 +37,7 @@
 
         <!-- Es wird nur ein Buch erstellt -->
        
-        <div>
+        <div id="DivChunkData">
             <!--Picture  -->
             <img class="buchBilder" src="BookPictures/Datastructure.jpg">  
           <!-- Überschrift -->
@@ -49,7 +49,7 @@
             <p class = "p2" id="erscheingungsjahr">Erscheinungsjahr: </p> <p class = "p2" id="erscheingungsjahrwert"> 1999</p>
             <br/>
             <!--Verlag-->
-            <p class = "p2" id="verlag">Verlag: </p> <br> <p class = "p2" id="verlagwert"> Sams Publishing</p>
+            <p class = "p2" id="verlag">Verlag: </p> <br> <p class = "p2" id="verlagwert">Sams Publishing</p>
             <br/>
             <!-- Katagorie -->
             <p class = "p2" id="kategorie">Kategorie: </p> <br> <p class = "p2" id="kategoriewert"> Data Structure </p>
diff --git a/datenschutz.html b/datenschutz.html
index 8dd5b5f..bdb9365 100644
--- a/datenschutz.html
+++ b/datenschutz.html
@@ -12,8 +12,8 @@
         <header>
                 <h1 class="kopf" >
                     <br><br>
-                    Bibliothek <img id="CandleID" src="pictures/Candle.png" alt="Bild von einer Kerze"
-                     width="200" height="200"/>
+                    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> 
@@ -32,7 +32,7 @@
             <p class="p2">
                 <span id="titlebraun"><strong> Datenschutz </strong></span>
                 <br><br>
-                <strong>wir nehmen Datenschutz ernst.</strong> <br>
+                <strong>Wir nehmen Datenschutz ernst</strong> <br>
                 Der Schutz Ihrer Privatsphäre bei der Verarbeitung persönlicher Daten ist für uns ein wichtiges Anliegen. Wenn Sie unsere Webseite besuchen, speichern unsere Webserver standardmäßig die IP Ihres Internet Service Provider, die Webseite, von der aus Sie uns besuchen, die Webseiten, die Sie bei uns besuchen sowie das Datum und die Dauer des Besuches. Diese Informationen sind für die technische Übertragung der Webseiten und den sicheren Serverbetrieb zwingend erforderlich. Eine personalisierte Auswertung dieser Daten erfolgt nicht.
                 <br><strong>Personenbezogene Daten</strong> <br> 
                 Personenbezogene Daten sind Daten über Ihre Person. Diese beinhalten Ihren Namen und Ihre Email Adresse. Sie müssen auch keine personenbezogenen Daten preisgeben um unsere Internetseite besuchen zu können. <br>
diff --git a/erweiterteSuche.html b/erweiterteSuche.html
index 8f2c261..6100ed9 100644
--- a/erweiterteSuche.html
+++ b/erweiterteSuche.html
@@ -12,8 +12,8 @@
         <header>
                 <h1 class="kopf" >
                     <br><br>
-                    Bibliothek <img id="CandleID" src="pictures/Candle.png" alt="Bild von einer Kerze"
-                     width="200" height="200"/>
+                    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> 
@@ -38,13 +38,8 @@
                         <option value="Titel"></option>
                     </datalist>
                 
-                    <input type="search" class="buchtiteloptions" list="buchtiteloptionen">
-                    <datalist id="buchtiteloptionen">
-                        <option value="Percy Jackson: Diebe im Olymp"></option>
-                        <option value="The Hundred and One Dalmatians"></option>
-                        <option value="Penguin Highway"></option>
-                        <option value="Es"></option>
-                    </datalist>
+                    <input type="text" class="buchtiteloptions" list="buchtiteloptionen">
+ 
                 
                     <input type="search"  class="und-wort1" list="Und">
                     <datalist id="Und">
@@ -57,13 +52,8 @@
                         <option value="Autor"></option>
                     </datalist>
                 
-                    <input type="search"  class="autoroptions" list="autoroptionen">
-                    <datalist id="autoroptionen">
-                        <option value="Rick Riordan"></option>
-                        <option value="Dodie Smith"></option>
-                        <option value="Tomihiko Morimi"></option>
-                        <option value="Stephen Kind"></option>
-                    </datalist>
+                    <input type="text"  class="autoroptions" list="autoroptionen">
+
                 
                     <input type="search"  class="und-wort2" list="Und" >
                     <datalist id="Und">
@@ -76,16 +66,8 @@
                         <option value="Stichwort"></option>
                     </datalist>
                 
-                    <input type="search"  class="stichwörteroptions" list="stichwörteroptionen">
-                    <datalist id="stichwörteroptionen">
-                        <option value="Wissenschaft"></option>
-                        <option value="Progress"></option>
-                        <option value="Mano"></option>
-                        <option value="Phänomenologie"></option>
-                        <option value="Kinder"></option>
-                        <option value="Habits"></option>
-                        <option value="Algebra"></option>
-                    </datalist>
+                    <input type="text"  class="stichwörteroptions" list="stichwörteroptionen">
+
 
                 
                         
diff --git a/impressum.html b/impressum.html
index 30e8b64..a0cefc0 100644
--- a/impressum.html
+++ b/impressum.html
@@ -12,8 +12,8 @@
         <header>
                 <h1 class="kopf" >
                     <br><br>
-                    Bibliothek <img id="CandleID" src="pictures/Candle.png" alt="Bild von einer Kerze"
-                     width="200" height="200"/>
+                    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> 
diff --git a/index.html b/index.html
index 2bfc92e..dba59f6 100644
--- a/index.html
+++ b/index.html
@@ -12,8 +12,8 @@
         <header>
                 <h1 class="kopf" >
                     <br><br>
-                    Bibliothek <img id="CandleID" src="pictures/Candle.png" alt="Bild von einer Kerze"
-                     width="200" height="200"/>
+                    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> 
diff --git a/kontakt.html b/kontakt.html
index 672efc0..71271dd 100644
--- a/kontakt.html
+++ b/kontakt.html
@@ -12,8 +12,8 @@
         <header>
                 <h1 class="kopf" >
                     <br><br>
-                    Bibliothek <img id="CandleID" src="pictures/Candle.png" alt="Bild von einer Kerze"
-                     width="200" height="200"/>
+                    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> 
diff --git a/meineBücher.html b/meineBücher.html
index 93f3040..5a09cad 100644
--- a/meineBücher.html
+++ b/meineBücher.html
@@ -12,8 +12,8 @@
         <header>
                 <h1 class="kopf" >
                     <br><br>
-                    Bibliothek <img id="CandleID" src="pictures/Candle.png" alt="Bild von einer Kerze"
-                     width="200" height="200"/>
+                    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> 
@@ -61,7 +61,7 @@
 
     <!-- Es wird nur ein Buch erstellt -->
    
-    <div>
+    <div id="DivChunkData">
         <!--Picture  -->
         <img class="buchBilder" src="BookPictures/Datastructure.jpg">  
       <!-- Überschrift -->
diff --git a/probestyle.css b/probestyle.css
index b67620e..384e484 100644
--- a/probestyle.css
+++ b/probestyle.css
@@ -32,6 +32,11 @@ body{
   font-style: italic;
 }
 
+#bildID{
+
+  margin: 0px;
+}
+
 #uberuns{
     position: fixed;
     left: 0px;
@@ -238,12 +243,22 @@ eine eigene Style CSS sollte dafür erstellt werden */
 
 /* Dieser Teil ist für Meine Bücher, 
 eine eigene Style CSS sollte dafür erstellt werden */
+#DivChunkData
+  {
+    border: '1px solid #000';
+    margin-top :  8;
+    margin-right: 8;
+    float: left;
+
+    line-height: 1.2;
+  }
 
 
 #meineBucherverfasserWert{
   position: relative;
   top: 361px;
   left: 330px;
+  
 }
 #Aboholbereit{
   position: fixed;
@@ -271,6 +286,8 @@ eine eigene Style CSS sollte dafür erstellt werden */
   position: fixed;
   top: 260px;
   left:100px;
+  width: 100px;
+
 }
 
 .buchtiteloptions{
@@ -358,14 +375,14 @@ eine eigene Style CSS sollte dafür erstellt werden */
 .p7{
   position: fixed;
   top: 410px;
-  left: 330px;
+  left: 340px;
   
 }
 
 .p8{
   position: fixed;
   top: 410px;
-  left: 360px;
+  left: 380px;
   height: 20px;
 }
 
@@ -441,8 +458,9 @@ eine eigene Style CSS sollte dafür erstellt werden */
   top: 199px ;
   right: 0px;
   position: fixed;  
-  height: 800px;
+  height: 100%;
   width: 12% 
+
 }
 
 
diff --git a/uberUns.html b/uberUns.html
index 90f4b78..85c8dc4 100644
--- a/uberUns.html
+++ b/uberUns.html
@@ -12,8 +12,8 @@
         <header>
                 <h1 class="kopf" >
                     <br><br>
-                    Bibliothek <img id="CandleID" src="pictures/Candle.png" alt="Bild von einer Kerze"
-                     width="200" height="200"/>
+                    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>