Bearbeitet für abmelden und abmelden_erfolgreich

1x C entfernt

probestyle.css

@@ -768,7 +768,7 @@ left: 0px;
 top:35px;
 left:35px;
 font-size: 30px;
-}c
+}
 
 .containerofbuecher #firstItem{
   position: absolute;
@@ -1191,6 +1191,124 @@ input[type=number] {
 
 /*----- 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 {