From 0f66ab70555243425f8c6f4ec30a6576c6f263ea Mon Sep 17 00:00:00 2001 From: Sebastian Greil <2123300@stud.hs-mannheim.de> Date: Tue, 16 May 2023 21:30:30 +0200 Subject: [PATCH] =?UTF-8?q?nicht=20genutzte=20Dateien=20entfernt,=20alles?= =?UTF-8?q?=20zu=20Kleinbuchstaben=20ge=C3=A4ndert.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- BookPictures/Datastructure.jpg | Bin 22036 -> 0 bytes abmelden.html | 6 +- abmelden_erfolgreich.html | 6 +- anmelden.html | 6 +- buecher.html | 6 +- burgerIcon.js | 4 +- bücher.html | 94 -- dalmatians.html | 6 +- datenschutz.html | 6 +- erweiterteSuche.html | 6 +- es.html | 6 +- impressum.html | 6 +- index.html | 6 +- kontakt.html | 6 +- meineBücher.html | 87 -- meinebuecher.html | 6 +- penguin.html | 6 +- percy.html | 6 +- pictures/{Candle.png => candle.png} | Bin probe.html | 92 -- probestyle.css | 1921 ------------------------- registrierung.html | 6 +- registrierungErfolgreich.html | 6 +- reservierung-bestaetigung.html | 4 +- reservierung.html | 4 +- style.css | 2032 ++++++++++++++++++++++++--- uberUns.html | 6 +- verlaengerung.html | 4 +- warenkorb.html | 6 +- 29 files changed, 1937 insertions(+), 2413 deletions(-) delete mode 100644 BookPictures/Datastructure.jpg delete mode 100644 bücher.html delete mode 100644 meineBücher.html rename pictures/{Candle.png => candle.png} (100%) delete mode 100644 probe.html delete mode 100644 probestyle.css diff --git a/BookPictures/Datastructure.jpg b/BookPictures/Datastructure.jpg deleted file mode 100644 index a2a1739d6438a668ecd587eea0fa0a7ed86ee95f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 22036 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 diff --git a/abmelden.html b/abmelden.html index 229ebaf..35836f8 100644 --- a/abmelden.html +++ b/abmelden.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -13,8 +13,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/abmelden_erfolgreich.html b/abmelden_erfolgreich.html index 4a5573f..9e02628 100644 --- a/abmelden_erfolgreich.html +++ b/abmelden_erfolgreich.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -13,8 +13,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/anmelden.html b/anmelden.html index 909a331..74a768b 100644 --- a/anmelden.html +++ b/anmelden.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -15,8 +15,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/buecher.html b/buecher.html index 8507060..db3bb86 100644 --- a/buecher.html +++ b/buecher.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/burgerIcon.js b/burgerIcon.js index 0bfda71..088a557 100644 --- a/burgerIcon.js +++ b/burgerIcon.js @@ -78,7 +78,7 @@ function openNav() { link.type = 'text/css'; - link.href = 'probestyle.css'; + link.href = 'style.css'; // Get HTML head element to append // link element to it @@ -98,7 +98,7 @@ function unset() link.type = 'text/css'; - link.href = 'probestyle.css'; + link.href = 'style.css'; // Get HTML head element to append // link element to it diff --git a/bücher.html b/bücher.html deleted file mode 100644 index 17807d8..0000000 --- a/bücher.html +++ /dev/null @@ -1,94 +0,0 @@ - - - - - - - - - Candle Bibliothek - - -
-

-

- Bibliothek Bild von einer Kerze -

Candle -

- -
-
- sidecandle -

- Bücher -

-
- - - - -
- - - -

Data Structures and Algorithms in Java

-
- -

Verfasser:

Robert Lafore

- -

Erscheinungsjahr:

1999

-
- -

Verlag:


Sams Publishing

-
- -

Kategorie:


Data Structure

- -
- - - - - - - - - - - - - \ No newline at end of file diff --git a/dalmatians.html b/dalmatians.html index 0ca0c4f..e2cd6b2 100644 --- a/dalmatians.html +++ b/dalmatians.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/datenschutz.html b/datenschutz.html index 1d0587b..10414ee 100644 --- a/datenschutz.html +++ b/datenschutz.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/erweiterteSuche.html b/erweiterteSuche.html index d8517ef..84a657f 100644 --- a/erweiterteSuche.html +++ b/erweiterteSuche.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/es.html b/es.html index ba92ef1..28cd229 100644 --- a/es.html +++ b/es.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/impressum.html b/impressum.html index e3f0f5d..176b875 100644 --- a/impressum.html +++ b/impressum.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/index.html b/index.html index 2e20502..7f8f681 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/kontakt.html b/kontakt.html index 526ff99..89b790d 100644 --- a/kontakt.html +++ b/kontakt.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/meineBücher.html b/meineBücher.html deleted file mode 100644 index 5a09cad..0000000 --- a/meineBücher.html +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - - Candle Bibliothek - - -
-

-

- Bibliothek Bild von einer Kerze -

Candle -

- -
-
- -

- Meine Bücher -

-
- - - - - - - - - - -
- - - -

Data Structures and Algorithms in Java

-
- -

von

Robert Lafore

- Sofort Abholbereit -

Diese Reservierung verfällt, wenn das Buch nicht bis zum 20.04.2023 abgeholt wurde

-
- - - - - - - \ No newline at end of file diff --git a/meinebuecher.html b/meinebuecher.html index 8dac86b..6c11de5 100644 --- a/meinebuecher.html +++ b/meinebuecher.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -21,8 +21,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/penguin.html b/penguin.html index c2d5bc5..593673e 100644 --- a/penguin.html +++ b/penguin.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/percy.html b/percy.html index eb89eb7..4e77a7e 100644 --- a/percy.html +++ b/percy.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/pictures/Candle.png b/pictures/candle.png similarity index 100% rename from pictures/Candle.png rename to pictures/candle.png diff --git a/probe.html b/probe.html deleted file mode 100644 index 2bfc92e..0000000 --- a/probe.html +++ /dev/null @@ -1,92 +0,0 @@ - - - - - - - - - Candle Bibliothek - - -
-

-

- Bibliothek Bild von einer Kerze -

Candle -

- -
-
- sidecandle -

- HERZLICH WILLKOMMEN! -

- Die Bibliothek CANDLE begrüßt Sie ganz herzlich auf ihren Internetseiten.

- Nutzen Sie unser umfangreiches Angebot aus den beliebtesten Büchern.

- Wir freuen uns auf Ihren Besuch! -

- VERANSTALTUNGEN! -

- Leserunde | jeden Mittwoch | 17:30 Uhr -

- HARRY POTTER-REIHE (aktuell) -

- - Die erfolgreiche Buchreihe um den Zauberlehrling Harry James Potter umfasst insgesamt sieben Bände. - In jedem wird ein Schul- und Lehrjahr von Harry und seinen Freunden auf dem Zauberinternat Hogwarts erzählt. - Neben alltäglichen Problemen eines Jugendlichen, wird Harry immer wieder mit dem bösen Magier Lord Voldemort und seinen Gefolgsleuten, - den sogenannten Todessern, konfrontiert. - -
- mehr dazu... - -

-
- - - - - - - - - - - - \ No newline at end of file diff --git a/probestyle.css b/probestyle.css deleted file mode 100644 index 4651d53..0000000 --- a/probestyle.css +++ /dev/null @@ -1,1921 +0,0 @@ - -*{ - font-family: sans-serif; - margin: 0px; - - -} - - - -.kopf{ - margin: 0px; - width: 100%; - position: fixed; - background-color: #24140d; - color:rgb(255, 255, 255); - justify-content: center; - display: flex; -} - - -body{ - background-color: #E5D3B3; - overflow: hidden; -} - - -#titleschwarz{ - font-size: 25px; - color: #000; -} - -#titlebraun{ - font-size: 25px; - color: #24140D; - font-style: italic; -} - -#bildID{ - - margin: 0px; -} - -/*buttons*/ -#uberuns{ - position: fixed; - left: 0px; - top: 149px; - width: 120px; - height: 35px; - background-color:#664220 ; - color:rgb(255, 255, 255); - padding-right:10px; - padding-left: 8px; - padding-top: 15px; - padding-bottom: 0px; - text-align: center; - text-decoration: none; -} - - -#buecher{ - position: fixed; - left: 150px; - top: 149px; - width: 120px; - height: 35px; - background-color:#664220 ; - color:rgb(255, 255, 255); - padding-right:10px; - padding-left: 8px; - padding-top: 15px; - padding-bottom: 0px; - text-align: center; - text-decoration: none; -} - -#meinebuecher{ - position: fixed; - left: 300px; - top: 149px; - width: 120px; - height: 35px; - background-color:#664220 ; - color:rgb(255, 255, 255); - padding-right:10px; - padding-left: 8px; - padding-top: 15px; - padding-bottom: 0px; - text-align: center; - text-decoration: none; -} - -/*warenkorbsymbol im header*/ -#warenKorbID -{ - position: fixed; - right: -70px; - top: 150px; - width: 120px; - height: 35px; -} - -.suchleiste{ - position: fixed; - right: 40px; - top: 0px; - width: 200px; - height: 40px; - background-color: #664220; - margin: 0px; - padding: 0px; - border: 0px; - color: rgb(255, 255, 255); - text-align: center; -} - -.suchleiste::placeholder{ - color: rgb(255, 255, 255); -} - -/*loupe*/ -#buttonID{ - position: fixed; - right: 0px; - top: 0px; - width: 39px; - height: 40px; - background-color: #664220; - margin: 0px; - padding: 0px; - border: 0px; - color: rgb(255, 255, 255); - -} - -#sidecandle{ - top: 199px ; - right: 0px; - position: fixed; - height: 100%; - width: 12% - -} -#BuchHeader{ - position: fixed; - top: 220px; - left: 30px; - font-size: 40px; - color:#000000; - -} -.main #warenkorbHeader{ - position: absolute; - top: 0px; - left: 30px; - font-size: 50px; - color:#ffffff; - font-family:Calibri; - font-weight:400; -} - -.p1{ - overflow-y: scroll; - max-width: 87%; - max-height: 450px; - position: fixed; - top: 220px; - left: 20px; - right:14%; - font-size: 15px; - color:#664220; - bottom: 75px; -} - -.p1{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.p1::-webkit-scrollbar { - display: none; -} -.p2{ - overflow-y: scroll; - max-width: 87%; - max-height: 100%; - position: fixed; - top: 220px; - left: 20px; - right: 14%; - font-size: 15px; - line-height: 180%; - color:#24140d; - bottom: 75px; -} - -.p2{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.p2::-webkit-scrollbar { - display: none; -} - -/*erweiterte Suche starts*/ -#erweitertesuche{ - color: rgb(255, 255, 255); - position: fixed; - right: 60px; - top: 50px; - text-align: center; - text-decoration: none; -} - -.hauptcontainer{ - overflow-y: scroll; - position:absolute; - display:flex; - height: 62%; - width: 100%; - top:200px; -} - -.hauptcontainer{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.hauptcontainer::-webkit-scrollbar { - display: none; -} - -#titelerweitertesuche{ - position: absolute; - font-size: 25px; - color: #000; - left: 15px; - top:30px; -} - -.hauptcontainer .buchtitel{ - position: absolute; - top: 80px; - left:100px; - width: 100px; - -} - -.hauptcontainer .buchtiteloptions{ - position: absolute; - top: 80px; - width: 70%; - left:210px; -} - -.hauptcontainer .und-wort1{ - position: absolute; - top: 110px; - width: 70px; - left:20px; -} - -.hauptcontainer .und-wort2{ - position: absolute; - width: 70px; - left:20px; - top: 140px; -} - -.hauptcontainer .autor{ - position: absolute; - top: 110px; - width: 100px; - left:100px; -} - -.hauptcontainer .autoroptions{ - position: absolute; - top: 110px; - width: 70%; - left:210px; -} - -.hauptcontainer .stichwort{ - position: absolute; - top: 140px; - width: 100px; - left:100px; -} - -.hauptcontainer .stichwörteroptions{ - - position: absolute; - top: 140px; - width: 70%; - left:210px; -} - -/*.hauptcontainer .p3{ - - max-width: 87%; - max-height: 450px; - position:absolute; - top: 220px; - left: 20px; - right:14%; - bottom: 75px; - -}*/ - - -.hauptcontainer #weiteresuchkriterien{ - position: absolute; - font-size: 17px; - color: #000; - left: 25px; - top: 180px; -} - -.hauptcontainer .jahrvon{ - position: absolute; - top: 220px; - left: 20px; -} - -.hauptcontainer .anfangsdatum{ - position: absolute; - top: 220px; - left: 210px; - height: 20px; -} - -.hauptcontainer .bis{ - position: absolute; - top: 220px; - left: 340px; - -} - -.hauptcontainer .endsdatum{ - position: absolute; - top: 220px; - left: 380px; - height: 20px; -} - -.hauptcontainer .sprache{ - position: absolute; - top: 260px; - left: 20px; -} - -.hauptcontainer .spracheingabe{ - position: absolute; - top: 260px; - width: 70%; - left:210px; - -} - -.hauptcontainer .verfügbarkeit{ - position: absolute; - top: 300px; - left: 20px; -} - -.hauptcontainer .checkbox{ - position: absolute; - top: 300px; - left:210px; -} - -.hauptcontainer .kommentar{ - position: absolute; - top: 300px; - left: 230px; -} - -.hauptcontainer #suchen{ - position: absolute; - left: 20px; - top: 380px; - width: 120px; - height: 35px; - background-color:#664220 ; - color:rgb(255, 255, 255); - padding-right:10px; - padding-left: 8px; - padding-top: 15px; - padding-bottom: 0px; - text-align: center; - text-decoration: none; - border-radius: 8px; -} - - -.hauptcontainer #suchfelderleeren{ - position: absolute; - left: 180px; - top: 380px; - width: 220px; - height: 35px; - background-color:#664220 ; - color:rgb(255, 255, 255); - padding-right:10px; - padding-left: 8px; - padding-top: 15px; - padding-bottom: 0px; - text-align: center; - text-decoration: none; - border-radius: 8px; -} -/*---------WarenKorb BEGINS--------*/ -.main{ - height: 100%; - position: absolute; - top:200px; - left: 0px; - width: 95%; -} -.main{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.main::-webkit-scrollbar { - display: none; -} -.containerOfAll { - overflow-y: scroll; - background-color: #E5D3B3; - display: flex; - position: absolute; - top: 70px; - left: 35px; - width: 1000px; - height: 55%; -} - -.containerOfAll{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.containerOfAll::-webkit-scrollbar { - display: none; -} - -/*first book in warenkorb and its details*/ -#firstItem -{ - position: absolute; - top: 15px; - left: 15px; - width:100%; - height:80%; -} - -.haupt{ - width: 100%; - height: 62%; - position: absolute; - display: flex; - overflow-y:scroll; - top: 200px; -} - -.haupt{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.haupt::-webkit-scrollbar { - display: none; -} - -.haupt #firstItem{ - position: relative; - top: 25px; - left: 30px; - width: 100%; - height: 80%; -} - -.haupt .headerinItem{ - position: relative; - top: -200px; - left: 150px; - color: #000; -} - -.haupt .discinItem{ - position: relative; - top: -180px; - left: 150px; - width: 200px; - color: #000; - text-align: left; -} - -.haupt .greenbutton{ - position: absolute; - top: 165px; - left: 150px; - width: 100px; - height: 25px; - color:rgb(255, 255, 255); - padding-top: 7px; - text-align: center; - text-decoration: none; - font-size: 15px; - background-color:#7DAD47 ; -} - -.haupt #firstItem #shoppingwagen{ - position: absolute; - width: 30px; - top:165px; - right: 60px; -} - -.haupt .percypar{ - position: absolute; - top: 250px; - width: 80%; - color: #000; - text-align: left; -} -/*first item ends*/ - -/*second book in warenkorb and its details */ -#secondItem{ - position: absolute; - top: 300px; - left: 15px; - width: 100%; -} - -.haupt{ - width: 100%; - height: 62%; - position: absolute; - display: flex; - overflow-y:scroll; - top: 200px; -} - -.haupt{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.haupt::-webkit-scrollbar { - display: none; -} - -.haupt #secondItem{ - position: relative; - top: 25px; - left: 30px; - width: 100%; - height: 80%; -} - -.haupt .headerinItem{ - position: relative; - top: -200px; - left: 150px; - color: #000; -} - -.haupt .discinItem{ - position: relative; - top: -180px; - left: 150px; - width: 200px; - color: #000; - text-align: left; -} - -.haupt .redbutton{ - position: absolute; - top: 165px; - left: 150px; - width: 180px; - height: 25px; - color:rgb(255, 255, 255); - padding-top: 7px; - text-align: center; - text-decoration: none; - font-size: 15px; - background-color:red ; -} - - -.haupt #secondItem #shoppingwagen{ - position: absolute; - width: 30px; - top:165px; - right: 60px; -} - -.haupt .percypar{ - position: absolute; - top: 250px; - width: 80%; - color: #000; - text-align: left; -} -/*second item ends*/ - -/*third book in warenkorb and its details */ - -#thirdItem{ - position: absolute; - top: 580px; - left: 15px; - width:100% -} -/*third item ends*/ - -/*fourth book in warenkorb and its details */ - -#fourthItem{ - position: absolute; - top: 880px; - left: 15px; - width:100% -} -/*fourth item ends*/ - - -#reservieren -{ - background-color: #E5D3B3; - position: absolute; - top: 70px; - left: 1050px; - width: 300px; - height: 150px; -} - -#jetztReservieren{ - position: relative; - top: 50px; - left: 75px; - width: 120px; - height: 55px; - background-color:#664220 ; - color:rgb(255, 255, 255); - padding-right:15px; - padding-left: 15px; - padding-top: 10px; - padding-bottom: 10px; - text-align: center; - text-decoration: none; - border-radius: 8px; -} - -#ArtikelWarenkorb{ - position: relative; - top: 20px; - left: 100px; - align-items: center; -} - -.headerinItem{ - position: relative; - top: -200px; - left: 150px; - width: 400px; -} -.discinItem{ - position: absolute; - top: 50px; - left: 150px; -} - -.main .containerOfAll .items .greenbutton{ - position: absolute; - top: 165px; - left: 150px; - width: 100px; - height: 25px; - color:rgb(255, 255, 255); - padding-top: 7px; - text-align: center; - text-decoration: none; - font-size: 15px; - background-color:#7DAD47 ; -} -.main .containerOfAll .items .redbutton{ - position: absolute; - top: 165px; - left: 150px; - width: 180px; - height: 25px; - color:rgb(255, 255, 255); - padding-top: 7px; - text-align: center; - text-decoration: none; - font-size: 15px; - background-color:red ; -} - -.inputPlusMinus{ - position: absolute; - top: 185px; - left: 800px; -} - -.binPicture{ - position: absolute; - top: -15px; - left: 100px; -} - - -#minusButton{ -position: absolute; -top: -15px; -left: 0px; -} - -#plusButton{ - position: absolute; - top: -15px; - left: 70px; - } - -.plus-minus-input .input-group-field { - text-align: center; - position:absolute; - width: 30px; - height: 20px; - top: -15px; - left: 28px; -} - -.plus-minus-input .input-group-field::-webkit-inner-spin-button, -.plus-minus-input .input-group-field ::-webkit-outer-spin-button { - -webkit-appearance: none; - appearance: none; -} - -.plus-minus-input .input-group-button .circle { - border-radius: 50%; - padding: 0.15em 0.35em; -} - -/*------WarenKorb ENDS-------*/ - -/*buecher begins */ -.containerofbuecher{ - overflow-y: scroll; - overflow-x: hidden ; - display: flex; - position: absolute; - top: 200px; - width: 100%; - height: 66%; -} -.containerofbuecher{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.containerofbuecher::-webkit-scrollbar { - display: none; -} - -#büchertitel{ - position: absolute; -top:35px; -left:35px; -font-size: 30px; -} - -.containerofbuecher #firstItem{ - position: absolute; - top:100px; - left: 45px; -} - -.containerofbuecher #secondItem{ - position: absolute; - top:400px; - left: 45px; -} - -.containerofbuecher #thirdItem{ - position: absolute; - top:700px; - left: 45px; -} - -.containerofbuecher #fourthItem{ - position: absolute; - top:1000px; - left: 45px; -} - -.containerofbuecher .items .redbutton{ - position: absolute; - top: 165px; - left: 150px; - width: 180px; - height: 25px; - color:rgb(255, 255, 255); - padding-top: 7px; - text-align: center; - text-decoration: none; - font-size: 15px; - background-color:red ; -} - -.containerofbuecher .items .greenbutton{ - position: absolute; - top: 165px; - left: 150px; - width: 100px; - height: 25px; - color:rgb(255, 255, 255); - padding-top: 7px; - text-align: center; - text-decoration: none; - font-size: 15px; - background-color:#7DAD47 ; -} - -.containerofbuecher .items .binPicture{ - position: absolute; - top: 170px; - left: 90%; -} - -/*meine Bücher begins*/ -.containerofmeinebuecher{ - overflow-y: scroll; - overflow-x: hidden ; - display: flex; - position: absolute; - top: 200px; - width: 100%; - height: 65%; -} -.containerofmeinebuecher{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.containerofmeinebuecher::-webkit-scrollbar { - display: none; -} - -#meinebüchertitel{ - position: absolute; -top:35px; -left:35px; -font-size: 30px; -} - -.containerofmeinebuecher #firstItem{ - position: absolute; - top:100px; - left: 45px; -} - -.containerofmeinebuecher #secondItem{ - position: absolute; - top:400px; - left: 45px; -} - -.containerofmeinebuecher #thirdItem{ - position: absolute; - top:700px; - left: 45px; -} - -.containerofmeinebuecher #fourthItem{ - position: absolute; - top:1000px; - left: 45px; -} - -.containerofmeinebuecher .items .redbutton{ - position: absolute; - top: 120px; - left: 150px; - width: 200px; - height: 25px; - color:rgb(255, 255, 255); - padding-top: 7px; - text-align: center; - text-decoration: none; - font-size: 15px; - background-color:red ; -} - -.containerofmeinebuecher .items .greenbutton{ - position: absolute; - top: 120px; - left: 150px; - width: 200px; - height: 25px; - color:rgb(255, 255, 255); - padding-top: 7px; - text-align: center; - text-decoration: none; - font-size: 15px; - background-color:#7DAD47 ; -} - -.containerofmeinebuecher .items .binPicture{ - position: absolute; - top: 170px; - left: 90%; -} - -.containerofmeinebuecher .items #message{ - position: absolute; - top: 170px; - left: 150px; - width: 700px; -} - -/*------ ANMELDEN BEGINS-----*/ -.anmeldung{ - position: fixed; - top: 230px; - left: 40px; -} -.anmeldung-rest{ - position: fixed; - top: 280px; - left: 50px; -} - -.anmeldung-überschriften{ - font-weight: normal; - color:#000000; -} - -.anmeldung-überschriften h1{ - font-size: 50px; -} - -.anmeldeInput h2, .anmeldeInput form { - font-size: 22px; -} - -#obererText{ - font-size: 20px; - padding-bottom: 25px; -} -#obererText a { - color: #1b1f21; - text-decoration: none; -} -#obererText a:hover { - text-decoration: underline; -} - -.anmeldeInput hr { - background-color:#A78766; - height: 3px; - width: 390px; - border: none; - margin-top: 10px; - margin-bottom: 20px; -} - -.anmeldeInput form input { - height: 30px; - width: 380px; - margin-bottom: 20px; -} - -.anmeldung-ausklappen details summary:hover { - cursor: pointer; - text-decoration: underline; -} - -.anmeldung-ausklappen details { - margin-bottom: 20px; -} - -.anmeldung-ausklappen p { - margin-left: 17px; -} -.anmeldung-ausklappen p a{ - text-decoration: none; - color: #1b1f21; -} -.anmeldung-ausklappen p a:hover{ - text-decoration: underline; - color: #1b1f21; -} -#anmeldebutton:hover { - cursor: pointer; -} - -#question-mark:hover { - cursor: pointer; -} - -#question-mark #tooltip { - visibility: hidden; - height: fit-content; - background-color: #fff; - color: #000; - border-color: #000; - border-width: 2px; - text-align: center; - padding: 5px 0; - border-radius: 6px; - font-size: 12px; - - position: absolute; - z-index: 1; -} - -#question-mark:hover #tooltip { - visibility: visible; -} - -#anmeldebutton{ - - position: relative; - width: 120px; - height: 35px; - background-color:#664220 ; - color:rgb(255, 255, 255); - padding-right:15px; - padding-left: 15px; - padding-top: 10px; - padding-bottom: 10px; - text-align: center; - text-decoration: none; - border-radius: 8px; - border: 0; -} - - - -/*----- ANMELDEN ENDS-------*/ - -/*----- Registrierung-------*/ - -#errorMessage { - color: red; - display: none; - margin: 0px; - padding: 0px; - font-size: 12px; -} - -#registrierungTitel{ - position: absolute; - font-size: 25px; - color: #000; - left: 15px; - top:20px; -} - -#datenSchutzHinweisRegistrierung{ - position: relative; - font-size: 15px; - color: #000; - left: 25px; - top:40px; -} - -#registrierungAngabenZurRegistrierung{ - position: relative; - font-size: 15px; - color: #000; - left: 25px; - top:55px; -} - -#registrierungInputDiv{ - position: relative; - left: 25px; - top:55px; -} - -#registrierungHr{ - position: relative; - width: 275px; - color: #664220; -} - -.registrierenNormalesTextfeld, #errorMessage { - width: 275px; -} - -#strasse{ - width: 212px; -} - -#hausNummer{ - width: 50px; -} - -#postleitzahl{ - width: 85px; -} - -#ort{ - width: 177px; -} - -.registrierenKnopf { - position: relative; - width: 120px; - height: 35px; - background-color:#664220 ; - color:rgb(255, 255, 255); - padding: 10px 15px; - text-align: center; - text-decoration: none; - border-radius: 8px; - border: 0; - cursor: pointer; -} - -#registrierenAusklappe{ - padding-left: 13px; -} - -/* Chrome, Safari, Edge, Opera */ -input::-webkit-outer-spin-button, -input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} - -/* Firefox */ -input[type=number] { - -moz-appearance: textfield; -} - -/*----- Registrierung Ende-------*/ - -/*----- Registrierung erfolgreich -----*/ - -.mainContentContainer{ - overflow-y: scroll; - position: absolute; - display:flex; - flex-direction: column; - height: 70.5%; - width: 100%; - top:200px; -} - -.mainContentContainer{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.mainContentContainer::-webkit-scrollbar { - display: none; -} - -.titleContainer { - padding-top: 35px; - padding-left: 35px; -} - -#registeredTitle { - font-size: 30px; -} - -.mainContent { - padding-top: 25px; - padding-left: 55px; - padding-right: 50px; -} - -#textFirstHalf, #cardID { - display: inline; -} - -#loginNowButton { - width: auto; - height: auto; - background-color:#664220 ; - color:white; - font-size: 15px; - padding: 10px 15px; - text-align: center; - border-radius: 8px; - border: none; - cursor: pointer; -} - -/*----- Registrierung erfolgreich Ende -----*/ - -/*----- Abmelden -----*/ - -.mainContentContainer{ - overflow-y: scroll; - position: absolute; - display:flex; - flex-direction: column; - height: 70.5%; - width: 100%; - top:200px; -} - -.mainContentContainer{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} - -.mainContentContainer::-webkit-scrollbar { - display: none; -} - -.titleContainer { - padding-top: 35px; - padding-left: 35px; -} - -#logOffTitle { - font-size: 30px; -} - -.mainContent { - padding-top: 25px; - padding-left: 55px; - padding-right: 50px; -} - -#mainText { - display: inline; -} - -.buttonContainer { - display: flex; - gap: 20px; - flex-wrap: wrap; -} - -#confirmButton, #abortButton { - width: auto; - height: auto; - background-color:#664220 ; - color:white; - font-size: 15px; - padding: 10px 15px; - text-align: center; - border-radius: 8px; - border: none; - cursor: pointer; -} - -/*----- Abmelden Ende -----*/ - -/*----- Abmelden erfolgreich -----*/ - -.mainContentContainer{ - overflow-y: scroll; - position: absolute; - display:flex; - flex-direction: column; - height: 70.5%; - width: 100%; - top:200px; -} - -.mainContentContainer{ - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} - -.mainContentContainer::-webkit-scrollbar { - display: none; -} - -.titleContainer { - padding-top: 35px; - padding-left: 35px; -} - -#logOffSuccessfulTitle { - font-size: 30px; -} - -.mainContent { - padding-top: 25px; - padding-left: 55px; - padding-right: 50px; -} - -#mainText { - display: inline; -} - -/*.buttonContainer -> siehe Abmelden*/ - -#backToHomeButton, #logInAgainButton { - width: auto; - height: auto; - background-color:#664220 ; - color:white; - font-size: 15px; - padding: 10px 15px; - text-align: center; - border-radius: 8px; - border: none; - cursor: pointer; -} - -/*----- Abmelden erfolgreich Ende -----*/ - -/*Reservierung*/ - -#reservierung { - position: absolute; - top: 230px; - left: 50px; - width: 100vw; -} -#reservierung h1 { - font-size: 40px; - font-weight: normal; -} -#reservierung-left #möchten-sie { - font-size: 24px; - margin: 20px 0; -} -.beschreibung h2 { - font-size: 22px; - font-weight: normal; -} - -#reservierung-left { - margin-left: 40px; - display: grid; - width: 100%; -} -#reservierung-left .item { - display: flex; -} -#reservierung-left hr { - margin: 20px 0; - width: 80%; - background-color:#A78766; - height: 2px; - border: none; -} -#reservierung-left #erklärung { - font-size: 20px; - width: 80%; - overflow: auto; - margin: 20px 0; -} -#reservierung-left #erklärung a { - text-decoration: none; - color: #1b1f21; -} -#reservierung-left #erklärung :hover { - text-decoration: underline; -} -#button-container { - display: flex; - width: 80%; - justify-content: space-between; -} -#reservierung-left .beschreibung { - margin-left: 20px; - display: flex; - flex-direction: column; - justify-content: space-between; -} -.b2 { - text-align: center; - vertical-align: center; - line-height: 40px; - height: 40px; - width: 200px; - border-width: 0; - color: #fff; -} - -.beschreibung .green { - background-color: #70AD47; -} -.beschreibung .red { - background-color: #F22C2C; -} -#button-container a { - height: 25px; - background-color: #664220; - color: rgb(255, 255, 255); - padding: 10px 15px; - text-align: center; - vertical-align: center; - line-height: 25px; - text-decoration: none; - border-radius: 8px; - border: 0; -} - -/*Reservierung Ende*/ - -/*Verlängerung Start*/ - -#verlängerung { - overflow-y: scroll; - display:flex; - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ - position: absolute; - top: 230px; - left: 50px; - width: 100vw; -} - -#verlängerung h1 { - font-size: 40px; - font-weight: normal; -} -#verlängerungContent { - position: fixed; - margin-top: 40px; - margin-left: 25px; - display: grid; - width: 100%; -} - -#verlängerungContent #möchten-sie { - font-size: 24px; - margin: 20px 0; -} -.beschreibung h2 { - font-size: 22px; - font-weight: normal; -} - -#verlängerungItem .beschreibung h3{ - font-weight: normal; - margin-top: -100px; -} - -#verlängerungContent .item { - display: flex; -} - -#verlängerungContent hr { - margin: 20px 0; - width: 80%; - background-color:#A78766; - height: 2px; - border: none; -} - -#verlängerungButtonContainer { - margin-top: 25px; - display: flex; - width: 80%; - justify-content: start; -} - -#verlängerungButtonContainer #verlängerungButton1{ - margin-right: 20px; - width: 110px; -} - -#verlängerungButtonContainer #verlängerungButton2{ - width: 110px; -} - -#verlängerungContent .beschreibung { - margin-left: 20px; - display: flex; - flex-direction: column; - justify-content: space-between; -} -.b2 { - text-align: center; - vertical-align: center; - line-height: 40px; - height: 40px; - width: 200px; - border-width: 0; - color: #fff; -} - -.beschreibung .green { - background-color: #70AD47; -} -.beschreibung .red { - background-color: #F22C2C; -} -#verlängerungButtonContainer a { - height: 25px; - background-color: #664220; - color: rgb(255, 255, 255); - padding: 10px 15px; - text-align: center; - vertical-align: center; - line-height: 25px; - text-decoration: none; - border-radius: 8px; - border: 0; -} -/*Verlängerung Ende*/ - -/*Largest Devices*/ -@media screen and (max-width:1400px){ - #sidecandle{ - width: 12%; - } - .p1{ - max-width: 86%; - } - .p2{ - max-width: 86%; - } - .containerOfAll{ - width: 85%; - left: 35px; - height: 65%; - } - .containerOfAll .items .inputPlusMinus{ - left: 600px; - } - - .main #reservieren{ - top: 600px; - left: 100px; - - } - - .main{ - overflow-x: hidden; - position: absolute; - top:200px; - right: 10px; - height: 65%; -} - -} - -/*Large Devices*/ -@media screen and (max-width:1200px){ - #sidecandle{ - width: 12%; - } - .p1{ - max-width: 86%; - } - .p2{ - max-width: 86%; - } - .containerOfAll{ - width: 85%; - left: 35px; - height: 500px; - } - .containerOfAll .items .inputPlusMinus{ - left: 600px; - } - - .main #reservieren{ - top: 600px; - left: 100px; - - } - .main{ - overflow-x: hidden; - position: absolute; - top:200px; - right: 10px; - height: 65%; -} -} - -/*medium Devices*/ -@media screen and (max-width:1000px){ - #sidecandle{ - width: 14%; - } - .p1{ - max-width: 84%; - } - .p2{ - max-width: 84%; - } - .containerOfAll .items .inputPlusMinus{ - left: 500px; -} -.containerOfAll{ - width: 90%; -} - -.main{ - - height: 65%; -} -.containerofmeinebuecher .items #message{ - width: 400px; -} - -} -/*small Devices*/ -@media screen and (max-width:800px){ - - #sidecandle{ - width: 16%; - } - .p1{ - max-width: 81%; - } - .p2{ - max-width: 81%; - } - - .containerofbuecher .items .binPicture{ - left: 80%; - } - - .containerofmeinebuecher .items .binPicture{ - left: 80%; - } - - .containerOfAll .items .inputPlusMinus{ - left: 280px; - } - .containerOfAll{ - width: 90%; - } - .main #reservieren{ - top: 600px; - left: 100px; - - } - .main { - height: 65%; - - } - .main .containerOfAll .items .redbutton{ - width: 100px; - height: 40px; - top: 150px; - } - - .containerofmeinebuecher .items #message{ - width: 240px; - } - /*Burger Menu*/ -/*invisibility and deactivate buttons*/ - #uberuns{ - pointer-events: none; - opacity: 0; - } - #buecher{ - pointer-events: none; - opacity: 0; - } - #meinebuecher{ - pointer-events: none; - opacity: 0; - } - - #nav-toggle { - opacity: 0; - pointer-events: none; - } - .suchleiste{ - opacity: 0; - pointer-events: none; - } - #buttonID{ - opacity: 0; - pointer-events: none; - } - /*Reposition*/ - #erweitertesuche{ - position: fixed; - right: 60px; - top: 15px; - } - - /*Burger Icon creation and position*/ - .icon-burger { - display: none; - position: fixed; - top: 24px; - right: 10px; - transform: translateY(-50%); - cursor:pointer; - } - .icon-burger .line { - width: 30px; - height: 5px; - background-color: #fff; - margin: 5px; - border-radius: 3px; - transition: all .3s ease-in-out; - } - nav .icon-burger { - display: block; - } - /*Burger Icon rotation / Animation*/ - nav :checked ~ .icon-burger .line:nth-child(1) { - transform: translateY(10px) rotate(225deg); - } - nav :checked ~ .icon-burger .line:nth-child(3) { - transform: translateY(-10px) rotate(-225deg); - } - nav :checked ~ .icon-burger .line:nth-child(2) { - opacity: 0; - } - - #uberuns{ - position: fixed; - left: 0px; - top: 150px; - text-align: center; - } - -#buecher{ - position: fixed; - left: 50%; - top: 50%; -} -#meinebuecher{ - position: fixed; - left: 300px; - top: 150px; -} - -/*erweiterte Suche*/ -.hauptcontainer .buchtitel{ - left:20px; -} -.hauptcontainer .buchtiteloptions{ - top: 110px; - left:20px; -} - -.hauptcontainer .und-wort1{ - top: 140px; - left:20px; -} - -.hauptcontainer .und-wort2{ - left:20px; - top: 200px; -} - -.hauptcontainer .autor{ - top: 140px; - left:100px; -} - -.hauptcontainer .autoroptions{ - top: 170px; - left:20px; -} - -.hauptcontainer .stichwort{ - top: 200px; -} - -.hauptcontainer .stichwörteroptions{ - top: 230px; - left:20px; -} - -.hauptcontainer #weiteresuchkriterien{ - top: 270px; - -} - -.hauptcontainer .jahrvon{ - top: 300px; -} - -.hauptcontainer .anfangsdatum{ - top: 330px; - left: 20px; - -} - -.hauptcontainer .bis{ - top: 330px; - left: 140px; -} - -.hauptcontainer .endsdatum{ - top: 330px; - left: 170px; -} - -.hauptcontainer .sprache{ - top: 370px; -} - -.hauptcontainer .spracheingabe{ - top: 400px; - left:20px; - -} - -.hauptcontainer .verfügbarkeit{ - top: 430px; - left: 20px; -} - -.hauptcontainer .checkbox{ - top: 460px; - left: 20px; -} - -.hauptcontainer .kommentar{ - top:460px; - left: 40px; - font-size: 15px; -} - -.hauptcontainer #suchen{ - top: 500px; -} -.hauptcontainer #suchfelderleeren{ - top: 500px; -} - - -} -/*extra small Devices*/ -@media screen and (max-width:620px){ - - #sidecandle{ - width: 16%; - } - - .p1{ - max-width: 80%; - } - - .p2{ - max-width: 80%; - } - - .headerinItem{ - word-break: break-word; - font-size: 15px; - width: 200px; - } - - .main .containerOfAll .items .redbutton{ - width: 100px; - height: 40px; - } - -} - - -.fuss{ - height: 74px;; - width: 100%; - position: fixed; - background-color: #24140d; - display: flex; - bottom: 0px; - -} - -#impressum{ - position: fixed; - left: 0px; - bottom: 12px; - width: 120px; - height: 35px; - background-color:#664220 ; - color:rgb(255, 255, 255); - padding-right:10px; - padding-left: 8px; - padding-top: 15px; - padding-bottom: 0px; - text-align: center; - text-decoration: none; -} - -#kontakt{ -position: fixed; -left: 150px; -bottom: 12px; -width: 120px; -height: 35px; -background-color:#664220 ; -color:rgb(255, 255, 255); -padding-right:10px; -padding-left: 8px; -padding-top: 15px; -padding-bottom: 0px; -text-align: center; -text-decoration: none; -} - - -#datenschutz{ -position: fixed; -left: 300px; -bottom: 12px; -width: 120px; -height: 35px; -background-color:#664220 ; -color:rgb(255, 255, 255); -padding-right:10px; -padding-left: 8px; -padding-top: 15px; -padding-bottom: 0px; -text-align: center; -text-decoration: none; -} - - - - - - diff --git a/registrierung.html b/registrierung.html index ef510eb..225efc3 100644 --- a/registrierung.html +++ b/registrierung.html @@ -5,7 +5,7 @@ - + Candle Bibliothek @@ -15,8 +15,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/registrierungErfolgreich.html b/registrierungErfolgreich.html index b749e64..2a6e52f 100644 --- a/registrierungErfolgreich.html +++ b/registrierungErfolgreich.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -13,8 +13,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/reservierung-bestaetigung.html b/reservierung-bestaetigung.html index eb97a24..e1a8a2d 100644 --- a/reservierung-bestaetigung.html +++ b/reservierung-bestaetigung.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -13,7 +13,7 @@



- Bibliothek Bild von einer Kerze Bild von einer Kerze

Candle

diff --git a/reservierung.html b/reservierung.html index 9495f30..17c92e0 100644 --- a/reservierung.html +++ b/reservierung.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -13,7 +13,7 @@



- Bibliothek Bild von einer Kerze Bild von einer Kerze

Candle

diff --git a/style.css b/style.css index 508c8d5..4651d53 100644 --- a/style.css +++ b/style.css @@ -1,192 +1,1705 @@ -body{ - background-color: rgb(66, 60, 54); - } - *{ - font-family:arial, "lucida console", sans-serif; - } - .logo{ - width:200px; - height: 200px; - } - .firsthead{ - display: flex; - align-items:center; - justify-content: center; - background-color: #24140d; - color:rgb(255, 255, 255); /*#bf6538*/ - - } - *{ - margin:0; - padding:0; - box-sizing: border-box; - } - .header{ - background-color:rgb(99, 56, 10); - } - - - - .searchTerm { - position: relative; - bottom: 15.05em; - float:right; - text-align: center; - color: #ffffff; - padding: 0.915em 2em; - background: #664220; - border: 0; - outline: 0; - margin-right: 1px; - - } - - #erweiterteSuche { - all: revert; - position: relative; - bottom: 12.55em; - left:97em; - color: #ffffff; - text-decoration: none; - - } +*{ + font-family: sans-serif; + margin: 0px; - .searchTerm::placeholder{ - color: #ffffff; - text-align: left; - } - - - .searchButton{ - position: relative; - bottom: 14.98em; - float:right; - color: #ffffff; - padding: 0.8em 1em; - background: #664220; - } - a.active { - background: #212529; - color: #fff; - } +} - #footer { - position: fixed; - bottom: 0; + + +.kopf{ + margin: 0px; width: 100%; - height: 60px; /* Height of the footer */ + position: fixed; background-color: #24140d; - - } - #footer-menu { - display: block; - margin-top: 3.3em; - } + color:rgb(255, 255, 255); + justify-content: center; + display: flex; +} - #footer-menu ul li { - display: inline-block; - margin-right: 10px; - left: 50em; - } - - a { - display: inline-block; - position: relative; - bottom: 2.75em; +body{ + background-color: #E5D3B3; + overflow: hidden; +} + + +#titleschwarz{ + font-size: 25px; + color: #000; +} + +#titlebraun{ + font-size: 25px; + color: #24140D; + font-style: italic; +} + +#bildID{ + + margin: 0px; +} + +/*buttons*/ +#uberuns{ + position: fixed; + left: 0px; + top: 149px; + width: 120px; + height: 35px; + background-color:#664220 ; + color:rgb(255, 255, 255); + padding-right:10px; + padding-left: 8px; + padding-top: 15px; + padding-bottom: 0px; + text-align: center; + text-decoration: none; +} + + +#buecher{ + position: fixed; + left: 150px; + top: 149px; + width: 120px; + height: 35px; + background-color:#664220 ; + color:rgb(255, 255, 255); + padding-right:10px; + padding-left: 8px; + padding-top: 15px; + padding-bottom: 0px; + text-align: center; text-decoration: none; - color: #ffffff; - padding: 0.8em 2.2em; - margin-right: 2px; - background: #664220; } - - - - - a:hover { - text-decoration: underline; - color: #fff !important; +#meinebuecher{ + position: fixed; + left: 300px; + top: 149px; + width: 120px; + height: 35px; + background-color:#664220 ; + color:rgb(255, 255, 255); + padding-right:10px; + padding-left: 8px; + padding-top: 15px; + padding-bottom: 0px; + text-align: center; + text-decoration: none; } - #nav-toggle { +/*warenkorbsymbol im header*/ +#warenKorbID +{ + position: fixed; + right: -70px; + top: 150px; + width: 120px; + height: 35px; +} + +.suchleiste{ + position: fixed; + right: 40px; + top: 0px; + width: 200px; + height: 40px; + background-color: #664220; + margin: 0px; + padding: 0px; + border: 0px; + color: rgb(255, 255, 255); + text-align: center; +} + +.suchleiste::placeholder{ + color: rgb(255, 255, 255); +} + +/*loupe*/ +#buttonID{ + position: fixed; + right: 0px; + top: 0px; + width: 39px; + height: 40px; + background-color: #664220; + margin: 0px; + padding: 0px; + border: 0px; + color: rgb(255, 255, 255); + +} + +#sidecandle{ + top: 199px ; + right: 0px; + position: fixed; + height: 100%; + width: 12% + +} +#BuchHeader{ + position: fixed; + top: 220px; + left: 30px; + font-size: 40px; + color:#000000; + +} +.main #warenkorbHeader{ + position: absolute; + top: 0px; + left: 30px; + font-size: 50px; + color:#ffffff; + font-family:Calibri; + font-weight:400; +} + +.p1{ + overflow-y: scroll; + max-width: 87%; + max-height: 450px; + position: fixed; + top: 220px; + left: 20px; + right:14%; + font-size: 15px; + color:#664220; + bottom: 75px; +} + +.p1{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.p1::-webkit-scrollbar { display: none; +} +.p2{ + overflow-y: scroll; + max-width: 87%; + max-height: 100%; + position: fixed; + top: 220px; + left: 20px; + right: 14%; + font-size: 15px; + line-height: 180%; + color:#24140d; + bottom: 75px; +} + +.p2{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.p2::-webkit-scrollbar { + display: none; +} + +/*erweiterte Suche starts*/ +#erweitertesuche{ + color: rgb(255, 255, 255); + position: fixed; + right: 60px; + top: 50px; + text-align: center; + text-decoration: none; +} + +.hauptcontainer{ + overflow-y: scroll; + position:absolute; + display:flex; + height: 62%; + width: 100%; + top:200px; +} + +.hauptcontainer{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.hauptcontainer::-webkit-scrollbar { + display: none; +} + +#titelerweitertesuche{ + position: absolute; + font-size: 25px; + color: #000; + left: 15px; + top:30px; +} + +.hauptcontainer .buchtitel{ + position: absolute; + top: 80px; + left:100px; + width: 100px; + +} + +.hauptcontainer .buchtiteloptions{ + position: absolute; + top: 80px; + width: 70%; + left:210px; +} + +.hauptcontainer .und-wort1{ + position: absolute; + top: 110px; + width: 70px; + left:20px; +} + +.hauptcontainer .und-wort2{ + position: absolute; + width: 70px; + left:20px; + top: 140px; +} + +.hauptcontainer .autor{ + position: absolute; + top: 110px; + width: 100px; + left:100px; +} + +.hauptcontainer .autoroptions{ + position: absolute; + top: 110px; + width: 70%; + left:210px; +} + +.hauptcontainer .stichwort{ + position: absolute; + top: 140px; + width: 100px; + left:100px; +} + +.hauptcontainer .stichwörteroptions{ + + position: absolute; + top: 140px; + width: 70%; + left:210px; +} + +/*.hauptcontainer .p3{ + + max-width: 87%; + max-height: 450px; + position:absolute; + top: 220px; + left: 20px; + right:14%; + bottom: 75px; + +}*/ + + +.hauptcontainer #weiteresuchkriterien{ + position: absolute; + font-size: 17px; + color: #000; + left: 25px; + top: 180px; +} + +.hauptcontainer .jahrvon{ + position: absolute; + top: 220px; + left: 20px; +} + +.hauptcontainer .anfangsdatum{ + position: absolute; + top: 220px; + left: 210px; + height: 20px; +} + +.hauptcontainer .bis{ + position: absolute; + top: 220px; + left: 340px; + +} + +.hauptcontainer .endsdatum{ + position: absolute; + top: 220px; + left: 380px; + height: 20px; +} + +.hauptcontainer .sprache{ + position: absolute; + top: 260px; + left: 20px; +} + +.hauptcontainer .spracheingabe{ + position: absolute; + top: 260px; + width: 70%; + left:210px; + +} + +.hauptcontainer .verfügbarkeit{ + position: absolute; + top: 300px; + left: 20px; +} + +.hauptcontainer .checkbox{ + position: absolute; + top: 300px; + left:210px; +} + +.hauptcontainer .kommentar{ + position: absolute; + top: 300px; + left: 230px; +} + +.hauptcontainer #suchen{ + position: absolute; + left: 20px; + top: 380px; + width: 120px; + height: 35px; + background-color:#664220 ; + color:rgb(255, 255, 255); + padding-right:10px; + padding-left: 8px; + padding-top: 15px; + padding-bottom: 0px; + text-align: center; + text-decoration: none; + border-radius: 8px; +} + + +.hauptcontainer #suchfelderleeren{ + position: absolute; + left: 180px; + top: 380px; + width: 220px; + height: 35px; + background-color:#664220 ; + color:rgb(255, 255, 255); + padding-right:10px; + padding-left: 8px; + padding-top: 15px; + padding-bottom: 0px; + text-align: center; + text-decoration: none; + border-radius: 8px; +} +/*---------WarenKorb BEGINS--------*/ +.main{ + height: 100%; + position: absolute; + top:200px; + left: 0px; + width: 95%; +} +.main{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.main::-webkit-scrollbar { + display: none; +} +.containerOfAll { + overflow-y: scroll; + background-color: #E5D3B3; + display: flex; + position: absolute; + top: 70px; + left: 35px; + width: 1000px; + height: 55%; +} + +.containerOfAll{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.containerOfAll::-webkit-scrollbar { + display: none; +} + +/*first book in warenkorb and its details*/ +#firstItem +{ + position: absolute; + top: 15px; + left: 15px; + width:100%; + height:80%; +} + +.haupt{ + width: 100%; + height: 62%; + position: absolute; + display: flex; + overflow-y:scroll; + top: 200px; +} + +.haupt{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.haupt::-webkit-scrollbar { + display: none; +} + +.haupt #firstItem{ + position: relative; + top: 25px; + left: 30px; + width: 100%; + height: 80%; +} + +.haupt .headerinItem{ + position: relative; + top: -200px; + left: 150px; + color: #000; +} + +.haupt .discinItem{ + position: relative; + top: -180px; + left: 150px; + width: 200px; + color: #000; + text-align: left; +} + +.haupt .greenbutton{ + position: absolute; + top: 165px; + left: 150px; + width: 100px; + height: 25px; + color:rgb(255, 255, 255); + padding-top: 7px; + text-align: center; + text-decoration: none; + font-size: 15px; + background-color:#7DAD47 ; +} + +.haupt #firstItem #shoppingwagen{ + position: absolute; + width: 30px; + top:165px; + right: 60px; +} + +.haupt .percypar{ + position: absolute; + top: 250px; + width: 80%; + color: #000; + text-align: left; +} +/*first item ends*/ + +/*second book in warenkorb and its details */ +#secondItem{ + position: absolute; + top: 300px; + left: 15px; + width: 100%; +} + +.haupt{ + width: 100%; + height: 62%; + position: absolute; + display: flex; + overflow-y:scroll; + top: 200px; +} + +.haupt{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.haupt::-webkit-scrollbar { + display: none; +} + +.haupt #secondItem{ + position: relative; + top: 25px; + left: 30px; + width: 100%; + height: 80%; +} + +.haupt .headerinItem{ + position: relative; + top: -200px; + left: 150px; + color: #000; +} + +.haupt .discinItem{ + position: relative; + top: -180px; + left: 150px; + width: 200px; + color: #000; + text-align: left; +} + +.haupt .redbutton{ + position: absolute; + top: 165px; + left: 150px; + width: 180px; + height: 25px; + color:rgb(255, 255, 255); + padding-top: 7px; + text-align: center; + text-decoration: none; + font-size: 15px; + background-color:red ; +} + + +.haupt #secondItem #shoppingwagen{ + position: absolute; + width: 30px; + top:165px; + right: 60px; +} + +.haupt .percypar{ + position: absolute; + top: 250px; + width: 80%; + color: #000; + text-align: left; +} +/*second item ends*/ + +/*third book in warenkorb and its details */ + +#thirdItem{ + position: absolute; + top: 580px; + left: 15px; + width:100% +} +/*third item ends*/ + +/*fourth book in warenkorb and its details */ + +#fourthItem{ + position: absolute; + top: 880px; + left: 15px; + width:100% +} +/*fourth item ends*/ + + +#reservieren +{ + background-color: #E5D3B3; + position: absolute; + top: 70px; + left: 1050px; + width: 300px; + height: 150px; +} + +#jetztReservieren{ + position: relative; + top: 50px; + left: 75px; + width: 120px; + height: 55px; + background-color:#664220 ; + color:rgb(255, 255, 255); + padding-right:15px; + padding-left: 15px; + padding-top: 10px; + padding-bottom: 10px; + text-align: center; + text-decoration: none; + border-radius: 8px; +} + +#ArtikelWarenkorb{ + position: relative; + top: 20px; + left: 100px; + align-items: center; +} + +.headerinItem{ + position: relative; + top: -200px; + left: 150px; + width: 400px; +} +.discinItem{ + position: absolute; + top: 50px; + left: 150px; +} + +.main .containerOfAll .items .greenbutton{ + position: absolute; + top: 165px; + left: 150px; + width: 100px; + height: 25px; + color:rgb(255, 255, 255); + padding-top: 7px; + text-align: center; + text-decoration: none; + font-size: 15px; + background-color:#7DAD47 ; +} +.main .containerOfAll .items .redbutton{ + position: absolute; + top: 165px; + left: 150px; + width: 180px; + height: 25px; + color:rgb(255, 255, 255); + padding-top: 7px; + text-align: center; + text-decoration: none; + font-size: 15px; + background-color:red ; +} + +.inputPlusMinus{ + position: absolute; + top: 185px; + left: 800px; +} + +.binPicture{ + position: absolute; + top: -15px; + left: 100px; +} + + +#minusButton{ +position: absolute; +top: -15px; +left: 0px; +} + +#plusButton{ + position: absolute; + top: -15px; + left: 70px; + } + +.plus-minus-input .input-group-field { + text-align: center; + position:absolute; + width: 30px; + height: 20px; + top: -15px; + left: 28px; +} + +.plus-minus-input .input-group-field::-webkit-inner-spin-button, +.plus-minus-input .input-group-field ::-webkit-outer-spin-button { + -webkit-appearance: none; + appearance: none; +} + +.plus-minus-input .input-group-button .circle { + border-radius: 50%; + padding: 0.15em 0.35em; +} + +/*------WarenKorb ENDS-------*/ + +/*buecher begins */ +.containerofbuecher{ + overflow-y: scroll; + overflow-x: hidden ; + display: flex; + position: absolute; + top: 200px; + width: 100%; + height: 66%; +} +.containerofbuecher{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.containerofbuecher::-webkit-scrollbar { + display: none; +} + +#büchertitel{ + position: absolute; +top:35px; +left:35px; +font-size: 30px; +} + +.containerofbuecher #firstItem{ + position: absolute; + top:100px; + left: 45px; +} + +.containerofbuecher #secondItem{ + position: absolute; + top:400px; + left: 45px; +} + +.containerofbuecher #thirdItem{ + position: absolute; + top:700px; + left: 45px; +} + +.containerofbuecher #fourthItem{ + position: absolute; + top:1000px; + left: 45px; +} + +.containerofbuecher .items .redbutton{ + position: absolute; + top: 165px; + left: 150px; + width: 180px; + height: 25px; + color:rgb(255, 255, 255); + padding-top: 7px; + text-align: center; + text-decoration: none; + font-size: 15px; + background-color:red ; +} + +.containerofbuecher .items .greenbutton{ + position: absolute; + top: 165px; + left: 150px; + width: 100px; + height: 25px; + color:rgb(255, 255, 255); + padding-top: 7px; + text-align: center; + text-decoration: none; + font-size: 15px; + background-color:#7DAD47 ; +} + +.containerofbuecher .items .binPicture{ + position: absolute; + top: 170px; + left: 90%; +} + +/*meine Bücher begins*/ +.containerofmeinebuecher{ + overflow-y: scroll; + overflow-x: hidden ; + display: flex; + position: absolute; + top: 200px; + width: 100%; + height: 65%; +} +.containerofmeinebuecher{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.containerofmeinebuecher::-webkit-scrollbar { + display: none; +} + +#meinebüchertitel{ + position: absolute; +top:35px; +left:35px; +font-size: 30px; +} + +.containerofmeinebuecher #firstItem{ + position: absolute; + top:100px; + left: 45px; +} + +.containerofmeinebuecher #secondItem{ + position: absolute; + top:400px; + left: 45px; +} + +.containerofmeinebuecher #thirdItem{ + position: absolute; + top:700px; + left: 45px; +} + +.containerofmeinebuecher #fourthItem{ + position: absolute; + top:1000px; + left: 45px; +} + +.containerofmeinebuecher .items .redbutton{ + position: absolute; + top: 120px; + left: 150px; + width: 200px; + height: 25px; + color:rgb(255, 255, 255); + padding-top: 7px; + text-align: center; + text-decoration: none; + font-size: 15px; + background-color:red ; +} + +.containerofmeinebuecher .items .greenbutton{ + position: absolute; + top: 120px; + left: 150px; + width: 200px; + height: 25px; + color:rgb(255, 255, 255); + padding-top: 7px; + text-align: center; + text-decoration: none; + font-size: 15px; + background-color:#7DAD47 ; +} + +.containerofmeinebuecher .items .binPicture{ + position: absolute; + top: 170px; + left: 90%; +} + +.containerofmeinebuecher .items #message{ + position: absolute; + top: 170px; + left: 150px; + width: 700px; +} + +/*------ ANMELDEN BEGINS-----*/ +.anmeldung{ + position: fixed; + top: 230px; + left: 40px; +} +.anmeldung-rest{ + position: fixed; + top: 280px; + left: 50px; +} + +.anmeldung-überschriften{ + font-weight: normal; + color:#000000; +} + +.anmeldung-überschriften h1{ + font-size: 50px; +} + +.anmeldeInput h2, .anmeldeInput form { + font-size: 22px; +} + +#obererText{ + font-size: 20px; + padding-bottom: 25px; +} +#obererText a { + color: #1b1f21; + text-decoration: none; +} +#obererText a:hover { + text-decoration: underline; +} + +.anmeldeInput hr { + background-color:#A78766; + height: 3px; + width: 390px; + border: none; + margin-top: 10px; + margin-bottom: 20px; +} + +.anmeldeInput form input { + height: 30px; + width: 380px; + margin-bottom: 20px; +} + +.anmeldung-ausklappen details summary:hover { + cursor: pointer; + text-decoration: underline; +} + +.anmeldung-ausklappen details { + margin-bottom: 20px; +} + +.anmeldung-ausklappen p { + margin-left: 17px; +} +.anmeldung-ausklappen p a{ + text-decoration: none; + color: #1b1f21; +} +.anmeldung-ausklappen p a:hover{ + text-decoration: underline; + color: #1b1f21; +} +#anmeldebutton:hover { + cursor: pointer; +} + +#question-mark:hover { + cursor: pointer; +} + +#question-mark #tooltip { + visibility: hidden; + height: fit-content; + background-color: #fff; + color: #000; + border-color: #000; + border-width: 2px; + text-align: center; + padding: 5px 0; + border-radius: 6px; + font-size: 12px; + + position: absolute; + z-index: 1; +} + +#question-mark:hover #tooltip { + visibility: visible; +} + +#anmeldebutton{ + + position: relative; + width: 120px; + height: 35px; + background-color:#664220 ; + color:rgb(255, 255, 255); + padding-right:15px; + padding-left: 15px; + padding-top: 10px; + padding-bottom: 10px; + text-align: center; + text-decoration: none; + border-radius: 8px; border: 0; +} + + + +/*----- ANMELDEN ENDS-------*/ + +/*----- Registrierung-------*/ + +#errorMessage { + color: red; + display: none; + margin: 0px; + padding: 0px; + font-size: 12px; +} + +#registrierungTitel{ + position: absolute; + font-size: 25px; + color: #000; + left: 15px; + top:20px; +} + +#datenSchutzHinweisRegistrierung{ + position: relative; + font-size: 15px; + color: #000; + left: 25px; + top:40px; +} + +#registrierungAngabenZurRegistrierung{ + position: relative; + font-size: 15px; + color: #000; + left: 25px; + top:55px; +} + +#registrierungInputDiv{ + position: relative; + left: 25px; + top:55px; +} + +#registrierungHr{ + position: relative; + width: 275px; + color: #664220; +} + +.registrierenNormalesTextfeld, #errorMessage { + width: 275px; +} + +#strasse{ + width: 212px; +} + +#hausNummer{ + width: 50px; +} + +#postleitzahl{ + width: 85px; +} + +#ort{ + width: 177px; +} + +.registrierenKnopf { + position: relative; + width: 120px; + height: 35px; + background-color:#664220 ; + color:rgb(255, 255, 255); + padding: 10px 15px; + text-align: center; + text-decoration: none; + border-radius: 8px; + border: 0; + cursor: pointer; +} + +#registrierenAusklappe{ + padding-left: 13px; +} + +/* Chrome, Safari, Edge, Opera */ +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; margin: 0; - padding: 1em 1.7em; +} + +/* Firefox */ +input[type=number] { + -moz-appearance: textfield; +} + +/*----- Registrierung Ende-------*/ + +/*----- Registrierung erfolgreich -----*/ + +.mainContentContainer{ + overflow-y: scroll; + position: absolute; + display:flex; + flex-direction: column; + height: 70.5%; + width: 100%; + top:200px; +} + +.mainContentContainer{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.mainContentContainer::-webkit-scrollbar { + display: none; +} + +.titleContainer { + padding-top: 35px; + padding-left: 35px; +} + +#registeredTitle { + font-size: 30px; +} + +.mainContent { + padding-top: 25px; + padding-left: 55px; + padding-right: 50px; +} + +#textFirstHalf, #cardID { + display: inline; +} + +#loginNowButton { + width: auto; + height: auto; + background-color:#664220 ; + color:white; + font-size: 15px; + padding: 10px 15px; + text-align: center; + border-radius: 8px; + border: none; + cursor: pointer; +} + +/*----- Registrierung erfolgreich Ende -----*/ + +/*----- Abmelden -----*/ + +.mainContentContainer{ + overflow-y: scroll; + position: absolute; + display:flex; + flex-direction: column; + height: 70.5%; + width: 100%; + top:200px; +} + +.mainContentContainer{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} + +.mainContentContainer::-webkit-scrollbar { + display: none; +} + +.titleContainer { + padding-top: 35px; + padding-left: 35px; +} + +#logOffTitle { + font-size: 30px; +} + +.mainContent { + padding-top: 25px; + padding-left: 55px; + padding-right: 50px; +} + +#mainText { + display: inline; +} + +.buttonContainer { + display: flex; + gap: 20px; + flex-wrap: wrap; +} + +#confirmButton, #abortButton { + width: auto; + height: auto; + background-color:#664220 ; + color:white; + font-size: 15px; + padding: 10px 15px; + text-align: center; + border-radius: 8px; + border: none; + cursor: pointer; +} + +/*----- Abmelden Ende -----*/ + +/*----- Abmelden erfolgreich -----*/ + +.mainContentContainer{ + overflow-y: scroll; + position: absolute; + display:flex; + flex-direction: column; + height: 70.5%; + width: 100%; + top:200px; +} + +.mainContentContainer{ + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} + +.mainContentContainer::-webkit-scrollbar { + display: none; +} + +.titleContainer { + padding-top: 35px; + padding-left: 35px; +} + +#logOffSuccessfulTitle { + font-size: 30px; +} + +.mainContent { + padding-top: 25px; + padding-left: 55px; + padding-right: 50px; +} + +#mainText { + display: inline; +} + +/*.buttonContainer -> siehe Abmelden*/ + +#backToHomeButton, #logInAgainButton { + width: auto; + height: auto; + background-color:#664220 ; + color:white; + font-size: 15px; + padding: 10px 15px; + text-align: center; + border-radius: 8px; + border: none; + cursor: pointer; +} + +/*----- Abmelden erfolgreich Ende -----*/ + +/*Reservierung*/ + +#reservierung { + position: absolute; + top: 230px; + left: 50px; + width: 100vw; +} +#reservierung h1 { + font-size: 40px; + font-weight: normal; +} +#reservierung-left #möchten-sie { + font-size: 24px; + margin: 20px 0; +} +.beschreibung h2 { + font-size: 22px; + font-weight: normal; +} + +#reservierung-left { + margin-left: 40px; + display: grid; + width: 100%; +} +#reservierung-left .item { + display: flex; +} +#reservierung-left hr { + margin: 20px 0; + width: 80%; + background-color:#A78766; + height: 2px; + border: none; +} +#reservierung-left #erklärung { + font-size: 20px; + width: 80%; + overflow: auto; + margin: 20px 0; +} +#reservierung-left #erklärung a { + text-decoration: none; + color: #1b1f21; +} +#reservierung-left #erklärung :hover { + text-decoration: underline; +} +#button-container { + display: flex; + width: 80%; + justify-content: space-between; +} +#reservierung-left .beschreibung { + margin-left: 20px; + display: flex; + flex-direction: column; + justify-content: space-between; +} +.b2 { + text-align: center; + vertical-align: center; + line-height: 40px; + height: 40px; + width: 200px; + border-width: 0; color: #fff; } - input:before { - content: "\f0c9"; - font-size: 2em; - font-weight: bold; +.beschreibung .green { + background-color: #70AD47; +} +.beschreibung .red { + background-color: #F22C2C; +} +#button-container a { + height: 25px; + background-color: #664220; + color: rgb(255, 255, 255); + padding: 10px 15px; + text-align: center; + vertical-align: center; + line-height: 25px; + text-decoration: none; + border-radius: 8px; + border: 0; } - input:checked { - background: #1b1f21; - color: #b3b3b3; +/*Reservierung Ende*/ + +/*Verlängerung Start*/ + +#verlängerung { + overflow-y: scroll; + display:flex; + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ + position: absolute; + top: 230px; + left: 50px; + width: 100vw; } - input:checked + .mylinks { - display: block; +#verlängerung h1 { + font-size: 40px; + font-weight: normal; +} +#verlängerungContent { + position: fixed; + margin-top: 40px; + margin-left: 25px; + display: grid; + width: 100%; } -#nav-toggle { - position: absolute; - top: 0px; +#verlängerungContent #möchten-sie { + font-size: 24px; + margin: 20px 0; } -.icon-burger { - display: none; - position: absolute; - right: 5%; - top: 5%; - transform: translateY(-50%); - cursor:pointer; -} - .icon-burger .line { - width: 30px; - height: 5px; - background-color: #fff; - margin: 5px; - border-radius: 3px; - transition: all .3s ease-in-out; +.beschreibung h2 { + font-size: 22px; + font-weight: normal; } -@media screen and (max-width: 768px) { +#verlängerungItem .beschreibung h3{ + font-weight: normal; + margin-top: -100px; +} - nav .mylinks { - float: none; - position: fixed; - z-index: 9; - left: 0; - right: 0; - top: 100px; - bottom: 100%; - width: auto; - height: auto; - flex-direction: column; - justify-content: space-evenly; - background-color: rgba(0,0,0,.8); - overflow: hidden; - box-sizing: border-box; - transition: all .5s ease-in-out; - } +#verlängerungContent .item { + display: flex; +} + +#verlängerungContent hr { + margin: 20px 0; + width: 80%; + background-color:#A78766; + height: 2px; + border: none; +} + +#verlängerungButtonContainer { + margin-top: 25px; + display: flex; + width: 80%; + justify-content: start; +} + +#verlängerungButtonContainer #verlängerungButton1{ + margin-right: 20px; + width: 110px; +} + +#verlängerungButtonContainer #verlängerungButton2{ + width: 110px; +} + +#verlängerungContent .beschreibung { + margin-left: 20px; + display: flex; + flex-direction: column; + justify-content: space-between; +} +.b2 { + text-align: center; + vertical-align: center; + line-height: 40px; + height: 40px; + width: 200px; + border-width: 0; + color: #fff; +} + +.beschreibung .green { + background-color: #70AD47; +} +.beschreibung .red { + background-color: #F22C2C; +} +#verlängerungButtonContainer a { + height: 25px; + background-color: #664220; + color: rgb(255, 255, 255); + padding: 10px 15px; + text-align: center; + vertical-align: center; + line-height: 25px; + text-decoration: none; + border-radius: 8px; + border: 0; +} +/*Verlängerung Ende*/ + +/*Largest Devices*/ +@media screen and (max-width:1400px){ + #sidecandle{ + width: 12%; + } + .p1{ + max-width: 86%; + } + .p2{ + max-width: 86%; + } + .containerOfAll{ + width: 85%; + left: 35px; + height: 65%; + } + .containerOfAll .items .inputPlusMinus{ + left: 600px; + } + + .main #reservieren{ + top: 600px; + left: 100px; + } + + .main{ + overflow-x: hidden; + position: absolute; + top:200px; + right: 10px; + height: 65%; +} - nav .mylinks a { - font-size: 20px; - } - nav :checked ~ .mylinks { - bottom: 0; - } - nav .icon-burger { +} + +/*Large Devices*/ +@media screen and (max-width:1200px){ + #sidecandle{ + width: 12%; + } + .p1{ + max-width: 86%; + } + .p2{ + max-width: 86%; + } + .containerOfAll{ + width: 85%; + left: 35px; + height: 500px; + } + .containerOfAll .items .inputPlusMinus{ + left: 600px; + } + + .main #reservieren{ + top: 600px; + left: 100px; + + } + .main{ + overflow-x: hidden; + position: absolute; + top:200px; + right: 10px; + height: 65%; +} +} + +/*medium Devices*/ +@media screen and (max-width:1000px){ + #sidecandle{ + width: 14%; + } + .p1{ + max-width: 84%; + } + .p2{ + max-width: 84%; + } + .containerOfAll .items .inputPlusMinus{ + left: 500px; +} +.containerOfAll{ + width: 90%; +} + +.main{ + + height: 65%; +} +.containerofmeinebuecher .items #message{ + width: 400px; +} + +} +/*small Devices*/ +@media screen and (max-width:800px){ + + #sidecandle{ + width: 16%; + } + .p1{ + max-width: 81%; + } + .p2{ + max-width: 81%; + } + + .containerofbuecher .items .binPicture{ + left: 80%; + } + + .containerofmeinebuecher .items .binPicture{ + left: 80%; + } + + .containerOfAll .items .inputPlusMinus{ + left: 280px; + } + .containerOfAll{ + width: 90%; + } + .main #reservieren{ + top: 600px; + left: 100px; + + } + .main { + height: 65%; + + } + .main .containerOfAll .items .redbutton{ + width: 100px; + height: 40px; + top: 150px; + } + + .containerofmeinebuecher .items #message{ + width: 240px; + } + /*Burger Menu*/ +/*invisibility and deactivate buttons*/ + #uberuns{ + pointer-events: none; + opacity: 0; + } + #buecher{ + pointer-events: none; + opacity: 0; + } + #meinebuecher{ + pointer-events: none; + opacity: 0; + } + + #nav-toggle { + opacity: 0; + pointer-events: none; + } + .suchleiste{ + opacity: 0; + pointer-events: none; + } + #buttonID{ + opacity: 0; + pointer-events: none; + } + /*Reposition*/ + #erweitertesuche{ + position: fixed; + right: 60px; + top: 15px; + } + + /*Burger Icon creation and position*/ + .icon-burger { + display: none; + position: fixed; + top: 24px; + right: 10px; + transform: translateY(-50%); + cursor:pointer; + } + .icon-burger .line { + width: 30px; + height: 5px; + background-color: #fff; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + } + nav .icon-burger { display: block; } - + /*Burger Icon rotation / Animation*/ nav :checked ~ .icon-burger .line:nth-child(1) { transform: translateY(10px) rotate(225deg); } @@ -197,7 +1710,212 @@ body{ opacity: 0; } + #uberuns{ + position: fixed; + left: 0px; + top: 150px; + text-align: center; + } + +#buecher{ + position: fixed; + left: 50%; + top: 50%; +} +#meinebuecher{ + position: fixed; + left: 300px; + top: 150px; +} + +/*erweiterte Suche*/ +.hauptcontainer .buchtitel{ + left:20px; +} +.hauptcontainer .buchtiteloptions{ + top: 110px; + left:20px; +} + +.hauptcontainer .und-wort1{ + top: 140px; + left:20px; +} + +.hauptcontainer .und-wort2{ + left:20px; + top: 200px; +} + +.hauptcontainer .autor{ + top: 140px; + left:100px; +} + +.hauptcontainer .autoroptions{ + top: 170px; + left:20px; +} + +.hauptcontainer .stichwort{ + top: 200px; +} + +.hauptcontainer .stichwörteroptions{ + top: 230px; + left:20px; +} + +.hauptcontainer #weiteresuchkriterien{ + top: 270px; + +} + +.hauptcontainer .jahrvon{ + top: 300px; +} + +.hauptcontainer .anfangsdatum{ + top: 330px; + left: 20px; + +} + +.hauptcontainer .bis{ + top: 330px; + left: 140px; +} + +.hauptcontainer .endsdatum{ + top: 330px; + left: 170px; +} + +.hauptcontainer .sprache{ + top: 370px; +} + +.hauptcontainer .spracheingabe{ + top: 400px; + left:20px; + +} + +.hauptcontainer .verfügbarkeit{ + top: 430px; + left: 20px; +} + +.hauptcontainer .checkbox{ + top: 460px; + left: 20px; +} + +.hauptcontainer .kommentar{ + top:460px; + left: 40px; + font-size: 15px; +} + +.hauptcontainer #suchen{ + top: 500px; +} +.hauptcontainer #suchfelderleeren{ + top: 500px; +} + + +} +/*extra small Devices*/ +@media screen and (max-width:620px){ + + #sidecandle{ + width: 16%; + } + + .p1{ + max-width: 80%; + } + + .p2{ + max-width: 80%; + } + + .headerinItem{ + word-break: break-word; + font-size: 15px; + width: 200px; + } + + .main .containerOfAll .items .redbutton{ + width: 100px; + height: 40px; + } + +} + + +.fuss{ + height: 74px;; + width: 100%; + position: fixed; + background-color: #24140d; + display: flex; + bottom: 0px; + +} + +#impressum{ + position: fixed; + left: 0px; + bottom: 12px; + width: 120px; + height: 35px; + background-color:#664220 ; + color:rgb(255, 255, 255); + padding-right:10px; + padding-left: 8px; + padding-top: 15px; + padding-bottom: 0px; + text-align: center; + text-decoration: none; +} + +#kontakt{ +position: fixed; +left: 150px; +bottom: 12px; +width: 120px; +height: 35px; +background-color:#664220 ; +color:rgb(255, 255, 255); +padding-right:10px; +padding-left: 8px; +padding-top: 15px; +padding-bottom: 0px; +text-align: center; +text-decoration: none; +} + + +#datenschutz{ +position: fixed; +left: 300px; +bottom: 12px; +width: 120px; +height: 35px; +background-color:#664220 ; +color:rgb(255, 255, 255); +padding-right:10px; +padding-left: 8px; +padding-top: 15px; +padding-bottom: 0px; +text-align: center; +text-decoration: none; +} + + + -} \ No newline at end of file diff --git a/uberUns.html b/uberUns.html index 110f1a3..59e6392 100644 --- a/uberUns.html +++ b/uberUns.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -12,8 +12,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle

diff --git a/verlaengerung.html b/verlaengerung.html index 96f34f0..438cebf 100644 --- a/verlaengerung.html +++ b/verlaengerung.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -13,7 +13,7 @@



- Bibliothek Bild von einer Kerze Bild von einer Kerze

Candle

diff --git a/warenkorb.html b/warenkorb.html index c34a981..46acf91 100644 --- a/warenkorb.html +++ b/warenkorb.html @@ -4,7 +4,7 @@ - + Candle Bibliothek @@ -24,8 +24,8 @@



- Bibliothek Bild von einer Kerze + Bibliothek Bild von einer Kerze

Candle