Die Besten Hotels in Palma, Spanien

<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="description" content="Warum sollte man Hotels wählen, wenn man nach Palma reist? Palma de Mallorca ist ein beliebtes Reiseziel in Spanien und lockt jährlich Millionen von"> <title>Die Besten Hotels in Palma, Spanien</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/de/palma-hotels" /> <meta property="og:locale" content="de_DE" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Die Besten Hotels in Palma, Spanien" /> <meta property="og:url" content="https://touristvr.com/de/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-IE" type="text/html" href="https://touristvr.com/ie/palma-de-mallorca-hotels" title="English"> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/palma-de-mallorca-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/palma-de-mallorca-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/palma-de-mallorca-hotels" title="English"> <link rel="alternate" hreflang="en-NZ" type="text/html" href="https://touristvr.com/nz/palma-de-mallorca-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/palma-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/palma-hotels" title="Français"> <link rel="alternate" hreflang="fr-BE" type="text/html" href="https://touristvr.com/fr-be/palma-hotels" title="Français"> <link rel="alternate" hreflang="fr-CA" type="text/html" href="https://touristvr.com/fr-ca/palma-hotels" title="Français"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/palma-de-mallorca-hoteles" title="Español"> <link rel="alternate" hreflang="es-AR" type="text/html" href="https://touristvr.com/ar/palma-de-mallorca-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/palma-di-maiorca-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/palma-de-mallorca-hotels" title="Nederlands"> <link rel="alternate" hreflang="pt-PT" type="text/html" href="https://touristvr.com/pt/palma-de-maiorca-hoteis" title="Português"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/palma-de-maiorca-hoteis" title="Português do Brasil"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "60€", "address": { "@type": "PostalAddress", "streetAddress": "Calle Apuntadors 8" }, "name": "Apuntadores 8" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "57€", "address": { "@type": "PostalAddress", "streetAddress": "Calle Ramon Muntaner, 30" }, "name": "Hotel Abelux" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "239€", "address": { "@type": "PostalAddress", "streetAddress": "Sant Jaume, 3" }, "name": "Hotel Born" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "138€", "address": { "@type": "PostalAddress", "streetAddress": "Paseo Ingeniero Gabriel Roca, 29" }, "name": "Hotel Melia Palma Marina" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "158€", "address": { "@type": "PostalAddress", "streetAddress": "Avenida Joan Miro, 269" }, "name": "Nixe Palace" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "96€", "address": { "@type": "PostalAddress", "streetAddress": "Carrer De Vista Alegre, 1" }, "name": "Hotel Amic Horizonte" } ] ,"includesAttraction": [ { "@type": "TouristAttraction", "name": "Museum Palau March" }, { "@type": "TouristAttraction", "name": "Santa Eulàlia" }, { "@type": "TouristAttraction", "name": "Museo de Munecas Antiguas" }, { "@type": "TouristAttraction", "name": "Stadion Son Moix" }, { "@type": "TouristAttraction", "name": "Burg San Carlos" } ] } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/de/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/de.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/ie/palma-de-mallorca-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ie.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IE</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/gb/palma-de-mallorca-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/palma-de-mallorca-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/en-us/palma-de-mallorca-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">US</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/nz/palma-de-mallorca-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/nz.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NZ</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/fr/palma-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/fr.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">FR</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/fr-be/palma-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/be.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BE</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/fr-ca/palma-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/es/palma-de-mallorca-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/es.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">ES</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/ar/palma-de-mallorca-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ar.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AR</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/it/palma-di-maiorca-hotel" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/it.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IT</span> <span class="text-secondary-950 text-base ">Italiano</span> </a> <a href="https://touristvr.com/nl/palma-de-mallorca-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/nl.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NL</span> <span class="text-secondary-950 text-base ">Nederlands</span> </a> <a href="https://touristvr.com/pt/palma-de-maiorca-hoteis" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/pt.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">PT</span> <span class="text-secondary-950 text-base ">Português</span> </a> <a href="https://touristvr.com/br/palma-de-maiorca-hoteis" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/br.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BR</span> <span class="text-secondary-950 text-base ">Português do Brasil</span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/data/images/city/1920x1080/207.JPEG" media="(min-width: 767px)"> <img class="zoom-in-and-out object-cover z-[-2] md:h-[540px]" width="100%" height="100%" src="https://images.touristvr.com/data/images/city/450x450/207.JPEG" alt=""/> </picture> </div> <div class="relative flex items-center justify-center h-[540px]"> <div class="flex flex-col items-center justify-center p-3 rounded-md bg-black bg-opacity-20 md:h-full md:bg-opacity-10 md:rounded-none"> <h1 class="text-6xl text-white font-bold mb-2 px-5 text-center md:text-4xl">Palma Hotels</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best Palma Hotels, Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">Palma</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Feb 25, 2025 - Feb 26, 2025 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-500 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Finden Sie <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full px-9 pb-5 md:px-5 "> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/de/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/de/spanien-hotels/'>Spanien Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/de/hotels-balearen/'>Balearen Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Palma Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to 100$</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Von $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Bewertung:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Ausgezeichnet 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#7bdfb5] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Sehr gut 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#fed169] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Gut 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="tent-capi-playa" data-bhotel-id="tent-capi-playa" data-name = "Tent Capi Playa" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/11234/1123420/1123420710.JPEG" data-lat="39.522677" data-lng="2.739952" data-price = "63€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11234/1123420/1123420710.JPEG" alt="" loading="lazy" data-bhotel-id="189097" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (331)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-tent-capi-playa-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Tent Capi Playa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">9.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">63€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="189097" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="melia-palma-marina" data-bhotel-id="melia-palma-marina" data-name = "Melia Palma Marina" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12723/1272338/1272338728.JPEG" data-lat="39.56457" data-lng="2.62783100000001" data-price = "142€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12723/1272338/1272338728.JPEG" alt="" loading="lazy" data-bhotel-id="98110" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (879)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-melia-palma-marina" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Melia Palma Marina</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">142€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="98110" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="gpro-valparaiso-palace-spa" data-bhotel-id="gpro-valparaiso-palace-spa" data-name = "Gpro Valparaiso Palace & Spa" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/16220/1622008/1622008898.JPEG" data-lat="39.55538" data-lng="2.619544" data-price = "134€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16220/1622008/1622008898.JPEG" alt="" loading="lazy" data-bhotel-id="91314" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (334)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-gpro-valparaiso-palace-spa-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Gpro Valparaiso Palace & Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">134€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91314" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-born" data-bhotel-id="hotel-born" data-name = "Hotel Born" data-rating = "8.6" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/13966/1396629/1396629431.JPEG" data-lat="39.571913" data-lng="2.647288" data-price = "96€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13966/1396629/1396629431.JPEG" alt="" loading="lazy" data-bhotel-id="322389" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (864)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-born-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Born</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">96€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="322389" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="nixe-palace" data-bhotel-id="nixe-palace" data-name = "Nixe Palace" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/7383/738343/738343045.JPEG" data-lat="39.55269" data-lng="2.60776" data-price = "157€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7383/738343/738343045.JPEG" alt="" loading="lazy" data-bhotel-id="91026" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (547)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-nixe-palace-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Nixe Palace</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">157€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91026" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-almudaina" data-bhotel-id="hotel-almudaina" data-name = "Hotel Almudaina" data-rating = "8.6" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/10375/1037598/1037598607.JPEG" data-lat="39.571949" data-lng="2.645263" data-price = "138€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10375/1037598/1037598607.JPEG" alt="" loading="lazy" data-bhotel-id="92739" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (1923)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-almudaina-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Almudaina</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">138€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="92739" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="catalonia-majorica" data-bhotel-id="catalonia-majorica" data-name = "Catalonia Majorica" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12723/1272342/1272342889.JPEG" data-lat="39.55602459" data-lng="2.62218385" data-price = "75€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12723/1272342/1272342889.JPEG" alt="" loading="lazy" data-bhotel-id="90622" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (1391)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-catalonia-majorica-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Catalonia Majorica</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">75€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90622" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-joan-miro-museum" data-bhotel-id="hotel-joan-miro-museum" data-name = "Hotel Joan Miro Museum" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/16029/1602950/1602950153.JPEG" data-lat="39.553381" data-lng="2.61065" data-price = "86€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16029/1602950/1602950153.JPEG" alt="" loading="lazy" data-bhotel-id="90300" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (565)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-joan-miro-museum-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Joan Miro Museum</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">86€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90300" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="posada-d-es-moli" data-bhotel-id="posada-d-es-moli" data-name = "Posada D' Es Moli" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/16315/1631551/1631551838.JPEG" data-lat="39.52604676" data-lng="2.77135759" data-price = "137€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16315/1631551/1631551838.JPEG" alt="" loading="lazy" data-bhotel-id="189234" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (96)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-posada-d-es-moli-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Posada D' Es Moli</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">11.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">137€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="189234" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-amic-horizonte" data-bhotel-id="hotel-amic-horizonte" data-name = "Hotel Amic Horizonte" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/9326/932638/932638582.JPEG" data-lat="39.55545" data-lng="2.621511" data-price = "62€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9326/932638/932638582.JPEG" alt="" loading="lazy" data-bhotel-id="90280" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (894)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-amic-horizonte-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Amic Horizonte</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">62€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90280" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="portofino-mallorca" data-bhotel-id="portofino-mallorca" data-name = "Portofino Mallorca" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/14721/1472136/1472136313.JPEG" data-lat="39.55158" data-lng="2.6919186" data-price = "80€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14721/1472136/1472136313.JPEG" alt="" loading="lazy" data-bhotel-id="11830" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (571)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-portofino-mallorca-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Portofino Mallorca</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">80€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="11830" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="petit-palace-hotel-tres" data-bhotel-id="petit-palace-hotel-tres" data-name = "Petit Palace Hotel Tres" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12723/1272397/1272397645.JPEG" data-lat="39.5688546448946" data-lng="2.645646147429943" data-price = "155€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12723/1272397/1272397645.JPEG" alt="" loading="lazy" data-bhotel-id="26330" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (370)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/petit-palace-hotel-tres-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Petit Palace Hotel Tres</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">155€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="26330" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="can-bordoy-grand-house-garden" data-bhotel-id="can-bordoy-grand-house-garden" data-name = "Can Bordoy Grand House & Garden" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/11271/1127110/1127110986.JPEG" data-lat="39.56956" data-lng="2.64442" data-price = "293€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11271/1127110/1127110986.JPEG" alt="" loading="lazy" data-bhotel-id="3143547" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (139)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-can-bordoy-grand-house-garden-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Can Bordoy Grand House & Garden</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">293€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3143547" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="bo-hotel-palma" data-bhotel-id="bo-hotel-palma" data-name = "Bo Hotel Palma" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12788/1278821/1278821038.JPEG" data-lat="39.5686593" data-lng="2.6448696" data-price = "133€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12788/1278821/1278821038.JPEG" alt="" loading="lazy" data-bhotel-id="1904752" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (191)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/bo-hotel-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Bo Hotel Palma</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">133€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1904752" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-cappuccino-palma" data-bhotel-id="hotel-cappuccino-palma" data-name = "Hotel Cappuccino - Palma" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/11449/1144936/1144936127.JPEG" data-lat="39.56958" data-lng="2.6503" data-price = "246€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11449/1144936/1144936127.JPEG" alt="" loading="lazy" data-bhotel-id="2085544" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (207)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-cappuccino-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Cappuccino - Palma</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">246€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2085544" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hostal-bonany" data-bhotel-id="hostal-bonany" data-name = "Hostal Bonany" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12296/1229665/1229665607.JPEG" data-lat="39.56855" data-lng="2.62605" data-price = "86€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12296/1229665/1229665607.JPEG" alt="" loading="lazy" data-bhotel-id="272940" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (462)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hostel-hostal-bonany-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hostal Bonany</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">86€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="272940" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-costa-azul" data-bhotel-id="hotel-costa-azul" data-name = "Hotel Costa Azul" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/5513/551352/551352675.JPEG" data-lat="39.568661" data-lng="2.63224" data-price = "148€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/5513/551352/551352675.JPEG" alt="" loading="lazy" data-bhotel-id="296946" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (841)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-costa-azul-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Costa Azul</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">148€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="296946" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-mirador" data-bhotel-id="hotel-mirador" data-name = "Hotel Mirador" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12724/1272445/1272445711.JPEG" data-lat="39.56849" data-lng="2.6315" data-price = "98€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12724/1272445/1272445711.JPEG" alt="" loading="lazy" data-bhotel-id="93304" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (948)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-mirador-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Mirador</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">98€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="93304" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hostal-pons" data-bhotel-id="hostal-pons" data-name = "Hostal Pons" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/11670/1167054/1167054261.JPEG" data-lat="39.570441" data-lng="2.6440944" data-price = "119€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11670/1167054/1167054261.JPEG" alt="" loading="lazy" data-bhotel-id="418838" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (333)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-hostal-pons-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hostal Pons</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">1</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">119€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="418838" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-continental-palma" data-bhotel-id="hotel-continental-palma" data-name = "Hotel Continental Palma" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/9789/978937/978937267.JPEG" data-lat="39.573894" data-lng="2.6397706999999855" data-price = "103€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9789/978937/978937267.JPEG" alt="" loading="lazy" data-bhotel-id="94204" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (578)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-continental-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Continental Palma</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">103€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="94204" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="nivia-born-boutique-hotel" data-bhotel-id="nivia-born-boutique-hotel" data-name = "Nivia Born Boutique Hotel" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/15672/1567222/1567222499.JPEG" data-lat="39.57032" data-lng="2.64711" data-price = "238€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15672/1567222/1567222499.JPEG" alt="" loading="lazy" data-bhotel-id="6896050" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (86)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/nivia-born-boutique-hotel-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Nivia Born Boutique Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">238€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6896050" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="summum-boutique-hotel-member-of-melia-collection" data-bhotel-id="summum-boutique-hotel-member-of-melia-collection" data-name = "Summum Boutique Hotel, Member Of Melia Collection" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/15243/1524358/1524358534.JPEG" data-lat="39.57325" data-lng="2.64585" data-price = "348€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15243/1524358/1524358534.JPEG" alt="" loading="lazy" data-bhotel-id="2616574" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (176)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/summum-boutique-hotel-member-of-melia-collection-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Summum Boutique Hotel, Member Of Melia Collection</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">348€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2616574" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="js-palma-plaza" data-bhotel-id="js-palma-plaza" data-name = "Js Palma Plaza" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/15587/1558769/1558769281.JPEG" data-lat="39.57775" data-lng="2.64085" data-price = "173€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15587/1558769/1558769281.JPEG" alt="" loading="lazy" data-bhotel-id="9403893" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (122)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-js-palma-plaza" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Js Palma Plaza</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">173€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="9403893" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-be-live-adults-only-marivent" data-bhotel-id="hotel-be-live-adults-only-marivent" data-name = "Hotel Be Live Adults Only Marivent" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/3233/323365/323365729.JPEG" data-lat="39.55278" data-lng="2.60646" data-price = "78€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/3233/323365/323365729.JPEG" alt="" loading="lazy" data-bhotel-id="96832" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (549)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-be-live-adults-only-marivent-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Be Live Adults Only Marivent</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">78€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="96832" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="isla-mallorca-spa" data-bhotel-id="isla-mallorca-spa" data-name = "Isla Mallorca & Spa" data-rating = "8.6" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/7045/704570/704570962.JPEG" data-lat="39.569184" data-lng="2.627674" data-price = "106€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7045/704570/704570962.JPEG" alt="" loading="lazy" data-bhotel-id="90981" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (1812)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-isla-mallorca-spa-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Isla Mallorca & Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">106€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90981" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-boc-hostels-palma" data-bhotel-id="the-boc-hostels-palma" data-name = "The Boc Hostels - Palma" data-rating = "8.8" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/10887/1088719/1088719459.JPEG" data-lat="39.58045" data-lng="2.65501" data-price = "116€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10887/1088719/1088719459.JPEG" alt="" loading="lazy" data-bhotel-id="1459782" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (156)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/the-boc-hostels-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Boc Hostels - Palma</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">116€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1459782" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hm-jaime-iii" data-bhotel-id="hm-jaime-iii" data-name = "Hm Jaime III" data-rating = "8.6" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/16395/1639549/1639549282.JPEG" data-lat="39.57299" data-lng="2.64264" data-price = "116€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16395/1639549/1639549282.JPEG" alt="" loading="lazy" data-bhotel-id="91449" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (1108)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-hm-jaime-iii-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hm Jaime III</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">116€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91449" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sheraton-mallorca-arabella-golf-hotel" data-bhotel-id="sheraton-mallorca-arabella-golf-hotel" data-name = "Sheraton Mallorca Arabella Golf Hotel" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/14012/1401298/1401298322.JPEG" data-lat="39.587203" data-lng="2.599281" data-price = "174€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14012/1401298/1401298322.JPEG" alt="" loading="lazy" data-bhotel-id="93611" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (144)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/sheraton-mallorca-arabella-golf-hotel-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sheraton Mallorca Arabella Golf Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">174€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="93611" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="bq-augusta-hotel" data-bhotel-id="bq-augusta-hotel" data-name = "BQ Augusta Hotel" data-rating = "8.6" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/14721/1472106/1472106421.JPEG" data-lat="39.556564" data-lng="2.621545" data-price = "97€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14721/1472106/1472106421.JPEG" alt="" loading="lazy" data-bhotel-id="92285" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (1077)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/bq-augusta-hotel-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">BQ Augusta Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">97€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="92285" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-can-cirera" data-bhotel-id="hotel-can-cirera" data-name = "Hotel Can Cirera" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12539/1253996/1253996593.JPEG" data-lat="39.56825" data-lng="2.64794" data-price = "134€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12539/1253996/1253996593.JPEG" alt="" loading="lazy" data-bhotel-id="8159567" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (148)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-can-cirera-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Can Cirera</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">134€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8159567" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="palma-old-town-turismo-de-interior" data-bhotel-id="palma-old-town-turismo-de-interior" data-name = "Palma Old Town - Turismo De Interior" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/6561/656173/656173689.JPEG" data-lat="39.5695" data-lng="2.65509" data-price = "82€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6561/656173/656173689.JPEG" alt="" loading="lazy" data-bhotel-id="3143470" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (155)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/ferienwohnung-palma-old-town-turismo-de-interior" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Palma Old Town - Turismo De Interior</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">82€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3143470" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="brondo-architect-hotel" data-bhotel-id="brondo-architect-hotel" data-name = "Brondo Architect Hotel" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/16279/1627936/1627936825.JPEG" data-lat="39.5710986" data-lng="2.64771312" data-price = "88€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16279/1627936/1627936825.JPEG" alt="" loading="lazy" data-bhotel-id="392088" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (370)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/brondo-architect-hotel-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Brondo Architect Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">88€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="392088" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sb-arenal" data-bhotel-id="sb-arenal" data-name = "Sb Arenal" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12788/1278835/1278835294.JPEG" data-lat="39.50824" data-lng="2.75209" data-price = "56€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12788/1278835/1278835294.JPEG" alt="" loading="lazy" data-bhotel-id="310221" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (108)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-sb-arenal-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sb Arenal</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">11.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">56€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="310221" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="santa-clara-urban-hotel-spa" data-bhotel-id="santa-clara-urban-hotel-spa" data-name = "Santa Clara Urban Hotel & Spa" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/13068/1306800/1306800523.JPEG" data-lat="39.56694" data-lng="2.65229" data-price = "135€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13068/1306800/1306800523.JPEG" alt="" loading="lazy" data-bhotel-id="12790" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (258)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/santa-clara-urban-hotel-spa-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Santa Clara Urban Hotel & Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">135€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="12790" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-can-alomar" data-bhotel-id="hotel-can-alomar" data-name = "Hotel Can Alomar" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/16040/1604096/1604096415.JPEG" data-lat="39.57006895" data-lng="2.64617621" data-price = "279€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16040/1604096/1604096415.JPEG" alt="" loading="lazy" data-bhotel-id="874133" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (165)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-can-alomar-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Can Alomar</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">279€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="874133" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="palma-riad-adults-only" data-bhotel-id="palma-riad-adults-only" data-name = "Palma Riad - Adults Only" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/11531/1153110/1153110282.JPEG" data-lat="39.57206" data-lng="2.64729" data-price = "591€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11531/1153110/1153110282.JPEG" alt="" loading="lazy" data-bhotel-id="7321160" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (78)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-palma-riad-adults-only" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Palma Riad - Adults Only</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">591€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7321160" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="fil-suites" data-bhotel-id="fil-suites" data-name = "Fil Suites" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12389/1238951/1238951464.JPEG" data-lat="39.57093" data-lng="2.65487" data-price = "94€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12389/1238951/1238951464.JPEG" alt="" loading="lazy" data-bhotel-id="3064711" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (286)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/fil-suites-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Fil Suites</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">94€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3064711" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hesperia-ciudad-de-mallorca" data-bhotel-id="hesperia-ciudad-de-mallorca" data-name = "Hesperia Ciudad De Mallorca" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/16437/1643752/1643752662.JPEG" data-lat="39.5558" data-lng="2.62103" data-price = "218€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16437/1643752/1643752662.JPEG" alt="" loading="lazy" data-bhotel-id="91816" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (381)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-hesperia-ciudad-de-mallorca-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hesperia Ciudad De Mallorca</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">218€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91816" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="urban-hostel-palma-albergue-juvenil-youth-hostel" data-bhotel-id="urban-hostel-palma-albergue-juvenil-youth-hostel" data-name = "Urban Hostel Palma - Albergue Juvenil - Youth Hostel" data-rating = "8.8" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/15566/1556665/1556665180.JPEG" data-lat="39.57092" data-lng="2.63563" data-price = "13€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15566/1556665/1556665180.JPEG" alt="" loading="lazy" data-bhotel-id="1371293" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (134)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/urban-hostel-palma-albergue-juvenil-youth-hostel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Urban Hostel Palma - Albergue Juvenil - Youth Hostel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">13€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1371293" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="nou-baleares" data-bhotel-id="nou-baleares" data-name = "Nou Baleares" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/10059/1005952/1005952987.JPEG" data-lat="39.57321" data-lng="2.66126" data-price = "110€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10059/1005952/1005952987.JPEG" alt="" loading="lazy" data-bhotel-id="5547322" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (261)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-nou-baleares-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Nou Baleares</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">110€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5547322" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-artmadams" data-bhotel-id="hotel-artmadams" data-name = "Hotel Artmadams" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12456/1245647/1245647338.JPEG" data-lat="39.56845" data-lng="2.63031" data-price = "74€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12456/1245647/1245647338.JPEG" alt="" loading="lazy" data-bhotel-id="93305" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (400)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-artmadams-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Artmadams</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">74€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="93305" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="we-hostel-palma-albergue-juvenil" data-bhotel-id="we-hostel-palma-albergue-juvenil" data-name = "We Hostel Palma - Albergue Juvenil" data-rating = "8.8" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/10227/1022737/1022737222.JPEG" data-lat="39.56272" data-lng="2.62598" data-price = "62€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10227/1022737/1022737222.JPEG" alt="" loading="lazy" data-bhotel-id="3043688" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (143)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/we-hostel-palma-albergue-juvenil" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">We Hostel Palma - Albergue Juvenil</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">62€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3043688" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-victoria-gran-melia" data-bhotel-id="hotel-victoria-gran-melia" data-name = "Hotel Victoria Gran Melia" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12723/1272349/1272349093.JPEG" data-lat="39.563988" data-lng="2.626159" data-price = "342€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12723/1272349/1272349093.JPEG" alt="" loading="lazy" data-bhotel-id="91765" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (461)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-victoria-gran-melia-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Victoria Gran Melia</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">342€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="91765" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-ciutat-jardi" data-bhotel-id="hotel-ciutat-jardi" data-name = "Hotel Ciutat Jardi" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/16037/1603731/1603731826.JPEG" data-lat="39.55235" data-lng="2.69099" data-price = "144€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16037/1603731/1603731826.JPEG" alt="" loading="lazy" data-bhotel-id="29850" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (285)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-ciutat-jardi-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Ciutat Jardi</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.1 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">144€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="29850" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hm-balanguera" data-bhotel-id="hm-balanguera" data-name = "Hm Balanguera" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/6828/682844/682844820.JPEG" data-lat="39.57972" data-lng="2.64189" data-price = "120€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6828/682844/682844820.JPEG" alt="" loading="lazy" data-bhotel-id="435832" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (407)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-hm-balanguera-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hm Balanguera</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">120€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="435832" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-bosch-boutique" data-bhotel-id="hotel-bosch-boutique" data-name = "Hotel Bosch Boutique" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/11805/1180501/1180501936.JPEG" data-lat="39.5713" data-lng="2.64746" data-price = "143€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11805/1180501/1180501936.JPEG" alt="" loading="lazy" data-bhotel-id="3134900" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (204)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-bosch-boutique-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Bosch Boutique</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">143€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3134900" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-feliz" data-bhotel-id="hotel-feliz" data-name = "Hotel Feliz" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/746/74637/74637989.JPEG" data-lat="39.560883" data-lng="2.624683" data-price = "100€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/746/74637/74637989.JPEG" alt="" loading="lazy" data-bhotel-id="243584" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (691)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-feliz-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Feliz</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.2 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">100€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="243584" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-lis-mallorca" data-bhotel-id="hotel-lis-mallorca" data-name = "Hotel Lis Mallorca" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/16040/1604084/1604084989.JPEG" data-lat="39.5526412865394" data-lng="2.60195195674896" data-price = "55€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16040/1604084/1604084989.JPEG" alt="" loading="lazy" data-bhotel-id="340111" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (257)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-lis-mallorca-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Lis Mallorca</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">55€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="340111" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="palma-suites" data-bhotel-id="palma-suites" data-name = "Palma Suites" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/10281/1028156/1028156536.JPEG" data-lat="39.5704" data-lng="2.65381" data-price = "214€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10281/1028156/1028156536.JPEG" alt="" loading="lazy" data-bhotel-id="455619" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (283)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/palma-suites" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Palma Suites</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">214€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="455619" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-antigua-palma-casa-noble" data-bhotel-id="hotel-antigua-palma-casa-noble" data-name = "Hotel Antigua Palma - Casa Noble" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/14722/1472209/1472209498.JPEG" data-lat="39.5681838989258" data-lng="2.6517219543457" data-price = "185€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14722/1472209/1472209498.JPEG" alt="" loading="lazy" data-bhotel-id="4569987" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (147)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-antigua-palma-casa-noble" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Antigua Palma - Casa Noble</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">185€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4569987" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="palau-sa-font" data-bhotel-id="palau-sa-font" data-name = "Palau Sa Font" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/15337/1533742/1533742687.JPEG" data-lat="39.56965" data-lng="2.64361" data-price = "155€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15337/1533742/1533742687.JPEG" alt="" loading="lazy" data-bhotel-id="189886" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (432)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-palau-sa-font-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Palau Sa Font</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">155€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="189886" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="icon-roseto" data-bhotel-id="icon-roseto" data-name = "Icon Roseto" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12788/1278847/1278847297.JPEG" data-lat="39.57208" data-lng="2.6495" data-price = "137€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12788/1278847/1278847297.JPEG" alt="" loading="lazy" data-bhotel-id="2706496" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (287)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-icon-roseto-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Icon Roseto</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">137€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2706496" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="brick-palma-turismo-de-interior" data-bhotel-id="brick-palma-turismo-de-interior" data-name = "Brick Palma - Turismo De Interior" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/5361/536108/536108220.JPEG" data-lat="39.570099" data-lng="2.65506" data-price = "139€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/5361/536108/536108220.JPEG" alt="" loading="lazy" data-bhotel-id="1859452" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (256)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-brick-palma-turismo-de-interior" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Brick Palma - Turismo De Interior</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">139€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1859452" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ars-magna-bleisure-hotel" data-bhotel-id="ars-magna-bleisure-hotel" data-name = "Ars Magna Bleisure Hotel" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12840/1284031/1284031261.JPEG" data-lat="39.57899" data-lng="2.65072" data-price = "77€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12840/1284031/1284031261.JPEG" alt="" loading="lazy" data-bhotel-id="4517587" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (274)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/ars-magna-bleisure-hotel-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ars Magna Bleisure Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">77€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4517587" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="convent-de-la-missio-grand-luxury-boutique-hotel-adults-only" data-bhotel-id="convent-de-la-missio-grand-luxury-boutique-hotel-adults-only" data-name = "Convent De La Missio - Grand Luxury Boutique Hotel, Adults Only" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/12316/1231611/1231611137.JPEG" data-lat="39.57356" data-lng="2.65144" data-price = "178€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12316/1231611/1231611137.JPEG" alt="" loading="lazy" data-bhotel-id="90632" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (260)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/convent-de-la-missio-grand-luxury-boutique-hotel-adults-only-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Convent De La Missio - Grand Luxury Boutique Hotel, Adults Only</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">178€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="90632" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-can-quetglas" data-bhotel-id="hotel-can-quetglas" data-name = "Hotel Can Quetglas" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/16137/1613752/1613752826.JPEG" data-lat="39.56466" data-lng="2.62413" data-price = "162€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16137/1613752/1613752826.JPEG" alt="" loading="lazy" data-bhotel-id="8464017" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (88)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-can-quetglas-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Can Quetglas</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">162€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8464017" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="eurostars-marivent" data-bhotel-id="eurostars-marivent" data-name = "Eurostars Marivent" data-rating = "8.4" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/15669/1566906/1566906752.JPEG" data-lat="39.55245991" data-lng="2.61121429" data-price = "210€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15669/1566906/1566906752.JPEG" alt="" loading="lazy" data-bhotel-id="94145" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (732)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-eurostars-marivent-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Eurostars Marivent</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.7 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">210€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="94145" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-palladium" data-bhotel-id="hotel-palladium" data-name = "Hotel Palladium" data-rating = "8.6" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/12074/1207494/1207494367.JPEG" data-lat="39.575269" data-lng="2.644507" data-price = "79€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12074/1207494/1207494367.JPEG" alt="" loading="lazy" data-bhotel-id="47090" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (880)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-palladium-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Palladium</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">79€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="47090" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-hostal-cuba" data-bhotel-id="hotel-hostal-cuba" data-name = "Hotel Hostal Cuba" data-rating = "8.2" data-rating-label = "Sehr gut" data-img = "https://images.touristvr.com/data/images/450x450/14721/1472129/1472129083.JPEG" data-lat="39.570169" data-lng="2.63910699999997" data-price = "150€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14721/1472129/1472129083.JPEG" alt="" loading="lazy" data-bhotel-id="1030006" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (117)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/hotel-hostal-cuba-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Hostal Cuba</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">150€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1030006" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="boutique-hotel-petit-montision" data-bhotel-id="boutique-hotel-petit-montision" data-name = "Boutique Hotel Petit Montision" data-rating = "8.6" data-rating-label = "Ausgezeichnet" data-img = "https://images.touristvr.com/data/images/450x450/12994/1299413/1299413077.JPEG" data-lat="39.56847" data-lng="2.65505" data-price = "241€" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12994/1299413/1299413077.JPEG" alt="" loading="lazy" data-bhotel-id="8314977" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (85)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/de/boutique-hotel-petit-montision-palma" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Boutique Hotel Petit Montision</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">Karte ansehen</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 km City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">Von</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">241€</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8314977" > <span class="mr-2">Verfügbarkeit prüfen</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="39.5771" data-lng="2.65563"></div> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <div data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">Von</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </div> </template> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Entdecken Sie Ihren perfekten Aufenthalt</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Warum sollte man Hotels wählen, wenn man nach Palma reist? Palma de Mallorca ist ein beliebtes Reiseziel in Spanien und lockt jährlich Millionen von Touristen an. Egal, ob man geschäftlich oder privat unterwegs ist, die Auswahl der richtigen Unterkunft ist von großer Bedeutung. In diesem Artikel werden wir einige Gründe beleuchten, warum es sinnvoll ist, sich für ein Hotel zu entscheiden, wenn man nach Palma reist.</p><p>Zunächst einmal bieten Hotels in Palma ein hohes Maß an Komfort und Bequemlichkeit. Als Reisender möchte man sich entspannen und genießen und im Hotel können Sie das tun. Hier können Sie sich jederzeit zurückziehen und einfach entspannen, ohne sich Gedanken über die Sauberkeit und Sicherheit machen zu müssen. Hotels bieten auch eine große Auswahl an Annehmlichkeiten wie Schwimmbäder, Fitness-Studios und Wellnesscenter, die Sie nutzen können.</p><p>Ein weiterer Vorteil von Hotels in Palma ist die hervorragende Lage. Viele Hotels befinden sich in der Nähe wichtiger Sehenswürdigkeiten, Restaurants und Einkaufszentren. Sie müssen sich nicht um Transportmittel kümmern und können viele Orte bequem zu Fuß erreichen. Darüber hinaus bieten Hotels auch einen hervorragenden Service und können Empfehlungen für lokale Aktivitäten und Ausflüge geben.</p><p>Hotels in Palma de Mallorca bieten auch ein hervorragendes Preis-Leistungs-Verhältnis. Im Vergleich zu anderen Unterkünften wie Ferienwohnungen oder Airbnb-Unterkünften bieten Hotels ein hervorragendes Preis-Leistungs-Verhältnis. Sie können sicher sein, dass Sie eine qualitativ hochwertige Unterkunft zu einem angemessenen Preis erhalten. Viele Hotels bieten auch Sonderangebote und Rabatte an, wenn Sie frühzeitig buchen oder länger bleiben. </p><p>Kurz gesagt, Hotels in Palma de Mallorca bieten eine ideale Unterkunft für Reisende, die ein hohes Maß an Komfort, eine erstklassige Lage und ein gutes Preis-Leistungs-Verhältnis suchen. Egal, ob Sie geschäftlich oder privat unterwegs sind, Hotels sind eine hervorragende Wahl für Ihre nächste Reise nach Palma. Buchen Sie jetzt Ihr Hotel und genießen Sie eine entspannende und erlebnisreiche Reise.</p></div> </div> </div> <div class="container"> <div class="flex items-start lg:flex-wrap"> <article class="w-full mb-10 trawell-post-article post-304696" data-langcode="de" data-bcity-id="-395224" data-city-name="Palma" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Hotelname</span> </td> <td style="width: 135px;"> <span>Buchungsbewertung</span> </td> <td style="width: 100px;"> <span>Preis, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#apuntadores-8" class="js-clk-open" data-type="table" data-bhotel-id="330526" data-open-once data-open-passive>Apuntadores 8</a> </td> <td> <p> 8.4 / 10 </p> <p> (2280 Gästebewertung)</p> </td> <td> <span>Von 60€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="330526">Preis prüfen</button> </td> </tr> <tr> <td> <a href="#hotel-abelux" class="js-clk-open" data-type="table" data-bhotel-id="94571" data-open-once data-open-passive>Hotel Abelux</a> </td> <td> <p> 7.9 / 10 </p> <p> (4272 Gästebewertung)</p> </td> <td> <span>Von 57€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="94571">Preis prüfen</button> </td> </tr> <tr> <td> <a href="#hotel-born" class="js-clk-open" data-type="table" data-bhotel-id="322389" data-open-once data-open-passive>Hotel Born</a> </td> <td> <p> 8.7 / 10 </p> <p> (1775 Gästebewertung)</p> </td> <td> <span>Von 239€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="322389">Preis prüfen</button> </td> </tr> <tr> <td> <a href="#hotel-melia-palma-marina" class="js-clk-open" data-type="table" data-bhotel-id="98110" data-open-once data-open-passive>Hotel Melia Palma Marina</a> </td> <td> <p> 8.2 / 10 </p> <p> (3334 Gästebewertung)</p> </td> <td> <span>Von 138€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="98110">Preis prüfen</button> </td> </tr> <tr> <td> <a href="#nixe-palace" class="js-clk-open" data-type="table" data-bhotel-id="91026" data-open-once data-open-passive>Nixe Palace</a> </td> <td> <p> 8.8 / 10 </p> <p> (1158 Gästebewertung)</p> </td> <td> <span>Von 158€</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="91026">Preis prüfen</button> </td> </tr> </tbody> </table> </div> <div class="my-14 grid grid-cols-2 gap-4 lg:grid-cols-1"> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="apuntadores-8" data-id="508515" data-lat="39.56894" data-lng="2.64566"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7696/769687/769687924.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7696/769687/769687924.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13211/1321163/1321163251.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263230/1263230206.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10056/1005618/1005618325.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10056/1005617/1005617800.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9749/974943/974943298.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13211/1321162/1321162855.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7696/769683/769683991.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7696/769684/769684036.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7696/769688/769688002.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7696/769688/769688869.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7696/769693/769693897.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7696/769693/769693942.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7696/769693/769693960.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7696/769693/769693993.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263232/1263232552.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263232/1263232540.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4378/437825/437825643.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263229/1263229582.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14679/1467967/1467967121.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1402/140270/140270289.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1402/140270/140270319.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263227/1263227710.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263238/1263238033.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7702/770246/770246608.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10068/1006899/1006899418.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10069/1006900/1006900114.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159465/159465222.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10056/1005618/1005618103.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263228/1263228238.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263232/1263232030.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13211/1321162/1321162516.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263232/1263232057.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10056/1005617/1005617716.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10056/1005616/1005616843.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13211/1321163/1321163236.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4378/437825/437825550.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263237/1263237328.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159465/159465264.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159465/159465303.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263232/1263232045.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159465/159465285.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706058/706058626.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059643.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059694.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059802.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059886.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059940.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706060/706060159.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706058/706058848.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059040.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059130.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059157.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059985.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263232/1263232597.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7702/770248/770248120.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1594/159465/159465249.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263227/1263227770.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263235/1263235894.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706058/706058707.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263235/1263235858.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059742.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263238/1263238912.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263243/1263243145.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059859.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059226.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059436.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13211/1321163/1321163452.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3026/302602/302602704.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3026/302602/302602724.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3026/302602/302602728.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3026/302602/302602812.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059259.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14679/1467965/1467965309.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2155/215570/215570804.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059511.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12632/1263228/1263228253.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3026/302602/302602732.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059580.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3026/302602/302602820.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10068/1006899/1006899391.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13211/1321162/1321162831.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706059/706059361.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706060/706060183.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10056/1005617/1005617980.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6505/650569/650569482.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706058/706058554.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706058/706058671.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10056/1005616/1005616285.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706060/706060051.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4761/476183/476183106.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5754/575487/575487753.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5754/575487/575487945.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4761/476183/476183103.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4761/476183/476183088.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4761/476183/476183091.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4761/476183/476183097.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2155/215570/215570855.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/430/43015/43015318.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/430/43015/43015321.JPEG" data-image-gallery="galleryapuntadores-8" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="apuntadores-8" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (2280)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="330526">Apuntadores 8</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Calle Apuntadors 8</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Das Hotel Apuntadores 8 liegt im Stadtteil Altstadt, in einer Entfernung von 15 Autominuten vom Flughafen Palma de Mallorca. Diese Unterkunft bietet ebenfalls einen Gepäckraum und einen Safe an.</p><p>Die wichtigsten Sehenswürdigkeiten von Palma wie Plaça Major und Burg von Bellver liegen in der Nähe. Dank der märchenhaften Lage des Hotels sind alle wichtigen Sehenswürdigkeiten wie Kathedrale von Palma und Plaça de la Reina leicht erreichbar.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">Von</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">60€</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="330526" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-abelux" data-id="508516" data-lat="39.58185207" data-lng="2.65051335"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447799.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12724/1272447/1272447799.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272446/1272446749.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447403.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447469.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272446/1272446986.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447622.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447241.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447046.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447340.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447712.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447187.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447895.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15803/1580325/1580325777.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272448/1272448003.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395593/395593008.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395593/395593779.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395597/395597937.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395599/395599317.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395599/395599323.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395592/395592813.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395596/395596182.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447535.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15803/1580325/1580325615.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447103.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395592/395592753.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395598/395598084.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306757/1306757923.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207488/1207488100.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207488/1207488064.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207488/1207488343.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306757/1306757530.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395597/395597958.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207487/1207487809.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306758/1306758499.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207488/1207488388.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3069/306949/306949688.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207488/1207488010.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207489/1207489057.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207488/1207488301.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4664/466400/466400235.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207487/1207487557.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395596/395596161.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395598/395598006.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4563/456371/456371391.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207488/1207488655.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3069/306949/306949712.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272447/1272447298.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680767/680767050.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680766/680766066.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3955/395599/395599260.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680767/680767122.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680767/680767620.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4740/474097/474097944.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680765/680765901.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272446/1272446830.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680766/680766843.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306758/1306758166.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207488/1207488550.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7324/732469/732469771.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306758/1306758274.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7324/732469/732469795.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680767/680767239.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1812/181299/181299759.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10096/1009625/1009625743.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10096/1009625/1009625707.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680767/680767788.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4434/443452/443452164.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5003/500366/500366943.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2180/218004/218004818.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3559/355919/355919191.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1550/155005/155005463.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3559/355919/355919185.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3559/355919/355919188.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/825/82526/82526633.JPEG" data-image-gallery="galleryhotel-abelux" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-abelux" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (4272)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="94571">Hotel Abelux</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Calle Ramon Muntaner, 30</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Das Hotel Abelux ist ein 2-Sterne-Hotel in Palma mit einem Gepäckraum und einem Safe zu Ihrer Verfügung. Markt San Juan ist in nur 350 Meter Entfernung gelegen.</p><p>Plaza España liegt in direkter Nähe zum Hotel und Ferrocarril de Sóller ist in knapp 400 Meter erreichbar. Die ruhige Gegend und St. Margaret's Church befinden sich auch nicht weit von der Unterkunft.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">Von</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">57€</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="94571" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-born" data-id="508517" data-lat="39.571913" data-lng="2.647288"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396629/1396629431.JPEG" data-image-gallery="galleryhotel-born" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13966/1396629/1396629431.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272315/1272315844.JPEG" data-image-gallery="galleryhotel-born" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15582/1558287/1558287433.JPEG" data-image-gallery="galleryhotel-born" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403138/1403138966.JPEG" data-image-gallery="galleryhotel-born" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403141/1403141150.JPEG" data-image-gallery="galleryhotel-born" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403146/1403146079.JPEG" data-image-gallery="galleryhotel-born" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403150/1403150525.JPEG" data-image-gallery="galleryhotel-born" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403150/1403150891.JPEG" data-image-gallery="galleryhotel-born" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403151/1403151083.JPEG" data-image-gallery="galleryhotel-born" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403149/1403149571.JPEG" data-image-gallery="galleryhotel-born" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396626/1396626254.JPEG" data-image-gallery="galleryhotel-born" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396626/1396626920.JPEG" data-image-gallery="galleryhotel-born" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396629/1396629569.JPEG" data-image-gallery="galleryhotel-born" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11760/1176032/1176032995.JPEG" data-image-gallery="galleryhotel-born" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11766/1176662/1176662593.JPEG" data-image-gallery="galleryhotel-born" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11766/1176662/1176662620.JPEG" data-image-gallery="galleryhotel-born" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11766/1176663/1176663676.JPEG" data-image-gallery="galleryhotel-born" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11766/1176663/1176663748.JPEG" data-image-gallery="galleryhotel-born" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11766/1176666/1176666109.JPEG" data-image-gallery="galleryhotel-born" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11715/1171575/1171575309.JPEG" data-image-gallery="galleryhotel-born" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11715/1171575/1171575912.JPEG" data-image-gallery="galleryhotel-born" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403153/1403153078.JPEG" data-image-gallery="galleryhotel-born" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11715/1171575/1171575330.JPEG" data-image-gallery="galleryhotel-born" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403153/1403153561.JPEG" data-image-gallery="galleryhotel-born" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396625/1396625150.JPEG" data-image-gallery="galleryhotel-born" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664071/664071849.JPEG" data-image-gallery="galleryhotel-born" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403153/1403153093.JPEG" data-image-gallery="galleryhotel-born" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664071/664071576.JPEG" data-image-gallery="galleryhotel-born" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664074/664074288.JPEG" data-image-gallery="galleryhotel-born" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396627/1396627484.JPEG" data-image-gallery="galleryhotel-born" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6659/665965/665965365.JPEG" data-image-gallery="galleryhotel-born" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664074/664074300.JPEG" data-image-gallery="galleryhotel-born" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207498/1207498558.JPEG" data-image-gallery="galleryhotel-born" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207498/1207498444.JPEG" data-image-gallery="galleryhotel-born" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207498/1207498849.JPEG" data-image-gallery="galleryhotel-born" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207497/1207497835.JPEG" data-image-gallery="galleryhotel-born" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207497/1207497886.JPEG" data-image-gallery="galleryhotel-born" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207497/1207497952.JPEG" data-image-gallery="galleryhotel-born" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207498/1207498006.JPEG" data-image-gallery="galleryhotel-born" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207498/1207498126.JPEG" data-image-gallery="galleryhotel-born" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207498/1207498600.JPEG" data-image-gallery="galleryhotel-born" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207498/1207498909.JPEG" data-image-gallery="galleryhotel-born" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207497/1207497496.JPEG" data-image-gallery="galleryhotel-born" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207497/1207497589.JPEG" data-image-gallery="galleryhotel-born" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207497/1207497451.JPEG" data-image-gallery="galleryhotel-born" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403148/1403148560.JPEG" data-image-gallery="galleryhotel-born" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207498/1207498513.JPEG" data-image-gallery="galleryhotel-born" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207499/1207499062.JPEG" data-image-gallery="galleryhotel-born" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403150/1403150909.JPEG" data-image-gallery="galleryhotel-born" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403153/1403153582.JPEG" data-image-gallery="galleryhotel-born" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14084/1408424/1408424174.JPEG" data-image-gallery="galleryhotel-born" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14084/1408424/1408424171.JPEG" data-image-gallery="galleryhotel-born" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207497/1207497544.JPEG" data-image-gallery="galleryhotel-born" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306759/1306759480.JPEG" data-image-gallery="galleryhotel-born" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306760/1306760317.JPEG" data-image-gallery="galleryhotel-born" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306760/1306760968.JPEG" data-image-gallery="galleryhotel-born" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306762/1306762501.JPEG" data-image-gallery="galleryhotel-born" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306762/1306762639.JPEG" data-image-gallery="galleryhotel-born" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306762/1306762852.JPEG" data-image-gallery="galleryhotel-born" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306759/1306759819.JPEG" data-image-gallery="galleryhotel-born" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306762/1306762753.JPEG" data-image-gallery="galleryhotel-born" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272316/1272316138.JPEG" data-image-gallery="galleryhotel-born" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272316/1272316711.JPEG" data-image-gallery="galleryhotel-born" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306762/1306762279.JPEG" data-image-gallery="galleryhotel-born" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272316/1272316459.JPEG" data-image-gallery="galleryhotel-born" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272316/1272316201.JPEG" data-image-gallery="galleryhotel-born" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11760/1176032/1176032983.JPEG" data-image-gallery="galleryhotel-born" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11760/1176037/1176037603.JPEG" data-image-gallery="galleryhotel-born" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11766/1176662/1176662602.JPEG" data-image-gallery="galleryhotel-born" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272316/1272316078.JPEG" data-image-gallery="galleryhotel-born" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207499/1207499290.JPEG" data-image-gallery="galleryhotel-born" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207499/1207499584.JPEG" data-image-gallery="galleryhotel-born" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207499/1207499905.JPEG" data-image-gallery="galleryhotel-born" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12075/1207500/1207500544.JPEG" data-image-gallery="galleryhotel-born" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207499/1207499203.JPEG" data-image-gallery="galleryhotel-born" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272316/1272316585.JPEG" data-image-gallery="galleryhotel-born" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10144/1014400/1014400951.JPEG" data-image-gallery="galleryhotel-born" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272316/1272316381.JPEG" data-image-gallery="galleryhotel-born" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9864/986430/986430766.JPEG" data-image-gallery="galleryhotel-born" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403141/1403141165.JPEG" data-image-gallery="galleryhotel-born" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11760/1176031/1176031810.JPEG" data-image-gallery="galleryhotel-born" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12074/1207498/1207498240.JPEG" data-image-gallery="galleryhotel-born" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396627/1396627571.JPEG" data-image-gallery="galleryhotel-born" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13966/1396629/1396629035.JPEG" data-image-gallery="galleryhotel-born" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272316/1272316420.JPEG" data-image-gallery="galleryhotel-born" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4972/497202/497202951.JPEG" data-image-gallery="galleryhotel-born" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13067/1306760/1306760134.JPEG" data-image-gallery="galleryhotel-born" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9864/986430/986430763.JPEG" data-image-gallery="galleryhotel-born" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6144/614462/614462780.JPEG" data-image-gallery="galleryhotel-born" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664071/664071771.JPEG" data-image-gallery="galleryhotel-born" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3761/376126/376126546.JPEG" data-image-gallery="galleryhotel-born" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4526/452611/452611338.JPEG" data-image-gallery="galleryhotel-born" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14031/1403151/1403151797.JPEG" data-image-gallery="galleryhotel-born" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3761/376126/376126543.JPEG" data-image-gallery="galleryhotel-born" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4972/497202/497202978.JPEG" data-image-gallery="galleryhotel-born" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3761/376126/376126576.JPEG" data-image-gallery="galleryhotel-born" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3761/376126/376126525.JPEG" data-image-gallery="galleryhotel-born" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4972/497202/497202960.JPEG" data-image-gallery="galleryhotel-born" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4972/497202/497202987.JPEG" data-image-gallery="galleryhotel-born" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1217/121713/121713156.JPEG" data-image-gallery="galleryhotel-born" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-born" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (1775)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="322389">Hotel Born</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Sant Jaume, 3</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Das attraktive Hotel Born in Palma verfügt über einen Innenhof, eine Sonnenterrasse und ein Restaurant. Einkaufszentrum El Corte Inglés ist 1,3 km vom Hotel entfernt und Casal Solleric liegt gerade um die Ecke.</p><p>Das Hotel ist innerhalb von 5 Fußminuten vom Stadtzentrum aus zu erreichen. Zu Sehenswürdigkeiten innerhalb von 10 Autominuten von diesem reizvollen Hotel gehört Burg San Carlos. Kathedrale von Palma liegt in unmittelbarer Nähe zum Hotel.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">Von</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">239€</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="322389" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-melia-palma-marina" data-id="508518" data-lat="39.56457" data-lng="2.627831"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272338/1272338728.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12723/1272338/1272338728.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16147/1614776/1614776030.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16147/1614776/1614776040.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16147/1614776/1614776043.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608779/1608779809.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14984/1498482/1498482865.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272341/1272341236.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272338/1272338311.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608779/1608779805.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12942/1294273/1294273579.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12942/1294278/1294278373.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334975.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11861/1186163/1186163368.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11861/1186160/1186160764.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11335/1133514/1133514579.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272338/1272338092.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272332/1272332584.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334369.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272340/1272340651.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272342/1272342616.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11335/1133526/1133526003.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334738.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272333/1272333178.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272338/1272338881.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608779/1608779813.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11335/1133515/1133515974.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272341/1272341569.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11861/1186163/1186163395.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608779/1608779814.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12942/1294295/1294295692.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272338/1272338941.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272336/1272336124.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272336/1272336271.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334111.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334699.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272335/1272335116.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272335/1272335407.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272335/1272335878.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272339/1272339187.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272339/1272339349.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272339/1272339403.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272339/1272339739.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272339/1272339922.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272340/1272340522.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272340/1272340849.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272341/1272341359.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272342/1272342250.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272342/1272342550.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272332/1272332080.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272332/1272332386.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272332/1272332902.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272332/1272332935.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272333/1272333076.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272333/1272333223.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272333/1272333334.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272333/1272333433.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272333/1272333796.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272333/1272333853.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334012.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334045.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334300.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334339.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334480.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334522.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334660.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334783.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334822.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272334/1272334903.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272335/1272335617.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272335/1272335839.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272335/1272335950.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272336/1272336016.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272336/1272336310.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272336/1272336373.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272336/1272336604.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272336/1272336916.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272337/1272337219.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272337/1272337267.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272337/1272337543.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272337/1272337675.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272337/1272337933.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272337/1272337978.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272338/1272338392.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272340/1272340162.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272340/1272340291.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272340/1272340363.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272341/1272341005.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272342/1272342046.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272342/1272342088.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272342/1272342193.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272343/1272343126.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272343/1272343318.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272340/1272340009.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272338/1272338998.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11335/1133512/1133512929.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11335/1133512/1133512026.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272335/1272335026.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272336/1272336211.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272335/1272335476.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11656/1165639/1165639836.JPEG" data-image-gallery="galleryhotel-melia-palma-marina" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-melia-palma-marina" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (3334)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="98110">Hotel Melia Palma Marina</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Paseo Ingeniero Gabriel Roca, 29</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>In der Innenstadt von Palma gelegen, bietet das 4-Sterne Hotel Melia Palma Marina ein Solarium und Kontrastduschen. Paseo Marítimo und Kathedrale von Palma befinden sich 2 bzw. 2,1 km vom Hotel Melia Palma Marina entfernt.</p><p>Das Hotel befindet sich ideal im beliebten Stadtviertel. Dank der strategischen Lage des Hotels sind alle wichtigen Sehenswürdigkeiten wie Burg von Bellver und Social club leicht erreichbar. Dieses elegante Hotel liegt nicht weit vom Mittelmeer entfernt.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">Von</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">138€</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="98110" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="nixe-palace" data-id="508519" data-lat="39.55273" data-lng="2.60741"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7383/738343/738343045.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7383/738343/738343045.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272425/1272425959.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954605.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954607.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954608.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954611.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954612.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954615.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954616.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954617.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954619.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954621.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954622.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612956/1612956501.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612956/1612956511.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612956/1612956521.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612956/1612956523.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397153.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397344.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397346.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397350.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554152/1554152236.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554152/1554152329.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554152/1554152734.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554152/1554152908.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554152/1554152917.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554152/1554152971.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554152/1554152974.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554153/1554153085.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554153/1554153886.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554153/1554153976.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554154/1554154093.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554154/1554154138.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554154/1554154159.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554154/1554154177.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554154/1554154201.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554159/1554159379.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272425/1272425212.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272425/1272425494.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272425/1272425728.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272425/1272425872.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272426/1272426043.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272426/1272426133.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272426/1272426574.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272426/1272426778.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272426/1272426853.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272426/1272426949.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272427/1272427024.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272427/1272427390.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272427/1272427465.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272427/1272427279.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613413/1613413347.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954613.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272426/1272426334.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15895/1589518/1589518198.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554158/1554158704.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554159/1554159034.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272426/1272426211.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397348.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397374.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397377.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272424/1272424060.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272424/1272424138.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272425/1272425608.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954614.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554159/1554159028.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272427/1272427168.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272423/1272423562.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272423/1272423997.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272425/1272425395.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272424/1272424453.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272424/1272424621.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272424/1272424744.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272423/1272423940.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612956/1612956513.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397154.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397372.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612954/1612954620.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554159/1554159502.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830270/830270882.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830266/830266838.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830268/830268659.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830269/830269310.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830269/830269442.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8302/830273/830273105.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7919/791906/791906937.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664039/664039728.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664042/664042104.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664043/664043574.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664038/664038864.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664039/664039317.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664039/664039755.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664037/664037334.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12724/1272424/1272424255.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15953/1595397/1595397150.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612957/1612957258.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554153/1554153970.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15541/1554153/1554153907.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6640/664037/664037343.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8329/832956/832956548.JPEG" data-image-gallery="gallerynixe-palace" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="nixe-palace" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Ausgezeichnet </span> <span> (1158)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="91026">Nixe Palace</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Avenida Joan Miro, 269</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Das Hotel Nixe Palace liegt im Geschäftsbezirk von Palma und verfügt über Sonnenliegen und die Gärten auf dem Gelände. Marivent Garden ist 450 Meter von dieser einladenden Unterkunft entfernt.</p><p>Stiftung Pilar i Joan Miró liegt in direkter Nähe zum Hotel und Iglesia De Santa Eulalia ist in knapp 400 Meter erreichbar. Die Unterkunft liegt in besonderer Lage ganz in der Nähe vom Strand. Cala mallor liegt in unmittelbarer Nähe zu dieser Unterkunft.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">Von</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">158€</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="91026" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-amic-horizonte" data-id="508520" data-lat="39.55545" data-lng="2.621511"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9326/932638/932638582.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/9326/932638/932638582.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272370/1272370081.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272370/1272370525.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272370/1272370861.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272370/1272370963.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272371/1272371056.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368431.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369727.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272370/1272370735.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272371/1272371158.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272370/1272370429.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541040/1541040460.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864539.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369430.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541040/1541040568.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541863/1541863135.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864695.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864701.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864917.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864974.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864992.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541865/1541865676.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541866/1541866024.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541866/1541866039.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15629/1562928/1562928796.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15629/1562928/1562928805.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541041/1541041516.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541865/1541865844.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369508.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864461.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864521.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368284.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541865/1541865010.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864653.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541037/1541037346.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15410/1541041/1541041624.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864914.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541901/1541901826.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541934/1541934331.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15629/1562928/1562928790.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15629/1562928/1562928793.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15629/1562928/1562928808.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369970.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369283.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368515.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864995.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368785.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368821.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864776.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864899.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369373.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9325/932546/932546191.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9342/934262/934262572.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9257/925712/925712668.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9326/932632/932632285.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9326/932632/932632462.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9326/932632/932632468.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9326/932632/932632495.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541866/1541866015.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721492/721492951.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6416/641645/641645898.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10300/1030056/1030056151.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541865/1541865013.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4517/451771/451771659.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369805.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721492/721492411.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721492/721492753.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721492/721492759.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15419/1541935/1541935165.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6416/641649/641649831.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369094.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368662.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368050.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721493/721493068.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541865/1541865283.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368716.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272367/1272367990.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368146.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368212.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369028.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368614.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272367/1272367570.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13068/1306868/1306868002.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12075/1207524/1207524934.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13068/1306865/1306865965.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272369/1272369865.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721492/721492273.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272368/1272368098.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721492/721492894.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864443.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8301/830187/830187284.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8301/830187/830187161.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541865/1541865928.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12075/1207524/1207524880.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12075/1207524/1207524982.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541864/1541864887.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12723/1272370/1272370180.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15418/1541866/1541866030.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13068/1306866/1306866214.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15629/1562928/1562928787.JPEG" data-image-gallery="galleryhotel-amic-horizonte" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-amic-horizonte" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Sehr gut </span> <span> (3938)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="90280">Hotel Amic Horizonte</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Carrer De Vista Alegre, 1</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> <p>Das Hotel Amic Horizonte Palma ist ein gemütliches Hotel mit Blick über das Mittelmeer, das seinen Gästen einen Außenpool, einen Golfplatz und eine Sonnenterrasse zur Verfügung stellt. Der Flughafen Palma de Mallorca ist 0,5 km vom Hotel entfernt und Paseo Marítimo ist 2,9 km entfernt.</p><p>Dieses gemütliche Hotel befindet sich in einer ruhigen Gegend von Palma. Das Hotel liegt unweit vom Strand. Einkaufszentrum Porto Pi liegt in unmittelbarer Nähe zum Hotel.</p> </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">Von</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">96€</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="90280" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 px-[15px]"> <style> .faq-accordion-item { transition: margin 0.3s ease; } .faq-accordion-item.active { margin-bottom: 10px; } .faq-accordion-item.active svg{ transform: rotate(180deg); } .faq-accordion-item svg { transition: transform 0.3s ease; } </style> <div class="max-w-[800px] mx-auto "> <h3 class="section-title mb-5">Palma Hotels FAQ</h3> <div xmlns="http://www.w3.org/1999/xhtml"> <div typeof="schema:FAQPage"> <div class="rounded-md bg-white mb-2 p-4" rel="schema:mainEntity"> <div typeof="schema:Question"> <div class="section-sub-title flex items-center justify-between cursor-pointer js-faq-accordion-item faq-accordion-item" property="schema:name" content="Welche Unterkünfte im Stadtzentrum von Palma sind die besten?"> <span>Welche Unterkünfte im Stadtzentrum von Palma sind die besten?</span> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div rel="schema:acceptedAnswer"> <div typeof="schema:Answer"> <div class="text-base" property="schema:text" content="Mit Hilfe von 1109 Gästebewertungen hat destinations.guide für Sie die schönsten Unterkünfte im Zentrum von Palma ausgesucht. Eines der besten Hotels im Stadtzentrum von Palma ist das Hotel Cort, mit einer Bewertung von 8,2/10 Punkten ab 56 US$ pro Nacht. Das Brondo Architect Hotel (Bewertung: 8,2/10) und das Hotel Can Cera (Bewertung: 8,6/10) sind die beliebtesten Hotels in dieser Gegend. Für weitere zentrale Hotels klicken Sie hier.">Mit Hilfe von 1109 Gästebewertungen hat destinations.guide für Sie die schönsten Unterkünfte im Zentrum von Palma ausgesucht. Eines der besten Hotels im Stadtzentrum von Palma ist das Hotel Cort, mit einer Bewertung von 8,2/10 Punkten ab 56 US$ pro Nacht. Das Brondo Architect Hotel (Bewertung: 8,2/10) und das Hotel Can Cera (Bewertung: 8,6/10) sind die beliebtesten Hotels in dieser Gegend. Für weitere zentrale Hotels klicken Sie hier.</div> </div> </div> </div> </div> <div class="rounded-md bg-white mb-2 p-4" rel="schema:mainEntity"> <div typeof="schema:Question"> <div class="section-sub-title flex items-center justify-between cursor-pointer js-faq-accordion-item faq-accordion-item" property="schema:name" content="Welche Hotels im Bezirk Santa Catalina sind die besten?"> <span>Welche Hotels im Bezirk Santa Catalina sind die besten?</span> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div rel="schema:acceptedAnswer"> <div typeof="schema:Answer"> <div class="text-base" property="schema:text" content="Mehr als 3 Unterkünfte liegen im Bezirk Santa Catalina. Eines der besten Hotels im Bezirk Santa Catalina ist das Hotel Continental Palma zum Preis von 105 US$ pro Nacht mit einer Sauna und einem Fitness-Raum. Das Hotel Hostal Cuba mit einer Bewertung von 8,0/10 Punkten kostet 252 US$ pro Nacht. Weitere passende Angebote finden Sie hier.">Mehr als 3 Unterkünfte liegen im Bezirk Santa Catalina. Eines der besten Hotels im Bezirk Santa Catalina ist das Hotel Continental Palma zum Preis von 105 US$ pro Nacht mit einer Sauna und einem Fitness-Raum. Das Hotel Hostal Cuba mit einer Bewertung von 8,0/10 Punkten kostet 252 US$ pro Nacht. Weitere passende Angebote finden Sie hier.</div> </div> </div> </div> </div> <div class="rounded-md bg-white mb-2 p-4" rel="schema:mainEntity"> <div typeof="schema:Question"> <div class="section-sub-title flex items-center justify-between cursor-pointer js-faq-accordion-item faq-accordion-item" property="schema:name" content="Welche günstigen Hotels sind die besten in Palma?"> <span>Welche günstigen Hotels sind die besten in Palma?</span> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div rel="schema:acceptedAnswer"> <div typeof="schema:Answer"> <div class="text-base" property="schema:text" content="Es gibt mehr als 8 tolle günstige Unterkünfte in Palma zur Auswahl. Eines der besten günstigen Hotels ist das Sercotel Hotel Zurbarán (Bewertung: 7,4/10) mit einer Terrasse und einem Restaurant. Der Preis beträgt etwa 64 US$ pro Nacht. Das Hotel Amic Horizonte mit einer Bewertung von 7,6/10 Punkten ist ein weiteres großartiges Hotel mit einem Garten und einem Restaurant. Der Zimmerpreis beträgt 62 US$ pro Nacht. Hotel Araxa (Adults Only) und Hostal Pinar sind weitere beliebte günstige Hotels. Hier finden Sie noch mehr günstige Hotels.">Es gibt mehr als 8 tolle günstige Unterkünfte in Palma zur Auswahl. Eines der besten günstigen Hotels ist das Sercotel Hotel Zurbarán (Bewertung: 7,4/10) mit einer Terrasse und einem Restaurant. Der Preis beträgt etwa 64 US$ pro Nacht. Das Hotel Amic Horizonte mit einer Bewertung von 7,6/10 Punkten ist ein weiteres großartiges Hotel mit einem Garten und einem Restaurant. Der Zimmerpreis beträgt 62 US$ pro Nacht. Hotel Araxa (Adults Only) und Hostal Pinar sind weitere beliebte günstige Hotels. Hier finden Sie noch mehr günstige Hotels.</div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in Country</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/barcelona-hotels">Barcelona</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/valencia-hotels">Valencia</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/lloret-de-mar-hotels">Lloret de Mar</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/malaga-hotels">Málaga</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/marbella-hotels">Marbella</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/cala-millor-mallorca-hotels">Cala Millor (Mallorca)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/el-arenal-mallorca-hotels">El Arenal (Mallorca)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/sevilla-hotels">Sevilla</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/alicante-hotels">Alicante</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/playa-de-muro-mallorca-hotels">Playa de Muro (Mallorca)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/cala-ratjada-mallorca-hotels">Cala Ratjada (Mallorca)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/bilbao-hotels">Bilbao</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in World</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/leipzig-hotels">Leipzig</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/paris-hotels">Paris</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/amsterdam-hotels">Amsterdam</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/prag-hotels">Prag</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/dubai-hotels">Dubai</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/hannover-hotels">Hannover</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/dortmund-hotels">Dortmund</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/groemitz-hotels">Grömitz</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/cuxhaven-hotels">Cuxhaven</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/buesum-hotels">Büsum</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/timmendorfer-strand-hotels">Timmendorfer Strand</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/new-york-hotels">New York</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/de/palma-hotels-altstadt">Altstadt</a> </div> </div> </div> </div> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Palma</h3> <p class="trawell-exit-popup__subtitle">Finden Sie Ihre perfekte Unterkunft!</p> <p class="trawell-exit-popup__text">Tolle Standorte und Angebote für jedes Budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Prüfen Sie die Angebote</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">Nein, danke</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Finden Sie auf <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Schließen, ich brauche mehr Optionen</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/de/top-countries/">Beliebte Länder</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/de/top-hotels/">Beste Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/de/popular-destinations/">Populäre Städte</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/de/top-landmarks/">Die beliebtesten Sehenswürdigkeiten</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/de/top-regions/">Beliebte Regionen</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Palma</p> <div class="columns-2 text-white md:columns-1"> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/de/palma-bed-and-breakfast">bed and breakfast palma</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/de/palma-familienhotels">familienhotel palma de mallorca</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"tf1axdFWaBzWLrTN"},"isBot":false,"language":{"id":2,"name":"German","code":"de","script":"Latn","native":"Deutsch","regional":"de_DE"},"aid":2194096,"dest_type":"city","dest_id":"-395224","dest_name":"Palma","city_id":31396,"pid":304696,"page":"post","bid":"-395224"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DD67ELos.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/faq-BNSvpbqa.js" /><script type="module" src="https://touristvr.com/build/assets/faq-BNSvpbqa.js"></script> </body> </html>

CINXE.COM

Die Besten Hotels in Palma, Spanien