<turbo-stream action="update" target="remote_modal"><template>
  <turbo-frame id="remote_modal" target="_top">
  <div id="InfoModal" tabindex="-1" aria-hidden="true" class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full" data-controller="modal">
    
    <!-- Modal header CLOSE Button -->
    <button type="button" class="absolute top-10 end-0 z-30 text-gray-900 bg-transparent" data-action="click->modal#hideModal">
      <svg aria-hidden="true" class="w-56 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
      <span class="sr-only">Close modal</span>
    </button>
 
    
    <div class="relative w-full max-w-7xl max-h-full" data-controller="carousel">
      <!-- Modal content -->
      <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">

          <div data-carousel-target="image" class="">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI3LCJwdXIiOiJibG9iX2lkIn19--31bb43067ef3cc879b65b0d7c0cdfcd38383681b/a%20Verde%20Gesamt.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI4LCJwdXIiOiJibG9iX2lkIn19--2f4b055843dda7faa135959f5e6a1eaad6579156/B.%20Verde%20Bett.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI5LCJwdXIiOiJibG9iX2lkIn19--2a609c563ed5b3cd191a89d177752f81392f806d/c%20AzulVerde%20Balkon.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjMwLCJwdXIiOiJibG9iX2lkIn19--0d32893843edcc3d9975fba96c35aa710d7e99d0/d.%20Verde%20gesamt.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjMxLCJwdXIiOiJibG9iX2lkIn19--8b173b7e04b172e2030781fde0a4fd1d2531a4d3/e%20Bank%20Wohnzimmer.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjMyLCJwdXIiOiJibG9iX2lkIn19--d94f9be2e12fe8ec3ca14ef73a86120ebe02b48a/f%20Esstisch%20Wohnzimmer.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjMzLCJwdXIiOiJibG9iX2lkIn19--59134d918e8d33c04c376d01511f8bcacaf9a588/g%20Essentisch.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjM0LCJwdXIiOiJibG9iX2lkIn19--c572c98b5defea2d7b966bd75cc028d325381609/i%20Wohnzimmer.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjM1LCJwdXIiOiJibG9iX2lkIn19--a803772c2b70b668a2281ba4c6974b4464ce10ac/j%20Badezimmer.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjM2LCJwdXIiOiJibG9iX2lkIn19--b806b973e43a4fdfcc9967e1bbb045a2815e094e/k%20Kpche.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjM3LCJwdXIiOiJibG9iX2lkIn19--71b6e1fd899b51385947118991831793d6845211/m%20Blick%20aus%20dem%20Wohnzimmer.jpg?locale=de" />
          </div>
      
        <!-- Slider controls -->
        <button type="button" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#previous">
            <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
                <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
                </svg>
                <span class="sr-only">Previous</span>
            </span>
        </button>
        <button type="button" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"  data-action="click->carousel#next">
            <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
                <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
                </svg>
                <span class="sr-only">Next</span>
            </span>
        </button>
        
      </div>
    </div>
  </div>
</turbo-frame>
</template></turbo-stream>