von Stephen King
+ Rückgabe am: 03.05.2023
+
diff --git a/probestyle.css b/probestyle.css
index c45e4cf..4fcbe73 100644
--- a/probestyle.css
+++ b/probestyle.css
@@ -1282,6 +1282,109 @@ input[type=number] {
/*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{
diff --git a/verlaengerung.html b/verlaengerung.html
new file mode 100644
index 0000000..96f34f0
--- /dev/null
+++ b/verlaengerung.html
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+ 
+ Möchten Sie das folgende Buch um 7 Tage verlängern?
+ +
+ 