.spiderBooking-modal-opened body#top {
      overflow: unset !important;
      padding-right: 0px !important;
    }
    
    #gutscheine {
      display: none;
    }

    /* Container hält Button + Pfeil zusammen */
    .button-container {
      position: fixed;
      top: 50vh;
      right: 0px;
      display: flex;
      align-items: center;
      gap: 10px;
      z-index: 1000;
    }

    /* Der Pfeil */
    .arrow {
      font-size: 28px;
      color: #ffffff;
      position: relative;
      right: -30px;
      cursor: pointer;
      user-select: none;
      animation: pulse 1.2s infinite;
      opacity: 0.9;
      transition: transform 0.3s ease;
    }

    @keyframes pulse {
      0% { transform: translateX(0); opacity: 0.6; }
      50% { transform: translateX(-5px); opacity: 1; }
      100% { transform: translateX(0); opacity: 0.6; }
    }

    /* Der Button */
    .slide-button {
      width: 60px;
      height: 200px;
      background-color: #81a196;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.4s ease;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
      overflow: hidden;
    }

    .slide-button .icon {
      font-size: 20px;
      transition: transform 0.4s ease;
    }

    .slide-button .text {
      display: none;
      white-space: nowrap;
      margin-left: 10px;
      font-weight: bold;
      transition: opacity 0.3s ease;
    }

    .slide-button #link {
        transform: rotate(180deg);
        writing-mode: vertical-lr;
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .07rem;
        font: 1rem Open Sans;
        font-weight: 400;
        transition: top 0.5s linear, 1.4s text-decoration-color ease, background-color 1.4s, color 1.4s !important;
        text-decoration-color: transparent;
    }
    
    .slide-button #link:hover {
      text-decoration: underline;
      /*text-decoration-color: #ffffff;*/
    }
    
    /* Wenn geöffnet */
    .button-container.open .slide-button {
      width: 800px;
      justify-content: flex-start;
      padding-left: 20px;
      background: rgb(129, 161, 150, 0.8);
    }

    .button-container.open .slide-button .text {
      display: inline;
      opacity: 1;
      position: absolute;
      z-index: 30;
      top: 90px;
    }
    
   .button-container.open .slide-button #link {
      opacity: 0;
    }

    .button-container.open .slide-button .icon {
      transform: rotate(90deg);
    }

    /* Pfeil zeigt in andere Richtung beim Öffnen */
    .button-container.open .arrow {
      animation: none; /* kein Blinken mehr */
      height: 200px;
      width: 30px;
      right: -40px;
      text-align: center;
      justify-content: center;
    }


    /* Spider-Button Formular */
    .button-container.open label {
      font-family: Open Sans !important;
      font-size: 1rem !important;
      font-weight: 400 !important;
      letter-spacing: 0rem !important;
      line-height: 1.9rem !important;
      color: #ffffff;
    }
    
    .button-container.open .spiderBooking__input-block:has(label[for="nbChildren"]),
    .button-container.open .spiderBooking__input-block:has(label[for="nbInfants"]){
      display: none;
    }
    
    .button-container.open .spiderBooking__input-block {
      width: 270px !important;
    }
    
    .button-container.open .spiderBooking-input-block__input {
      width: 270px !important;
      height: 60px !important;
      margin-left: 0px !important;
    }
    
    .button-container.open .spiderBooking-input-block__input i {
      z-index: 101;
    }
    
    .button-container.open .spiderDatepicker-wrapper .spiderDatepicker-input,
    .button-container.open .spiderBooking__input-block .spiderSelect-container {
      background-color: rgb(255, 255, 255, 0.8);
      border: 1px solid #81a196;
      border-radius: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -moz-border-radius: 0;
    }
    
    .spiderDatepicker-day.endRange, .spiderDatepicker-day.endRange.inRange, .spiderDatepicker-day.endRange.nextMonthDay, .spiderDatepicker-day.endRange.prevMonthDay, .spiderDatepicker-day.endRange:focus, .spiderDatepicker-day.endRange:hover, .spiderDatepicker-day.selected, .spiderDatepicker-day.selected.inRange, .spiderDatepicker-day.selected.nextMonthDay, .spiderDatepicker-day.selected.prevMonthDay, .spiderDatepicker-day.selected:focus, .spiderDatepicker-day.selected:hover, .spiderDatepicker-day.startRange, .spiderDatepicker-day.startRange.inRange, .spiderDatepicker-day.startRange.nextMonthDay, .spiderDatepicker-day.startRange.prevMonthDay, .spiderDatepicker-day.startRange:focus, .spiderDatepicker-day.startRange:hover {
      color: #fff;
      border-color: #81a196 !important;
      background: #81a196 !important;
    }
    
    .spiderDatepicker-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
      -webkit-box-shadow: -10px 0 0 #81a196 !important;
      box-shadow: -10px 0 0 #81a196 !important;
    }
    
    .spiderDatepicker-day.inRange {
      -webkit-box-shadow: -5px 0 0 #f2f4f6, 5px 0 0 #e0e7e3 !important;
      box-shadow: -5px 0 0 #f2f4f6, 5px 0 0 #e0e7e3 !important;
    }
    
    .spiderDatepicker-day.inRange, .spiderDatepicker-day.nextMonthDay.inRange, .spiderDatepicker-day.nextMonthDay.today.inRange, .spiderDatepicker-day.nextMonthDay:focus, .spiderDatepicker-day.nextMonthDay:hover, .spiderDatepicker-day.prevMonthDay.inRange, .spiderDatepicker-day.prevMonthDay.today.inRange, .spiderDatepicker-day.prevMonthDay:focus, .spiderDatepicker-day.prevMonthDay:hover, .spiderDatepicker-day.today.inRange, .spiderDatepicker-day:focus, .spiderDatepicker-day:hover, .spiderSelect-container .spiderSelect-results li.highlighted {
      border-color: #e0e7e3 !important;
      background: #e0e7e3 !important;
    }
    
    .spiderSelect-container .spiderSelect-results li:not(:last-child) {
      border-bottom: 1px solid #e0e7e3 !important;
    }
    
    .spiderSelect-container .spiderSelect-results li.highlighted span {
      -webkit-transform: translateX(0px)!important;
      transform: translateX(0px) !important;
    }
    
    #spiderBooking .spiderBooking-form__actions-toolbar button.spiderBooking-form__button:hover span,
    #spiderBooking .spiderBooking-form__actions-toolbar button.spiderBooking-form__button:hover {
      -webkit-transform: translateX(0px)!important;
      transform: translateX(0px) !important;
      background-color: #81a196 !important;
      color: #ffffff !important;
      font-weight: 400 !important;
      
    }

    .spiderSelect-container .spiderSelect-results::-webkit-scrollbar-thumb {
        background-color: #81a196 !important;
    }
    
    #spiderBooking .spiderBooking-form__actions-toolbar button.spiderBooking-form__button:hover span,
    .button-container.open .spiderBooking .spiderBooking-form__button {
      width: 170px;
      height: 60px;
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #fff;
      border: 1.3pt solid #739a8c;
      border-radius: 0;
      text-decoration: none;
      color: #81a196;
      text-transform: uppercase;
      letter-spacing: .07rem;
      font: 1rem / 60px Open Sans;
      font-weight: 400;
      transition: 1.4s text-decoration-color linear, background-color 1.4s, color 1.4s !important;
      transition-behavior: normal, normal, normal !important;
      transition-duration: 1.4s, 1.4s, 1.4s !important;
      transition-timing-function: linear, ease, ease !important;
      transition-delay: 0s, 0s, 0s !important;
      transition-property: text-decoration-color, background-color, color !important;
    }
    
    .spiderBooking-form__actions-toolbar button.spiderBooking-form__button span {
      -webkit-transition: -webkit-transform 0s !important;
      transition: -webkit-transform 0s !important;
      transition: transform 0s, -webkit-transform 0s !important;
    }
    
    #spiderBooking {
      width: 800px;
      position: relative;
      top: -40px;
    }

    #hotel-spider {
      width: 90vw;
      height: 800px;
      display: flex;
      margin: auto;
    }

    /* Hotel-Spider iframe */
    .spiderBooking-modal {
      background-color: rgba(255, 255, 255, 0.8) !important;
      z-index: 10000 !important;
      padding-bottom: 200px !important;
    }
    
    .spiderBooking-modal__top {
      position: absolute;
      right: 5vw;
      top: 90px;
    }
    
    .spiderBooking-modal__content {
      top: 90px;
      width: 90vw;
      position: relative !important;
      margin: auto;
      border: 2px solid black;
    }
    
    .spiderBooking-loader {
      margin-top: 30px;
      position: relative !important;
    }

    /* Zimmer Button */    
    #spiderBookingRoom .spiderBooking__input-block {
      display: none;
    }
    
    #spiderBookingRoom .spiderBooking-form__button {
        text-decoration: none;
        color: #81a196;
        background-color: #ffffff;
        text-transform: uppercase;
        letter-spacing: .07rem;
        font: 1rem Open Sans;
        font-weight: 400;
        width: 168px;
        height: 60px;
        display: block;
        /*border: 1.3px solid #81a196;*/
        line-height: 60px;
        text-decoration-color: transparent !important;
        transition: 1.4s text-decoration-color linear, background-color 1.4s, color 1.4s !important;
    }
    
    #spiderBookingRoom .spiderBooking-form__button:hover {
      color: #ffffff;
      background-color: #81a196;
    }