From c7edd73ced1916f75e732a581b6873a99b0b059f Mon Sep 17 00:00:00 2001
From: Sebastian Greil <2123300@stud.hs-mannheim.de>
Date: Wed, 17 May 2023 17:40:41 +0200
Subject: [PATCH] doppelte id durch class ersetzt

---
 index.html         |  4 ++--
 meinebuecher.html  |  4 ++--
 registrierung.html | 20 ++++++++++----------
 style.css          | 12 ++++++------
 4 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index 6026d2b..e4d60cd 100644
--- a/index.html
+++ b/index.html
@@ -36,13 +36,13 @@
         <div class="homepage"> 
             <img src="pictures/sidecandle.png" id="sidecandle" alt="sidecandle">
             <p class="p1">
-                <span id="titleschwarz">HERZLICH WILLKOMMEN!</span> 
+                <span class="titleschwarz">HERZLICH WILLKOMMEN!</span>
                 <br><br>
                 Die Bibliothek CANDLE begrüßt Sie ganz herzlich auf ihren Internetseiten. <br> <br>
                 Nutzen Sie unser umfangreiches Angebot aus den beliebtesten Büchern. <br> <br>
                 Wir freuen uns auf Ihren Besuch!
                 <br><br>
-                <span id="titleschwarz">VERANSTALTUNGEN!</span>
+                <span class="titleschwarz">VERANSTALTUNGEN!</span>
                 <br><br>
                 Leserunde | jeden Mittwoch | 17:30 Uhr
                 <br><br>
diff --git a/meinebuecher.html b/meinebuecher.html
index 665f451..c4084bc 100644
--- a/meinebuecher.html
+++ b/meinebuecher.html
@@ -44,7 +44,7 @@
                         </p>
                     <a class="greenbutton"  href="">Sofort Abholbereit</a>
                     <a class="binPicture" href="loeschen_meine_buecher.html"><img src="pictures/bin.png" width="25" height="25"></a>
-                    <p id="message">Diese Reservierung verfällt, wenn das Buch nicht bis zum 24.04.2023 abgeholt wurde.</p>
+                    <p class="message">Diese Reservierung verfällt, wenn das Buch nicht bis zum 24.04.2023 abgeholt wurde.</p>
                     <hr style="width: 92%;">
 
                 </div>
@@ -58,7 +58,7 @@
                         </p>
                     <a class="redbutton" href="">Abholbereit am: 03.05.2023</a>
                     <a class="binPicture" href="loeschen_meine_buecher.html"><img src="pictures/bin.png" width="25" height="25"></a>
-                    <p id="message">Dieses buch ist für Sie reserviert.</p>
+                    <p class="message">Dieses buch ist für Sie reserviert.</p>
                     <hr style="width:92%;">
 
                 </div>
diff --git a/registrierung.html b/registrierung.html
index 159d0f7..085bfcc 100644
--- a/registrierung.html
+++ b/registrierung.html
@@ -52,7 +52,7 @@
                             <label for="vorName"><b>Vorname</b></label>
                             <br>
                             <input type="text" name="vorName" id="vorName" class="registrierenNormalesTextfeld"><br>
-                            <p id="errorMessage"></p>
+                            <p class="errorMessage"></p>
                             <br>
                         </div>  
 
@@ -60,7 +60,7 @@
                             <label for="nachName"><b>Nachname</b></label>
                             <br>
                             <input type="text" name="nachName" id="nachName" class="registrierenNormalesTextfeld"><br>
-                            <p id="errorMessage"></p>
+                            <p class="errorMessage"></p>
                             <br>
                         </div>
 
@@ -70,8 +70,8 @@
                             <input type="text" name="strasse" id="strasse">
 
                             <input type="text" name="hausnummer" id="hausNummer"><br>
-                            <p id="errorMessage"></p>
-                            <p id="errorMessage"></p>
+                            <p class="errorMessage"></p>
+                            <p class="errorMessage"></p>
                             <br>
                         </div>
 
@@ -81,8 +81,8 @@
                             <input type="text" name="postleitzahl" id="postleitzahl">
 
                             <input type="text" name="ort" id="ort"><br>
-                            <p id="errorMessage"></p>
-                            <p id="errorMessage"></p>
+                            <p class="errorMessage"></p>
+                            <p class="errorMessage"></p>
                             <br>
                         </div>
 
@@ -90,7 +90,7 @@
                             <label for="email"><b>E-Mail-Adresse</b></label>
                             <br>
                             <input type="email" name="email" id="email" class="registrierenNormalesTextfeld"><br>
-                            <p id="errorMessage"></p>
+                            <p class="errorMessage"></p>
                             <br>
                         </div>
 
@@ -98,7 +98,7 @@
                             <label for="emailRep"><b>E-Mail-Adresse bestätigen</b></label>
                             <br>
                             <input type="email" name="emailRep" id="emailRep" class="registrierenNormalesTextfeld"><br>
-                            <p id="errorMessage"></p>
+                            <p class="errorMessage"></p>
                             <br>
                         </div>
 
@@ -106,7 +106,7 @@
                             <label for="passwort"><b>Passwort</b></label>
                             <br>
                             <input type="password" name="passwort" id="passwort" class="registrierenNormalesTextfeld"><br>
-                            <p id="errorMessage"></p>
+                            <p class="errorMessage"></p>
                             <br>
                         </div>
 
@@ -114,7 +114,7 @@
                             <label for="passwortRep"><b>Passwort bestätigen</b></label>
                             <br>
                             <input type="password" name="passwortRep" id="passwortRep" class="registrierenNormalesTextfeld"><br>
-                            <p id="errorMessage"></p>
+                            <p class="errorMessage"></p>
                             <br>
                         </div>
 
diff --git a/style.css b/style.css
index 176cccd..aa195c4 100644
--- a/style.css
+++ b/style.css
@@ -25,7 +25,7 @@ body{
 }
 
 
-#titleschwarz{
+.titleschwarz{
   font-size: 25px;
   color: #000;
 }
@@ -938,7 +938,7 @@ font-size: 30px;
   left: 90%;
 }
 
-.containerofmeinebuecher .items #message{
+.containerofmeinebuecher .items .message{
   position: absolute;
   top: 170px;
   left: 150px;
@@ -1068,7 +1068,7 @@ font-size: 30px;
 
 /*----- Registrierung-------*/
 
-#errorMessage {
+.errorMessage {
   color: red;
   display: none;
   margin: 0px;
@@ -1112,7 +1112,7 @@ font-size: 30px;
   color: #664220;
 }
 
-.registrierenNormalesTextfeld, #errorMessage {
+.registrierenNormalesTextfeld, .errorMessage {
   width: 275px;
 }
 
@@ -1626,7 +1626,7 @@ input[type=number] {
   
   height: 65%;
 }
-.containerofmeinebuecher .items #message{
+.containerofmeinebuecher .items .message{
   width: 400px;
 }
 
@@ -1673,7 +1673,7 @@ input[type=number] {
     top: 150px;
   }
 
-  .containerofmeinebuecher .items #message{
+  .containerofmeinebuecher .items .message{
     width: 240px;
   }
   /*Burger Menu*/